@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
.con_inner, .box_container, .gnav .inner, .con_topicpath, .con_title {
  max-width: 1140px;
  margin: auto;
}
@media only screen and (max-width: 1140px) {
  .con_inner, .box_container, .gnav .inner, .con_topicpath, .con_title {
    width: 95%;
  }
}
@media print {
  .con_inner, .box_container, .gnav .inner, .con_topicpath, .con_title {
    width: 95%;
  }
}
.ie8 .con_inner, .ie8 .box_container, .ie8 .gnav .inner, .gnav .ie8 .inner, .ie8 .con_topicpath, .ie8 .con_title {
  width: 95%;
}

.con_inner:after, .box_container:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
  font-size: small;
  line-height: 1.8;
}

body {
  color: #333333;
  background: #ffffff;
  -webkit-text-size-adjust: none;
  font-size: 108%;
}
.ie body {
  font-size: 105%;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 100%;
  }
}
body a {
  color: #4d4d4d;
}
body a:link, body a:visited, body a:active {
  text-decoration: underline;
}
.mouse body a:hover, .touch body a.touchstart {
  text-decoration: none;
  color: #666666;
}
body img {
  max-width: 100%;
  -webkit-touch-callout: none;
}

body, pre, input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

input, select, textarea {
  font-size: 100%;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
  display: none !important;
}
html.ie8 #page {
  min-width: 1140px !important;
  margin: auto;
  font-size: 100% !important;
}

