@charset "UTF-8";
html {
  font-size: 1px;
  overflow-x: hidden; }
  html.lock {
    overflow-y: hidden; }

body {
  color: #000;
  font-size: 16rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "メイリオ", Meiryo, "sans-serif", sans-serif;
  line-height: 1.6;
  max-width: 100vw;
  min-height: 100vh;
  overflow: hidden; }

select,
input,
textarea,
button {
  font: inherit; }

img {
  backface-visibility: hidden; }

img,
svg {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #000;
  text-decoration: none;
  text-decoration: underline transparent;
  transition: .2s linear;
  backface-visibility: hidden; }
  @media (hover: hover) and (pointer: fine) {
    a:hover {
      opacity: 0.7; }
    a.tel_link {
      pointer-events: none; } }

.pc {
  display: block; }

.sp {
  display: none; }

.link {
  text-decoration: underline; }
  @media (hover: hover) and (pointer: fine) {
    .link:hover {
      opacity: 1;
      text-decoration: none; } }

main {
  display: block; }

table {
  /*border-collapse: collapse;
    border-spacing: 0;*/ }
  table th,
  table td {
    vertical-align: middle; }

.tbl01 tr {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  .tbl01 tr th,
  .tbl01 tr td {
    border: none;
    padding: 2em 0; }
  .tbl01 tr th {
    background: none;
    width: 20%; }
  .tbl01 tr td {
    width: 80%; }

* {
  box-sizing: border-box; }

.inner {
  /*width: 1000rem;*/
  width: 960rem;
  margin-left: auto;
  margin-right: auto; }

.s_inner {
  width: 820rem;
  margin-left: auto;
  margin-right: auto; }

b {
  font-weight: 700; }

small {
  font-size: 14rem; }

.red {
  color: red; }

.mont {
  font-family: 'Montserrat', sans-serif; }

.vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

.btn_reserve {
  position: fixed;
  right: 20rem;
  z-index: 4;
  /*transition: .2s linear;*/ }
  .btn_reserve a {
    border-radius: 10rem;
    color: #fff;
    font-size: 18rem;
    font-weight: bold;
    letter-spacing: .1em;
    height: 201rem;
    width: 84rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none; }
  .btn_reserve.is-hidden {
    visibility: hidden;
    opacity: 0; }
  .btn_reserve.btn01 {
    bottom: 320rem; }
    .btn_reserve.btn01 a {
      background-color: #1B95D2; }
  .btn_reserve.btn02 {
    bottom: 100rem; }
    .btn_reserve.btn02 a {
      /*background-color: #599bbc;*/
      background-color: #0a3168; }

.btn_more a {
  color: #0C3773;
  border-bottom: 1px solid;
  display: block;
  font-size: 18rem;
  font-weight: bold;
  height: 46rem;
  width: 237rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  padding-right: 2em;
  transition: .2s linear; }
  .btn_more a::after {
    content: "";
    background: url(/assets/img/deco_btnarrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 43rem;
    height: 13rem;
    position: absolute;
    right: 1em;
    bottom: 1em;
    transition: .2s linear; }
  @media (hover: hover) and (pointer: fine) {
    .btn_more a:hover {
      text-decoration: none;
      opacity: 1; }
      .btn_more a:hover::after {
        right: .5em; } }

.ttl2 {
  color: #0c3773;
  font-weight: bold;
  letter-spacing: .3em; }
  .ttl2 .en {
    font-size: 50rem; }
  .ttl2 .jp {
    font-size: 20rem; }

.ttl3 {
  color: #0c3773;
  font-size: 26rem;
  font-weight: bold;
  letter-spacing: .1em; }

.yama {
  position: relative; }
  .yama::after {
    content: "";
    background: url(/assets/img/deco_yama.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 150rem;
    height: 11rem;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -35rem; }

/*フェードイン*/
.delay1 {
  -webkit-animation: delay1 3s ease 0s 1 forwards;
  animation: delay1 3s ease 0s 1 forwards;
  opacity: 0; }

.delay2 {
  -webkit-animation: delay2 1s ease .5s 1 forwards;
  animation: delay2 1s ease .5s 1 forwards;
  opacity: 0; }

.delay3 {
  -webkit-animation: delay3 1s ease 1s 1 forwards;
  animation: delay3 1s ease 1s 1 forwards;
  opacity: 0; }

@-webkit-keyframes delay1 {
  100% {
    opacity: 1; } }

@keyframes delay2 {
  100% {
    opacity: 1; } }

@keyframes delay3 {
  100% {
    opacity: 1; } }

/*スクロールしたらフェードイン*/
.fadein {
  opacity: 0;
  transform: translateY(5%);
  transition: all 2s; }

.fadein_R {
  opacity: 0;
  transform: translateX(5%);
  transition: all 2s; }

.fadein_L {
  opacity: 0;
  transform: translateX(-5%);
  transition: all 2s; }

.fadein.effect-scroll,
.fadein_R.effect-scroll,
.fadein_L.effect-scroll {
  opacity: 1;
  transform: translate(0); }

/*----- return_top -----*/
#return_top {
  display: none;
  position: fixed;
  bottom: 20rem;
  right: 20rem;
  z-index: 1;
  /*transition: .2s linear;*/ }
  #return_top a {
    color: #fff;
    font-size: 20rem;
    /*background-color: #4285f4;*/
    background-color: #999;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60rem;
    width: 60rem;
    text-decoration: none; }
  #return_top.is-hidden {
    visibility: hidden;
    opacity: 0; }

/*----- ヘッダー -----*/
.header {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%; }
  .header .header__inner {
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 127rem;
    /*padding: 0 85rem 0 45rem;*/
    padding: 0 35rem 0 35rem; }
    .header .header__inner .header__title {
      width: 341rem; }
    .header .header__inner .header__nav .nav__items {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .header .header__inner .header__nav .nav__items li {
        position: relative; }
        .header .header__inner .header__nav .nav__items li + li {
          /*margin-left: 65rem;*/
          /*margin-left: 50rem;*/
          margin-left: 40rem; }
        .header .header__inner .header__nav .nav__items li::before {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 2px;
          background-color: #0C3773;
          bottom: -10px;
          left: 50%;
          transform: translateX(-50%);
          transition: .3s; }
        @media (hover: hover) and (pointer: fine) {
          .header .header__inner .header__nav .nav__items li:hover::before {
            width: 100%; } }
        @media (hover: hover) and (pointer: fine) {
          .header .header__inner .header__nav .nav__items li a:hover {
            opacity: 1; } }

#page_facility .nav__items li:nth-child(1)::before,
#page_sightseeing .nav__items li:nth-child(2)::before,
#page_howtouse .nav__items li:nth-child(3)::before,
#page_info .nav__items li:nth-child(4)::before,
#page_contact .nav__items li:nth-child(5)::before {
  width: 100%; }

/*----- トップページ -----*/
#page_top {
  /*.header {
    opacity: 0;
    transition: .2s linear;

    &.active {
      opacity: 1;
    }
  }*/
  /*/top_news*/
  /*/top_access*/ }
  #page_top .top_mv {
    margin-top: 127rem;
    height: calc(100vh - 127rem);
    /*height: 100vh;*/
    position: relative;
    /*縦線が動いてスクロールを促す*/ }
    #page_top .top_mv .slider_zoom {
      position: relative;
      width: 100%;
      height: calc(100vh - 127rem);
      /*height: 100vh;*/
      overflow: hidden; }
      #page_top .top_mv .slider_zoom .slide-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*height: calc(100vh - 127rem);*/
        height: 100vh;
        opacity: 0;
        animation: slider_zoom 48s linear infinite; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(1) {
          background-image: url(/assets/img/ph_top_mv01.jpg?230510);
          animation-delay: -2s; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(2) {
          background-image: url(/assets/img/ph_top_mv02.jpg?230510);
          animation-delay: 6s; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(3) {
          background-image: url(/assets/img/ph_top_mv03.jpg?230510);
          animation-delay: 14s; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(4) {
          background-image: url(/assets/img/ph_top_mv04.jpg?230510);
          animation-delay: 22s; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(5) {
          background-image: url(/assets/img/ph_top_mv05.jpg);
          animation-delay: 30s; }
        #page_top .top_mv .slider_zoom .slide-image:nth-child(6) {
          background-image: url(/assets/img/ph_top_mv06.jpg);
          animation-delay: 38s; }

@keyframes slider_zoom {
  0% {
    opacity: 0;
    transform: scale(1); }
  3.13% {
    opacity: 1; }
  25% {
    opacity: 1; }
  31.25% {
    opacity: 0;
    transform: scale(1.2); }
  100% {
    opacity: 0; } }
    #page_top .top_mv .logo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      text-align: center;
      width: calc(405 / 1920 * 100vw); }
    #page_top .top_mv .scrolldown1 {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 10rem;
      height: 50rem; }
      #page_top .top_mv .scrolldown1 span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -20rem;
        color: #fff;
        letter-spacing: .1em; }
      #page_top .top_mv .scrolldown1::after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 30rem;
        background: #fff;
        animation: pathmove 1.4s ease-in-out infinite;
        opacity: 0; }

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 30rem;
    opacity: 1; }
  100% {
    height: 0;
    top: 50rem;
    opacity: 0; } }
  #page_top main {
    /*/col2*/
    /*/top_sightseeing*/ }
    #page_top main .col2 {
      padding: 0 0 230rem; }
      #page_top main .col2 .yama::after {
        right: auto; }
      #page_top main .col2 .box .ph {
        width: 1020rem; }
      #page_top main .col2 .box .inner {
        position: relative; }
        #page_top main .col2 .box .inner .desc {
          background-color: #fff;
          width: 620rem;
          position: absolute;
          top: -260rem;
          right: 0;
          padding: 70rem 80rem 0 60rem; }
          #page_top main .col2 .box .inner .desc .ttl2 {
            display: flex;
            align-items: center; }
            #page_top main .col2 .box .inner .desc .ttl2 .jp {
              margin-left: 3em; }
          #page_top main .col2 .box .inner .desc .text {
            margin-top: 4.5em; }
          #page_top main .col2 .box .inner .desc .btn_more a {
            margin-top: 2em;
            margin-left: auto; }
      #page_top main .col2 .box + .box {
        margin-top: 250rem; }
      #page_top main .col2 .box.rev .ph {
        margin-left: auto; }
      #page_top main .col2 .box.rev .inner .desc {
        right: auto;
        left: 0;
        padding: 60rem 170rem 0 0; }
      #page_top main .col2.top_about {
        margin-top: 40rem; }
      #page_top main .col2.top_howtouse .box .inner .desc .ttl2 {
        width: 650rem; }
    #page_top main .top_sightseeing {
      position: relative;
      /*height: 850rem;*/
      margin-bottom: 150rem;
      text-align: center; }
      #page_top main .top_sightseeing .ttl2 .jp {
        display: block;
        margin-top: .5em; }
      #page_top main .top_sightseeing .swiper_outer {
        /*width: 1920px;
        position: absolute;
        top: 230rem;
        left: 50%;
        transform: translateX(-50%);*/
        position: relative;
        margin-top: 110rem; }
        #page_top main .top_sightseeing .swiper_outer a {
          /*pointer-events: none;*/ }
          #page_top main .top_sightseeing .swiper_outer a .ph {
            margin-left: auto;
            margin-right: auto;
            width: calc(684 / 1920 * 100vw);
            position: relative;
            z-index: -1;
            overflow: hidden; }
            #page_top main .top_sightseeing .swiper_outer a .ph img {
              transition: .3s; }
          #page_top main .top_sightseeing .swiper_outer a .desc {
            background-color: #fff;
            margin-left: auto;
            margin-right: auto;
            margin-top: calc(-30 / 1920 * 100vw);
            padding: calc(25 / 1920 * 100vw) calc(40 / 1920 * 100vw);
            text-align: left;
            width: calc(607 / 1920 * 100vw); }
            #page_top main .top_sightseeing .swiper_outer a .desc h3 {
              color: #0c3773;
              font-size: calc(20 / 1920 * 100vw);
              font-weight: bold; }
            #page_top main .top_sightseeing .swiper_outer a .desc .text {
              margin-top: 1em;
              font-size: calc(16 / 1920 * 100vw);
              min-height: 4.1em; }
          @media (hover: hover) and (pointer: fine) {
            #page_top main .top_sightseeing .swiper_outer a:hover {
              opacity: 1; }
              #page_top main .top_sightseeing .swiper_outer a:hover .ph img {
                transform: scale(1.05); } }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-prev,
        #page_top main .top_sightseeing .swiper_outer .swiper-button-next {
          top: 30%;
          width: calc(82 / 1920 * 100vw); }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-prev {
          left: calc(550 / 1920 * 100vw); }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-next {
          right: calc(550 / 1920 * 100vw); }
      #page_top main .top_sightseeing .btn_more a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2em;
        /*margin-top: 700rem;*/ }
  #page_top .top_news {
    background-color: #FBF9F9;
    padding: 80rem 0 160rem; }
    #page_top .top_news .box {
      display: flex;
      justify-content: space-between; }
      #page_top .top_news .box .ttl2 {
        display: inline-block;
        /*margin-left: 0.5em;*/ }
        #page_top .top_news .box .ttl2.yama::after {
          /*bottom: 90rem;*/
          bottom: -50rem;
          right: auto; }
        #page_top .top_news .box .ttl2.vertical {
          -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr; }
      #page_top .top_news .box .desc {
        width: 720rem; }
        #page_top .top_news .box .desc ul li {
          border-bottom: 1px dotted;
          display: flex;
          padding: 1.5em 0; }
          #page_top .top_news .box .desc ul li time {
            display: block;
            margin-right: 1em; }
          #page_top .top_news .box .desc ul li p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        #page_top .top_news .box .desc .btn_more a {
          margin-top: 4em; }
  #page_top .top_access {
    text-align: center;
    padding: 80rem 0 100rem; }
    #page_top .top_access iframe {
      margin-top: 100rem;
      height: 500rem;
      width: 100%; }
    #page_top .top_access .lead {
      font-size: 18rem;
      font-weight: bold;
      margin-top: 40rem; }
    #page_top .top_access .box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-top: 10rem; }
      #page_top .top_access .box dl {
        text-align: left; }
        #page_top .top_access .box dl dt,
        #page_top .top_access .box dl dd {
          line-height: 1.6; }
        #page_top .top_access .box dl dt {
          font-weight: bold;
          margin-top: 1em; }
      #page_top .top_access .box .ph {
        width: 450rem; }
  #page_top .footer_sns {
    /*background-color: #FBF9F9;*/ }

