@charset "UTF-8";
/* access layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* 文字にグラデ */
/* ------------------------------------------------------------------------*/
/* レイアウト
---------------------------------------------------------------------------*/
/* intr
---------------------------------------------------------------------------*/
.intr {
  width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .intr {
    width: 94.4444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .intr {
    width: 89.8218829517vw;
  }
}
.intr {
  margin-bottom: 148px;
}
@media screen and (max-width: 1440px) {
  .intr {
    margin-bottom: 10.2777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .intr {
    margin-bottom: 37.6590330789vw;
  }
}
.intr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .intr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.1781170483vw;
  }
}
.intr-img {
  width: 580px;
}
@media screen and (max-width: 1440px) {
  .intr-img {
    width: 40.2777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .intr-img {
    width: 100%;
  }
}
.intr-tx {
  width: 700px;
}
@media screen and (max-width: 1440px) {
  .intr-tx {
    width: 48.6111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .intr-tx {
    width: 100%;
  }
}
.intr-tx .hdl {
  margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  .intr-tx .hdl {
    margin-bottom: 2.7777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .intr-tx .hdl {
    margin-bottom: 10.1781170483vw;
  }
}

/* rooms-sl
---------------------------------------------------------------------------*/
.rooms-sl {
  width: 840px;
  margin: 0 auto 56px;
}
@media screen and (max-width: 1440px) {
  .rooms-sl {
    width: 58.3333333333vw;
    margin: 0 auto 3.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .rooms-sl {
    width: 100vw;
    margin: 0 auto 10.1781170483vw;
  }
}
.rooms-sl .roomssl .swiper-slide {
  width: 840px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media screen and (max-width: 1440px) {
  .rooms-sl .roomssl .swiper-slide {
    width: 58.3333333333vw;
  }
}
@media screen and (max-width: 480px) {
  .rooms-sl .roomssl .swiper-slide {
    width: 100vw;
  }
}
.rooms-sl .roomssl .swiper-slide img {
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .rooms-sl .roomssl .swiper-slide img {
    width: 55.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .rooms-sl .roomssl .swiper-slide img {
    width: 89.8218829517vw;
  }
}
.rooms-sl .swiper-button-prev {
  left: -8px;
}
@media screen and (max-width: 1440px) {
  .rooms-sl .swiper-button-prev {
    left: -0.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .rooms-sl .swiper-button-prev {
    left: 0;
  }
}
.rooms-sl .swiper-button-next {
  right: -8px;
}
@media screen and (max-width: 1440px) {
  .rooms-sl .swiper-button-next {
    right: -0.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .rooms-sl .swiper-button-next {
    right: 0;
  }
}

/* room-detail
---------------------------------------------------------------------------*/
.room-detail {
  /* 1080 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .room-detail {
    width: 88.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail {
    /* 100vw = 393 */
    width: 79.6437659033vw;
  }
}
.room-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 1440px) {
  .room-detail {
    margin-bottom: 5.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail {
    margin-bottom: 20.3562340967vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10.1781170483vw;
  }
}
.room-detail-tx {
  width: 880px;
}
@media screen and (max-width: 1440px) {
  .room-detail-tx {
    width: 61.1111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail-tx {
    width: 100%;
  }
}
.room-detail-tx .hdl {
  margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  .room-detail-tx .hdl {
    margin-bottom: 2.7777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail-tx .hdl {
    margin-bottom: 10.1781170483vw;
  }
}
.room-detail-btn {
  width: 320px;
}
@media screen and (max-width: 1440px) {
  .room-detail-btn {
    width: 22.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .room-detail-btn {
    width: 100%;
  }
}

/* room-spec
---------------------------------------------------------------------------*/
.room-spec {
  /* 1080 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .room-spec {
    width: 88.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec {
    /* 100vw = 393 */
    width: 79.6437659033vw;
  }
}
.room-spec {
  margin-bottom: 96px;
}
@media screen and (max-width: 1440px) {
  .room-spec {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec {
    margin-bottom: 24.427480916vw;
  }
}
.room-spec .datatbl {
  margin-bottom: 56px;
}
@media screen and (max-width: 1440px) {
  .room-spec .datatbl {
    margin-bottom: 3.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec .datatbl {
    margin-bottom: 14.2493638677vw;
  }
}
.room-spec-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48px;
  margin-bottom: 56px;
}
@media screen and (max-width: 1440px) {
  .room-spec-icon {
    margin-bottom: 3.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec-icon {
    margin-bottom: 14.2493638677vw;
  }
}
@media screen and (max-width: 1440px) {
  .room-spec-icon {
    gap: 3.3333333333vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec-icon {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8.1424936387vw;
  }
}
.room-spec-icon li {
  width: 198px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .room-spec-icon li {
    width: 13.75vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec-icon li {
    width: 35vw;
  }
}
.room-spec-icon li p {
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .room-spec-icon li p {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec-icon li p {
    font-size: 5.0890585242vw;
  }
}
.room-spec-icon li p {
  margin-top: 37px;
}
@media screen and (max-width: 1440px) {
  .room-spec-icon li p {
    margin-top: 2.5694444444vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec-icon li p {
    margin-top: 9.4147582697vw;
  }
}

/* room-data
---------------------------------------------------------------------------*/
.room-data {
  /* 1080 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .room-data {
    width: 88.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .room-data {
    /* 100vw = 393 */
    width: 79.6437659033vw;
  }
}