@media only screen and (min-width: 1025px) {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
@media print {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
.ie8 body .view_tab-sp, .ie8 body .view_tab {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  body .view_sp {
    display: none !important;
  }
}
@media print {
  body .view_sp {
    display: none !important;
  }
}
.ie8 body .view_sp {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  body .view_pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .view_pc-tab, body .view_tab {
    display: none !important;
  }
}

.mouse .over {
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .over {
  -webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

.st_high {
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .st_high {
    line-height: 1.3;
  }
}
.st_high span.jp {
  color: #333333;
  font-size: 236%;
  display: inline-block;
  padding: 0 40px;
  position: relative;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (max-width: 767px) {
  .st_high span.jp {
    font-size: 172%;
    padding: 0 30px;
  }
}
.st_high span.jp:before, .st_high span.jp:after {
  content: "";
  display: block;
  width: 23px;
  height: 4px;
  background: #333333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .st_high span.jp:before, .st_high span.jp:after {
    width: 16px;
    height: 3px;
  }
}
.st_high span.jp:before {
  left: 0;
}
.st_high span.jp:after {
  right: 0;
}
.st_high span.en {
  display: block;
  font-family: "Times New Roman", serif;
  font-size: 129%;
  font-style: italic;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .st_high span.en {
    font-size: 115%;
  }
}
.st_high span.en em {
  font-size: 134%;
  font-style: italic;
}

.st_high_border {
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .st_high_border {
    line-height: 1.3;
  }
}
.st_high_border span.jp {
  color: #333333;
  font-size: 236%;
  display: inline-block;
  padding: 0 40px;
  position: relative;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (max-width: 767px) {
  .st_high_border span.jp {
    font-size: 172%;
    padding: 0 30px;
  }
}
.st_high_border span.jp:before, .st_high_border span.jp:after {
  content: "";
  display: block;
  width: 23px;
  height: 4px;
  background: #333333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .st_high_border span.jp:before, .st_high_border span.jp:after {
    width: 16px;
    height: 3px;
  }
}
.st_high_border span.jp:before {
  left: 0;
}
.st_high_border span.jp:after {
  right: 0;
}
.st_high_border span.en {
  display: block;
  font-family: "Times New Roman", serif;
  font-size: 129%;
  font-style: italic;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .st_high_border span.en {
    font-size: 115%;
  }
}
.st_high_border span.en em {
  font-size: 134%;
  font-style: italic;
}

.st_mid_skew {
  position: relative;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-weight: normal;
}
.st_mid_skew span {
  display: inline-block;
  font-size: 158%;
  position: relative;
  padding: 0 50px 0 0.5em;
  z-index: 2;
  overflow: hidden;
  vertical-align: top;
}
@media only screen and (max-width: 1024px) {
  .st_mid_skew span {
    font-size: 129%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .st_mid_skew span {
    font-size: 115%;
    padding-left: 15px;
  }
}
.st_mid_skew span:after {
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  right: 6%;
  bottom: 0;
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  transform: skewX(40deg);
  position: absolute;
  z-index: -1;
  background: #000;
}

.st_mid_center {
  font-weight: normal;
  font-size: 158%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .st_mid_center {
    font-size: 143%;
    margin-bottom: 20px;
  }
}
.st_mid_center span {
  display: inline-block;
  padding: 0 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .st_mid_center span {
    padding: 0 25px;
  }
}
.st_mid_center span:before, .st_mid_center span:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #43281b;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .st_mid_center span:before, .st_mid_center span:after {
    width: 15px;
  }
}
.st_mid_center span:before {
  left: 0;
}
.st_mid_center span:after {
  right: 0;
}

.st_mid {
  font-weight: normal;
  font-size: 172%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .st_mid {
    margin-bottom: 20px;
    font-size: 143%;
  }
}
.st_mid:before {
  content: "◆";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 59%;
  color: #cccccc;
  margin-top: -3px;
}

.st_sm {
  font-weight: normal;
  background: #f5f3ed;
  padding: 0.5em;
  font-size: 108%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.st_sm:before {
  content: "◆";
  display: inline;
  margin-right: 0.5em;
  color: #ccc;
}
@media only screen and (max-width: 767px) {
  .st_sm:before {
    font-size: 87%;
  }
}

.btn_basic.brown a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #4e3427;
}
@media only screen and (max-width: 767px) {
  .btn_basic.brown a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.brown a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.brown a:hover {
  background: #470c0c;
}
.btn_basic.brown a:hover:after {
  right: 8px;
}
.btn_basic.brown a:hover {
  background: #3d291f;
}
.btn_basic.pale a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #b09d94;
}
@media only screen and (max-width: 767px) {
  .btn_basic.pale a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.pale a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.pale a:hover {
  background: #470c0c;
}
.btn_basic.pale a:hover:after {
  right: 8px;
}
.btn_basic.pale a:hover {
  background: #a59085;
}
.btn_basic.red a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #5d1010;
}
@media only screen and (max-width: 767px) {
  .btn_basic.red a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.red a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.red a:hover {
  background: #470c0c;
}
.btn_basic.red a:hover:after {
  right: 8px;
}
.btn_basic.red a:hover {
  background: #470c0c;
}
.btn_basic.ghost a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  border: 1px solid #ccc;
  color: #333333 !important;
}
@media only screen and (max-width: 767px) {
  .btn_basic.ghost a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.ghost a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.ghost a:hover {
  background: #470c0c;
}
.btn_basic.ghost a:hover:after {
  right: 8px;
}
.btn_basic.ghost a:hover {
  background: #bfbfbf;
}
.btn_basic.gray a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #646464;
}
@media only screen and (max-width: 767px) {
  .btn_basic.gray a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.gray a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.gray a:hover {
  background: #470c0c;
}
.btn_basic.gray a:hover:after {
  right: 8px;
}
.btn_basic.gray a:hover {
  background: #575757;
}
.btn_basic.yellow a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #987010;
}
@media only screen and (max-width: 767px) {
  .btn_basic.yellow a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.yellow a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.yellow a:hover {
  background: #470c0c;
}
.btn_basic.yellow a:hover:after {
  right: 8px;
}
.btn_basic.yellow a:hover {
  background: #815f0e;
}
.btn_basic.blue a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #063f74;
}
@media only screen and (max-width: 767px) {
  .btn_basic.blue a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.btn_basic.blue a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_basic.blue a:hover {
  background: #470c0c;
}
.btn_basic.blue a:hover:after {
  right: 8px;
}
.btn_basic.blue a:hover {
  background: #05325c;
}

.btn_large.red a {
  display: inline-block;
  width: 100%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #fff !important;
  text-decoration: none;
  font-size: 122%;
  text-align: center;
  padding: 1em 35px;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  background: #5d1010;
}
@media only screen and (max-width: 767px) {
  .btn_large.red a {
    font-size: 115%;
  }
}
.btn_large.red a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_large.red a:hover:after {
  right: 8px;
}
.btn_large.red a:hover {
  background: #470c0c;
}
.btn_large.blue a {
  display: inline-block;
  width: 100%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #fff !important;
  text-decoration: none;
  font-size: 122%;
  text-align: center;
  padding: 1em 35px;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  background: #001955;
}
@media only screen and (max-width: 767px) {
  .btn_large.blue a {
    font-size: 115%;
  }
}
.btn_large.blue a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_large.blue a:hover:after {
  right: 8px;
}
.btn_large.blue a:hover {
  background: #00123c;
}
.btn_large.yellow a {
  display: inline-block;
  width: 100%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #fff !important;
  text-decoration: none;
  font-size: 122%;
  text-align: center;
  padding: 1em 35px;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  background: #987010;
}
@media only screen and (max-width: 767px) {
  .btn_large.yellow a {
    font-size: 115%;
  }
}
.btn_large.yellow a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_large.yellow a:hover:after {
  right: 8px;
}
.btn_large.yellow a:hover {
  background: #815f0e;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #page {
    font-size: 100% !important;
  }
}
@media print {
  #page {
    font-size: 100% !important;
  }
}
.ie8 #page {
  font-size: 100% !important;
}
@media only screen and (max-width: 767px) {
  #page {
    padding-top: 80px;
  }
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.box_container {
  display: block;
}

/*準備中のテキスト*/
.txt_preparation {
  text-align: center;
}

/* -----------------------------------------------------------
	.bg_page
----------------------------------------------------------- */
#bg_page {
  padding-top: 370px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  #bg_page {
    padding-top: 65%;
  }
}

#ui-datepicker-div {
  z-index: 9999 !important;
}

/* -----------------------------------------------------------
	.slick
----------------------------------------------------------- */
.slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  width: 25px;
  padding-top: 42px;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .slick-arrow {
    width: 20px;
    padding-top: 36px;
  }
}
.slick-arrow.slick-prev {
  background-image: url(../images/common/btn_left.png);
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .slick-arrow.slick-prev {
    left: 10px;
  }
}
.slick-arrow.slick-next {
  background-image: url(../images/common/btn_right.png);
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .slick-arrow.slick-next {
    right: 10px;
  }
}

