.con_hotels > .txt_atn, .con_search, .con_bnr, .con_intro .box_txt .wrp_txt, .con_activity .box_int, .con_activity .box_act .wrp_txt, .con_column, .con_news, .con_links, .con_about {
  width: 90%;
  max-width: 1200px;
  margin: auto
}
@media only screen and (max-width: 767px) {
  #homepage #header {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0
  }
  #homepage #header.active > * {
    opacity: 1
  }
  #homepage #header > * {
    opacity: 0;
    transition: opacity 1s ease 1.5s
  }
  #homepage #header .con_hlink .box_gro .st, #homepage #header .con_hlink .box_lan .st {
    color: #FFF;
    border-color: #FFF
  }
}
.con_mainimg {
  max-width: 1760px;
  margin: 0 auto;
  width: 90%;
  background: url(../images/home/loading.gif) no-repeat center center #e7e7e7;
  background-size: 4em
}
@media only screen and (max-width: 767px) {
  .con_mainimg {
    width: 100%
  }
}
@media only screen and (min-width: 768px) {
  .con_mainimg .box_mov {
    overflow: hidden
  }
  .con_mainimg .box_mov #video {
    width: 101%;
    margin-left: -1px;
    vertical-align: top
  }
}
@media only screen and (max-width: 767px) {
  .con_mainimg {
    position: relative
  }
  .con_mainimg.active .box_txt, .con_mainimg.active .box_img .slick-dots, .con_mainimg.active .btn {
    opacity: 1
  }
  .con_mainimg .box_txt {
    width: 52.11538%;
    margin: 0 auto;
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: -3%;
    right: 0;
    margin: 0 auto;
    z-index: 1000;
    opacity: 0;
    transition: opacity 1s ease 500ms
  }
}
@media only screen and (max-width: 767px) and (max-height: 700px) {
  .con_mainimg .box_txt {
    width: 44.87179%;
    top: 58%
  }
}
@media only screen and (max-width: 767px) {
  .landscape .con_mainimg .box_txt {
    width: 30%
  }
  .con_mainimg .box_img {
    position: relative;
    height: 100vh;
    background: #FFF
  }
  .con_mainimg .box_img div {
    outline: none
  }
  .landscape .con_mainimg .box_img {
    height: 150vh !important
  }
  .con_mainimg .box_img .slick-list, .con_mainimg .box_img .slick-track {
    height: 100%
  }
  .con_mainimg .box_img .slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
  }
  .landscape .con_mainimg .box_img .slide {
    height: 150vh !important
  }
  .con_mainimg .box_img .slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit
  }
  .con_mainimg .box_img .slick-dots {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transition: opacity 1s ease 1.5s;
    opacity: 0
  }
  .con_mainimg .box_img .slick-dots li {
    font-size: 72%;
    width: .5em;
    height: .5em;
    border-radius: .8em;
    background: #FFF;
    display: block
  }
  .con_mainimg .box_img .slick-dots li:not(:last-child) {
    margin-bottom: .6em
  }
  .con_mainimg .box_img .slick-dots li.slick-active {
    background: #00388a
  }
  .con_mainimg .btn {
    position: absolute;
    right: 7.05128%;
    bottom: 3.66667%;
    z-index: 1000;
    width: 20.51282%;
    opacity: 0;
    transition: opacity 1s ease 1.5s
  }
  .landscape .con_mainimg .btn {
    width: 10%
  }
  .con_mainimg .btn span {
    display: block
  }
}
.con_news_top {
  display: flex;
  flex-direction: row
}
@media only screen and (min-width: 768px) {
  .con_news_top {
    max-width: 1600px;
    width: 90%;
    margin: 7.08333% auto 0
  }
}
@media only screen and (min-width: 1200px) {
  .con_news_top {
    justify-content: flex-end
  }
}
@media print {
  .con_news_top {
    justify-content: flex-end
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top {
    justify-content: center
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top {
    width: 87.17949%;
    margin: 1em auto 1.5em;
    flex-wrap: wrap
  }
}
@media only screen and (min-width: 768px) {
  .con_news_top .st {
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
    font-size: 129%;
    letter-spacing: .15em;
    margin-right: 3em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top .st {
    font-size: 122%
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_news_top .st {
    font-size: 115%
  }
}
@media only screen and (min-width: 768px) {
  .con_news_top ul {
    max-width: 735px
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top ul {
    width: 80%
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul {
    position: relative;
    width: 100%;
    margin-top: .5em;
    height: 5.5em
  }
}
.con_news_top ul li {
  margin-bottom: 1em
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li {
    margin-bottom: .5em
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li {
    opacity: 0;
    z-index: 0;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 600ms ease-out
  }
  .con_news_top ul li.current {
    z-index: 10;
    opacity: 1;
    transition: opacity 1000ms ease-out 600ms
  }
}
.con_news_top ul li a {
  display: block;
  text-decoration: none;
  position: relative;
  padding-bottom: .5em
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a {
    padding-bottom: .3em
  }
}
@media only screen and (min-width: 768px) {
  .con_news_top ul li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a {
    width: 100%
  }
}
.con_news_top ul li a:after {
  content: '';
  width: 30%;
  height: 1px;
  background: #313131;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: width 400ms ease, opacity 400ms ease
}
.con_news_top ul li a:hover:after {
  width: 100%;
  opacity: 1
}
.con_news_top ul li a > * {
  display: inline;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: .1em
}
.con_news_top ul li a span {
  font-size: 100%;
  font-weight: bold
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top ul li a span {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a span {
    font-size: 86%
  }
}
@media only screen and (min-width: 768px) {
  .con_news_top ul li a span {
    padding-right: 2em
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a span {
    padding-right: 1em
  }
}
.con_news_top ul li a i {
  font-size: 108%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top ul li a i {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a i {
    font-size: 86%
  }
}
@media only screen and (min-width: 768px) {
  .con_news_top ul li a i {
    padding-right: 2em
  }
}
.con_news_top ul li a p {
  font-size: 108%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news_top ul li a p {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a p {
    font-size: 90%
  }
}
@media only screen and (max-width: 767px) {
  .con_news_top ul li a p {
    display: block;
    margin-top: .5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.8
  }
  .firefox .con_news_top ul li a p, .ie .con_news_top ul li a p {
    max-height: 3.6em
  }
}
@media only screen and (max-width: 767px) {
  .con_banner {
    width: 87.17949%;
    margin: 0 auto 3em
  }
}
.con_hotels {
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 7.8125%;
  position: relative;
  z-index: 10
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels {
    margin-top: 12.5%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels {
    margin-top: 2em
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels {
    width: 90%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels {
    width: 100%
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .c-st1 > i {
    max-width: 37px
  }
  .con_hotels .c-st1 > i:not(:first-child) {
    margin-left: .4em
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .c-st1 > i:not(:first-child) {
    margin-left: .2em
  }
}
.con_hotels .txt_lead {
  margin: 0 auto;
  text-align: center;
  font-size: 108%;
  letter-spacing: 0.15em;
  line-height: 2.5;
  margin-top: 2.5em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .txt_lead {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .txt_lead {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .txt_lead {
    line-height: 1.9
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .txt_lead {
    line-height: 1.6
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .txt_lead {
    margin-top: 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .txt_lead {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .txt_lead {
    width: 90%;
    text-align: left;
    letter-spacing: .08em;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 100
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.125%
  }
  .con_hotels .tab li {
    padding: 0 2em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .tab li {
    padding: 0 0.6em
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .tab li {
    padding: 0
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1560px) {
  .con_hotels .tab li {
    padding: 0 1em
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .tab li p {
    cursor: pointer;
    position: relative;
    padding: 1em 0 0.8em;
    transition: background 400ms ease;
    border-bottom: 1px solid #c1c1c1
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .tab li p {
    padding: 1em 0
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .tab li p {
    padding: 1em 0
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1010px) {
  .con_hotels .tab li p {
    padding: .8em
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .tab li p:after {
    content: '';
    width: 0;
    height: 2px;
    background: #00388a;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: width 400ms ease
  }
  .con_hotels .tab li p > i {
    color: #e4e4e4;
    padding-right: .5em;
    transition: color 400ms ease;
    font-size: 165%;
    vertical-align: -.2em;
    display: inline-block
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .tab li p > i {
    font-size: 143%
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .tab li p > i {
    font-size: 100%
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1010px) {
  .con_hotels .tab li p > i {
    display: block;
    padding: 0;
    margin: 0 auto .3em;
    text-align: center;
    font-size: 115%
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .tab li p > span.txt {
    display: inline-block;
    font-size: 122%;
    letter-spacing: .05em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .tab li p > span.txt {
    font-size: 108%
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .tab li p > span.txt {
    font-size: 100%
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 983px) {
  .con_hotels .tab li p > span.txt i {
    display: none
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .tab li p span.s {
    display: block;
    font-size: 83%;
    text-align: center;
    letter-spacing: .1em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    color: rgba(49, 49, 49, 0.9)
  }
  .con_hotels .tab li:hover p:after, .con_hotels .tab li.active p:after {
    width: 100%
  }
  .con_hotels .tab li:hover p > i, .con_hotels .tab li.active p > i {
    color: #00388a
  }
}
.con_hotels > .txt_atn {
  text-align: center
}
.con_hotels > .txt_atn > * {
  display: inline-block;
  vertical-align: middle
}
.con_hotels > .txt_atn i {
  width: 22px;
  margin-right: .8em
}
.con_hotels > .txt_atn span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: .15em;
  font-size: 115%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels > .txt_atn span {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels > .txt_atn span {
    font-size: 100%
  }
}
.con_hotels > .txt_atn.txt_atn1 {
  margin-top: 3.38542%
}
@media only screen and (max-width: 767px) {
  .con_hotels > .txt_atn.txt_atn1 {
    margin-top: 0
  }
}
.con_hotels > .txt_atn.txt_atn1 span {
  color: #00388a
}
.con_hotels > .txt_atn.txt_atn2 {
  margin-top: 2.91667%
}
@media only screen and (max-width: 767px) {
  .con_hotels > .txt_atn.txt_atn2 {
    margin-top: 0
  }
}
.con_hotels > .txt_atn.txt_atn2 span {
  color: #002c51
}
@media only screen and (min-width: 1200px) {
  .con_hotels .wrap_hotel {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 2.5%;
    justify-content: space-between
  }
}
@media print {
  .con_hotels .wrap_hotel {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 2.5%;
    justify-content: space-between
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel {
    margin-top: -15%
  }
}
@media only screen and (min-width: 1200px) {
  .con_hotels .wrap_hotel .box_link {
    width: 32.16667%
  }
}
@media print {
  .con_hotels .wrap_hotel .box_link {
    width: 32.16667%
  }
}
@media only screen and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link {
    margin-top: 1.5em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .wrap_hotel .box_link ul {
    display: none
  }
  .con_hotels .wrap_hotel .box_link ul:first-child {
    display: block
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link ul {
    text-align: center;
    letter-spacing: -.5em
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .wrap_hotel .box_link ul li {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #e0e0e0;
  }
  .con_hotels .wrap_hotel .box_link ul li:first-child {
    border-top: 1px solid #e0e0e0
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link ul li {
    width: 48%;
    display: inline-block;
    max-width: 350px;
    margin-right: 2%;
    letter-spacing: normal
  }
  .con_hotels .wrap_hotel .box_link ul li:nth-child(2n) {
    margin-right: 0
  }
  .con_hotels .wrap_hotel .box_link ul li:nth-child(2) {
    border-top: 1px solid #e0e0e0
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .wrap_hotel .box_link ul li a , .con_hotels .wrap_hotel .box_link ul li em {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    transition: background 400ms ease;
    position: relative;
    padding: 1.5em 3em 1.5em 1.5em;
  }
  .con_hotels .wrap_hotel .box_link ul li a:nth-child(2){
    padding: 0;
    margin: -5em 0 1.5em 20em;
    width: 3em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link ul li a , .con_hotels .wrap_hotel .box_link ul li em {
    padding: 0.7em 2.5em 0.7em 0.7em
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_link ul li a , .con_hotels .wrap_hotel .box_link ul li em {
    padding: 0
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .wrap_hotel .box_link ul li a:hover, .con_hotels .wrap_hotel .box_link ul li em.active {
    background: #f3f3f3
  }
  .con_hotels .wrap_hotel .box_link ul li a > i , .con_hotels .wrap_hotel .box_link ul li em > i {
    text-align: center;
    width: 60px;
    line-height: 45px;
    height: 45px
  }
  .con_hotels .wrap_hotel .box_link ul li a > i img , .con_hotels .wrap_hotel .box_link ul li em > i img {
    width: 60%;
    vertical-align: -.8em
  }
  .con_hotels .wrap_hotel .box_link ul li a > span , .con_hotels .wrap_hotel .box_link ul li em > span {
    font-size: 115%;
    letter-spacing: .08em
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_link ul li a > span , .con_hotels .wrap_hotel .box_link ul li em > span {
    font-size: 108%
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_link ul li a > span , .con_hotels .wrap_hotel .box_link ul li em > span {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) {
  .con_hotels .wrap_hotel .box_link ul li a > span i , .con_hotels .wrap_hotel .box_link ul li a > span i , .con_hotels .wrap_hotel .box_link ul li em > span i , .con_hotels .wrap_hotel .box_link ul li em > span i {
    display: inline-block
  }
  .con_hotels .wrap_hotel .box_link ul li.active a {
    background: #f3f3f3
  }
  .con_hotels .wrap_hotel .box_link ul li.active a:before, .con_hotels .wrap_hotel .box_link ul li.active em:after {
    opacity: 1
  }
}
.con_hotels .wrap_hotel .box_map {
  position: relative
}
@media only screen and (min-width: 1200px) {
  .con_hotels .wrap_hotel .box_map {
    text-align: right;
    width: 67.83333%
  }
 .con_hotels .wrap_hotel .box_map .img {
background-image:url("../images/home/img_map_back.png");
display: block;
  }
}
@media print {
  .con_hotels .wrap_hotel .box_map {
    text-align: right;
    width: 67.83333%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map {
    margin-top: 1.5em
  }
 .con_hotels .wrap_hotel .box_map .img {
background-image:url("../images/home/img_map_back.png");
display: block;
  }
}
.con_hotels .wrap_hotel .box_map .inner {
  display: inline-block;
  position: relative
}
@media only screen and (min-width: 1200px) {
  .con_hotels .wrap_hotel .box_map .inner {
    width: 814px
  }
}
@media print {
  .con_hotels .wrap_hotel .box_map .inner {
    width: 814px
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .con_hotels .wrap_hotel .box_map .inner {
    width: 700px
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .inner {
    display: block;
    margin: 0 auto;
    max-width: 814px;
    width: 80%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk {
  text-align: left
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li {
  position: absolute;
  left: 0;
  transition: opacity 400ms ease;
  width: 2%;
  height: 2.07792%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.active .pin:after {
  opacity: 1;
  z-index: 105
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.active .bal {
  opacity: 1;
  z-index: 110
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.active .bal:after {
  opacity: 1
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.zoom .pin a {
  transform: scale(1.05);
  opacity: 1
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin {
  position: relative
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  position: relative;
  z-index: 100;
  transition: all 400ms ease;
  background: #ad5c5f
}
@media only screen and (min-width: 1200px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .pin a {
    opacity: .3;
    transform: scale(0.8)
  }
}
@media print {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .pin a {
    opacity: .3;
    transform: scale(0.8)
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .pin a {
    opacity: .4
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin:after {
  content: '';
  width: 1px;
  height: 1125%;
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ad5c5f;
  opacity: 0;
  z-index: -1;
  transition: z-index 10ms ease, opacity 300ms ease 10ms
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin:hover:after {
  opacity: 1;
  z-index: 105
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin:hover + .bal {
  opacity: 1;
  z-index: 110
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .pin:hover + .bal:after {
  opacity: 1
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal {
  position: absolute;
  bottom: 1125%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #ad5c5f;
  background: #FFF;
  opacity: 0;
  z-index: -1000;
  width: 2775%;
  padding: 187.5%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  transition: opacity 300ms ease 10ms, z-index 10ms ease
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal {
    width: auto
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal {
    padding: 1em
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal {
    width: 3750%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .img {
  width: 28.64583%;
  margin-right: 4.94792%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt {
  width: 67.70833%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst {
  font-size: 108%;
  letter-spacing: .05em;
  color: #ad5c5f
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst {
    font-size: 100%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100%;
  display: block
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst span {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .sst span {
    font-size: 93%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .det {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100%;
  margin-top: 1em
}
.ymovie i {
padding-left: 1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .det {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li .bal .txt .det {
    font-size: 93%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.yuk {
  bottom: 47.53247%;
  left: 67.56757%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.yuk .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.yuk .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.win {
  bottom: 47.53247%;
  left: 70.88452%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.win .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.win .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.hin {
  bottom: 47.53247%;
  left: 74.20147%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.hin .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.hin .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.han {
  bottom: 43.76623%;
  left: 69.28747%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.han .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.han .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.tur {
  bottom: 43.76623%;
  left: 72.48157%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.tur .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.tur .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.sor {
  bottom: 51.68831%;
  left: 72.97297%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.sor .pin:after {
    height: 437.5%
  }
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.sor .bal {
    bottom: 437.5%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.sar {
  bottom: 64.28571%;
  left: 69.04177%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.sar .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.sar .bal {
  bottom: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.hok {
  bottom: 60.90909%;
  left: 72.72727%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.hok .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.hok .bal {
  bottom: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.miz {
  bottom: 34.41558%;
  left: 26.53563%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.miz .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.miz .bal {
  bottom: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.aon {
  bottom: 31.03896%;
  left: 26.53563%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.aon .pin:after {
  height: 437.5%;
  bottom: auto;
  top: 100%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.aon .bal {
  bottom: auto;
  top: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mor {
  bottom: 37.66234%;
  left: 22.11302%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mor .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mor .bal {
  bottom: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.buf {
  bottom: 40.90909%;
  left: 25.18428%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.buf .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.buf .bal {
  bottom: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mok {
  bottom: 34.67532%;
  left: 13.51351%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mok .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.mok .bal {
  bottom: 437.5%
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.mok .bal {
    transform: translateX(-30%)
  }
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.epu {
  bottom: 13.8961%;
  left: 13.88206%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.epu .pin:after {
  height: 437.5%
}
.con_hotels .wrap_hotel .box_map .wrp_lnk li.epu .bal {
  bottom: 437.5%
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_hotels .wrap_hotel .box_map .wrp_lnk li.epu .bal {
    transform: translateX(-40%)
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .wrp_pin li {
    position: absolute;
    z-index: 10
  }
  .con_hotels .wrap_hotel .box_map .wrp_pin li.p1 {
    width: 39.48718%;
    bottom: 22.35294%;
    bottom: 50%;
    left: 54.23077%;
    left: 25%
  }
  .con_hotels .wrap_hotel .box_map .wrp_pin li.p2 {
    width: 35.89744%;
    top: 17.9085%;
    left: 54.87179%;
    top: 20%
}
  .con_hotels .wrap_hotel .box_map .wrp_pin li.p3 {
    width: 38.33333%;
    top: 27.45098%;
    left: 6.41026%
  }
  .con_hotels .wrap_hotel .box_map .wrp_pin li.p4 {
    width: 46.28205%;
    bottom: 9.6732%;
    left: 10%
  }
}
.con_hotels .wrap_hotel .box_map .wrp_tab li {
  position: absolute;
  cursor: pointer;
  transition: all 400ms ease
}
.con_hotels .wrap_hotel .box_map .wrp_tab li span {
  display: block;
  position: absolute
}
.con_hotels .wrap_hotel .box_map .wrp_tab li:hover {
  opacity: .8
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.hidden {
  filter: grayscale(90%);
  opacity: .4
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a1 {
  width: 27.06027%;
  right: 0;
  top: 65.22876%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a1 span {
  width: 55.90909%;
  top: -265.51724%;
  left: -28.18182%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a2 {
  width: 26.93727%;
  right: 14.51415%;
  top: 20.39216%;
  right: 25%;
  top: 20%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a2 span {
  width: 39.72603%;
  bottom: -200%;
  left: 25.1046%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a3 {
  width: 27.55228%;
  left: 7.62608%;
  top: 43.13725%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a3 span {
  width: 79.46429%;
  bottom: -304.61538%;
  left: 9.42623%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a4 {
  width: 23.20513%;
  left: 23.97436%;
  top: 84.70588%
}
.con_hotels .wrap_hotel .box_map .wrp_tab li.a4 span {
  width: 46.40884%;
  left: -58.01105%;
  top: 50%;
  margin-top: -22%
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_map .txt_atn {
    width: 60%;
    margin: 0em auto 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgba(0, 44, 81, 0.6);
    border-bottom: 1px solid rgba(0, 44, 81, 0.6);
    padding-bottom: .6em;
    justify-content: center
  }
  .con_hotels .wrap_hotel .box_map .txt_atn i {
    width: 2em;
    opacity: .6
  }
  .con_hotels .wrap_hotel .box_map .txt_atn span {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 68%;
    margin-left: 1em;
    letter-spacing: .05em
  }
}
@media only screen and (max-width: 767px) {
  .con_hotels .wrap_hotel .box_det {
    margin-top: .8em
  }
  .con_hotels .wrap_hotel .box_det .wrp_are:first-child ul {
    display: block
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c1 .btn {
    color: #ce6b03;
    border-color: #ce6b03
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c1 ul li a .det i {
    color: #ce6b03;
    background: #ce6b03
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c1 ul li a .det .area {
    color: #ce6b03;
    border-color: #ce6b03f
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c2 .btn {
    color: #00388a;
    border-color: #00388a
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c2 ul li a .det i {
    color: #00388a;
    background: #00388a
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c2 ul li a .det .area {
    color: #00388a;
    border-color: #00388a
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c3 .btn {
    color: #815165;
    border-color: #815165
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c3 ul li a .det i {
    color: #815165;
    background: #815165
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c3 ul li a .det .area {
    color: #815165;
    border-color: #815165
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c4 .btn {
    color: #a08b42;
    border-color: #a08b42
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c4 ul li a .det i {
    color: #a08b42;
    background: #a08b42
  }
  .con_hotels .wrap_hotel .box_det .wrp_are.c4 ul li a .det .area {
    color: #a08b42;
    border-color: #a08b42
  }
  .con_hotels .wrap_hotel .box_det .wrp_are .btn {
    width: 87.17949%;
    margin: 0 auto;
    padding: 1em 1em 1em 0em;
    text-align: center;
    letter-spacing: .05em;
    position: relative;
    font-size: 97%;
    border-bottom: 1px solid #000
  }
  .con_hotels .wrap_hotel .box_det .wrp_are .btn:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    margin-left: .5em;
    position: absolute;
    top: 50%;
    margin-top: -.4em;
    right: .5em;
    color: #313131;
    font-size: 60%;
    transition: all 400ms ease
  }
  .con_hotels .wrap_hotel .box_det .wrp_are .btn span {
    font-size: 85%;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif
  }
  .con_hotels .wrap_hotel .box_det .wrp_are .btn.active:after {
    transform: scale(1, -1)
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul {
    text-align: center;
    letter-spacing: -.5em;
    display: none
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin-top: 1.5em;
    width: 48.71795%
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li:nth-child(2n) {
    margin-left: 2.4359%
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li:nth-child(2n+1):last-child a .det  {
    text-align: center
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a , .con_hotels .wrap_hotel .box_det .wrp_are ul li em {
    display: block;
    text-decoration: none;
    text-align: left;
    transition: all 400ms ease
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a:hover {
    background: rgba(49, 49, 49, 0.05)
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a:hover .det i {
    width: 2em
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det , .con_hotels .wrap_hotel .box_det .wrp_are ul li em .det {
    padding: .8em
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det .area , .con_hotels .wrap_hotel .box_det .wrp_are ul li em .det .area {
    font-size: 72%;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    border-left: 1px solid #000;
    margin-bottom: .5em;
    padding-left: .8em;
    line-height: 1;
    letter-spacing: .1em;
    margin-bottom: .6em;
    text-align: left
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det .st , .con_hotels .wrap_hotel .box_det .wrp_are ul li em .det .st {
    font-size: 79%;
    letter-spacing: .05em
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det .txt , .con_hotels .wrap_hotel .box_det .wrp_are ul li em .det .txt {
    font-size: 72%;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    letter-spacing: .08em;
    margin-top: .5em
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det i {
    display: inline-block;
    width: 1.5em;
    height: 1px;
    position: relative;
    background: #000;
    color: #000;
    transition: all 400ms ease
  }
  .con_hotels .wrap_hotel .box_det .wrp_are ul li a .det i:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    margin-left: .5em;
    position: absolute;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    line-height: 1;
    right: 0;
    font-size: 72%;
    display: inline-block
  }
}
.con_search {
  max-width: 1320px;
  background: #f5f5f5;
  padding: 2.60417% 0;
  margin-top: 3.64583%;
  position: relative;
  position: relative
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search {
    padding: 4.16667% 0
  }
}
@media only screen and (max-width: 767px) {
  .con_search {
    padding: 2em 0
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search {
    margin-top: 5.83333%
  }
}
@media only screen and (max-width: 767px) {
  .con_search {
    margin-top: 2em
  }
}
.con_search:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-right: .5em;
  bottom: calc(100% - 1px)
}
.con_search:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-left: .5em;
  top: calc(100% - 1px);
  transform: scale(1, -1)
}
.con_search:before, .con_search:after {
  color: #f5f5f5;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 193%;
  transition: color 400ms ease
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search:before, .con_search:after {
    font-size: 179%
  }
}
@media only screen and (max-width: 767px) {
  .con_search:before, .con_search:after {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search {
    width: 100%
  }
}
.con_search .st {
  text-align: center;
  font-size: 129%;
  color: #002c51;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: .3em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 2.91667%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .st {
    font-size: 122%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .st {
    font-size: 104%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .st {
    text-indent: 1em;
    letter-spacing: .4em;
    line-height: 1.8
  }
}
.con_search .st span {
  color: #bf2930;
  letter-spacing: .25em;
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  font-size: 156%;
  font-weight: normal
}
@media only screen and (max-width: 767px) {
  .con_search .st span {
    text-indent: -.05em;
    font-size: 114%
  }
}
.con_search .st span i {
  font-size: 179%;
  line-height: 1
}
@media only screen and (max-width: 767px) {
  .con_search .st span i {
    font-size: 125%;
    display: inline-block;
    vertical-align: .1em
  }
}
.con_search form {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form {
    flex-wrap: wrap
  }
}
@media only screen and (max-width: 767px) {
  .con_search form {
    flex-wrap: wrap;
    width: 87.17949%
  }
}
.con_search form .parts {
  position: relative;
  border-bottom: 1px solid #d8d8d8
}
@media only screen and (max-width: 767px) {
  .con_search form .parts {
    margin-bottom: .5em
  }
}
.con_search form .parts:before {
  content: '';
  width: 0;
  height: 1px;
  background: #00388a;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: width 400ms ease
}
.con_search form .parts:hover:before {
  width: 100%;
  left: 0;
  right: auto
}
.con_search form .parts .display {
  font-size: 115%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  line-height: 40px;
  white-space: nowrap
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .parts .display {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .parts .display {
    font-size: 100%
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .parts .display {
    text-align: center
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .parts .display {
    text-align: left;
    line-height: 3em
  }
}
.con_search form .parts .display i {
  font-size: 163%;
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  padding-right: .2em
}
.con_search form .parts .display:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-left: .5em;
  font-size: 72%;
  padding-left: .3em
}
@media only screen and (max-width: 767px) {
  .con_search form .parts .display:after {
    font-size: 58%;
    vertical-align: .3em
  }
}
.con_search form .parts select, .con_search form .parts input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  line-height: 52px;
  cursor: pointer;
  opacity: 0;
  height: 52px
}
.con_search form .parts select::-ms-expand, .con_search form .parts input::-ms-expand {
  display: none
}
@media only screen and (max-width: 767px) {
  .con_search form .parts select, .con_search form .parts input {
    line-height: 3em;
    height: 3em
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .box_hotel {
    width: 27.91667%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form .box_hotel {
    width: 100%;
    margin-bottom: .5em
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_hotel {
    width: 100%
  }
}
.con_search form .box_hotel .parts {
  border-bottom: 2px solid #00388a
}
.con_search form .box_hotel .parts .display {
  font-size: 108%;
  letter-spacing: .1em;
  text-align: left;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .box_hotel .parts .display {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_hotel .parts .display {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_hotel .parts .display {
    line-height: 3em
  }
}
.con_search form .box_hotel .parts select {
  font-size: 108%;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .box_hotel .parts select {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_hotel .parts select {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_hotel .parts select {
    width: 100%
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .box_day {
    width: 24.16667%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form .box_day {
    width: 30%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_day {
    width: 55%
  }
}
.con_search form .box_day .parts .display {
  font-size: 186%;
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  letter-spacing: .08em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .box_day .parts .display {
    font-size: 172%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_day .parts .display {
    font-size: 143%
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .box_day .parts .display {
    text-align: center
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_day .parts .display {
    text-align: left;
    line-height: 2em;
    height: 2em
  }
}
.con_search form .box_day .parts .display:after {
  font-size: 47%
}
.con_search form .box_day .parts .display span {
  font-size: 75%;
  font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif
}
.con_search form .box_day .parts input.datepicker {
  font-size: 186%;
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  letter-spacing: .08em;
  text-align: center;
  background: transparent
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .box_day .parts input.datepicker {
    font-size: 172%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_day .parts input.datepicker {
    font-size: 143%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_day .parts input.datepicker {
    width: 100%;
    line-height: 2em;
    height: 2em
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .box_per, .con_search form .box_sta, .con_search form .box_roo {
    width: 10.83333%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form .box_per, .con_search form .box_sta, .con_search form .box_roo {
    width: 15%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_per, .con_search form .box_sta, .con_search form .box_roo {
    width: 50%
  }
}
.con_search form .box_per .parts select, .con_search form .box_sta .parts select, .con_search form .box_roo .parts select {
  position: relative;
  z-index: 10;
  opacity: 0;
  width: 100%
}
.con_search form .box_per .parts option, .con_search form .box_sta .parts option, .con_search form .box_roo .parts option {
  letter-spacing: .1em;
  padding: 0 .5em;
  display: block;
  text-align: center
}
@media only screen and (min-width: 768px) {
  .con_search form .box_per {
    width: 14.16667%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form .box_per {
    width: 18%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_per {
    width: 45%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_sta {
    width: 55%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .box_roo {
    width: 45%
  }
}
@media only screen and (min-width: 768px) {
  .con_search form .btn_submit {
    width: 100px;
    margin-left: 2.5%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_search form .btn_submit {
    width: 20%;
    margin-left: 2%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .btn_submit {
    width: 100%;
    margin-top: 1em
  }
}
.con_search form .btn_submit input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  background: #00388a;
  color: #FFF;
  width: 100%;
  line-height: 52px;
  letter-spacing: .15em;
  font-size: 108%;
  transition: background 400ms ease, opacity 400ms ease
}
.con_search form .btn_submit input::-ms-expand {
  display: none
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search form .btn_submit input {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .btn_submit input {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search form .btn_submit input {
    line-height: 3em;
    letter-spacing: .25em;
    text-indent: .25em
  }
}
.con_search form .btn_submit input:hover {
  background: #b97c7f
}
.con_search form .btn_submit input:disabled {
  background: rgba(167, 91, 95, 0.5);
  position: relative;
  z-index: -1
}
.con_search .wrap_link {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  margin-top: 3.33333%
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link {
    width: 87.17949%
  }
}
.con_search .wrap_link .box_btns {
  letter-spacing: -.5em;
  text-align: center
}
.con_search .wrap_link .box_btns p {
  letter-spacing: normal;
  display: inline-block
}
@media only screen and (min-width: 768px) {
  .con_search .wrap_link .box_btns p {
    width: 26.33333%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_btns p {
    width: 48%;
    max-width: 316px
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_btns p {
    width: 49%
  }
}
@media only screen and (min-width: 768px) {
  .con_search .wrap_link .box_btns p + p {
    margin-left: .75%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_btns p + p {
    margin-left: 2%
  }
}
.con_search .wrap_link .box_btns p a {
  display: block;
  text-decoration: none;
  padding: 1.2em;
  background: #002c51;
  color: #FFF;
  text-align: center;
  font-size: 100%;
  letter-spacing: .1em;
  position: relative;
  transition: background 400ms ease
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_btns p a {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_btns p a {
    font-size: 72%
  }
}
.con_search .wrap_link .box_btns p a:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-right: .5em;
  bottom: calc(100% - 1px)
}
.con_search .wrap_link .box_btns p a:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-left: .5em;
  top: calc(100% - 1px);
  transform: scale(1, -1)
}
.con_search .wrap_link .box_btns p a:before, .con_search .wrap_link .box_btns p a:after {
  color: #002c51;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 58%;
  transition: color 400ms ease
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_btns p a:before, .con_search .wrap_link .box_btns p a:after {
    font-size: 58%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_btns p a:before, .con_search .wrap_link .box_btns p a:after {
    font-size: 58%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_btns p a {
    padding: 1.2em .5em
  }
}
.con_search .wrap_link .box_btns p a:hover {
  background: #004884
}
.con_search .wrap_link .box_btns p a:hover:before, .con_search .wrap_link .box_btns p a:hover:after {
  color: #004884
}
.con_search .wrap_link .box_lnk {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 3.33333%
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk {
    margin-top: 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk {
    flex-wrap: wrap
  }
}
.con_search .wrap_link .box_lnk p {
  line-height: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0 2em;
  text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_lnk p {
    padding: 0 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk p {
    padding: 0 0.5em
  }
}
.con_search .wrap_link .box_lnk p:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.5)
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk p {
    width: 50%;
    margin-bottom: .8em
  }
  .con_search .wrap_link .box_lnk p:nth-child(2n+1) {
    border-left: 1px solid rgba(0, 0, 0, 0.5)
  }
}
.con_search .wrap_link .box_lnk p a {
  display: inline-block;
  text-decoration: none;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 93%;
  line-height: 1;
  letter-spacing: .25em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_lnk p a {
    font-size: 86%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk p a {
    font-size: 86%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_lnk p a {
    letter-spacing: .15em
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_lnk p a {
    letter-spacing: .1em
  }
}
.con_search .wrap_link .box_lnk p a:hover {
  text-decoration: underline
}
.con_search .wrap_link .box_oth {
  margin-top: 3.33333%
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_oth {
    margin-top: .5em
  }
}
@media only screen and (min-width: 768px) {
  .con_search .wrap_link .box_oth p {
    max-width: 640px;
    width: 100%;
    margin: 0 auto
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_oth p {
    width: 100%
  }
}
.con_search .wrap_link .box_oth p a {
  display: block;
  text-decoration: none;
  border: 1px solid #002c51;
  background: #FFF;
  text-align: center;
  color: #002c51;
  padding: 1.1em;
  letter-spacing: .15em;
  font-size: 108%;
  transition: background 400ms ease, color 400ms ease
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_search .wrap_link .box_oth p a {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_oth p a {
    font-size: 86%
  }
}
@media only screen and (max-width: 767px) {
  .con_search .wrap_link .box_oth p a {
    letter-spacing: .1em;
    padding: .8em .3em;
    text-indent: .5em
  }
}
.con_search .wrap_link .box_oth p a:hover {
  background: #002c51;
  color: #FFF
}
.con_search .wrap_link .box_oth p a:hover span {
  color: #FFF
}
.con_search .wrap_link .box_oth p a span {
  color: #802e32;
  transition: color 400ms ease
}
#ui-datepicker-div {
  z-index: 5000 !important
}
#obj_resetCal {
  font-size: 86%;
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
  padding: 0 .5em .5em
}
#obj_resetCal:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  margin-right: .5em;
  background: #000;
  color: #FFF;
  text-align: center;
  display: inline-block
}
#obj_resetCal:hover {
  text-decoration: none
}
.con_bnr {
  margin-top: 70px;
  text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_bnr {
    margin-top: 50px
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr {
    margin-top: 2em
  }
}
.con_bnr .bnr {
  margin-top: 15px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_bnr .bnr {
    margin-top: 15px
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr .bnr {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr .bnr {
    margin-top: 10px
  }
}
.con_bnr .bnr:first-child {
  margin-top: 0
}
.con_intro {
  margin-top: 11.71875%;
  padding-bottom: 16.77083%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro {
    margin-top: 18.75%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-top: 4em
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    padding-bottom: 4em
  }
}
.con_intro .box_img {
  position: relative;
  z-index: 100;
  padding-top: 8.85417%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_img {
    padding-top: 14.16667%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_img {
    padding-top: 4em
  }
}
.con_intro .box_img:before {
  content: '';
  width: 91.51042%;
  height: 0;
  padding-bottom: 30.72917%;
  background: url(../images/home/bg_int.jpg) no-repeat top left;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
@media only screen and (max-width: 767px) {
  .con_intro .box_img:before {
    background-size: cover;
    padding-bottom: 50%
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_img #js-introSlider {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
  }
}
.con_intro .box_img #js-introSlider div {
  outline: none !important
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_img #js-introSlider {
    background-size: 146.41667% auto
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_img #js-introSlider .slick-list {
    background: #000
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_img .slide {
    width: 27.08333%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_img .slide {
    width: 30%;
    overflow: hidden
  }
  .con_intro .box_img .slide img {
    position: relative;
    width: 110%;
    max-width: none;
    margin-left: -5%
  }
}
.con_intro .box_img .slick-dots {
  display: none !important
}
@media only screen and (max-width: 767px) {
  .con_intro .box_img .js-index {
    top: 6em
  }
}
.con_intro .box_txt {
  padding: 5.98958% 0 180px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_txt {
    padding: 8.33333% 0 180px
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt {
    padding: 0 0 1.5em
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_txt {
    position: relative;
    background: url(../images/home/img_int4.jpg) no-repeat right 86.22951%;
    background-size: 31.25% auto
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_txt {
    background-size: 33.33333% auto
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt {
    background: url(../images/home/bg_int-bot.png) no-repeat right bottom #f5f5f5;
    background-size: 62.17949% auto
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_txt .wrp_txt {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
  }
}
.con_intro .box_txt .wrp_txt .st {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-left: 8.33333%;
  margin-left: 0%;
  margin-right: 10%;
  width: 163px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_txt .wrp_txt .st {
    width: 145px
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .st {
    width: 50.16447%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .st {
    align-items: flex-start;
    margin: -8em auto 1em;
    position: relative;
    z-index: 1001
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_txt .wrp_txt .st i {
    width: 24.09639%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .st i {
    width: 24.59016%;
    padding: 1em .3em;
    background: #FFF;
    display: inline-block
  }
  .con_intro .box_txt .wrp_txt .st i:nth-child(2) {
    margin-top: 1.9em
  }
  .con_intro .box_txt .wrp_txt .st i:nth-child(3) {
    margin-top: 3.8em
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_txt .wrp_txt .txt {
  margin-left: 0%;
  margin-top: 6.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .txt {
    width: 96%;
    margin: 0 auto
  }
}
.firefox .con_intro .box_txt .wrp_txt .txt {
  width: 585px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .firefox .con_intro .box_txt .wrp_txt .txt {
    width: 455px;
  }
}
.con_intro .box_txt .wrp_txt .txt p {
  font-size: 115%;
  line-height: 3
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_txt .wrp_txt .txt p {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .txt p {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_txt .wrp_txt .txt p {
    line-height: 2.5
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .txt p {
    line-height: 2
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_txt .wrp_txt .txt p {
    letter-spacing: .15em;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  /*   -webkit-text-orientation: upright;
   -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright;  */
    text-align: left;
    display: inline-block;
    font-feature-settings: normal
  }
/*Safariのみ調整*/
::-webkit-full-page-media, :future, :root .con_intro .box_txt .wrp_txt .txt p{
    letter-spacing: .15em;
    white-space:nowrap
	}
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .wrp_txt .txt p {
    letter-spacing: .1em
  }
}
.con_intro .box_txt .wrp_txt .txt p i {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  margin: -.8em 0 -.8em .2em
}
.con_intro .box_txt .wrp_txt .txt p span {
  padding-bottom: .5em
}
.con_intro .box_history {
  width: 62.5%;
  margin: 0 auto;
  padding-left: 3.33333%;
  position: relative;
  transform: translateY(0) !important
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .con_intro .box_history {
    width: 85%
  }
}
@media only screen and (max-width: 1199px) {
  .con_intro .box_history {
    width: 90%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history {
    margin-top: 3em
  }
}
.con_intro .box_history:before {
  content: 'All for customers';
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  color: #cb6120;
  font-size: 215%;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: .1em;
  opacity: 0;
  transition: opacity 600ms ease 2s;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history:before {
    font-size: 186%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history:before {
    font-size: 122%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history:before {
    left: -.7em
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history:before {
    left: -.3em
  }
}
@media only screen and (min-width: 1200px) {
  .con_intro .box_history .wrp_bg {
    width: 36.58333%;
    height: 0;
    padding-bottom: 19.66667%;
    position: absolute;
    bottom: 100%;
    right: 93.33333%;
    transform: translateY(0) !important
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1560px) {
  .con_intro .box_history .wrp_bg {
    right: 94.7%
  }
}
@media only screen and (min-width: 1200px) {
  .con_intro .box_history .wrp_bg .bg {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    background: url(../images/home/bg_int-bot.png) no-repeat right top;
    background-size: 100% auto;
    height: 0;
    transition: height 2s ease
  }
}
@media print {
  .con_intro .box_history .wrp_bg {
    width: 36.58333%;
    height: 0;
    padding-bottom: 19.66667%;
    position: absolute;
    bottom: 100%;
    right: 93.33333%;
    transform: translateY(0) !important
  }
  .con_intro .box_history .wrp_bg .bg {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    background: url(../images/home/bg_int-bot.png) no-repeat right top;
    background-size: 100% auto;
    height: 0;
    transition: height 2s ease
  }
}
@media only screen and (min-width: 1200px) {
  .con_intro .box_history .wrp_bg2 {
    position: absolute;
    top: 100%;
    left: 6.5%;
    transform: translateY(0) !important;
    width: 608px;
    height: 272px;
    padding: 0
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1560px) {
  .con_intro .box_history .wrp_bg2 {
    left: 5%;
    width: 40%;
    height: 0;
    padding-bottom: 22%
  }
}
@media only screen and (min-width: 1200px) {
  .con_intro .box_history .wrp_bg2 .bg {
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    transform-origin: top left;
    background: url(../images/home/bg_his.png) no-repeat top right;
    background-size: 100% auto;
    height: 0;
    transition: height 2s ease 1s
  }
}
@media print {
  .con_intro .box_history .wrp_bg2 {
    position: absolute;
    top: 100%;
    left: 6.5%;
    transform: translateY(0) !important;
    width: 608px;
    height: 272px;
    padding: 0
  }
  .con_intro .box_history .wrp_bg2 .bg {
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    transform-origin: top left;
    background: url(../images/home/bg_his.png) no-repeat top right;
    background-size: 100% auto;
    height: 0;
    transition: height 2s ease 1s
  }
}
.con_intro .box_history .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner {
    padding-left: 7.5%;
    padding-top: 2.5%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_intro .box_history .inner {
    align-items: flex-start
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner {
    padding-top: 68%
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner:before {
    content: '';
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/common/bg_line.png) repeat-Y top left;
    display: block
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner .wrp_txt {
    width: 46.8599%;
    margin-right: 10%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_txt {
    margin-right: 3%
  }
}
.con_intro .box_history .inner .wrp_txt .st {
  font-size: 158%;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_txt .st {
    font-size: 143%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_txt .st {
    font-size: 111%
  }
}
.con_intro .box_history .inner .wrp_txt .st i {
  display: inline-block
}
.con_intro .box_history .inner .wrp_txt .txt {
  font-size: 108%;
  letter-spacing: .1em;
  line-height: 2.5
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    margin-top: 6.18557%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_txt .txt {
    margin-top: .8em
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner .wrp_img {
    width: 42.02899%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_img {
    width: 47%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_img {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 3.5em;
    width: 100%
  }
  .con_intro .box_history .inner .wrp_img:before {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 1em;
    background: url(../images/common/bg_line.png) repeat-Y top left;
    display: block;
    width: 6px;
    background-size: 100% auto
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_history .inner .wrp_lnk {
    margin-top: 4.5%;
    width: 100%;
    display: flex;
    flex-direction: row
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_lnk {
    width: 100%;
    margin: 1em auto 0;
    text-align: center
  }
}
.con_intro .box_history .inner .wrp_lnk p {
  margin-right: 4.40141%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_intro .box_history .inner .wrp_lnk p {
    margin-right: 2.64085%
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_lnk p {
    margin-right: 0
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_history .inner .wrp_lnk p {
    display: inline-block
  }
  .con_intro .box_history .inner .wrp_lnk p a {
    padding: 1em 2.5em
  }
}
.con_intro .box_history.scrActive:before {
  opacity: 1
}
.con_intro .box_history.scrActive .wrp_bg .bg {
  height: 100%
}
.con_intro .box_history.scrActive .wrp_bg2 .bg {
  height: 100%
}
.con_important h2 {
  margin-bottom: 3.38542%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important h2 {
    margin-bottom: 5.41667%
  }
}
@media only screen and (max-width: 767px) {
  .con_important h2 {
    margin-bottom: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_important h2 i {
    margin-bottom: .5em
  }
}
.con_important h2 + .wrap_imp {
  margin-top: 0
}
.con_important .wrap_imp {
  position: relative
}
.con_important .wrap_imp.style2 .box_img {
  text-align: right
}
.con_important .wrap_imp.style2 .box_img p {
  display: inline-block
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp.style2 .box_txt {
    margin-left: 10%
  }
}
@media only screen and (min-width: 1200px) {
  .con_important .wrap_imp .box_img p {
    width: 81.35417%
  }
}
@media print {
  .con_important .wrap_imp .box_img p {
    width: 81.35417%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_img p {
    width: 85%
  }
}
.con_important .wrap_imp .box_txt {
  margin-top: 2.60417%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt {
    margin-top: 4.16667%
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt {
    margin-top: 1em
  }
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp .box_txt {
    display: flex;
    flex-direction: row
  }
}
@media only screen and (min-width: 1200px) {
  .con_important .wrap_imp .box_txt {
    width: 81.35417%
  }
}
@media print {
  .con_important .wrap_imp .box_txt {
    width: 81.35417%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt {
    width: 85%
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt {
    width: 90%;
    margin: 1em auto 0;
    padding-bottom: 4.5em
  }
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp .box_txt > * {
    width: 50%
  }
}
@media only screen and (min-width: 1200px) {
  .con_important .wrap_imp .box_txt .wrp_st {
    text-align: right
  }
}
@media print {
  .con_important .wrap_imp .box_txt .wrp_st {
    text-align: right
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_st {
    text-align: center
  }
}
.con_important .wrap_imp .box_txt .wrp_st .st {
  font-size: 158%;
  letter-spacing: .25em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    font-size: 143%
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    font-size: 122%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    letter-spacing: .2em
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    letter-spacing: .15em
  }
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    display: inline-block;
    text-align: left
  }
}
@media only screen and (min-width: 1200px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    margin-right: 13.33333%
  }
}
@media print {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    margin-right: 13.33333%
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_st .st {
    text-align: center
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt {
    margin-top: .5em;
    text-align: center
  }
}
.con_important .wrap_imp .box_txt .wrp_txt .txt {
  font-size: 108%;
  line-height: 2.5;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_txt .txt {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt .txt {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt .txt {
    text-align: left
  }
}
.con_important .wrap_imp .box_txt .wrp_txt .btn {
  display: inline-block;
  margin-top: 1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp .box_txt .wrp_txt .btn {
    margin-top: .5em
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt .btn {
    margin-top: 0em
  }
}
@media only screen and (max-width: 767px) {
  .con_important .wrap_imp .box_txt .wrp_txt .btn {
    margin: .3em auto 0
  }
  .con_important .wrap_imp .box_txt .wrp_txt .btn a {
    padding: 1em 2.5em
  }
}
@media only screen and (min-width: 1200px) {
  .con_important .wrap_imp1 {
    padding-bottom: 10.57292%
  }
}
@media print {
  .con_important .wrap_imp1 {
    padding-bottom: 10.57292%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp1 {
    padding-bottom: 16.91667%
  }
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp1 .box_bg {
    position: absolute;
    right: 8.59375%;
    width: 32.23958%;
    bottom: 0;
    z-index: -1;
    padding-bottom: 42.44792%;
    transform: translateY(0) !important
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp1 .box_bg {
    bottom: -10%;
    width: 51.58333%;
    padding-bottom: 67.91667%
  }
}
.con_important .wrap_imp1 .box_bg .bg {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  background: url(../images/home/bg_imp-1.png) no-repeat top right;
  background-size: 100% auto;
  height: 0;
  transition: height 3s ease 500ms
}
.con_important .wrap_imp1.scrActive .box_bg .bg {
  height: 100%
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp2 {
    padding-bottom: 10.88542%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp2 {
    padding-bottom: 17.41667%
  }
}
@media only screen and (min-width: 768px) {
  .con_important .wrap_imp2 .box_bg {
    position: absolute;
    left: 8.07292%;
    width: 45.9375%;
    bottom: 0;
    z-index: -1;
    padding-bottom: 39.42708%;
    transform: translateY(0) !important
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_important .wrap_imp2 .box_bg {
    width: 51.58333%;
    padding-bottom: 50%;
    top: auto;
    bottom: 0
  }
}
.con_important .wrap_imp2 .box_bg .bg {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/home/bg_imp-2.png) no-repeat top right;
  background-size: 100% auto;
  height: 0;
  transition: height 3s ease 500ms
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_important .wrap_imp2 .box_bg .bg {
    background-size: 100%
  }
}
.con_important .wrap_imp2.scrActive .box_bg .bg {
  height: 100%
}
.con_activity {
  margin-top: 10.41667%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity {
    margin-top: 16.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity {
    margin-top: 1em
  }
}
.con_activity .box_int {
  margin-top: 3.91667%
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int {
    margin-top: 1.5em;
    width: 100%
  }
}
.con_activity .box_int .wrp_img {
  position: relative
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_activity .box_int .wrp_img .img {
    overflow: hidden
  }
  .con_activity .box_int .wrp_img .img img {
    position: relative;
    width: 120%;
    max-width: none;
    margin-left: -10%
  }
}
.con_activity .box_int .wrp_img .logo {
  position: absolute;
  top: 18.18182%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 14.66667%;
  z-index: 10
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_activity .box_int .wrp_img .logo {
    width: 17.6%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_img .logo {
    width: 30%;
    top: 30%
  }
}
@media only screen and (min-width: 768px) {
  .con_activity .box_int .wrp_txt {
    margin-top: 5%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_txt {
    width: 87.17949%;
    margin: 1.5em auto 0
  }
}
.con_activity .box_int .wrp_txt .txt {
  max-width: 764px;
  margin: 0 auto;
  text-align: center;
  font-size: 108%;
  letter-spacing: .1em;
  line-height: 2.5;
  margin-top: 2em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_int .wrp_txt .txt {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_txt .txt {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_int .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_int .wrp_txt .txt {
    margin-top: 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_txt .txt {
    margin-top: .8em
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_int .wrp_txt .txt {
    text-align: left
  }
}
.con_activity .box_act {
  margin-top: 4.16667%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_act {
    margin-top: 6.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act {
    margin-top: 1em
  }
}
.con_activity .box_act .wrp_img {
  padding-bottom: 3.97727%;
  background: url(../images/home/bg_act.jpg) no-repeat bottom right;
  background-size: 84.48864% auto
}
@media only screen and (min-width: 768px) {
  .con_activity .box_act .wrp_img {
    width: 91.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_img {
    padding-bottom: 1.2em;
    background-size: 150% auto;
    margin-bottom: 1.5em;
    background-position: bottom center
  }
}
@media only screen and (min-width: 768px) {
  .con_activity .box_act .wrp_img .js-spSlider {
    width: 100%;
    display: flex;
    flex-direction: row
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_img .js-spSlider .slick-list {
    background: #313131
  }
}
@media only screen and (min-width: 768px) {
  .con_activity .box_act .wrp_img .slide {
    width: 29.54545%;
    margin-right: 1px
  }
}
.con_activity .box_act .wrp_txt {
  text-align: center
}
.con_activity .box_act .wrp_txt .btn {
  display: inline-block;
  margin-top: 1.5em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_act .wrp_txt .btn {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_txt .btn {
    margin-top: .5em
  }
}
.con_activity .box_act .wrp_txt .btn a {
  letter-spacing: .08em;
  padding: 1em 2.5em
}
.con_activity .box_act .wrp_txt .txt {
  max-width: 764px;
  margin: 0 auto;
  text-align: center;
  font-size: 108%;
  letter-spacing: .1em;
  line-height: 2.5;
  margin-top: 2em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_act .wrp_txt .txt {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_txt .txt {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_act .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_activity .box_act .wrp_txt .txt {
    margin-top: 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_txt .txt {
    margin-top: .8em
  }
}
@media only screen and (max-width: 767px) {
  .con_activity .box_act .wrp_txt .txt {
    text-align: left
  }
}
.con_column {
  margin-top: 9.0625%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_column {
    margin-top: 14.5%
  }
}
@media only screen and (max-width: 767px) {
  .con_column {
    margin-top: 6em
  }
}
.con_column .box_txt {
  overflow: hidden
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt {
    margin-top: 3.75%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt {
    margin-top: 1em
  }
}
.con_column .box_txt li {
  float: left
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt li {
    margin-left: 7.5%;
    width: 21.66667%;
    margin-bottom: 5%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_column .box_txt li {
    width: 25%;
    margin-left: 3.33333%;
    margin-bottom: 3.33333%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li {
    width: 48%;
    margin-bottom: 3%
  }
  .con_column .box_txt li:nth-child(2n) {
    margin-right: 4%
  }
}
.con_column .box_txt li:first-child {
  margin-left: 0
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt li.pickup {
    width: 41.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup {
    width: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup a {
    display: block !important
  }
}
.con_column .box_txt li.pickup a .wrp_img {
  height: 0;
  padding-bottom: 76%
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup a .wrp_img {
    padding-bottom: 58.46154%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup a .wrp_img {
    width: 100%
  }
}
.con_column .box_txt li.pickup a .wrp_txt {
  padding: 2em 3em 2.5em
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_column .box_txt li.pickup a .wrp_txt {
    padding: 1em 2em 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup a .wrp_txt {
    width: 100%;
    padding: 1em 1.5em 1.5em
  }
}
.con_column .box_txt li.pickup a:hover .wrp_txt .txt_lnk span:before, .con_column .box_txt li.pickup a:hover .wrp_txt .txt_lnk span:after {
  right: 0
}
.con_column .box_txt li.pickup a:hover .wrp_txt .txt_lnk span:before {
  width: 50px
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li.pickup a:hover .wrp_txt .txt_lnk span:before {
    width: 3em
  }
}
.con_column .box_txt li a {
  display: block;
  text-decoration: none;
  position: relative
}
.con_column .box_txt li a:hover:before {
  opacity: 1
}
.con_column .box_txt li a:hover .wrp_img {
  opacity: .8
}
.con_column .box_txt li a:hover .wrp_txt .txt_lnk {
  transform: translateX(0);
  opacity: 1
}
.con_column .box_txt li a:hover .wrp_txt .txt_lnk span:before, .con_column .box_txt li a:hover .wrp_txt .txt_lnk span:after {
  right: 0
}
.con_column .box_txt li a:hover .wrp_txt .txt_lnk span:before {
  width: 50px
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a:hover .wrp_txt .txt_lnk span:before {
    width: 3em
  }
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt li a:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/common/bg2.png) repeat top left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 400ms ease
  }
}
.con_column .box_txt li a > * {
  position: relative;
  z-index: 10
}
.con_column .box_txt li a .wrp_img {
  width: 100%;
  transition: opacity 400ms ease;
  height: 0;
  padding-bottom: 76.92308%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt li a .wrp_txt {
    padding: 1em 1em 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a .wrp_txt {
    padding: .8em .8em 1.2em
  }
}
.con_column .box_txt li a .wrp_txt .cat {
  font-size: 108%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: .1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_column .box_txt li a .wrp_txt .cat {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a .wrp_txt .cat {
    font-size: 79%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_column .box_txt li a .wrp_txt .cat {
    font-size: 93%
  }
}
.con_column .box_txt li a .wrp_txt .tit {
  font-size: 122%;
  letter-spacing: .08em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.8;
  margin-top: .5em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_column .box_txt li a .wrp_txt .tit {
    font-size: 115%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a .wrp_txt .tit {
    font-size: 93%
  }
}
.firefox .con_column .box_txt li a .wrp_txt .tit, .ie .con_column .box_txt li a .wrp_txt .tit {
  max-height: 3.6em
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_column .box_txt li a .wrp_txt .tit {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a .wrp_txt .tit {
    margin-top: .3em
  }
  .con_column .box_txt li a .wrp_txt .tit br {
    display: none
  }
}
.con_column .box_txt li a .wrp_txt .txt_lnk {
  transition: opacity 400ms ease, transform 400ms ease
}
@media only screen and (min-width: 768px) {
  .con_column .box_txt li a .wrp_txt .txt_lnk {
    margin-top: .8em;
    opacity: 0;
    transform: translateX(-0.5em)
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_txt li a .wrp_txt .txt_lnk {
    margin-left: -.4em
  }
}
.con_column .box_btn {
  display: block;
  margin-top: -3em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_column .box_btn {
    margin-top: -1em
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_btn {
    margin-top: -1em
  }
}
@media only screen and (min-width: 768px) {
  .con_column .box_btn {
    text-align: right
  }
}
@media only screen and (max-width: 767px) {
  .con_column .box_btn {
    text-align: center
  }
}
.con_column .box_btn .btn {
  position: relative;
  display: inline-block
}
@media only screen and (max-width: 767px) {
  .con_column .box_btn .btn a {
    padding: 1em 2.5em
  }
}
.con_guide {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative
}
@media only screen and (min-width: 768px) {
  .con_guide {
    margin-top: 7.5%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7.8125% 0 6.25%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide {
    flex-wrap: wrap;
    padding-bottom: 7.5em;
    padding-top: 0
  }
}
@media only screen and (max-width: 767px) {
  .con_guide {
    padding-bottom: 6em;
    margin-top: 4em
  }
}
.con_guide:before {
  content: '';
  width: .78125%;
  min-width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/bg_line.png) repeat-y top left;
  background-size: 100% auto;
  display: block;
  z-index: 13
}
@media only screen and (max-width: 767px) {
  .con_guide:before {
    min-width: 7px
  }
}
.con_guide:after {
  content: '';
  width: 36.875%;
  height: 0;
  padding-bottom: 14.625%;
  background: url(../images/home/bg_guide-top.png) no-repeat top left;
  position: absolute;
  top: -15.59322%;
  left: 1.75%;
  background-size: 100% auto;
  z-index: 100
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide:after {
    top: -7%;
    left: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_guide:after {
    top: -5%;
    left: 1em;
    width: 49.16667%;
    padding-bottom: 19.5%
  }
}
.con_guide .box_txt {
  background: #FFF;
  position: relative;
  z-index: 12
}
@media only screen and (min-width: 768px) {
  .con_guide .box_txt {
    width: 37.5%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide .box_txt {
    width: 100%;
    position: static;
    padding: 3em 0 2em
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt {
    position: static;
    padding: 2em 0 1em
  }
}
.con_guide .box_txt .st {
  text-align: center;
  letter-spacing: .2em;
  font-size: 186%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_guide .box_txt .st {
    font-size: 172%
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt .st {
    font-size: 143%
  }
}
.con_guide .box_txt #js-arrow {
  text-align: center;
  margin-top: 1.5em;
  color: #002c51
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide .box_txt #js-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt #js-arrow {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    margin: 0 auto
  }
}
.con_guide .box_txt #js-arrow .wrp_number > * {
  display: inline-block
}
.con_guide .box_txt #js-arrow .wrp_number span {
  font-size: 172%;
  font-family: 'Playfair Display', Times, Garamond, Georgia, serif;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_guide .box_txt #js-arrow .wrp_number span {
    font-size: 143%
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt #js-arrow .wrp_number span {
    font-size: 129%
  }
}
.con_guide .box_txt #js-arrow .wrp_number i {
  margin: 0 .8em
}
.con_guide .box_txt #js-arrow .wrp_arrow {
  margin-top: 5%
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide .box_txt #js-arrow .wrp_arrow {
    margin-top: 0
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt #js-arrow .wrp_arrow {
    margin-top: .3em
  }
}
.con_guide .box_txt #js-arrow .wrp_arrow p {
  display: inline-block;
  cursor: pointer
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt #js-arrow .wrp_arrow p {
    padding: .5em 0
  }
}
.con_guide .box_txt #js-arrow .wrp_arrow p i {
  display: inline-block;
  position: relative;
  padding: 20px 0
}
@media only screen and (max-width: 767px) {
  .con_guide .box_txt #js-arrow .wrp_arrow p i {
    font-size: 72%;
    padding: 5px 0
  }
}
.con_guide .box_txt #js-arrow .wrp_arrow p i:after {
  content: '';
  width: 42px;
  height: 1px;
  background: #002c51;
  display: block
}
.con_guide .box_txt #js-arrow .wrp_arrow p i:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0
}
.con_guide .box_txt #js-arrow .wrp_arrow p.prev i {
  transform: scale(-1, 1);
  margin-right: 40px
}
.con_guide .box_img {
  position: relative
}
.con_guide .box_img:before {
  content: '';
  width: 100%;
  height: calc(100% + 4px);
  position: absolute;
  top: 0;
  right: 100%;
  background: #FFF;
  display: block;
  z-index: 10
}
.con_guide .box_img:after {
  content: '';
  background: url(../images/home/bg_guide-bot.png) no-repeat bottom right;
  background-size: 100% auto;
  width: 114.53608%;
  height: 99px;
  position: absolute;
  top: 120%;
  left: 0;
  z-index: 10
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide .box_img:after {
    height: 70px;
    top: calc(100% + 8em)
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img:after {
    display: none
  }
}
@media only screen and (min-width: 768px) {
  .con_guide .box_img {
    width: 60.625%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .con_guide .box_img {
    width: 90%;
    margin: 0 auto
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img {
    width: 80%;
    margin: 0 auto
  }
}
.con_guide .box_img #js-slideGuide * {
  outline: none !important
}
.con_guide .box_img #js-slideGuide *:focus {
  outline: none !important
}
@media only screen and (min-width: 768px) {
  .con_guide .box_img #js-slideGuide .slick-list {
    overflow: visible !important
  }
}
.con_guide .box_img #js-slideGuide .slide {
  margin-right: 32px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_guide .box_img #js-slideGuide .slide {
    margin-right: 10px
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img #js-slideGuide .slide {
    margin-right: 0
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img #js-slideGuide .slide {
    margin: 0 5px
  }
}
.con_guide .box_img #js-slideGuide .slide a {
  display: block;
  text-decoration: none;
  transition: opacity 400ms ease
}
.con_guide .box_img #js-slideGuide .slide a:hover {
  opacity: .8
}
.con_guide .box_img #js-slideGuide .slide a .wrp_txt {
  margin-top: 1.5em
}
.con_guide .box_img #js-slideGuide .slide a .wrp_txt i {
  font-size: 108%;
  display: block;
  letter-spacing: .15em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_guide .box_img #js-slideGuide .slide a .wrp_txt i {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img #js-slideGuide .slide a .wrp_txt i {
    font-size: 93%
  }
}
.con_guide .box_img #js-slideGuide .slide a .wrp_txt span {
  display: block;
  margin-top: .5em;
  font-size: 115%;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_guide .box_img #js-slideGuide .slide a .wrp_txt span {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_img #js-slideGuide .slide a .wrp_txt span {
    font-size: 100%
  }
}
.con_news {
  margin-top: 7.29167%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news {
    margin-top: 11.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin-top: 3em
  }
}
@media only screen and (min-width: 768px) {
  .con_news {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    padding-bottom: 1.5em;
    position: relative
  }
}
.con_news .box_st {
  text-align: center
}
@media only screen and (min-width: 768px) {
  .con_news .box_st {
    width: 22.5%
  }
}
.con_news .box_st .st {
  font-size: 186%;
  letter-spacing: .5em;
  text-indent: .5em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_st .st {
    font-size: 172%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_st .st {
    font-size: 143%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_st .st {
    letter-spacing: .4em
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_st .st {
    letter-spacing: .15em
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_st .st {
    text-indent: .4em
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_st .st {
    text-indent: .15em
  }
}
.con_news .box_st .btn {
  margin-top: 1.5em;
  display: inline-block
}
@media only screen and (max-width: 767px) {
  .con_news .box_st .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%
  }
}
@media only screen and (min-width: 768px) {
  .con_news .box_st .btn a {
    padding: .8em 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_st .btn a {
    padding: 1em 2.5em
  }
}
@media only screen and (min-width: 1200px) {
  .con_news .box_txt {
    width: 63.33333%
  }
}
@media print {
  .con_news .box_txt {
    width: 63.33333%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_txt {
    width: 70.83333%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt {
    margin-top: 1em
  }
}
.con_news .box_txt li {
  margin-bottom: 7.89474%
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li {
    margin-bottom: 2em
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li {
    padding-bottom: .8em;
    border-bottom: 1px dotted #CCC
  }
  .con_news .box_txt li:nth-child(n+5) {
    display: none
  }
}
.con_news .box_txt li a {
  display: block;
  text-decoration: none;
  transition: opacity 400ms ease, transform 400ms ease
}
.con_news .box_txt li a:hover {
  opacity: .8
}
@media only screen and (min-width: 768px) {
  .con_news .box_txt li a:hover {
    transform: translateX(1em)
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a:hover {
    transform: translateX(0.5em)
  }
}
.con_news .box_txt li a .dat {
  display: block;
  font-family: 'Lusitana', Times, Garamond, Georgia, serif;
  font-size: 100%;
  letter-spacing: .15em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_txt li a .dat {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a .dat {
    font-size: 86%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a .dat {
    line-height: 1
  }
}
.con_news .box_txt li a p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #002c51;
  margin-top: .5em
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p {
    margin-top: .2em
  }
}
.con_news .box_txt li a p .cat {
  display: inline-block;
  font-weight: bold;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100%;
  padding-bottom: .5em;
  letter-spacing: .15em;
  border-bottom: 1px solid #00388a;
  margin-right: .5em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_txt li a p .cat {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p .cat {
    font-size: 86%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p .cat {
    letter-spacing: .1em;
    padding-bottom: .3em
  }
}
.con_news .box_txt li a p .hot {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100%;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_txt li a p .hot {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p .hot {
    font-size: 86%
  }
}
.con_news .box_txt li a p .tit {
  font-size: 108%;
  letter-spacing: .1em;
  color: #313131
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_news .box_txt li a p .tit {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p .tit {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_txt li a p .tit {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: .5em
  }
}
.con_links {
  max-width: 1266px;
  margin-top: 4.6875%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links {
    margin-top: 7.5%
  }
}
@media only screen and (max-width: 767px) {
  .con_links {
    margin-top: 5em
  }
}
.con_links .box_bnr {
  position: relative
}
.con_links .box_bnr:before, .con_links .box_bnr:after {
  content: '';
  width: 30px;
  position: absolute;
  top: -2px;
  height: calc(100% + 4px);
  background: #FFF;
  z-index: 5
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links .box_bnr:before, .con_links .box_bnr:after {
    width: 14px
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_bnr:before, .con_links .box_bnr:after {
    width: 5px
  }
}
.con_links .box_bnr:before {
  left: 0
}
.con_links .box_bnr:after {
  right: 0
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links .box_bnr {
    padding: 0 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_bnr {
    width: 100%;
    margin: 3em auto 3.5em;
    padding: 0 10%
  }
}
.con_links .box_bnr div {
  outline: none !important
}
.con_links .box_bnr .prev, .con_links .box_bnr .next {
  position: absolute;
  top: 34%;
  transform: translateY(-50%);
  font-size: 143%;
  cursor: pointer;
  z-index: 10
}
.con_links .box_bnr .prev {
  left: 0;
  transform: translateY(-50%) scale(-1, 1)
}
.con_links .box_bnr .next {
  right: 0
}
.con_links .box_bnr .slide {
  margin: 0 33px
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links .box_bnr .slide {
    margin: 0 15px
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_bnr .slide {
    margin: 0 5px
  }
}
.con_links .box_bnr .slide a {
  display: block;
  text-align: center;
  text-decoration: none
}
.con_links .box_bnr .slide a .wrp_img img {
  width: 100%
}
.con_links .box_bnr .slide a .wrp_txt {
  text-align: left;
  margin-top: .7em;
  font-size: 100%;
  letter-spacing: .1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links .box_bnr .slide a .wrp_txt {
    font-size: 93%
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_bnr .slide a .wrp_txt {
    font-size: 93%
  }
}
.con_links .box_lnk {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 5.83333%
}
@media only screen and (min-width: 768px) {
  .con_links .box_lnk {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
  }
}
@media only screen and (min-width: 768px) {
  .con_links .box_lnk li:not(:first-child) {
    margin-left: 1.25%
  }
  .con_links .box_lnk li.l3 {
    width: 30.5%
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_lnk li {
    margin-bottom: .5em
  }
}
.con_links .box_lnk li a {
  display: block;
  text-decoration: none;
  position: relative
}
.con_links .box_lnk li a:hover span {
  color: #FFF
}
.con_links .box_lnk li a:hover span:before, .con_links .box_lnk li a:hover span:after {
  background: #002c51
}
.con_links .box_lnk li a span {
  display: block;
  position: relative;
  z-index: 10;
  font-size: 115%;
  letter-spacing: .1em;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  color: #002c51;
  text-align: center;
  background: #FFF;
  transition: color 400ms ease
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_links .box_lnk li a span {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_lnk li a span {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) {
  .con_links .box_lnk li a span {
    padding: 1.2em 1.5em 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_links .box_lnk li a span {
    padding: 1em 1em 1.5em;
    color: #FFF
  }
  .con_links .box_lnk li a span:before, .con_links .box_lnk li a span:after {
    background: #002c51 !important
  }
}
.con_links .box_lnk li a span:before, .con_links .box_lnk li a span:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
  box-sizing: border-box;
  background: #FFF;
  z-index: -10;
  transition: background 400ms ease, color 400ms ease
}
.con_links .box_lnk li a span:before {
  border-radius: 0 0 1em 0;
  border-bottom: 1px solid #002c51;
  left: 0
}
.firefox .con_links .box_lnk li a span:before, .chrome .con_links .box_lnk li a span:before {
  width: calc(50% + 1px)
}
.con_links .box_lnk li a span:after {
  border-radius: 0 0 0 1em;
  border-bottom: 1px solid #002c51;
  right: 0
}
.con_about {
  margin-top: 10.41667%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_about {
    margin-top: 16.66667%
  }
}
@media only screen and (max-width: 767px) {
  .con_about {
    margin-top: 5em
  }
}
.con_about .box_abo {
  margin-top: 4.16667%;
  position: relative
}
@media only screen and (min-width: 768px) {
  .con_about .box_abo {
    display: flex;
    flex-direction: row
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo {
    margin-top: 1em
  }
}
@media only screen and (min-width: 768px) {
  .con_about .box_abo > div {
    width: 49.16667%
  }
}
@media only screen and (min-width: 768px) {
  .con_about .box_abo > div:first-child + div {
    margin-left: 13.33333%
  }
  .con_about .box_abo > div:first-child + div:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 116px;
    background: url(../images/home/img_border-dec1.png) no-repeat center center
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_about .box_abo > div:first-child + div:before {
    top: 25%
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div:first-child + div {
    margin-top: 3em
  }
}
.con_about .box_abo > div .wrp_txt {
  margin-top: 2em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_about .box_abo > div .wrp_txt {
    margin-top: 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt {
    text-align: center
  }
}
.con_about .box_abo > div .wrp_txt .st {
  font-size: 122%;
  letter-spacing: .15em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_about .box_abo > div .wrp_txt .st {
    font-size: 122%
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .st {
    font-size: 108%
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .st {
    text-align: center
  }
}
.con_about .box_abo > div .wrp_txt .txt {
  margin-top: .5em;
  font-size: 108%;
  letter-spacing: .1em;
  line-height: 2.5
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_about .box_abo > div .wrp_txt .txt {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .txt {
    font-size: 93%
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_about .box_abo > div .wrp_txt .txt {
    line-height: 2
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .txt {
    line-height: 1.8
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .txt {
    text-align: left
  }
}
.con_about .box_abo > div .wrp_txt .btn {
  display: inline-block;
  margin-top: 1em
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .btn {
    margin-top: .5em
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_abo > div .wrp_txt .btn a {
    padding: 1em 2.5em
  }
}
.js-st1.scrItem > i {
  opacity: 0;
  display: inline-block;
  transform: translateY(-1.5em)
}
.js-st1.scrItem > i:nth-child(1) {
  transition: opacity 800ms ease 150ms, transform 800ms ease 150ms
}
.js-st1.scrItem > i:nth-child(2) {
  transition: opacity 800ms ease 300ms, transform 800ms ease 300ms
}
.js-st1.scrItem > i:nth-child(3) {
  transition: opacity 800ms ease 450ms, transform 800ms ease 450ms
}
.js-st1.scrItem > i:nth-child(4) {
  transition: opacity 800ms ease 600ms, transform 800ms ease 600ms
}
.js-st1.scrItem > i:nth-child(5) {
  transition: opacity 800ms ease 750ms, transform 800ms ease 750ms
}
.js-st1.scrItem > i:nth-child(6) {
  transition: opacity 800ms ease 900ms, transform 800ms ease 900ms
}
.js-st1.scrItem > i:nth-child(7) {
  transition: opacity 800ms ease 1050ms, transform 800ms ease 1050ms
}
.js-st1.scrItem > i:nth-child(8) {
  transition: opacity 800ms ease 1200ms, transform 800ms ease 1200ms
}
.js-st1.scrItem > i:nth-child(9) {
  transition: opacity 800ms ease 1350ms, transform 800ms ease 1350ms
}
.js-st1.scrItem > i:nth-child(10) {
  transition: opacity 800ms ease 1500ms, transform 800ms ease 1500ms
}
.js-st1.scrItem > i:nth-child(11) {
  transition: opacity 800ms ease 1650ms, transform 800ms ease 1650ms
}
.js-st1.scrItem > i:nth-child(12) {
  transition: opacity 800ms ease 1800ms, transform 800ms ease 1800ms
}
.js-st1.scrItem > i:nth-child(13) {
  transition: opacity 800ms ease 1950ms, transform 800ms ease 1950ms
}
.js-st1.scrItem > i:nth-child(14) {
  transition: opacity 800ms ease 2100ms, transform 800ms ease 2100ms
}
.js-st1.scrItem > i:nth-child(15) {
  transition: opacity 800ms ease 2250ms, transform 800ms ease 2250ms
}
.js-st1.scrItem > i:nth-child(16) {
  transition: opacity 800ms ease 2400ms, transform 800ms ease 2400ms
}
.js-st1.scrItem > i:nth-child(17) {
  transition: opacity 800ms ease 2550ms, transform 800ms ease 2550ms
}
.js-st1.scrItem > i:nth-child(18) {
  transition: opacity 800ms ease 2700ms, transform 800ms ease 2700ms
}
.js-st1.scrItem > i:nth-child(19) {
  transition: opacity 800ms ease 2850ms, transform 800ms ease 2850ms
}
.js-st1.scrItem.scrActive > i {
  opacity: 1;
  transform: translateY(0)
}
*:not(.js-st1).scrItem {
  opacity: 0;
  transition: opacity 800ms ease, transform 800ms ease
}
@media only screen and (min-width: 768px) {
  *:not(.js-st1).scrItem {
    transform: translateY(3em)
  }
}
@media only screen and (max-width: 767px) {
  *:not(.js-st1).scrItem {
    transform: translateY(2em)
  }
}
*:not(.js-st1).scrItem [data-index] {
  opacity: 0;
  transform: translateY(2em)
}
*:not(.js-st1).scrItem.scrActive {
  opacity: 1;
  transform: translateY(0)
}
*:not(.js-st1).scrItem.scrActive [data-index] {
  opacity: 1;
  transform: translateY(0)
}
*:not(.js-st1).scrItem.scrActive [data-index="1"] {
  transition: opacity 800ms ease 0ms, transform 800ms ease 0ms
}
*:not(.js-st1).scrItem.scrActive [data-index="2"] {
  transition: opacity 800ms ease 250ms, transform 800ms ease 250ms
}
*:not(.js-st1).scrItem.scrActive [data-index="3"] {
  transition: opacity 800ms ease 500ms, transform 800ms ease 500ms
}
*:not(.js-st1).scrItem.scrActive [data-index="4"] {
  transition: opacity 800ms ease 750ms, transform 800ms ease 750ms
}
*:not(.js-st1).scrItem.scrActive [data-index="5"] {
  transition: opacity 800ms ease 1000ms, transform 800ms ease 1000ms
}
*:not(.js-st1).scrItem.scrActive [data-index="6"] {
  transition: opacity 800ms ease 1250ms, transform 800ms ease 1250ms
}
*:not(.js-st1).scrItem.scrActive [data-index="7"] {
  transition: opacity 800ms ease 1500ms, transform 800ms ease 1500ms
}
*:not(.js-st1).scrItem.scrActive [data-index="8"] {
  transition: opacity 800ms ease 1750ms, transform 800ms ease 1750ms
}
*:not(.js-st1).scrItem.scrActive [data-index="9"] {
  transition: opacity 800ms ease 2000ms, transform 800ms ease 2000ms
}
@media only screen and (max-width: 767px) {
  .js-spSlider div {
    outline: none
  }
  .js-spSlider .slick-dots {
    margin: 1em auto 0;
    text-align: center
  }
  .js-spSlider .slick-dots li {
    display: inline-block;
    font-size: 72%;
    width: .7em;
    height: .7em;
    border-radius: .7em;
    background: #e8e8e8;
    transition: background 400ms ease
  }
  .js-spSlider .slick-dots li:not(:last-child) {
    margin-right: 1em
  }
  .js-spSlider .slick-dots li.slick-active {
    background: #00388a
  }
  .js-spSlider + .js-index {
    background: rgba(31, 30, 30, 0.5);
    color: #FFF;
    font-size: 79%;
    border-radius: 1.5em;
    display: inline-block;
    position: absolute;
    top: 1em;
    right: 1em;
    padding: .3em .7em;
    letter-spacing: .03em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif
  }
  .js-spSlider + .js-index p {
    display: inline-block;
    vertical-align: bottom
  }
}
@media only screen and (min-width: 768px) {
  .js-spSlider + .js-index {
    display: none
  }
}
@media only screen and (max-width: 767px) {
  #modal_movie {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5200;
    left: -100%;
    opacity: 0;
    overflow: hidden;
    transition: left 10ms ease 800ms, opacity 800ms ease
  }
  #modal_movie.active {
    opacity: 1;
    left: 0;
    transition: left 10ms ease, opacity 800ms ease 10ms
  }
  #modal_movie .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  #modal_movie .box_mov {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto
  }
  .landscape #modal_movie .box_mov {
    width: 90%
  }
  #modal_movie .box_mov #video {
    display: block;
    width: 100%
  }
  #modal_movie .box_mov .btn {
    background: #000;
    color: #FFF;
    position: absolute;
    bottom: 100%;
    right: -1px;
    z-index: 10;
    text-align: center;
    cursor: pointer
  }
  .landscape #modal_movie .box_mov .btn {
    bottom: auto;
    top: -1px
  }
  #modal_movie .box_mov .btn i {
    display: block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    font-size: 129%
  }
  .landscape #modal_movie .box_mov .btn i {
    font-size: 215%
  }
}