@charset "UTF-8";
/*
Theme Name: unroute_fukuchiyama_LP
*/
@media (min-width: 600px) {
  .br-sp {
    display: none;
  }
}
html {
  scroll-behavior: smooth;
  height: 100%;
  margin-top: 0 !important;
  font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  color: #0E182B;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2486772487vw;
  letter-spacing: 0.0661375661vw;
}

html::-webkit-scrollbar {
  display: none;
}

img {
  height: auto;
}

a {
  text-decoration: none;
  color: #0E182B;
  transition: color 0.3s ease;
}
a:hover {
  color: #F3C64D;
}

#wpadminbar {
  position: fixed !important;
}

/* ////////////////////// 基本 ///////////////////////// */
body {
  width: 100vw;
  width: calc(100vw - var(--scrollbar));
}
body :root {
  --scrollbar: 0;
}

main {
  width: 100vw;
  justify-content: center;
  width: calc(100vw - var(--scrollbar));
  background-color: #fff;
}

.pc {
  display: flex !important;
}
@media (max-width: 600px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media (max-width: 600px) {
  .sp {
    display: flex !important;
  }
}

/* ////////////////////// 共通パーツ ///////////////////////// */
.common-title {
  display: flex;
  padding: 7.9365079365vw 0.6613756614vw 0.6613756614vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  text-align: center;
  font-size: 2.1164021164vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
@media (max-width: 600px) {
  .common-title {
    padding: 20.5128205128vw 2.5641025641vw 0.6613756614vw 0.6613756614vw;
    font-size: 7.1794871795vw;
    font-style: normal;
    font-weight: 900;
    line-height: 8.7179487179vw;
    /* 121.429% */
  }
}

.common-message {
  display: flex;
  width: 100vw;
  padding: 3.3068783069vw 0.6613756614vw 0 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .common-message {
    padding-top: 12.8205128205vw;
    padding-bottom: 12.8205128205vw;
  }
}
.common-message__design-wrapper {
  width: 52.9100529101vw;
  color: #495468;
  display: flex;
  padding: 0 3.3068783069vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
@media (max-width: 600px) {
  .common-message__design-wrapper {
    border: none;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
    padding: 5.1282051282vw 0;
    width: 92.3076923077vw;
    font-size: 4.6153846154vw;
    line-height: 6.6666666667vw;
    /* 144.444% */
    letter-spacing: 0.2307692308vw;
  }
}

.common-design-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.common-design-line .design-item--1 {
  height: 14px;
  align-self: stretch;
  background: #0F192C;
}
.common-design-line .design-item--2 {
  height: 5px;
  align-self: stretch;
  background: #A08E54;
}

/* ////////////////////// 各セクション ///////////////////////// */
.flow_btn {
  position: fixed;
  right: 4.6296296296vw;
  top: -1.9841269841vw;
  z-index: 5;
}
@media (max-width: 600px) {
  .flow_btn {
    right: initial;
    top: initial;
    bottom: 20px;
  }
}
.flow_btn__image {
  width: 9.2592592593vw;
  transition: transform 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .flow_btn__image {
    width: 43.8461538462vw;
  }
}
.flow_btn__image:hover {
  transform: scale(1.1);
}
@media (max-width: 600px) {
  .flow_btn__image:hover {
    transform: scale(1);
  }
}

.flow_btn__image {
  width: 9.2592592593vw;
  transition: transform 0.2s ease-in-out;
  animation: pulsate 3s infinite ease-in-out;
  /* 4秒ごとのアニメーション */
}
@media (max-width: 600px) {
  .flow_btn__image {
    width: 43.8461538462vw;
  }
}
.flow_btn__image:hover {
  transform: scale(1.1);
}
@media (max-width: 600px) {
  .flow_btn__image:hover {
    transform: scale(1);
  }
}

/* 4秒ごとに拡大・縮小するアニメーションの定義 */
@keyframes pulsate {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.flow_btn {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.flow_btn.show {
  opacity: 1;
  transform: translateY(0);
}

.section-top {
  /******* ハンバーガーメニュー設定 *******/
  @import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap");
}
.section-top .header-bar {
  padding-bottom: 6vh;
}
@media (max-width: 600px) {
  .section-top .header-bar {
    padding-bottom: 9.2307692308vw;
  }
}
.section-top .header-bar__design-line-1 {
  height: 1.1243386243vw;
  background: #000;
}
@media (max-width: 600px) {
  .section-top .header-bar__design-line-1 {
    height: 4.358974359vw;
  }
}
.section-top .header-bar__design-line-2 {
  height: 0.3306878307vw;
  background: #A08E54;
}
@media (max-width: 600px) {
  .section-top .header-bar__design-line-2 {
    height: 1.2820512821vw;
  }
}
.section-top .header {
  display: flex;
  width: auto;
  padding: 0.6613756614vw 0vw 2vh 8.5978835979vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-top .header {
    padding: 0vw 5.641025641vw;
  }
}
.section-top .header__container {
  display: flex;
  align-items: center;
  gap: 9.3253968254vw;
  align-self: stretch;
  padding-bottom: 4vh;
}
@media (max-width: 600px) {
  .section-top .header__container {
    gap: 0px;
  }
}
@media (max-width: 600px) {
  .section-top .header__container {
    display: flex;
    width: 88.4615384615vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-top .header__container__phone-number img {
  width: 17.1957671958vw;
}
@media (max-width: 600px) {
  .section-top .header__container__phone-number img {
    width: 42.8205128205vw;
  }
}
.section-top .header__container__logo img {
  width: 29.7619047619vw;
}
@media (max-width: 600px) {
  .section-top .header__container__logo img {
    width: 88.4615384615vw;
    align-self: stretch;
  }
}
.section-top .header__nav {
  display: flex;
  padding: 0.6613756614vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
  padding-bottom: 1.3227513228vw;
}
.section-top .header__nav-list {
  display: flex;
  align-items: center;
  gap: 3.9682539683vw;
}
@media (max-width: 600px) {
  .section-top .header__nav-list {
    display: flex;
    width: 100vw;
    height: 12.8205128205vw;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 1.5384615385vw 2.5641025641vw;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding-bottom: 3.8461538462vw;
  }
}
.section-top .header__nav-item {
  font-size: 1.0582010582vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 600px) {
  .section-top .header__nav-item {
    font-size: 3.5897435897vw;
  }
  .section-top .header__nav-item img {
    padding-top: 20.5128205128vw;
    width: 51.2820512821vw;
    height: auto;
  }
}
.section-top .slider {
  position: relative;
  height: 71.2vh;
  max-height: 46.2962962963vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  align-self: stretch;
  overflow: hidden;
  background: url(../img/bg_slider.webp) 50%/cover no-repeat;
}
@media (max-width: 600px) {
  .section-top .slider {
    height: auto;
    max-height: -moz-fit-content;
    max-height: fit-content;
    background: url(../img/sp-bg_slider.webp) 50%/cover no-repeat;
    width: 100vw;
  }
}
.section-top .slider__images {
  height: 71.2vh;
  max-height: 46.2962962963vw;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .section-top .slider__images {
    max-height: -moz-fit-content;
    max-height: fit-content;
    display: flex;
    width: 100vw;
    height: auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }
}
.section-top .slider__images .slider__image {
  width: 20.0396825397vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0;
  padding: 0;
}
.section-top .slider__images .slider__image img {
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 600px) {
  .section-top .slider__images .slider__image {
    width: 33.3333333333vw;
    height: 76.9230769231vw;
    flex-shrink: 0;
  }
}
.section-top .slider__image {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.8s ease-in-out, transform 0.6s ease-in;
}
.section-top .slider__image.visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.section-top .slider__image.flip {
  transform: rotateY(180deg);
  transition: transform 0.8s ease-in-out;
}
.section-top .menu-btn {
  position: fixed;
  top: 6.1538461538vw;
  right: 3.8461538462vw;
  display: flex;
  height: 12.8205128205vw;
  width: 12.8205128205vw;
  border-radius: 2.5641025641vw;
  justify-content: center;
  align-items: center;
  z-index: 90;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.section-top .menu-btn span,
.section-top .menu-btn span::before,
.section-top .menu-btn span::after {
  content: "";
  display: block;
  height: 0.7692307692vw;
  width: 6.6666666667vw;
  background-color: #585859;
  position: absolute;
  transition: all 0.4s ease;
  /* スムーズなアニメーション */
}
.section-top .menu-btn span::before {
  bottom: 2.0512820513vw;
  transition: all 0.4s ease;
  /* 上線のアニメーション */
}
.section-top .menu-btn span::after {
  top: 2.0512820513vw;
  transition: all 0.4s ease;
  /* 下線のアニメーション */
}
.section-top #menu-btn-check:checked ~ .menu-btn span {
  transform: rotate(45deg);
  /* 真ん中の線を回転 */
  background-color: #585859;
  /* 真ん中の線を表示してX形にする */
}
.section-top #menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(90deg);
  /* 上線を回転させてX形を形成 */
}
.section-top #menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-90deg);
  /* 下線を回転させてX形を形成 */
}
.section-top #menu-btn-check {
  display: none;
}
.section-top .menu-content {
  width: 100%;
  height: 200vh;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 80;
  background-color: rgba(255, 255, 255, 0.94);
  transition: all 0.5s;
  /* アニメーション設定 */
}
.section-top .menu-content .header__nav-list {
  display: flex;
  flex-flow: column;
  gap: 5.1282051282vw;
  padding-top: 46vh;
}
.section-top .menu-content .header__nav-list a {
  font-size: 5.1282051282vw;
  font-weight: 700;
}
.section-top .sp_head_open {
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-bottom: 5vh;
}
.section-top .sp_head_open .head_cont_btn {
  padding: 5.1282051282vw;
  background-color: #0E182B;
  display: flex;
  font-weight: 700;
  align-items: center;
  gap: 1.0256410256vw;
  color: #fff;
  margin: 0 auto;
  width: 51.2820512821vw;
  min-width: 51.2820512821vw;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 600px) {
  .section-top .sp_head_open .head_cont_btn {
    min-width: initial;
    width: -moz-fit-content;
    width: fit-content;
    width: 53.8461538462vw;
    justify-content: center;
  }
}
.section-top #menu-btn-check:checked ~ .menu-content {
  left: 0;
  /* メニューを画面内へ */
}
@keyframes sc-fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0.6613756614vw);
    @media (max-width: 600px) {
      .section-top {
        transform: translateY(2.5641025641vw);
      }
    }
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.section-top .scroll_down {
  position: absolute;
  bottom: 0;
  left: 49%;
  transform: translate(-50%, 0.6613756614vw);
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  animation: sc-fadeInUp 0.3s ease-in-out 0.8s forwards;
}
@media (max-width: 600px) {
  .section-top .scroll_down {
    left: 46%;
    transform: translate(-50%, 2.5641025641vw);
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .section-top .scroll_down {
    left: 50%;
  }
}
.section-top .scroll_down:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-top .scroll_down a {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 1.9841269841vw;
  padding: 0.6613756614vw 0.6613756614vw 5.291005291vw;
  color: #000;
  font-size: 0.9259259259vw;
  font-family: "Josefin Sans", sans-serif;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: 0.2s;
  overflow: hidden;
  margin: auto;
}
@media (max-width: 600px) {
  .section-top .scroll_down a {
    font-size: 3.5897435897vw;
    padding: 2.5641025641vw 2.5641025641vw 17.9487179487vw;
    width: 7.6923076923vw;
  }
}
.section-top .scroll_down a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.1322751323vw;
  height: 4.6296296296vw;
  background: #ddd;
}
@media (max-width: 600px) {
  .section-top .scroll_down a:before {
    width: 0.5128205128vw;
    height: 15.3846153846vw;
  }
}
.section-top .scroll_down a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.1322751323vw;
  height: 4.6296296296vw;
  background: #000;
}
@media (max-width: 600px) {
  .section-top .scroll_down a:after {
    width: 0.5128205128vw;
    height: 15.3846153846vw;
  }
}
.section-top .scroll_down a:hover {
  opacity: 0.5;
}
.section-top #type01 a:after {
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl01 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.section-highlights {
  padding-top: 3.3068783069vw;
  background: url(../img/bg-img1.webp) 50%/cover no-repeat;
}
@media (max-width: 600px) {
  .section-highlights {
    padding-top: 20.5128205128vw;
    overflow-x: hidden;
  }
}
.section-highlights__container {
  display: flex;
  padding: 3.3068783069vw 0.6613756614vw 6.6137566138vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-highlights__container {
    padding-top: 7.6923076923vw;
    padding-bottom: 12.8205128205vw;
  }
}
.section-highlights__container__design-wrapper {
  display: flex;
  width: 79.3650793651vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper {
    width: 100vw;
    display: flex;
    flex-flow: column;
  }
}
.section-highlights__container__design-wrapper .highlight {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight {
    display: flex;
    flex-flow: column;
    gap: 6.4102564103vw;
  }
}
.section-highlights__container__design-wrapper .highlight__image {
  width: 33.0687830688vw;
  border-radius: 1.9841269841vw;
  background: lightgray calc(100% - 0.2755952381vw) calc(100% - 13.1771164021vw)/101.667% 162.667% no-repeat;
  box-shadow: 0.2645502646vw 0.2645502646vw 0.3968253968vw 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight__image {
    width: 89.7435897436vw;
    border-radius: 2.5641025641vw;
    box-shadow: 1.0256410256vw 1.0256410256vw 1.5384615385vw 0 rgba(0, 0, 0, 0.25);
  }
}
.section-highlights__container__design-wrapper .highlight__content {
  display: flex;
  width: 39.6825396825vw;
  height: 31.746031746vw;
  padding-bottom: 4.8941798942vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 3.3068783069vw;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight__content {
    width: auto;
    height: auto;
    gap: 2.5641025641vw;
    padding-bottom: 15.3846153846vw;
  }
}
.section-highlights__container__design-wrapper .highlight__content__title-image {
  display: flex;
  width: 18.5185185185vw;
  flex-direction: column;
  align-items: center;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight__content__title-image {
    width: 51.2820512821vw;
  }
}
.section-highlights__container__design-wrapper .highlight__content__description {
  width: 29.1005291005vw;
  color: #495468;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight__content__description {
    width: 92.3076923077vw;
    font-size: 4.6153846154vw;
    font-weight: 500;
    line-height: 6.6666666667vw;
    /* 144.444% */
    letter-spacing: 0.2307692308vw;
  }
}
.section-highlights__container__design-wrapper .highlight--2 {
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 600px) {
  .section-highlights__container__design-wrapper .highlight--2 {
    display: flex;
    flex-flow: column;
  }
}
.section-highlights__container__design-wrapper .highlight--2__image {
  order: 2;
}
.section-highlights__container__design-wrapper .highlight--2__content {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.section-rooms {
  background: url(../img/bg-img2.webp) lightgray -6px -206.54px/100.794% 122.181% no-repeat;
}
@media (max-width: 600px) {
  .section-rooms {
    background: url(../img/bg-img2.webp) lightgray -1451.449px -85px/844.333% 109.93% no-repeat;
  }
}
@media (max-width: 600px) {
  .section-rooms .common-message {
    padding-top: 10.2564102564vw;
  }
}
.section-rooms__content {
  display: flex;
  padding: 5.291005291vw 0.6613756614vw 6.6137566138vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-rooms__content {
    padding: 0vw 25.641025641vw 25.641025641vw;
  }
}
.section-rooms__content .design-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.3068783069vw;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper {
    gap: 10.2564102564vw;
  }
}
.section-rooms__content .design-wrapper .upper-row,
.section-rooms__content .design-wrapper .lower-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.6296296296vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .upper-row,
  .section-rooms__content .design-wrapper .lower-row {
    display: flex;
    flex-flow: column;
    width: auto;
    gap: 10.2564102564vw;
  }
}
.section-rooms__content .design-wrapper .room-content {
  display: flex;
  width: 26.3227513228vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content {
    width: 89.7435897436vw;
  }
}
.section-rooms__content .design-wrapper .room-content__img-frame {
  position: relative;
}
.section-rooms__content .design-wrapper .room-content__img-frame img {
  width: 26.3227513228vw;
  flex-shrink: 0;
  border-radius: 1.3227513228vw;
  box-shadow: 0.2645502646vw 0.2645502646vw 0.2645502646vw 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__img-frame img {
    width: 89.7435897436vw;
    border-radius: 2.5641025641vw;
    box-shadow: 1.0256410256vw 1.0256410256vw 1.5384615385vw 0 rgba(0, 0, 0, 0.25);
  }
}
.section-rooms__content .design-wrapper .room-content__design-frame {
  position: absolute;
  flex-direction: column;
  align-items: flex-end;
  right: 0.9920634921vw;
  bottom: 1.9841269841vw;
  align-self: stretch;
}
.section-rooms__content .design-wrapper .room-content__design-frame .text-design1 {
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 1.0582010582vw;
  padding-bottom: 0.3306878307vw;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__design-frame .text-design1 {
    font-size: 6.1538461538vw;
    line-height: 4.1025641026vw;
  }
}
.section-rooms__content .design-wrapper .room-content__design-frame .text-design2 {
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 0.7936507937vw;
  font-weight: 700;
  line-height: 1.0582010582vw;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__design-frame .text-design2 {
    font-size: 3.0769230769vw;
    line-height: normal;
  }
}
.section-rooms__content .design-wrapper .room-content__details {
  display: flex;
  padding: 0.7936507937vw 0.3306878307vw 0px 0.3306878307vw;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 0.2645502646vw;
  align-self: stretch;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__details {
    padding: 3.0769230769vw 0vw 0px 1.6025641026vw;
  }
}
.section-rooms__content .design-wrapper .room-content__details .info {
  display: flex;
  align-items: center;
  gap: 0.2645502646vw;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__details .info {
    gap: 1.0256410256vw;
  }
}
.section-rooms__content .design-wrapper .room-content__details .info img {
  height: 1.3227513228vw;
  width: auto;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__details .info img {
    height: 5.641025641vw;
  }
}
.section-rooms__content .design-wrapper .room-content__details .info__description {
  color: #0E182B;
  text-align: center;
  font-size: 0.9259259259vw;
  line-height: 1.0582010582vw;
  font-weight: 700;
  letter-spacing: 0vw;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__details .info__description {
    font-size: 3.0769230769vw;
  }
}
.section-rooms__content .design-wrapper .room-content__details .info__description--part2 {
  font-weight: 400;
}
@media (max-width: 600px) {
  .section-rooms__content .design-wrapper .room-content__details .info__description--part2 {
    font-size: 3.5897435897vw;
  }
}
.section-rooms__content .design-wrapper .room-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.section-rooms__content .design-wrapper .room-content.visible {
  opacity: 1;
  transform: translateY(0);
}
.section-rooms .room-amenities {
  display: flex;
  padding-bottom: 10.582010582vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-rooms .room-amenities {
    padding-bottom: 17.9487179487vw;
  }
}
.section-rooms .room-amenities__title {
  display: flex;
  padding: 3.3068783069vw 0.6613756614vw 0.6613756614vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  color: #0F192C;
  text-align: center;
  font-size: 1.5873015873vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 600px) {
  .section-rooms .room-amenities__title {
    font-size: 5.641025641vw;
  }
}
.section-rooms .room-amenities__content {
  display: flex;
  padding-top: 2.6455026455vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-rooms .room-amenities__content {
    padding-top: 10.2564102564vw;
    gap: 7.6923076923vw;
  }
}
.section-rooms .amenity-item {
  width: 59.5238095238vw;
  display: flex;
  padding-top: 1.3227513228vw;
  align-items: center;
  align-content: center;
  gap: 0.6613756614vw;
  align-self: stretch;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .section-rooms .amenity-item {
    width: 92.3076923077vw;
  }
}
.section-rooms .amenity-item__title {
  width: 100%;
  display: flex;
  align-items: start;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-rooms .amenity-item__title {
    gap: 1.7948717949vw;
  }
}
.section-rooms .amenity-item__title img {
  margin-top: 0.2645502646vw;
  width: 1.3227513228vw;
  height: 1.3227513228vw;
}
@media (max-width: 600px) {
  .section-rooms .amenity-item__title img {
    margin-top: 0.5128205128vw;
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.section-rooms .amenity-item__title p {
  color: #243657;
}
@media (max-width: 600px) {
  .section-rooms .amenity-item__title p {
    font-size: 4.6153846154vw;
  }
}
.section-rooms .amenity-item__details {
  display: flex;
  padding-left: 1.9841269841vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
}
.section-rooms .amenity-item__details p {
  color: #495468;
  font-size: 1.1904761905vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8518518519vw;
  letter-spacing: 0.0595238095vw;
}
@media (max-width: 600px) {
  .section-rooms .amenity-item__details p {
    font-size: 4.1025641026vw;
    line-height: 6.6666666667vw;
    letter-spacing: 0.2051282051vw;
  }
}

.cta-sound-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.cta-sound-button__inquiry-set {
  display: flex;
  padding: 0.6613756614vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background-color: #0E182B;
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame {
  display: flex;
  width: 24.2063492063vw;
  padding: 0.6613756614vw 0;
  align-items: center;
  gap: 3.5052910053vw;
  /* ボタンのスタイル */
  /* ホバー時の背景色と枠線の変更 */
  /* ボタン内部のレイアウト設定 */
  /* テキストスタイル */
  /* ホバー時のテキスト色変更 */
  /* SVGアイコンのスタイル */
  /* ホバー時のSVGアイコン色変更 */
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame {
    padding: 2.5641025641vw 0;
    width: auto;
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .adjustment-frame__image {
  width: 6.1507936508vw;
  height: 6.3492063492vw;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .adjustment-frame__image {
    width: 14.9038461538vw;
    height: 15.3846153846vw;
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .adjustment-frame__button {
  display: flex;
  width: 14.5502645503vw;
  height: 3.5714285714vw;
  padding: 0.6613756614vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 0.6613756614vw;
  flex-shrink: 0;
  border-radius: 0.6613756614vw;
  background: #FFF;
  transition: background-color 0.3s ease, border 0.3s ease;
  box-sizing: border-box;
  /* 枠線が追加されてもサイズが変わらない */
  border: 1px solid transparent;
  /* 初期状態は枠線を透明に */
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .adjustment-frame__button {
    align-items: center;
    width: 51.2820512821vw;
    height: 12.8205128205vw;
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame a:hover .adjustment-frame__button {
  background-color: #0E182B;
  border: 1px solid #FFF;
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__adjustment-frame {
  display: flex;
  width: 10.1521164021vw;
  /* 必要に応じて適切な幅に変更 */
  justify-content: space-between;
  /* テキストとSVGを左右に配置 */
  align-items: center;
  /* 高さ方向で中央に揃える */
  flex-direction: row;
  /* 横方向に並べる */
  gap: 0.6613756614vw;
  /* テキストとSVGの間に適切な余白 */
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__adjustment-frame {
    padding-left: 5.1282051282vw;
    width: auto;
    /* SPでは自動調整 */
    justify-content: space-between;
    gap: 7.6923076923vw;
    /* スマートフォン版での適切な間隔 */
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__text {
  color: #0E182B;
  /* 初期色 */
  font-size: 0.8578042328vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex-shrink: 0;
  /* サイズを縮小しない */
  transition: color 0.3s ease;
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__text {
    font-size: 3.3256410256vw;
    /* スマートフォン用に調整 */
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame a:hover .button__text {
  color: #FFF;
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__svg {
  width: 0.5291005291vw;
  /* アイコンの幅 */
  height: 0.7936507937vw;
  /* アイコンの高さ */
  stroke: #0E182B;
  /* 初期のSVG色（線の色） */
  flex-shrink: 0;
  /* サイズを縮小しない */
  transition: stroke 0.3s ease;
}
@media (max-width: 600px) {
  .cta-sound-button__inquiry-set .inquiry-set__adjustment-frame .button__svg {
    width: 2.0512820513vw;
    height: 3.0769230769vw;
  }
}
.cta-sound-button__inquiry-set .inquiry-set__adjustment-frame a:hover .button__svg path {
  stroke: #FFF;
  /* ホバー時の線の色を白に */
}

.section-dining {
  background: url(../img/bg-img1.webp) 50%/cover no-repeat;
  padding-top: 3.3068783069vw;
  padding-bottom: 10.582010582vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (max-width: 600px) {
  .section-dining {
    padding-top: 15.3846153846vw;
    padding-bottom: 12.8205128205vw;
  }
}
@media (max-width: 600px) {
  .section-dining .common-message {
    padding-top: 2.5641025641vw;
  }
}
.section-dining .splide {
  padding: 3.9682539683vw 0 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-dining .splide {
    padding: 10.2564102564vw 0 0;
  }
}
.section-dining .splide .splide__list {
  width: 59.5238095238vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__list {
    width: 76.9230769231vw;
  }
}
.section-dining .splide .splide__list img {
  width: 59.5238095238vw;
  padding: 0 1.6534391534vw;
  border-radius: 1.3227513228vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__list img {
    width: 76.9230769231vw;
    padding: 0 1.2820512821vw;
  }
}
.section-dining .splide .splide__list .splide__slide {
  position: relative;
}
.section-dining .splide .splide__list .splide__slide .frame__design-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.3306878307vw;
  border-left: 1px solid #FFF;
  position: absolute;
  right: 4.2989417989vw;
  top: 3.1084656085vw;
}
.section-dining .splide .splide__list .splide__slide .frame__design-wrapper .Eng_title {
  padding-left: 2.6455026455vw;
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 1.5873015873vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.0582010582vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__list .splide__slide .frame__design-wrapper .Eng_title {
    font-size: 4.6153846154vw;
    line-height: 4.1025641026vw;
  }
}
.section-dining .splide .splide__list .splide__slide .frame__design-wrapper .jp_tittle {
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 0.7936507937vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.0582010582vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__list .splide__slide .frame__design-wrapper .jp_tittle {
    font-size: 3.0769230769vw;
    line-height: 4.1025641026vw;
  }
}
.section-dining .splide .splide__track--draggable {
  width: 100vw;
  padding-left: 20.5026455026vw !important;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__track--draggable {
    width: 100vw;
    padding-left: 12.3076923077vw !important;
  }
}
.section-dining .splide .splide__pagination {
  position: relative;
  top: -2.6455026455vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__pagination {
    top: -5.1282051282vw;
  }
}
.section-dining .splide .splide__pagination__page {
  width: 1.1904761905vw;
  height: 1.1904761905vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__pagination__page {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.section-dining .splide .splide__pagination li {
  margin: 0.3306878307vw;
}
@media (max-width: 600px) {
  .section-dining .splide .splide__pagination li {
    margin: 0vw;
  }
}

.section-facility-info {
  background: url(../img/bg-img3.webp) 50%/cover no-repeat;
  padding-bottom: 10.582010582vw;
}
@media (max-width: 600px) {
  .section-facility-info {
    background: url(../img/bg-img3.webp) -36.429px -26.923px/118.681% 105.495% no-repeat;
  }
}
.section-facility-info .facility-info__title {
  display: flex;
  padding: 3.3068783069vw 0.6613756614vw 0.6613756614vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  color: #0F192C;
  text-align: center;
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: normal;
}
.section-facility-info .facility-info__img-frame {
  display: flex;
  padding: 3.3068783069vw 0;
  justify-content: center;
  align-items: center;
  gap: 3.9682539683vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__img-frame {
    padding: 10.2564102564vw 0 7.6923076923vw;
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.section-facility-info .facility-info .image-frame {
  position: relative;
}
.section-facility-info .facility-info .image-frame .image {
  width: 26.3227513228vw;
  flex-shrink: 0;
  border-radius: 1.3227513228vw;
  box-shadow: 0.2645502646vw 0.2645502646vw 0.2645502646vw 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 600px) {
  .section-facility-info .facility-info .image-frame .image {
    width: 92.3076923077vw;
    border-radius: 2.5641025641vw;
    box-shadow: 1.0256410256vw 1.0256410256vw 1.5384615385vw 0 rgba(0, 0, 0, 0.25);
  }
}
.section-facility-info .facility-info .image-frame .design-frame {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  right: 0.9920634921vw;
  bottom: 0.9920634921vw;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info .image-frame .design-frame {
    right: 4.358974359vw;
    bottom: 4.358974359vw;
  }
}
.section-facility-info .facility-info .image-frame .design-frame .design-text1 {
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 1.5873015873vw;
  font-weight: 700;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info .image-frame .design-frame .design-text1 {
    font-size: 6.1538461538vw;
    line-height: 5.641025641vw;
  }
}
.section-facility-info .facility-info .image-frame .design-frame .design-text2 {
  color: #FFF;
  text-align: right;
  text-shadow: 0.1322751323vw 0.1322751323vw 0.2645502646vw rgba(0, 0, 0, 0.25);
  font-size: 0.7936507937vw;
  font-weight: 700;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info .image-frame .design-frame .design-text2 {
    font-size: 3.0769230769vw;
    line-height: 4.1025641026vw;
  }
}
.section-facility-info .facility-info__content-frame {
  display: flex;
  padding: 3.3068783069vw 0.6613756614vw 0 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__content-frame {
    padding: 0;
  }
}
.section-facility-info .facility-info__icon-list {
  display: flex;
  width: 52.9100529101vw;
  align-items: center;
  align-content: center;
  gap: 2.6455026455vw;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__icon-list {
    width: 89.7435897436vw;
  }
}
.section-facility-info .facility-info__icon-list .icon-frame {
  display: flex;
  width: 10.582010582vw;
  align-items: center;
  gap: 0.6613756614vw;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__icon-list .icon-frame {
    width: 41.0256410256vw;
    gap: 2.5641025641vw;
  }
}
.section-facility-info .facility-info__icon-list .icon-frame .facility-info__icon {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__icon-list .icon-frame .facility-info__icon {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
}
.section-facility-info .facility-info__icon-list .icon-frame .facility-info__text {
  font-size: 1.1243386243vw;
  color: #243657;
  line-height: 1.3227513228vw;
  letter-spacing: 0.0661375661vw;
  font-weight: 700;
}
@media (max-width: 600px) {
  .section-facility-info .facility-info__icon-list .icon-frame .facility-info__text {
    font-size: 4.1025641026vw;
    line-height: 5.1282051282vw;
    letter-spacing: 0.2051282051vw;
    font-weight: 500;
  }
}
@media (max-width: 600px) {
  .section-facility-info {
    padding-bottom: 25.641025641vw;
  }
}

.section-hotel-info {
  background-color: #0E182B;
}
.section-hotel-info__design-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.9841269841vw;
  background: #FFF;
}
.section-hotel-info .hotel-info__title {
  padding: 11.2433862434vw 0.6613756614vw 2.6455026455vw;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  text-align: center;
  font-size: 2.1164021164vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: #fff;
}
@media (max-width: 600px) {
  .section-hotel-info .hotel-info__title {
    padding: 20.5128205128vw 2.5641025641vw 10.2564102564vw 2.5641025641vw;
    font-size: 7.1794871795vw;
  }
}
.section-hotel-info__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
  padding-bottom: 9.5238095238vw;
}
@media (max-width: 600px) {
  .section-hotel-info__content {
    padding-bottom: 0;
  }
}
.section-hotel-info__map-wrapper {
  display: flex;
  padding-bottom: 3.9682539683vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .section-hotel-info__map-wrapper {
    padding-bottom: 10.2564102564vw;
  }
}
.section-hotel-info__map-wrapper .map-wrapper__map {
  display: flex;
  align-items: center;
  border-radius: 1.9841269841vw;
}
@media (max-width: 600px) {
  .section-hotel-info__map-wrapper .map-wrapper__map {
    display: flex;
    flex-flow: column;
    gap: 2.5641025641vw;
    background-color: #0E182B;
    padding-bottom: 5.1282051282vw;
    border-radius: 0;
    width: 100vw;
  }
}
.section-hotel-info__map-wrapper .map-wrapper__map .map__image img {
  border-radius: 1.9841269841vw 0px 0px 0px;
  width: 35.7142857143vw;
  height: 35.7142857143vw;
}
@media (max-width: 600px) {
  .section-hotel-info__map-wrapper .map-wrapper__map .map__image {
    border-radius: 0;
  }
  .section-hotel-info__map-wrapper .map-wrapper__map .map__image img {
    width: 92.3076923077vw;
    height: 92.3076923077vw;
    border-radius: 2.5641025641vw;
  }
}
.section-hotel-info__map-wrapper .map-wrapper__map .map__embed iframe {
  width: 50.9259259259vw;
  height: 35.7142857143vw;
  border-radius: 0px 1.9841269841vw 0px 0px;
}
@media (max-width: 600px) {
  .section-hotel-info__map-wrapper .map-wrapper__map .map__embed iframe {
    width: 92.3076923077vw;
    height: 64.6153846154vw;
    border-radius: 2.5641025641vw;
  }
}
.section-hotel-info__details {
  display: flex;
  width: 86.6402116402vw;
  padding-bottom: 5.291005291vw;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.9841269841vw;
  border-radius: 1.9841269841vw;
  background: #FFF;
}
@media (max-width: 600px) {
  .section-hotel-info__details {
    width: 100vw;
    border-radius: 0;
    padding-bottom: 60px;
  }
}
.section-hotel-info__details .details__title {
  display: flex;
  padding: 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
  color: #0F192C;
  text-align: center;
  font-size: 1.7195767196vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__title {
    font-size: 5.641025641vw;
  }
}
.section-hotel-info__details .details__table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.section-hotel-info__details .details__table .table__row {
  display: flex;
  width: 52.9100529101vw;
  align-items: center;
  padding-bottom: 1.3227513228vw;
  line-height: 1.7195767196vw;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__table .table__row {
    width: 100vw;
    padding: 0px 5.1282051282vw 5.1282051282vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: normal;
  }
}
.section-hotel-info__details .details__table .table__row .row__item-title {
  text-align: start;
  width: 12.5661375661vw;
  flex-shrink: 0;
  align-self: stretch;
  color: #0E182B;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__table .table__row .row__item-title {
    font-size: 5.1282051282vw;
    width: 100vw;
    width: auto;
  }
}
.section-hotel-info__details .details__table .table__row .row__item-content {
  color: #0E182B;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__table .table__row .row__item-content {
    font-size: 4.8717948718vw;
    letter-spacing: normal;
  }
}
.section-hotel-info__details .details__table .table__row .row__item-content img {
  margin-top: 0.1984126984vw;
  width: 0.6613756614vw;
  height: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__table .table__row .row__item-content img {
    margin-right: 1.2820512821vw;
    margin-top: 2.3076923077vw;
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.section-hotel-info__details .details__table .table__row .row__item-content div {
  display: flex;
  align-items: center;
  gap: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-hotel-info__details .details__table .table__row .row__item-content div {
    align-items: start;
  }
}

.section-guest-message {
  padding-top: 3.3068783069vw;
  background: url(../img/bg-img5.webp) 50%/cover no-repeat;
}
.section-guest-message__content {
  display: flex;
  padding: 3.3068783069vw 0.6613756614vw 6.6137566138vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .section-guest-message__content {
    padding: 12.8205128205vw 0 25.641025641vw;
  }
}
.section-guest-message__design-wrapper {
  background-color: #fff;
  display: flex;
  width: 52.9100529101vw;
  padding: 6.6137566138vw 0 6.6137566138vw 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.9682539683vw;
  border: 0.0661375661vw solid #606060;
  border-radius: 0.6613756614vw;
}
@media (max-width: 600px) {
  .section-guest-message__design-wrapper {
    width: 92.3076923077vw;
    padding: 15.3846153846vw 0;
    border-radius: 1.5384615385vw;
  }
}
.section-guest-message .guest-message__text {
  width: 52.9100529101vw;
  color: #495468;
  text-align: center;
  font-size: 1.5873015873vw;
  font-weight: 400;
  line-height: 4.6296296296vw;
  letter-spacing: 0.0793650794vw;
}
@media (max-width: 600px) {
  .section-guest-message .guest-message__text {
    width: 92.3076923077vw;
    font-size: 5.641025641vw;
    font-weight: 400;
    line-height: 7.1794871795vw;
    letter-spacing: 0.2820512821vw;
  }
}
.section-guest-message .signature_name {
  padding-top: 0.6613756614vw;
  display: flex;
  flex-flow: column;
  font-size: 0.9259259259vw;
  align-items: center;
}
@media (max-width: 600px) {
  .section-guest-message .signature_name {
    padding-top: 7.6923076923vw;
    font-size: 2.8205128205vw;
  }
}
.section-guest-message .guest-message__signature {
  width: 17.1957671958vw;
  height: auto;
}
@media (max-width: 600px) {
  .section-guest-message .guest-message__signature {
    width: 51.2820512821vw;
    height: auto;
  }
}

.footer {
  display: flex;
  width: 100vw;
  flex-direction: column;
  align-items: flex-start;
  background: url(../img/bg-img4.webp) lightgray 50%/cover no-repeat;
}
.footer__design-line-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.footer__design-line-top .design-item--1 {
  height: 5.291005291vw;
  align-self: stretch;
  background: #0F192C;
}
.footer__design-line-top .design-item--2 {
  height: 0.3306878307vw;
  align-self: stretch;
  background: #A08E54;
}
.footer__content {
  display: flex;
  padding: 5.9523809524vw 0.6613756614vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  align-self: stretch;
}
.footer__content__design-wrapper {
  display: flex;
  gap: 5.291005291vw;
  height: 33.7301587302vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper {
    display: flex;
    flex-flow: column;
    height: auto;
    align-items: center;
    gap: 20.5128205128vw;
  }
}
.footer__content__design-wrapper .content1 {
  display: flex;
  width: 25.1322751323vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.3227513228vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1 {
    width: auto;
    gap: 5.1282051282vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5132275132vw;
}
.footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__logo {
  width: 21.164021164vw;
  height: 2.8042328042vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__logo {
    width: 82.0512820513vw;
    height: auto;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__hotel-image {
  width: 25.1322751323vw;
  height: 16.5343915344vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__hotel-image {
    width: 100vw;
    height: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__hotel-image img {
  width: 25.1322751323vw;
  height: auto;
  border-radius: 1.3227513228vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame1 .adjustment-frame1__hotel-image img {
    width: 89.7435897436vw;
    border-radius: 2.5641025641vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1904761905vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 {
    gap: 4.6153846154vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5291005291vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 2.0512820513vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 {
  display: flex;
  align-items: center;
  gap: 0.9920634921vw;
  align-self: stretch;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 {
    width: 89.7435897436vw;
    gap: 2.0512820513vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 .row1__icon {
  width: 1.9841269841vw;
  height: 1.9841269841vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 .row1__icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 .row1__text {
  color: #0E182B;
  font-size: 1.1904761905vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  display: block;
  width: 100%;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__details .details__row1 .row1__text {
    font-size: 4.6153846154vw;
  }
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__policy-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__policy-links a {
  color: #0E182B;
  text-align: center;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.3;
}
.footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__policy-links a:hover {
  color: #F3C64D;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content1__adjustment-frame2 .adjustment-frame2__policy-links a {
    font-size: 4.6153846154vw;
  }
}
.footer__content__design-wrapper .content2 {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2.5132275132vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2 {
    padding-bottom: 15.3846153846vw;
    gap: 7.6923076923vw;
  }
}
.footer__content__design-wrapper .content2__design-title {
  display: flex;
}
.footer__content__design-wrapper .content2__design-title img {
  width: 33.0687830688vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__design-title img {
    width: 75.3846153846vw;
  }
}
.footer__content__design-wrapper .content2__external-links {
  flex-shrink: 0;
  background-color: #A08E54;
  height: auto;
  border-radius: 1.3227513228vw;
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club {
  margin: 0.6613756614vw;
  background: url(../img/bg_club.webp) 50% no-repeat;
  border-radius: 1.0582010582vw;
  display: flex;
  width: 49.6031746032vw;
  height: 26.455026455vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.455026455vw;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club {
    width: 100vw;
    height: auto;
    gap: 0;
    margin: 1.0256410256vw 0;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper {
  display: flex;
  width: 37.6984126984vw;
  flex-direction: column;
  align-items: center;
  gap: 1.3227513228vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper {
    width: 100vw;
    text-align: center;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .header-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .header-wrapper {
    padding-top: 7.6923076923vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .club-name {
  color: #FFF;
  text-align: center;
  font-size: 2.1164021164vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .club-name {
    font-size: 7.1794871795vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .program-info {
  color: #FFF;
  font-size: 1.7195767196vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .program-info {
    font-size: 4.6153846154vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .promotion-header {
  display: flex;
  width: 13.2275132275vw;
  padding: 0.1322751323vw 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  background: #9F8E54;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .promotion-header {
    margin-top: 5.1282051282vw;
    width: 89.7435897436vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .promotion-header p {
  color: #FFF;
  font-size: 1.5873015873vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club__design-wrapper .promotion-header p {
    font-size: 4.1025641026vw;
    padding: 1.0256410256vw 0;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container {
  display: flex;
  padding: 0.9259259259vw 0px;
  justify-content: center;
  align-items: center;
  gap: 0.7936507937vw;
  align-self: stretch;
  background-color: #fff;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 89.7435897436vw;
    align-self: auto;
    gap: 0 2.5641025641vw;
    padding-bottom: 5.1282051282vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .app-message {
  display: flex;
  padding-right: 0.6613756614vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  color: #63502C;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5873015873vw;
  /* 120% */
  letter-spacing: 0.1322751323vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .app-message {
    width: 100%;
    font-size: 4.6153846154vw;
    line-height: normal;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .app-store-logo {
  width: 7.9365079365vw;
  height: 2.6455026455vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .app-store-logo {
    width: 35.8974358974vw;
    height: auto;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .google-play-logo {
  width: 7.9365079365vw;
  height: 2.6455026455vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .google-play-logo {
    width: 35.8974358974vw;
    height: auto;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .qr-code-image {
  width: 4.2989417989vw;
  height: 4.2989417989vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .qr-code-image {
    display: none;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .operation-image {
  width: 4.6296296296vw;
  height: 4.6296296296vw;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .message-container .operation-image {
    width: 15.3846153846vw;
    height: auto;
    position: absolute;
    top: -15px;
    right: 10px;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .button-container {
  display: flex;
  padding: 0.3306878307vw 1.3227513228vw;
  justify-content: center;
  align-items: center;
  gap: 0.6613756614vw;
  border-radius: 0.6613756614vw;
  background: #000;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .button-container {
    margin-top: 5.1282051282vw;
    padding: 1.2820512821vw 5.1282051282vw;
    margin-bottom: 10.2564102564vw;
  }
}
.footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .button-container .details-button {
  color: #FFF;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 600px) {
  .footer__content__design-wrapper .content2__external-links .sotetsu-hotel-club .button-container .details-button {
    font-size: 4.6153846154vw;
  }
}
.footer__design-line-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.footer__design-line-bottom .design-item--1 {
  height: 0.3306878307vw;
  align-self: stretch;
  background: #A08E54;
}
.footer__design-line-bottom .design-item--2 {
  display: flex;
  height: 5.291005291vw;
  align-self: stretch;
  background: #0F192C;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .footer__design-line-bottom .design-item--2 {
    height: auto;
  }
}
.footer__design-line-bottom .design-item--2 .copylight {
  display: block;
  color: #fff;
  font-size: 1.3227513228vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 600px) {
  .footer__design-line-bottom .design-item--2 .copylight {
    font-size: 4.1025641026vw;
    padding-top: 6.6666666667vw;
    padding-bottom: 7.6923076923vw;
  }
}

/* ////////////////////// アニメーション ///////////////////////// */
/* 初期状態 */
.header,
.header__nav {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 表示時の状態 */
.visible {
  opacity: 1;
  transform: translateY(0);
}

/* セクションの表示 */
.fadeIn {
  animation: fadeIn 500ms linear both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 3.3068783069vw);
}
@media (max-width: 600px) {
  .fade-in-up {
    transform: translate(0, 5.1282051282vw);
  }
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-2.6455026455vw, 0);
}
@media (max-width: 600px) {
  .fade-in-left {
    transform: translate(-5.1282051282vw, 0);
  }
}

.fade-in-right {
  transform: translate(2.6455026455vw, 0);
}
@media (max-width: 600px) {
  .fade-in-right {
    transform: translate(5.1282051282vw, 0);
  }
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}/*# sourceMappingURL=style.css.map */