.slick-dots {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  right: 10px;
}
.slick-dots li {
  display: inline-block;
  margin: 0 4px;
  vertical-align: bottom;
}
.slick-dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  width: 13px;
  display: block;
  padding-top: 13px;
  height: 0;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background: #43281b;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
  position: relative;
}
@media only screen and (min-width: 768px) {
  #header {
    z-index: 999;
  }
}
@media print {
  #header {
    z-index: 999;
  }
}
.ie8 #header {
  z-index: 999;
}
#header .con_header {
  width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  background: rgba(5, 58, 103, 0.5);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  z-index: 998;
}
@media only screen and (max-width: 1140px) {
  #header .con_header {
    width: 100%;
  }
}
@media print {
  #header .con_header {
    width: 100%;
  }
}
.ie8 #header .con_header {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #header .con_header {
    background: none;
  }
}
#header .con_header .logo {
  position: relative;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-weight: normal;
  float: left;
}
#header .con_header .logo span {
  display: inline-block;
  font-size: 158%;
  position: relative;
  padding: 0 50px 0 0.5em;
  z-index: 2;
  overflow: hidden;
  vertical-align: top;
}
@media only screen and (max-width: 1024px) {
  #header .con_header .logo span {
    font-size: 129%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  #header .con_header .logo span {
    font-size: 115%;
    padding-left: 15px;
  }
}
#header .con_header .logo span:after {
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  right: 6%;
  bottom: 0;
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  transform: skewX(40deg);
  position: absolute;
  z-index: -1;
  background: #000;
}
@media only screen and (max-width: 767px) {
  #header .con_header .logo {
    float: none;
  }
}
#header .con_header h1 {
  float: left;
  font-weight: normal;
  color: #fff;
  font-size: 86%;
  position: relative;
  top: 50%;
  margin-top: 0.7em;
  padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
  #header .con_header h1 {
    margin-top: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  #header .con_header h1 {
    background: rgba(5, 58, 103, 0.5);
    margin-top: 0;
    padding: 0.8em 15px;
    float: none;
    font-size: 79%;
  }
}
#header #spmenu {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #header #spmenu {
    display: block;
  }
}
#header #spmenu ul {
  display: table;
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
}
#header #spmenu ul li {
  text-align: center;
  width: calc(100% / 3);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#header #spmenu ul li > a, #header #spmenu ul li > span {
  text-decoration: none;
  display: block;
  color: #fff;
  line-height: 1.2;
}
#header #spmenu ul li > a span, #header #spmenu ul li > span span {
  display: block;
}
#header #spmenu ul li > a span.ic, #header #spmenu ul li > span span.ic {
  font-size: 143%;
}
#header #spmenu ul li > a span.txt, #header #spmenu ul li > span span.txt {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 86%;
  margin-top: 5px;
}
#header #spmenu ul li.menu {
  background: #1d4d74;
}
#header #spmenu ul li.tel {
  background: #193f61;
}
#header #spmenu ul li.plan {
  background: #548235;
}
#header #spmenu ul li.d_mypage {
  background: #bf9528;
}
#header #spmenu ul li.d_mypage a img {
  height: 1.5em;
}
#header #spmenu .note {
  background: #fff;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
  color: #1d4d74;
  font-size: 13px;
  font-weight: bold;
  padding: .5em;
  text-align: center;
}

/* -----------------------------------------------------------
	#js-ganv
----------------------------------------------------------- */
#js-gnav {
  z-index: 1000;
  background: #fff;
  top: 0;
  height: 100%;
  visibility: hidden;
  width: 100%;
  position: fixed;
  padding-top: 100px;
  right: -100%;
  padding-top: 70px;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  display: none;
}
@media only screen and (max-width: 767px) {
  #js-gnav {
    display: block;
  }
}
#js-gnav #js-gnav-menu {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  top: 3em;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
#js-gnav .nav {
  width: 100%;
}
#js-gnav .nav ul li a {
  display: block;
  padding: 0.8em 1em;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  padding-right: 35px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
#js-gnav .nav ul li a:before {
  content: "\f362";
  display: inline;
  margin-right: 0.5em;
  font-family: "Ionicons";
}
#js-gnav .nav ul li a.active {
  color: #866a4c;
}
#js-gnav .nav ul li.language {
  border-top: 1px dotted #333333;
}
#js-gnav .nav ul li.general a {
  background: #292929;
  color: #fff;
}
#js-gnav .nav ul li ul {
  display: none;
}
#js-gnav .nav ul li ul li a {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 93%;
}
#js-gnav .link {
  background: #002140;
}
#js-gnav .link dl {
  padding: 20px 0;
  border-top: 1px solid #0e2d4a;
}
#js-gnav .link dl:first-child {
  margin-top: 0;
}
#js-gnav .link dl dt {
  color: #b49d59;
  text-align: center;
}
#js-gnav .link dl dd ul {
  overflow: hidden;
}
#js-gnav .link dl dd ul li {
  margin-top: 0.5em;
  float: left;
  width: 50%;
}
#js-gnav .link dl dd ul li:nth-child(odd) {
  clear: both;
}
#js-gnav .link dl dd ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 1em;
  font-size: 86%;
}
#js-gnav .link dl dd ul li a:hover {
  text-decoration: underline;
}
#js-gnav .link_general .box_logo {
  padding-top: 30px;
  width: 100%;
  text-align: center;
}
#js-gnav .link_general .box_logo .logo {
  margin-bottom: 15px;
}
#js-gnav .link_general .box_logo address {
  font-size: 86%;
  line-height: 1.5;
}
#js-gnav .link_general .box_logo .txt_tel {
  font-family: "Times New Roman", serif;
  line-height: 1.2;
  font-size: 108%;
  margin-top: 10px;
}
#js-gnav .link_general .box_logo .txt_tel a {
  text-decoration: none;
}
#js-gnav .link_general .box_logo .txt_tel strong {
  font-weight: normal;
  font-size: 167%;
}
#js-gnav .link_general .box_logo .txt_tel em {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 86%;
  display: block;
}
#js-gnav .link_general .box_logo .txt_fax {
  font-size: 86%;
}
#js-gnav .link_general .nav {
  overflow: hidden;
  padding: 20px 0;
  margin-top: -0.5em;
}
#js-gnav .link_general .nav li {
  margin-top: 0.5em;
  float: left;
  width: 50%;
}
#js-gnav .link_general .nav li:nth-child(odd) {
  clear: both;
}
#js-gnav .link_general .nav li a {
  text-decoration: none;
  display: block;
  padding: 0 1em;
  font-size: 86%;
}
#js-gnav .link_general .nav li a:hover {
  text-decoration: underline;
}
#js-gnav .link_general .btns {
  text-align: center;
  width: 95%;
  margin: 0 auto;
  padding-bottom: 20px;
}
#js-gnav .link_general .btns li {
  margin-top: 5px;
}
#js-gnav .link_general .btns li a {
  width: 100%;
}