/*/page_top*/
/*----- 下層ページ -----*/
.under_page .under_mv {
  position: relative;
  margin-top: 127rem; }
  .under_page .under_mv .ph img {
    width: 100%;
    object-fit: cover; }
  .under_page .under_mv h1 {
    color: #fff;
    font-weight: bold;
    letter-spacing: .3em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    width: 100%; }
    .under_page .under_mv h1 .en {
      font-size: 50rem; }
    .under_page .under_mv h1 .jp {
      font-size: 20rem; }

.under_page main {
  padding-bottom: 200rem; }
  .under_page main .breadcrumb {
    padding-top: 30rem;
    font-size: 15rem; }
    .under_page main .breadcrumb ul {
      display: flex;
      flex-wrap: wrap; }
      .under_page main .breadcrumb ul li::after {
        content: "＞";
        display: inline-block;
        margin-left: 8rem;
        margin-right: 8rem; }
      .under_page main .breadcrumb ul li:last-child::after {
        display: none; }
      .under_page main .breadcrumb ul li a {
        text-decoration: underline; }
        @media (hover: hover) and (pointer: fine) {
          .under_page main .breadcrumb ul li a:hover {
            text-decoration: underline transparent; } }

/*/under_page*/
/*----- フッター -----*/
.footer_sns {
  display: flex;
  justify-content: center;
  padding-bottom: 30rem; }
  .footer_sns li {
    width: 42rem; }
    .footer_sns li + li {
      margin-left: 15rem; }

