/*
**  Bg
*/

.navigation__pages::before,
.for-first-time::before {
  width: 9rem;
  height: 4.5rem;
}


/*
**  .navigation
*/

.navigation__inner {
  grid-row-gap: calc((54 / var(--standard-font-size)) * 1em);
}

/* .navigation__pages */

.navigation__pages::before {
  right: 7.2rem;
}

.navigation__pages::after {
  height: 24vw;
  mask-image: url(../image/common/bg_section-mask_wave@xl.svg);
}

.navigation__pages-inner {
  padding-top: calc((54 / var(--standard-font-size)) * 1em);
}

.navigation__pages-list {
  grid-template-columns: repeat(auto-fit, minmax(auto, calc((144 / var(--standard-font-size)) * 1em)));
  grid-gap: calc((72 / var(--standard-font-size)) * 1em) min(calc((108 / var(--standard-width-xl)) * 100vw), 10.8rem);
  padding-left: 3%;
  padding-right: 3%;
}

.navigation__pages-item {
  grid-row-gap: calc((9 / var(--standard-font-size)) * 1em);
}

.navigation__pages-link {
  font-size: calc((15 / var(--standard-font-size)) * 1em);
}


/*
**  .for-first-time
*/

.for-first-time::before {
  top: -5.4rem;
  right: 2rem;
}

.for-first-time::after {
  top: -3.4rem;
  height: 44.4vw;
  mask-image: url(../image/common/bg_section-mask_r@xl.svg);
}

.for-first-time__inner {
  padding-top: calc((36 / var(--standard-font-size)) * 1em);
  padding-bottom: calc((36 / var(--standard-font-size)) * 1em);
}

.for-first-time__contents {
  grid-template-columns: minmax(auto, calc((936 / var(--standard-font-size)) * 1em));
  grid-row-gap: calc((36 / var(--standard-font-size)) * 1em);
  justify-content: center;
}

.for-first-time__summary {
  grid-template-columns: 216fr 648fr;
  grid-column-gap: min(calc((72 / var(--standard-width-xl)) * 100vw), 7.2em);
}

.for-first-time__headline {
  padding-left: 0;
  padding-right: 0;
}

.for-first-time__summary-headline {
  font-size: calc((20 / var(--standard-font-size)) * 1em);
  margin-bottom: calc((13 / var(--standard-font-size)) * 1em);
}

.for-first-time__summary-text > * + * {
  margin-top: calc((13 / var(--standard-font-size)) * 1em);
}

.for-first-time__summary-text-list {
  grid-row-gap: calc((9 / var(--standard-font-size)) * 1em);
}

.for-first-time__summary-text-item {
  font-size: calc((18 / var(--standard-font-size)) * 1em);
}

.for-first-time__reservation-list {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: min(calc((72 / var(--standard-width-xl)) * 100vw), 7.2em);
}

.for-first-time__guidance-headline {
  font-size: calc((18 / var(--standard-font-size)) * 1em);
  margin-bottom: calc((10 / var(--standard-font-size)) * 1em);
}

.for-first-time__guidance-text + .for-first-time__guidance-headline {
  margin-top: calc((27 / var(--standard-font-size)) * 1em);
}


/*
**  .button__float
*/

.button__float {
  bottom: 7.2rem;
  right: 7.2rem;
  width: 18rem;
  height: 18rem;
}