#js-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  display: none;
}
@media only screen and (max-width: 767px) {
  #js-overlay {
    display: block;
  }
}

.is-opened-gnav #js-gnav {
  visibility: visible;
  right: 0;
}
.is-opened-gnav #js-overlay {
  opacity: 1;
  visibility: visible;
}

/* -----------------------------------------------------------
	.gnav
----------------------------------------------------------- */
.gnav {
  background: #1e4d76;
  border-bottom: 1px solid #2d5070;
}
.gnav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
@media only screen and (max-width: 767px) {
  .gnav {
    display: none;
  }
}
.gnav .inner {
  width: 100% !important;
}
.gnav .inner ul {
  display: table;
  width: 100%;
  border-right: 1px solid #294661;
}
.gnav .inner ul li {
  display: table-cell;
  border-left: 1px solid #294661;
  vertical-align: middle;
  min-width: 130px;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.gnav .inner ul li:hover {
  background: #194062;
}
@media only screen and (max-width: 1140px) {
  .gnav .inner ul li {
    min-width: 0;
  }
}
@media print {
  .gnav .inner ul li {
    min-width: 0;
  }
}
.ie8 .gnav .inner ul li {
  min-width: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .gnav .inner ul li {
    font-size: 90%;
  }
}
.gnav .inner ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 12px 10px;
  line-height: 1.6;
}
.gnav .inner ul li a span {
  display: block;
}
.gnav .inner ul li a span.jp {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 122%;
}
@media only screen and (max-width: 1140px) {
  .gnav .inner ul li a span.jp {
    font-size: 108%;
  }
}
@media print {
  .gnav .inner ul li a span.jp {
    font-size: 108%;
  }
}
.ie8 .gnav .inner ul li a span.jp {
  font-size: 108%;
}
.gnav .inner ul li a span.en {
  font-family: "Times New Roman", serif;
  font-size: 79%;
}
.gnav .inner ul li.dmypage {
  background: #987010;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.gnav .inner ul li.dmypage:hover {
  background: #815f0e;
}
.gnav .inner ul li.plan {
  border-left: none;
  background: #548235;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.gnav .inner ul li.plan:hover {
  background: #48702e;
}