footer {
  background-color: #0C3773;
  color: #fff;
  padding: 30rem 0 20rem;
  text-align: center; }
  footer a {
    color: #fff; }
  footer .logo {
    margin-left: auto;
    margin-right: auto;
    width: 243rem; }
  footer .address {
    margin-top: 1.5em;
    line-height: 1; }
    footer .address .tel_link {
      font-weight: bold; }
  footer .fnav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2em; }
    footer .fnav + .fnav {
      margin-top: .5em; }
    footer .fnav li + li {
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1; }
      footer .fnav li + li::before {
        background-color: #fff;
        content: "";
        margin-right: 1.5em;
        margin-left: 1.5em;
        height: 1em;
        width: 1px;
        transform: rotate(45deg); }
    footer .fnav li a {
      font-size: 14rem; }
  footer .copy {
    font-size: 12rem;
    margin-top: 6em; }

@media screen and (max-width: 1279px) {
  html {
    font-size: calc(1 / 1279 * 100vw); } }

@media screen and (max-width: 1024px) {
  #page_top .top_mv {
    height: auto; }
    #page_top .top_mv .slider_zoom {
      height: 670rem; }
      #page_top .top_mv .slider_zoom .slide-image {
        height: 670rem; }
    #page_top .top_mv .logo {
      top: 40%;
      width: 350rem; } }

