@charset "UTF-8";

body {
  line-break: auto;
}

.menu-card-desc,
.faq-a,
.voice-text {
  letter-spacing: .01em;
}

@media (width >= 751px) {
  .location-info dd { white-space: normal; }
  .rooms-copy > p { white-space: normal; }
  .booking-payment p:last-child { white-space: normal; }
}

@media (width <= 750px) {
  .hero-title { white-space: normal; }
  .reason:nth-child(-n+2) p { white-space: normal; }
}

@media (width >= 751px) {
  #visit    { height: auto; min-height: 55.9375rem; } /* 895px */
  #voices   { height: auto; min-height: 42.8125rem; } /* 685px */
  #location { height: auto; min-height: 42.75rem; }   /* 684px */
  #faq      { height: auto; min-height: 57.5625rem; } /* 921px */
}

@media (width <= 750px) {
  .hero-title br { display: none; }

  .hero-lead br,
  .menu-lead br,
  .price-lead p br,
  .visit-step:nth-child(n+2) p br,
  .footer-brand > p:first-child br { display: revert; }
}

@media (width >= 751px) {
  .visit-step p {
    white-space: normal;
    max-width: 37rem;
  }
}

/* WHY SORA：見出しが長いので折り返しを許し、7つとも同じ幅にそろえる */
@media (width >= 751px) {
  .reason h3 { white-space: normal; }
  .reason:last-child { width: 14.25rem; }
  .reason p br { display: none; }
  .reason:nth-child(5) h3 { white-space: nowrap; }
}

@media (width <= 750px) {
  #rooms {
    height: 189.0666666667vw;
  }

  .rooms-carousel {
    top: 136.5333333333vw;
  }
}

@media (width >= 751px) {
  .visit-img-3 {
    top: auto;
    bottom: -20.8125rem; /* -333px */
  }
}

@media (width >= 751px) {
  .location-info dd {
    max-width: 26rem; /* 416px */
  }
}

.location-info dd .nb {
  white-space: nowrap;
}

@media (width >= 751px) {
  .faq-q h3,
  .faq-a {
    white-space: normal;
  }
}