/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */
.con_search {
  background: #194063;
  overflow: hidden;
  padding: 5px 0;
  	/*background: #194063;
  	overflow: hidden;
  	padding: 10px 0 0 0;
  	&.fixed {
  		position: fixed;
  		top: 69px;
  		left: 0;
  		width: 100%;
  		z-index: 1000;
  		padding: 10px 0;
  		@include mq(max_w, 1140px) {
  			top: 66px;
  			padding-bottom: 0;
  			.wrp_menu {
  				float: right;
  				margin-right: -1%;
  				ul {
  					li {
  						a {
  							@include fsz(12);
  						}
  						&:last-child {
  							a {
  								@include fsz(12);
  							}
  						}
  					}
  				}
  			}
  		}
  		.wrp_tel {
  			display: none;
  		}
  
  	}
  	@include mq(sp) {
  		display: none;
  	}
  	.wrp_top {
  		display:-webkit-box;
  		display:-ms-flexbox;
  		display: -webkit-flex;
  		display: flex;
  		-webkit-justify-content: space-between; // Safari
  		justify-content:         space-between;
  		-webkit-align-items: center; // Safari
  		align-items:         center;
  		-webkit-flex-wrap: nowrap;
  		flex-wrap: nowrap;
  		@include mq(max_w, 1140px) {
  			display: block;
  		}
  	}
  	.wrp_search {
  		float: left;
  		width: 760px;
  		@include mq(max_w, 1140px) {
  			float: none;
  			text-align: center;
  			width: auto;
  		}
  		form {
  			display: block;
  			> * {
  				display: inline-block;
  				vertical-align: middle;
  
  			}
  			> div {
  				padding-right: 10px;
  				&:last-child {
  					padding-right: 0;
  				}
  			}
  		}
  		.box {
  			.box_num {
  				> * {
  					display: inline-block;
  					vertical-align: middle;
  				}
  				.st {
  					color: #fff;
  					font-family: $jp_serif;
  					@include fsz(13);
  					margin-right: 10px;
  				}
  			}
  		}
  		.st_search {
  			font-family: $jp_serif;
  			color: #ffecaa;
  			@include fsz(18);
  			padding-right: 1em;
  			@include mq(tab_sp) {
  				@include fsz(16);
  			}
  		}
  		input[type="text"], select {
  			font-family: $en_times;
  			@include fsz(18);
  			color: #3e200a;
  			padding: 7px 14px;
  			background: #fff;
  			@include border-radius(0);
  			border: 1px solid #745d42;
  			@include mq(tab_sp) {
  				@include fsz(16);
  			}
  		}
  		select {
  			width: 60px;
  
  		}
  		input[type="text"] {
  			width: 150px;
  			background: url(../images/common/ic_cal.png) right center no-repeat #fff;
  			@include mq(tab_sp) {
  				width: 140px;
  			}
  		}
  		.box_btn {
  
  			.btn_confirm {
  				button {
  					display: inline-block;
  					width: 100%;
  					background: #a38434;
  					color: #fff;
  					font-family: $jp_serif;
  					@include fsz(15);
  					line-height: 35px;
  					border: none;
  
  					width: 100%;
  					width: 140px;
  					text-align: center;
  					cursor: pointer;
  					@include hoveranime;
  					i {
  						margin-right: 0.5em;
  					}
  					@include mq(tab_sp) {
  						width: 120px;
  					}
  					&:hover {
  						background: darken(#a38434, 5%);
  					}
  				}
  			}
  		}
  	}
  	.wrp_menu {
  		width: calc(100% - 760px);
  		@include mq(max_w, 1140px) {
  			width: 390px;
  			float: left;
  			margin-top: 15px;
  			margin-left: -20px;
  			padding-bottom: 10px;
  		}
  		ul {
  			overflow: hidden;
  			li {
  				width: calc(50% - 12px);
  				margin-left: 12px;
  				float: left;
  				a {
  					display: inline-block;
  					width: 100%;
  					background: #a38434;
  					color: #fff;
  					font-family: $jp_serif;
  					@include fsz(15);
  					line-height: 35px;
  					border: none;
  					width: 100%;
  
  					text-align: center;
  					cursor: pointer;
  					@include hoveranime;
  					text-decoration: none;
  					i {
  						margin-right: 0.5em;
  					}
  					&:hover {
  						background: darken(#a38434, 5%);
  					}
  				}
  				&:last-child {
  					a {
  						@include fsz(14);
  						background: #fff;
  						border: 1px solid #cccccc;
  						color: $baseColor;
  						line-height: 33px;
  						&:hover {
  							background: #ccc;
  						}
  					}
  				}
  			}
  		}
  	}
  	.wrp_tel {
  		float: right;
  		@include mq(max_w, 1140px) {
  			margin-top: 7px;
  		}
  		dl {
  			> * {
  				display: inline-block;
  				vertical-align: middle;
  				color: #ffecaa;
  			}
  			dt {
  				@include fsz(13);
  				margin-right: 0.5em;
  				font-family: $jp_serif;
  			}
  			dd {
  				font-family: $en_times;
  				@include fsz(19);
  				a {
  					text-decoration: none;
  					color: #ffecaa;
  				}
  				strong {
  					@include fsz(24,19);
  					font-weight: normal;
  				}
  			}
  		}
  	}*/
}
.con_search.fixed {
  position: fixed;
  top: 69px;
  left: 0;
  width: 100%;
  z-index: 1000;
}
@media only screen and (max-width: 1140px) {
  .con_search.fixed {
    top: 66px;
    padding-bottom: 0;
  }
  .con_search.fixed .wrp_menu ul li a {
    font-size: 86%;
  }
  .con_search.fixed .wrp_menu ul li:last-child a {
    font-size: 86%;
  }
}
@media print {
  .con_search.fixed {
    top: 66px;
    padding-bottom: 0;
  }
  .con_search.fixed .wrp_menu ul li a {
    font-size: 86%;
  }
  .con_search.fixed .wrp_menu ul li:last-child a {
    font-size: 86%;
  }
}
.ie8 .con_search.fixed {
  top: 66px;
  padding-bottom: 0;
}
.ie8 .con_search.fixed .wrp_menu ul li a {
  font-size: 86%;
}
.ie8 .con_search.fixed .wrp_menu ul li:last-child a {
  font-size: 86%;
}
.con_search .con_inner {
  display: flex;
  align-items: center;
}
.con_search .con_inner .wrp_menu {
  width: 66.66667%;
  float: left;
}
@media only screen and (max-width: 910px) {
  .con_search .con_inner .wrp_menu {
    width: 100%;
  }
}
.con_search .con_inner .wrp_menu ul {
  overflow: hidden;
}
.con_search .con_inner .wrp_menu ul li {
  width: 32.10526%;
  margin-right: 1.84211%;
  float: left;
}
.con_search .con_inner .wrp_menu ul li a {
  display: inline-block;
  width: 100%;
  background: #a38434;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 108%;
  line-height: 40px;
  border: none;
  width: 100%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
}
.con_search .con_inner .wrp_menu ul li a i {
  margin-right: 0.5em;
}
.con_search .con_inner .wrp_menu ul li a:hover {
  background: #90742e;
}
.con_search .con_inner .wrp_menu ul li:last-child {
  margin-right: 0;
}
.con_search .con_inner .wrp_menu ul li:last-child a {
  font-size: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  color: #333333;
}
.con_search .con_inner .wrp_menu ul li:last-child a:hover {
  background: #ccc;
}
.con_search .con_inner .wrp_txt {
  width: 66.66667%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_search .con_inner .wrp_txt {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .con_inner .wrp_txt {
    width: 100%;
    padding: 7px 0;
    text-align: center;
  }
}
.con_search .con_inner .wrp_txt a {
  color: #fff;
  font-size: 1.15em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_search .con_inner .wrp_txt a {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .con_inner .wrp_txt a {
    font-size: 0.9em;
  }
  .con_search .con_inner .wrp_txt a p {
    line-height: 1.6;
  }
}
.con_search .con_inner .wrp_tel {
  width: 33.33333%;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_search .con_inner .wrp_tel {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .con_inner .wrp_tel {
    display: none;
  }
}
.con_search .con_inner .wrp_tel dl > * {
  display: inline-block;
  vertical-align: middle;
  color: #ffecaa;
}
.con_search .con_inner .wrp_tel dl dt {
  font-size: 93%;
  margin-right: 0.5em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.con_search .con_inner .wrp_tel dl dd {
  font-family: "Times New Roman", serif;
  font-size: 136%;
}
.con_search .con_inner .wrp_tel dl dd a {
  text-decoration: none;
  color: #ffecaa;
}
.con_search .con_inner .wrp_tel dl dd strong {
  font-size: 127%;
  font-weight: normal;
}

/* -----------------------------------------------------------
	.con_hotelselect
----------------------------------------------------------- */
.con_hotelselect {
  text-align: right;
  padding: 15px 0;
  background: #fff;
}
.con_hotelselect .con_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  /* Safari */
  justify-content: flex-end;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.con_hotelselect .con_inner > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .con_hotelselect .con_inner > * {
    height: auto;
    line-height: 1.6;
    padding: 0.5em 1em !important;
  }
}
.con_hotelselect .con_inner p {
  font-size: 93%;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .con_hotelselect .con_inner p {
    padding: 0 !important;
  }
}
.con_hotelselect .con_inner select {
  padding: 0 0.5em;
  width: 330px;
  border: 2px solid #3176bb;
}
@media only screen and (max-width: 767px) {
  .con_hotelselect .con_inner select {
    width: auto;
  }
}

/* -----------------------------------------------------------
	.con_topicpath
----------------------------------------------------------- */
.con_topicpath {
  margin-top: 15px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .con_topicpath {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.con_topicpath ul li {
  display: inline;
  margin-left: 1.5em;
  position: relative;
  color: #43281b;
}
.con_topicpath ul li:before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  left: -1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.con_topicpath ul li:first-child {
  margin-left: 0;
}
.con_topicpath ul li:first-child:before {
  display: none;
}
.con_topicpath ul li a {
  color: #43281b;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
  margin-bottom: 40px;
}
.con_title h2 {
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .con_title h2 {
    line-height: 1.3;
  }
}
.con_title h2 span.jp {
  color: #333333;
  font-size: 236%;
  display: inline-block;
  padding: 0 40px;
  position: relative;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (max-width: 767px) {
  .con_title h2 span.jp {
    font-size: 172%;
    padding: 0 30px;
  }
}
.con_title h2 span.jp:before, .con_title h2 span.jp:after {
  content: "";
  display: block;
  width: 23px;
  height: 4px;
  background: #333333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .con_title h2 span.jp:before, .con_title h2 span.jp:after {
    width: 16px;
    height: 3px;
  }
}
.con_title h2 span.jp:before {
  left: 0;
}
.con_title h2 span.jp:after {
  right: 0;
}
.con_title h2 span.en {
  display: block;
  font-family: "Times New Roman", serif;
  font-size: 129%;
  font-style: italic;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .con_title h2 span.en {
    font-size: 115%;
  }
}
.con_title h2 span.en em {
  font-size: 134%;
  font-style: italic;
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  #footer {
    margin-top: 60px;
  }
}
#footer .con_footer {
  border-top: 1px solid #cccccc;
  padding-top: 50px;
  min-height: 780px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer {
    min-height: 940px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer {
    min-height: 0;
    padding-bottom: 40%;
  }
}
#footer .con_footer .box_logo {
  float: left;
  width: 36.84211%;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_logo {
    float: none;
    width: 100%;
  }
}
#footer .con_footer .box_logo .box_hotel {
  max-width: 323px;
  margin: 0 auto;
  border: 5px solid #fff;
}
#footer .con_footer .box_footer {
  float: right;
  width: 58.77193%;
  margin-top: -1em;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
#footer .con_footer .box_footer .catch {
  font-size: 215%;
  letter-spacing: 0.15em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer .box_footer .catch {
    font-size: 158%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .catch {
    font-size: 122%;
  }
}
#footer .con_footer .box_footer .catch strong {
  font-weight: normal;
  font-size: 134%;
  color: #5d1010;
}
#footer .con_footer .box_footer .btns {
  margin-top: 25px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .btns {
    margin-top: 10px;
  }
}
#footer .con_footer .box_footer .btns li {
  margin-right: 20px;
  float: left;
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer .box_footer .btns li {
    float: none;
    margin-right: 0;
    margin-top: 10px;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .btns li {
    width: 100%;
    margin-top: 5px;
  }
}
#footer .con_footer .box_footer .btns li:last-child {
  margin-right: 0;
}
#footer .con_footer .box_footer .box_tel {
  margin-top: 20px;
}
#footer .con_footer .box_footer .box_tel > * {
  color: #000000;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .box_tel > * {
    color: #fff;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 0px 6px rgba(0, 0, 0, 0.3), 0px 0px 6px rgba(0, 0, 0, 0.3);
  }
}
#footer .con_footer .box_footer .box_tel dt {
  font-size: 122%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (min-width: 768px) {
  #footer .con_footer .box_footer .box_tel dt {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
  }
}
@media print {
  #footer .con_footer .box_footer .box_tel dt {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
  }
}
.ie8 #footer .con_footer .box_footer .box_tel dt {
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer .box_footer .box_tel dt {
    font-size: 108%;
  }
}
#footer .con_footer .box_footer .box_tel dd {
  border-left: 5px solid #001955;
  padding-left: 12px;
  line-height: 0.8;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #footer .con_footer .box_footer .box_tel dd {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
  }
}
@media print {
  #footer .con_footer .box_footer .box_tel dd {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
  }
}
.ie8 #footer .con_footer .box_footer .box_tel dd {
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8);
}
#footer .con_footer .box_footer .box_tel dd a {
  text-decoration: none;
  color: #000;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .box_tel dd a {
    color: #fff;
  }
}
#footer .con_footer .box_footer .box_tel dd .tel {
  display: block;
}
#footer .con_footer .box_footer .box_tel dd .txt_tel, #footer .con_footer .box_footer .box_tel dd .txt_time {
  display: inline-block;
}
#footer .con_footer .box_footer .box_tel dd .txt_tel {
  font-family: "Times New Roman", serif;
  font-size: 229%;
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer .box_footer .box_tel dd .txt_tel {
    font-size: 186%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .box_tel dd .txt_tel {
    font-size: 158%;
  }
}
#footer .con_footer .box_footer .box_tel dd .txt_tel strong {
  font-size: 166%;
  font-weight: normal;
}
#footer .con_footer .box_footer .box_tel dd .txt_time {
  font-size: 122%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media only screen and (max-width: 1024px) {
  #footer .con_footer .box_footer .box_tel dd .txt_time {
    font-size: 86%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_footer .box_tel dd .txt_time {
    display: block;
    margin-top: 10px;
  }
}
#footer .con_fnav {
  border-top: 3px solid #001b34;
  background: #002b52;
  padding: 25px 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #footer .con_fnav {
    padding: 20px 0;
  }
}
#footer .con_fnav .box_logo {
  float: left;
  width: 370px;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  #footer .con_fnav .box_logo {
    width: 100%;
    float: none;
    text-align: center;
  }
}
#footer .con_fnav .box_logo .logo {
  margin-bottom: 5px;
}
#footer .con_fnav .box_logo .logo a {
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 158%;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  #footer .con_fnav .box_logo .logo a {
    font-size: 129%;
  }
}
#footer .con_fnav .box_logo address {
  font-size: 108%;
  line-height: 1.5;
}
#footer .con_fnav .box_logo .txt_tel {
  font-family: "Times New Roman", serif;
  color: #fff;
  font-size: 108%;
}
#footer .con_fnav .box_logo .txt_tel a {
  color: #fff;
  text-decoration: none;
}
#footer .con_fnav .box_logo .txt_tel strong {
  font-weight: normal;
  font-size: 167%;
}
#footer .con_fnav .box_logo .txt_fax {
  font-size: 86%;
}
#footer .con_fnav .fnav {
  width: calc(100% - 370px);
  float: right;
}
@media only screen and (max-width: 1024px) {
  #footer .con_fnav .fnav {
    width: 100%;
    float: none;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_fnav .fnav {
    display: none;
  }
}
#footer .con_fnav .fnav ul {
  overflow: hidden;
  margin-top: -20px;
  margin-left: -45px;
}
#footer .con_fnav .fnav ul li {
  float: left;
  margin-left: 45px;
  margin-top: 20px;
  line-height: 1;
}
#footer .con_fnav .fnav ul li a {
  color: #fff;
  font-size: 108%;
  text-decoration: none;
}
#footer .con_fnav .fnav ul li a:hover {
  text-decoration: underline;
}
#footer .con_fnav .fnav ul li a:before {
  content: "\f101";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 0.3em;
}
#footer .con_fnav .fnav dl {
  margin-top: 20px;
  display: table;
  table-layout: fixed;
}
#footer .con_fnav .fnav dl dt {
  font-size: 108%;
  color: #b49d59;
  margin-left: -0.5em;
  margin-bottom: 10px;
  display: table-cell;
  vertical-align: middle;
}
#footer .con_fnav .fnav dl dd {
  display: table-cell;
  vertical-align: middle;
}
#footer .con_fnav .fnav dl dd ul {
  margin-left: -20px;
}
#footer .con_link {
  background: #002140;
  padding: 25px 0;
  border-top: 1px solid #0e2d4a;
}
@media only screen and (max-width: 767px) {
  #footer .con_link {
    display: none;
  }
}
#footer .con_link .con_inner > * {
  vertical-align: top;
  width: 50%;
  padding-right: 20px;
  float: left;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner > * {
    width: 100%;
    padding-right: 0;
  }
}
#footer .con_link .con_inner dl dt {
  font-size: 108%;
  color: #b49d59;
  margin-left: -0.5em;
  margin-bottom: 5px;
}
#footer .con_link .con_inner dl dd {
  overflow: hidden;
}
#footer .con_link .con_inner dl dd ul {
  float: left;
  padding-right: 1em;
  margin-top: -5px;
}
#footer .con_link .con_inner dl dd ul li {
  margin-top: 5px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner dl dd ul li {
    padding-right: 1em;
  }
}
#footer .con_link .con_inner dl dd ul li a {
  color: #fff;
  font-size: 108%;
  text-decoration: none;
}
#footer .con_link .con_inner dl dd ul li a:hover {
  text-decoration: underline;
}
#footer .con_link .con_inner dl dd ul li a:before {
  content: "\f101";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 0.3em;
}
#footer .con_link .con_inner dl.gen {
  width: 100%;
  margin-bottom: 35px;
}
#footer .con_link .con_inner dl.gen ul {
  overflow: hidden;
  width: 100%;
  margin-top: -10px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner dl.gen ul {
    padding-right: 0;
  }
}
#footer .con_link .con_inner dl.gen ul li {
  width: 25%;
  float: left;
  margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner dl.gen ul li {
    width: 33.33333% !important;
  }
}
#footer .con_link .con_inner dl.col3 ul {
  width: 38.333333%;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner dl.col3 ul {
    width: 33.33333% !important;
  }
}
#footer .con_link .con_inner dl.col3 ul:last-child {
  width: 23.3333333%;
}
#footer .con_link .con_inner dl.col2 ul {
  width: 55%;
}
@media only screen and (max-width: 1024px) {
  #footer .con_link .con_inner dl.col2 ul {
    width: 33.33333% !important;
  }
}
#footer .con_link .con_inner dl.col2 ul:last-child {
  width: 45%;
}
#footer .con_general {
  border-top: 1px solid #cccccc;
  padding: 25px 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #footer .con_general {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 1140px) {
  #footer .con_general .con_inner {
    width: 95%;
    margin: 0 auto;
  }
}
@media print {
  #footer .con_general .con_inner {
    width: 95%;
    margin: 0 auto;
  }
}
.ie8 #footer .con_general .con_inner {
  width: 95%;
  margin: 0 auto;
}
#footer .con_general .box_logo {
  float: left;
  width: 400px;
}
@media only screen and (max-width: 1140px) {
  #footer .con_general .box_logo {
    width: 300px;
  }
}
@media print {
  #footer .con_general .box_logo {
    width: 300px;
  }
}
.ie8 #footer .con_general .box_logo {
  width: 300px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_general .box_logo {
    width: 100%;
    float: none;
    text-align: center;
  }
}
#footer .con_general .box_logo .logo {
  margin-bottom: 15px;
}
#footer .con_general .box_logo address {
  font-size: 86%;
  line-height: 1.5;
}
#footer .con_general .box_logo .txt_tel {
  font-family: "Times New Roman", serif;
  line-height: 1.2;
  font-size: 108%;
  margin-top: 10px;
}
#footer .con_general .box_logo .txt_tel a {
  text-decoration: none;
}
#footer .con_general .box_logo .txt_tel strong {
  font-weight: normal;
  font-size: 167%;
}
#footer .con_general .box_logo .txt_tel em {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 86%;
}
@media only screen and (max-width: 1140px) {
  #footer .con_general .box_logo .txt_tel em {
    display: block;
  }
}
@media print {
  #footer .con_general .box_logo .txt_tel em {
    display: block;
  }
}
.ie8 #footer .con_general .box_logo .txt_tel em {
  display: block;
}
#footer .con_general .box_logo .txt_fax {
  font-size: 86%;
}
#footer .con_general .fnav {
  float: right;
  margin-right: 30px;
}
@media only screen and (max-width: 1140px) {
  #footer .con_general .fnav {
    margin-right: 0;
  }
}
@media print {
  #footer .con_general .fnav {
    margin-right: 0;
  }
}
.ie8 #footer .con_general .fnav {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  #footer .con_general .fnav {
    width: 100%;
    float: none;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_general .fnav {
    display: none;
  }
}
#footer .con_general .fnav .nav {
  overflow: hidden;
  margin-top: -10px;
  margin-left: -15px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  #footer .con_general .fnav .nav {
    text-align: center;
  }
}
#footer .con_general .fnav .nav li {
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_general .fnav .nav li {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
}
#footer .con_general .fnav .nav li:nth-child(6) {
  clear: both;
}
#footer .con_general .fnav .nav li a {
  font-size: 108%;
  text-decoration: none;
}
#footer .con_general .fnav .nav li a:hover {
  text-decoration: underline;
}
#footer .con_general .fnav .nav li a:before {
  content: "\f101";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 0.3em;
}
#footer .con_general .fnav .btns {
  margin-top: 25px;
}
@media only screen and (max-width: 1024px) {
  #footer .con_general .fnav .btns {
    text-align: center;
  }
}
#footer .con_general .fnav .btns li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
#footer .con_general .fnav .btns li a {
  min-width: 140px;
  font-size: 108%;
}
#footer #copyright {
  background: #001b34;
  color: #fff;
  font-size: 93%;
  text-align: center;
  font-family: "Times New Roman", serif;
  padding: 15px 0;
}