@media screen and (max-width: 767px) {
  .pc {
    display: none; }
  .sp {
    display: block; }
  html {
    font-size: calc(1 / 375 * 100vw); }
  body {
    line-height: 1.6;
    font-size: 13rem; }
  img {
    width: 100%; }
  .tbl01 tr th,
  .tbl01 tr td {
    padding: 1em 0; }
  .tbl01 tr th {
    width: 30%; }
  .tbl01 tr td {
    width: 70%; }
  .inner {
    width: 335rem; }
  .s_inner {
    width: 335rem; }
  small {
    font-size: 12rem; }
  .btn_reserve.vertical {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; }
  .btn_reserve a {
    border-radius: 0;
    font-size: 16rem;
    height: 50rem;
    width: 187.5rem; }
  .btn_reserve.btn01 {
    right: auto;
    left: 0;
    bottom: 0; }
  .btn_reserve.btn02 {
    right: 0;
    bottom: 0; }
  .btn_more a {
    font-size: 14rem;
    padding-right: 3em;
    height: 40rem;
    width: 200rem; }
  .ttl2 .en {
    font-size: 28rem; }
  .ttl2 .jp {
    font-size: 16rem; }
  .ttl3 {
    font-size: 16rem;
    margin-top: 1em; }
  .yama::after {
    width: 100rem;
    height: 7rem;
    bottom: -30rem; }
  .tel_link {
    text-decoration: underline; }
  /*スクロールしたらフェードイン*/
  .fadein_R,
  .fadein_L {
    transform: translateY(5%); }
  /*----- return_top -----*/
  #return_top {
    bottom: 60rem;
    right: 10rem; }
    #return_top a {
      height: 50rem;
      width: 50rem; }
  /*----- ヘッダー -----*/
  .header {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 50rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* ハンバーガーメニュー */
    /* ハンバーガーメニューの線 */
    /* ハンバーガーメニュークリック後のスタイル */
    /*tel追加*/ }
    .header .header__inner {
      padding: 0 10rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: inherit;
      position: relative;
      /* ヘッダーのロゴ部分 */
      /* ヘッダーのナビ部分 */ }
      .header .header__inner .header__title {
        width: 170rem; }
      .header .header__inner .header__nav {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        transform: translateX(100%);
        background-color: rgba(255, 255, 255, 0.9);
        transition: ease .4s; }
        .header .header__inner .header__nav .nav__items {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
          .header .header__inner .header__nav .nav__items li + li {
            margin-left: 0; }
          .header .header__inner .header__nav .nav__items li a {
            font-size: 18rem; }
          .header .header__inner .header__nav .nav__items li + li {
            margin-top: 20rem; }
    .header .header__hamburger {
      /*width: 48rem;*/
      width: 30rem;
      /*height: 100%;*/
      padding: 0; }
    .header .hamburger {
      background-color: transparent;
      border-color: transparent;
      /*z-index: 9999;*/ }
    .header .hamburger span {
      width: 100%;
      height: 1px;
      background-color: #0c3773;
      position: relative;
      transition: ease .4s;
      display: block; }
    .header .hamburger span:nth-child(1) {
      top: 0; }
    .header .hamburger span:nth-child(2) {
      margin: 8rem 0; }
    .header .hamburger span:nth-child(3) {
      top: 0; }
    .header .header__nav.active {
      transform: translateX(0); }
    .header .hamburger.active span:nth-child(1) {
      /*top: 5rem;*/
      top: 6rem;
      transform: rotate(45deg); }
    .header .hamburger.active span:nth-child(2) {
      opacity: 0; }
    .header .hamburger.active span:nth-child(3) {
      /*top: -13rem;*/
      top: -12rem;
      transform: rotate(-45deg); }
  #page_facility .nav__items li:nth-child(1)::before,
  #page_sightseeing .nav__items li:nth-child(2)::before,
  #page_howtouse .nav__items li:nth-child(3)::before,
  #page_info .nav__items li:nth-child(4)::before,
  #page_contact .nav__items li:nth-child(5)::before {
    display: none; }
  /*----- トップページ -----*/
  #page_top .top_mv {
    margin-top: 50rem; }
    #page_top .top_mv .slider_zoom {
      height: calc(100vh - 50rem);
      /*height: 100vh;*/ }
      #page_top .top_mv .slider_zoom .slide-image {
        height: calc(100vh - 50rem);
        /*height: 100vh;*/ }
    #page_top .top_mv .logo {
      top: 40%;
      width: calc(405 / 750 * 100vw); }
    #page_top .top_mv .scrolldown1 {
      bottom: 120rem; }
  #page_top main {
    /*/col2*/
    /*/top_sightseeing*/
    /*/top_news*/
    /*/top_access*/ }
    #page_top main .col2 {
      padding: 0 0 40rem; }
      #page_top main .col2 .box .ph {
        width: 100%; }
      #page_top main .col2 .box .inner {
        position: unset; }
        #page_top main .col2 .box .inner .desc {
          width: 100%;
          position: unset;
          padding: 0; }
          #page_top main .col2 .box .inner .desc .ttl2 {
            margin-top: 1em; }
            #page_top main .col2 .box .inner .desc .ttl2 .jp {
              margin-left: 2em; }
          #page_top main .col2 .box .inner .desc .text {
            margin-top: 4.5em; }
          #page_top main .col2 .box .inner .desc .btn_more a {
            margin-top: 1em; }
      #page_top main .col2 .box + .box {
        margin-top: 50rem; }
      #page_top main .col2 .box.rev .inner .desc {
        padding: 0; }
      #page_top main .col2.top_howtouse .box .inner .desc .ttl2 {
        display: block;
        width: 100%; }
        #page_top main .col2.top_howtouse .box .inner .desc .ttl2 .jp {
          margin-left: 0; }
    #page_top main .top_sightseeing {
      margin-bottom: 50rem; }
      #page_top main .top_sightseeing .ttl2 .jp {
        margin-top: .5em; }
      #page_top main .top_sightseeing .swiper_outer {
        margin-top: 60rem; }
        #page_top main .top_sightseeing .swiper_outer a .ph {
          width: 90%; }
        #page_top main .top_sightseeing .swiper_outer a .desc {
          margin-top: -25rem;
          padding: 10rem;
          width: 80%; }
          #page_top main .top_sightseeing .swiper_outer a .desc h3 {
            font-size: 13rem; }
          #page_top main .top_sightseeing .swiper_outer a .desc .text {
            font-size: 11rem;
            min-height: 7em; }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-prev,
        #page_top main .top_sightseeing .swiper_outer .swiper-button-next {
          top: 20%;
          width: 41rem; }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-prev {
          left: 42rem; }
        #page_top main .top_sightseeing .swiper_outer .swiper-button-next {
          right: 42rem; }
      #page_top main .top_sightseeing .btn_more a {
        margin-top: 1em; }
    #page_top main .top_news {
      padding: 40rem 0 80rem; }
      #page_top main .top_news .box {
        display: block; }
        #page_top main .top_news .box .ttl2 {
          margin-left: 0; }
          #page_top main .top_news .box .ttl2.yama::after {
            bottom: -30rem; }
          #page_top main .top_news .box .ttl2.vertical {
            -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb; }
        #page_top main .top_news .box .desc {
          margin-top: 4em;
          width: 100%; }
          #page_top main .top_news .box .desc .btn_more a {
            margin-top: 3em;
            margin-left: auto; }
    #page_top main .top_access {
      padding: 50rem 0 70rem; }
      #page_top main .top_access iframe {
        margin-top: 60rem;
        height: 250rem; }
      #page_top main .top_access .lead {
        font-size: 15rem;
        margin-top: 20rem; }
      #page_top main .top_access .box {
        flex-direction: column;
        margin-top: 10rem; }
        #page_top main .top_access .box .ph {
          margin-top: 20rem;
          width: 100%; }
  /*/page_top*/
  /*----- 下層ページ -----*/
  .under_page .under_mv {
    margin-top: 50rem; }
    .under_page .under_mv .ph {
      height: 400rem; }
      .under_page .under_mv .ph img {
        height: 400rem; }
    .under_page .under_mv h1 .en {
      font-size: 32rem; }
    .under_page .under_mv h1 .jp {
      font-size: 18rem; }
  .under_page main {
    padding-bottom: 80rem; }
    .under_page main .breadcrumb {
      padding-top: 20rem;
      font-size: 11rem; }
  /*/under_page*/
  /*----- フッター -----*/
  .footer_sns {
    padding-bottom: 20rem; }
  footer {
    background-size: cover;
    padding: 30rem 0 30rem; }
    footer .fnav + .fnav {
      margin-top: .5em; }
    footer .fnav li + li::before {
      margin-right: 1em;
      margin-left: 1em; }
    footer .fnav li a {
      font-size: 10rem;
      height: auto;
      width: auto; }
    footer .logo {
      width: 150rem; }
    footer .address {
      font-size: 11rem;
      margin-top: 20rem; }
    footer .copy {
      font-size: 10rem;
      margin-top: 30rem; } }

/*# sourceMappingURL=style.css.map */