/* -----------------------------------------------------------
	下層共通スタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */
.tbl_primary {
  border: 0;
  border-collapse: separate;
  background-color: #ccc;
  width: 100%;
  border-spacing: 1px;
}
.tbl_primary th {
  width: 30%;
  background: #f5f3ed;
  border: 1px solid #fff;
  color: #333;
  text-align: center;
  padding: 12px 6px;
}
.tbl_primary td {
  padding: 12px 12px;
  background: #fff;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .tbl_primary th, .tbl_primary td {
    width: 100%;
    display: block;
  }
}

.tbl_primary_fix {
  border: 0;
  border-collapse: separate;
  background-color: #ccc;
  width: 100%;
  border-spacing: 1px;
}
.tbl_primary_fix th {
  width: 30%;
  background: #f5f3ed;
  border: 1px solid #fff;
  color: #333;
  text-align: center;
  padding: 12px 6px;
}
@media only screen and (max-width: 767px) {
  .tbl_primary_fix th {
    width: 30%;
  }
}
.tbl_primary_fix td {
  padding: 12px 12px;
  background: #fff;
  text-align: left;
}

.tbl_secondary {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .tbl_secondary {
    border-top: 1px solid #ccc;
  }
}
.tbl_secondary th {
  width: 30%;
}
.tbl_secondary th, .tbl_secondary td {
  font-weight: normal;
  padding: 0.8em 1.2em;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .tbl_secondary th, .tbl_secondary td {
    border-top: none;
    display: block;
  }
}

.tbl_secondary_fix {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl_secondary_fix th, .tbl_secondary_fix td {
  font-weight: normal;
  padding: 0.8em 1.2em;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .tbl_secondary_fix th {
    width: 30%;
  }
}