@charset "UTF-8";
/* backdrop */
@-webkit-keyframes backdrop {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes backdrop {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
/**
    @include media($breakpoints) { properties }
 */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
}

textarea {
  form-sizing: content;
  white-space: revert;
}

:focus {
  outline: none;
}

html {
  height: -webkit-fill-available;
  background-color: white;
  color: var(--wlht-fontColor);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 62.5%;
  font-weight: 400;
  scroll-behavior: smooth;
  /* iPhone Safariの横向きで基本フォントサイズ拡大を防ぐ */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  word-break: auto-phrase; /* 日本語自動折返し */
}

body {
  min-height: 100vh;
  min-height: 100dvh;
}

picture, img {
  display: block;
  max-width: 100%;
  pointer-events: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

b {
  font-weight: 500;
}

a, button, select {
  cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: inherit !important;
}

input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:where(:not([type=datetime]):not([type=date]):not([type=month]):not([type=week]):not([type=time]):not([type=datetime-local]))::-webkit-calendar-picker-indicator {
  display: none !important;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  border-bottom: 16px solid var(--wlht-subColor);
  background-image: linear-gradient(90deg, #f5f5f5 32%, white 32%);
}
@media screen and (min-width: 1024px) {
  .l-header {
    border-bottom-width: 8px;
    background-image: linear-gradient(90deg, #f5f5f5 28.5714285714%, white 28.5714285714%);
  }
}
.l-header__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 28px;
       column-gap: 28px;
  height: 80px;
}
@media screen and (min-width: 1024px) {
  .l-header__inner {
    justify-content: space-between;
    height: 100px;
  }
}
.l-header__logo {
  font-size: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .l-header__logo {
    font-size: 4.2rem;
  }
}
.l-header__logo__link {
  display: block;
}
.l-header__logo__link > img {
  width: auto;
  max-height: 52px;
}
@media screen and (min-width: 1024px) {
  .l-header__logo__link > img {
    max-height: 60px;
  }
}
.l-header__profile {
  margin-right: 0;
  margin-left: auto;
}
.l-header__nav__btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  width: 62px;
  height: 52px;
  background-image: linear-gradient(var(--wlht-fontColor), var(--wlht-fontColor));
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 26px 1px;
}
@media screen and (min-width: 1024px) {
  .l-header__nav__btn {
    position: relative;
    transform: none;
    width: 26px;
    height: 23px;
  }
}
.l-header__nav__btn::before, .l-header__nav__btn::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 1px;
  background-color: var(--wlht-fontColor);
}
.l-header__nav__btn::before {
  top: 15px;
}
@media screen and (min-width: 1024px) {
  .l-header__nav__btn::before {
    top: 0;
  }
}
.l-header__nav__btn::after {
  top: 36px;
}
@media screen and (min-width: 1024px) {
  .l-header__nav__btn::after {
    top: calc(100% - 1px);
  }
}
.l-header__nav__dialog {
  position: fixed;
  inset: 0;
  width: 240px;
  height: 100%;
  margin-right: 0;
  margin-left: auto;
  background-color: white;
  transform: translateX(100%);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.l-header__nav__dialog.is-active {
  transform: none;
}
.l-header__nav__dialog[open]::-webkit-backdrop {
  -webkit-animation: globalNavBg 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: globalNavBg 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-header__nav__dialog[open]::backdrop {
  -webkit-animation: globalNavBg 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: globalNavBg 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-header__nav__dialog:not([open])::-webkit-backdrop {
  -webkit-animation: globalNavBgReverse 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: globalNavBgReverse 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-header__nav__dialog:not([open])::backdrop {
  -webkit-animation: globalNavBgReverse 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: globalNavBgReverse 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-header__nav__dialog__btn {
  position: relative;
  display: block;
  width: 26px;
  height: 23px;
  margin-block: 32px;
  margin-right: 24px;
  margin-left: auto;
}
.l-header__nav__dialog__btn::before, .l-header__nav__dialog__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 26px;
  height: 1px;
  background-color: var(--wlht-fontColor);
}
.l-header__nav__dialog__btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-header__nav__dialog__btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-header__nav__dialog__list {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.l-header__nav__dialog__list > li {
  padding-inline: 24px;
  margin-block: 8px;
}
.l-header__nav__dialog__list > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  font-size: 1.6rem;
  line-height: 2;
}
@media (any-hover: hover) {
  .l-header__nav__dialog__list > li > a {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-header__nav__dialog__list > li > a:hover {
    color: var(--wlht-mainColor);
  }
}
.l-header__nav__dialog__list > li > a::after {
  content: "";
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@-webkit-keyframes globalNavBg {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@keyframes globalNavBg {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@-webkit-keyframes globalNavBgReverse {
  from {
    background-color: rgba(0, 0, 0, 0.5);
  }
  to {
    background-color: transparent;
  }
}
@keyframes globalNavBgReverse {
  from {
    background-color: rgba(0, 0, 0, 0.5);
  }
  to {
    background-color: transparent;
  }
}
.l-footer {
  color: white;
  padding-bottom: 84px;
}
@media screen and (min-width: 1024px) {
  .l-footer {
    padding-bottom: 0;
  }
}
.l-footer__top {
  padding-top: 32px;
  padding-bottom: 48px;
  background-color: var(--wlht-fontSubColor);
}
@media screen and (min-width: 1024px) {
  .l-footer__top {
    padding-block: 22px;
  }
}
.l-footer__top > .l-footer__content {
  align-items: center;
}
.l-footer__top__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-footer__top__nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 2em;
         column-gap: 2em;
    max-width: 700px;
    font-size: 1.4rem;
    line-height: 1.8571428571;
    letter-spacing: 0.1em;
    white-space: nowrap;
  }
}
.l-footer__top__nav > li {
  padding-right: 1em;
}
@media screen and (min-width: 1024px) {
  .l-footer__top__nav > li {
    padding-right: 0;
  }
}
@media (any-hover: hover) {
  .l-footer__top__nav > li > a {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-footer__top__nav > li > a:hover {
    color: var(--wlht-mainColor);
  }
}
.l-footer__top__social {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .l-footer__top__social {
    margin-top: 0;
  }
}
.l-footer__top__social__item {
  aspect-ratio: 1/1;
  width: 36px;
}
@media screen and (min-width: 1024px) {
  .l-footer__top__social__item {
    width: 26px;
  }
}
@media (any-hover: hover) {
  .l-footer__top__social__item > a {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-footer__top__social__item > a:hover {
    opacity: 0.7;
  }
}
.l-footer__bottom {
  padding-block: 32px;
  border-top: 2px solid white;
  background-color: var(--wlht-fontColor);
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom {
    padding-bottom: 44px;
    border-top-width: 1px;
  }
}
.l-footer__bottom__logo {
  font-size: 4rem;
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom__logo {
    font-size: 4.2rem;
  }
}
.l-footer__bottom__logo__link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom__logo__link {
    margin-inline: 0;
  }
}
.l-footer__bottom__logo__link > img {
  width: auto;
  max-height: 56px;
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom__logo__link > img {
    max-height: 60px;
  }
}
.l-footer__bottom__address {
  margin-top: 28px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom__address {
    display: none;
  }
}
.l-footer__bottom__profile {
  --wlht-fontColor: white;
}
.l-footer__bottom__copyright {
  margin-top: 52px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom__copyright {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__content {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .l-footer__content:has(> .l-footer__top__nav) {
    align-items: center;
  }
}

.l-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: min(100%, 400px);
  padding: 10px;
  border-image-source: linear-gradient(var(--wlht-fontColor), var(--wlht-fontColor));
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}
@media screen and (min-width: 1024px) {
  .l-cta {
    display: none;
  }
}
.l-cta__nav {
  display: block;
  border-radius: 8px;
  background-color: var(--wlht-fontSubColor);
  color: white;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 4;
  letter-spacing: 0.05em;
  text-align: center;
}

.l-container {
  --gap: 7.5%;
  --full: minmax(var(--gap), 1fr);
  --content: min(1000px, 100% - var(--gap) * 2);
  display: grid;
  grid-template-columns: [full-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-end];
}
.l-container > * {
  grid-column: content;
}
.l-container > .is-full {
  grid-column: full;
}

.l-main {
  margin-top: 96px;
  padding-bottom: 76px;
  background-image: linear-gradient(90deg, #f5f5f5 32%, white 32%);
  overflow: hidden;
  /* Main slider */
  /* Main slider options */
}
@media screen and (min-width: 1024px) {
  .l-main {
    margin-top: 108px;
    padding-bottom: 96px;
    background-image: linear-gradient(90deg, #f5f5f5 28.5714285714%, white 28.5714285714%);
  }
}
.l-main .l-main__slider {
  position: relative;
  /* tiny slider setup */
}
.l-main .l-main__slider__item {
  height: 320px;
}
.l-main .l-main__slider__item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-main .l-main__slider--large {
  position: relative;
}
.l-main .l-main__slider--large .l-main__slider__item {
  height: 600px;
}
.l-main .l-main__slider__line {
  position: absolute;
  top: calc(50% - 18px);
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .l-main .l-main__slider__line {
    top: calc(50% - 16px);
  }
}
.l-main .l-main__slider__line > img {
  max-height: 40%;
}
:is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-nav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
}
:is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-controls {
  top: calc(50% - 18px);
}
:is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-controls > button[data-controls=prev] {
  aspect-ratio: 25.92/48.72;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  left: 14px;
}
@media screen and (min-width: 1024px) {
  :is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-controls > button[data-controls=prev] {
    left: 16px;
  }
}
:is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-controls > button[data-controls=next] {
  aspect-ratio: 25.92/48.72;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  right: 14px;
}
@media screen and (min-width: 1024px) {
  :is(.l-main .l-main__slider, .l-main .l-main__slider--large) .tns-controls > button[data-controls=next] {
    right: 16px;
  }
}
.l-main .l-main__slider-option {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 6px;
  padding-top: 47px;
  padding-bottom: 24px;
  border-image-source: linear-gradient(var(--wlht-subColor), var(--wlht-subColor));
  border-image-slice: 0 fill;
  border-image-outset: 1px 100vw 0;
  color: var(--wlht-fontSubColor);
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-main .l-main__slider-option {
    padding-top: 45px;
    padding-bottom: 12px;
    background-image: linear-gradient(90deg, #f5f5f5 28.5714285714%, white 28.5714285714%);
  }
}
.l-main .l-main__slider-option::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--wlht-fontSubColor);
}
.l-main .l-main__slider-option__catchphrase {
  line-height: 1.5714285714;
}
.l-main .l-main__slider-option__name {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .l-main .l-main__slider-option__name {
    font-size: 1.6rem;
  }
}
.l-main .l-main__slider-option__name > strong {
  margin-left: 4px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .l-main .l-main__slider-option__name > strong {
    font-size: 1.8rem;
  }
}

/* Common banners */
.l-common-slider {
  position: relative;
  max-width: 960px;
}
.l-common-slider__item {
  aspect-ratio: 2/1;
}
.l-common-slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-common-slider__link {
  display: block;
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) {
  .l-common-slider__link {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-common-slider__link:hover {
    opacity: 0.7;
  }
}

/* Section */
.l-section {
  position: relative;
  margin-top: 64px;
}
.l-section--inline {
  padding-block: 64px;
}
.l-section__headline {
  text-align: center;
}
.l-section__headline__en {
  color: var(--wlht-mainColor);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .l-section__headline__en {
    font-size: 2.4rem;
  }
}
.l-section__headline__ja {
  position: relative;
  padding-top: 13px;
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .l-section__headline__ja {
    padding-top: 15px;
    margin-top: 14px;
  }
}
.l-section__headline__ja::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 1px;
  background-color: var(--wlht-mainColor);
}
.l-section__content {
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .l-section__content {
    margin-top: 48px;
  }
}

/* room - single */
.l-single {
  position: relative;
  padding-top: 80px;
}
.l-single__headline {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 160px;
  height: 160px;
  padding-top: 36px;
  padding-inline: 24px;
  margin-inline: auto;
  background-color: var(--wlht-subColor);
  text-align: center;
}
.l-single__headline__label {
  color: var(--wlht-mainColor);
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.2em;
}
.l-single__headline__type {
  margin-top: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: var(--wlht-fontSubColor);
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.l-single__headline__name {
  margin-top: 24px;
  font-family: "Roboto", sans-serif;
  color: var(--wlht-mainColor);
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}
.l-single__slider {
  margin-inline: -8.8235294118%;
}
@media screen and (min-width: 768px) {
  .l-single__slider {
    margin-inline: 0;
  }
}
.l-single__slider__item {
  aspect-ratio: 400/304;
}
@media screen and (min-width: 768px) {
  .l-single__slider__item {
    aspect-ratio: 1000/640;
  }
}
.l-single__slider__item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-single__slider__item:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-single__slider__item > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-single__slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-inline: 7.5%;
  margin-block: 12px;
}
@media screen and (min-width: 1024px) {
  .l-single__slider__nav {
    padding-inline: 0;
    margin-block: 32px;
  }
}
.l-single__slider__nav__item {
  aspect-ratio: 1/1;
  display: block;
  width: 12px;
  border-radius: 100%;
  background-color: #b2b2b2;
}
.l-single__slider__nav__item.tns-nav-active {
  background-color: var(--wlht-mainColor);
}
@media screen and (min-width: 1024px) {
  .l-single__slider__nav__item {
    width: 112px;
    border-radius: 0;
  }
  .l-single__slider__nav__item:has(> img.is-noimage) {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
  }
  .l-single__slider__nav__item > img.is-noimage {
    width: 80%;
    height: auto;
  }
}
.l-single__slider__nav__item > img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-single__slider__nav__item > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.l-single__content {
  margin-top: 64px;
  text-align: center;
}
.l-single__content__title {
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .l-single__content__title {
    font-size: 3.2rem;
  }
}
.l-single__content__text {
  margin-block: 64px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.l-single__tag {
  margin-top: 64px;
  color: var(--wlht-fontSubColor);
}
@media screen and (min-width: 1024px) {
  .l-single__tag {
    padding-block: 32px;
    margin-top: 0;
    border-block: 1px solid #ccc;
  }
}
.l-single__tag__list {
  margin-top: 24px;
  padding-right: max(0px, 100% - 680px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 10px;
}
.l-single__tag__item {
  min-width: 80px;
  padding-inline: 8px;
  border: 1px solid var(--wlht-fontSubColor);
  border-radius: 4px;
  background-color: white;
  font-size: 1.2rem;
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

.l-facility-box { /* in grid element */
  background-color: var(--wlht-subColor);
}
.l-facility-box__thumbnail {
  aspect-ratio: 320/214;
}
.l-facility-box__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-facility-box__thumbnail:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-facility-box__thumbnail > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-facility-box__content {
  padding-inline: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .l-facility-box__content {
    padding-inline: 16px;
  }
}
.l-facility-box__title {
  padding-block: 0.5em;
  color: var(--wlht-fontSubColor);
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.l-facility-box__to {
  display: grid;
  grid-template-columns: 68px 1fr;
  grid-column-gap: 12px;
  padding-top: 8px;
  border-top: 1px solid white;
}
.l-facility-box__to__label {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-block: 2px;
  border-right: 1px solid var(--wlht-mainColor);
  font-size: 1.4rem;
  line-height: 1.1428571429;
  letter-spacing: 0.05em;
}
.l-facility-box__to__list {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 4px;
}
.l-facility-box__to__item {
  color: var(--wlht-mainColor);
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (any-hover: hover) {
  .l-facility-box__to__item {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-facility-box__to__item:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1024px) {
  .l-facility-box:not(.tns-slide-active) {
    filter: none !important;
    pointer-events: visible !important;
  }
}

/* tiny slider setup */
.tns-outer {
  position: relative;
  width: 100%;
}

.tns-ovh {
  overflow: visible;
}

.tns-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-block: 12px;
}
@media screen and (min-width: 1024px) {
  .tns-nav {
    padding-block: 10px;
  }
}
.tns-nav > button {
  aspect-ratio: 1/1;
  display: block;
  width: 12px;
  border-radius: 100%;
  background-color: #b2b2b2;
}
.tns-nav > button.tns-nav-active {
  background-color: var(--wlht-mainColor);
}

.tns-controls {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
  width: 100%;
}
.tns-controls > button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}
.tns-controls > button[data-controls=prev] {
  aspect-ratio: 25.92/48.72;
  background-color: white;
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  left: -16px;
}
@media screen and (min-width: 1024px) {
  .tns-controls > button[data-controls=prev] {
    left: -15px;
  }
}
.tns-controls > button[data-controls=next] {
  aspect-ratio: 25.92/48.72;
  background-color: white;
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  right: -16px;
}
@media screen and (min-width: 1024px) {
  .tns-controls > button[data-controls=next] {
    right: -15px;
  }
}

.tns-item:not(.tns-slide-active) {
  filter: grayscale(1);
  pointer-events: none;
}

/* Room block */
.l-home-room-slider {
  background-color: white;
}
.l-home-room-slider__link {
  display: block;
  background-color: white;
}
@media (any-hover: hover) {
  .l-home-room-slider__link {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-home-room-slider__link:hover {
    opacity: 0.7;
  }
}
.l-home-room-slider__image {
  width: 100%;
  height: 256px;
}
.l-home-room-slider__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-home-room-slider__image:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-home-room-slider__image > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-home-room-slider__content {
  position: relative;
  padding-top: 8px;
  padding-right: 32px;
  padding-left: 14px;
  padding-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .l-home-room-slider__content {
    padding-right: 48px;
    padding-left: 24px;
    padding-bottom: 28px;
  }
}
.l-home-room-slider__content::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (min-width: 1024px) {
  .l-home-room-slider__content::before {
    right: 22px;
  }
}
.l-home-room-slider__content__title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-home-room-slider__content__title {
    font-size: 2.4rem;
  }
}
.l-home-room-slider__content__title strong {
  margin-inline: 0.1em;
  color: var(--wlht-accentColor);
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-home-room-slider__content__title strong {
    font-size: 4.6rem;
  }
}
.l-home-room-slider__content__text {
  margin-top: 4px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .l-home-room-slider__content__text {
    font-size: 1.4rem;
  }
}

/* Catchphrase block */
.l-catchphrase {
  display: grid;
  color: white;
  overflow: hidden;
}
.l-catchphrase__bg {
  position: relative;
  grid-area: 1/-1;
  width: min(100%, 768px);
  height: 100%;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .l-catchphrase__bg {
    width: min(100%, 2560px);
  }
}
.l-catchphrase__bg__inner {
  aspect-ratio: 768/340;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: url(#catchphrase-clip-path-sp);
          clip-path: url(#catchphrase-clip-path-sp);
  width: 768px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .l-catchphrase__bg__inner {
    aspect-ratio: 2560/314;
    -webkit-clip-path: url(#catchphrase-clip-path-pc);
            clip-path: url(#catchphrase-clip-path-pc);
    width: 2560px;
  }
}
.l-catchphrase__bg__inner > :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-catchphrase__content {
  grid-area: 1/-1;
  z-index: 1;
}
.l-catchphrase__content__inner {
  padding-top: 64px;
  padding-bottom: 36px;
}
@media screen and (min-width: 1024px) {
  .l-catchphrase__content__inner {
    padding-top: 96px;
  }
}
.l-catchphrase__content__title {
  font-size: 2.6rem;
  line-height: 1.4615384615;
}
@media screen and (min-width: 1024px) {
  .l-catchphrase__content__title {
    font-size: 3rem;
    line-height: 1.4666666667;
  }
}
.l-catchphrase__content__text {
  margin-top: 16px;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-catchphrase__content__text {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

/* Movie */
.l-movie {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
  max-width: 848px;
  margin-inline: auto;
}
.l-movie:has(> .l-movie__item .l-movie__thumbnail__details) {
  row-gap: 88px;
}
@media screen and (min-width: 1024px) {
  .l-movie {
    display: grid;
    grid-template-columns: 1fr 20.7547169811%;
    grid-column-gap: 3.7735849057%;
  }
  .l-movie:has(.l-movie__thumbnail__details) {
    margin-bottom: 64px;
  }
}
.l-movie__item:not(.is-active) {
  display: none;
}
.l-movie__thumbnail {
  aspect-ratio: 340/208;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .l-movie__thumbnail {
    aspect-ratio: 640/416;
  }
}
.l-movie__thumbnail__image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) {
  .l-movie__thumbnail__image {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-movie__thumbnail__image:hover {
    opacity: 0.7;
  }
}
.l-movie__thumbnail__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-image: url(../images/icon/icon-play.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 83px;
}
.l-movie__thumbnail__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-movie__thumbnail__details {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 8px;
  width: 100%;
  height: 64px;
}
@media screen and (min-width: 1024px) {
  .l-movie__thumbnail__details {
    row-gap: 12px;
  }
}
.l-movie__thumbnail__details__headline {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  white-space: nowrap;
}
.l-movie__thumbnail__details__headline__title {
  font-size: 1.4rem;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-movie__thumbnail__details__headline__title {
    font-size: 1.6rem;
  }
}
.l-movie__thumbnail__details__headline__date {
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .l-movie__thumbnail__details__headline__date {
    font-size: 1.4rem;
  }
}
.l-movie__thumbnail__details__profile {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 18px;
       column-gap: 18px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.l-movie__thumbnail__details__profile > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.l-movie__thumbnail__details__profile > a::before {
  content: "";
  aspect-ratio: 121.48/85.04;
  display: inline-block;
  width: 25px;
  background-image: url(../images/icon/icon-youtube.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.l-movie__nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 5.8823529412%;
       column-gap: 5.8823529412%;
}
@media screen and (min-width: 1024px) {
  .l-movie__nav {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 3.8461538462%;
  }
}
.l-movie__nav__item {
  aspect-ratio: 100/64;
  position: relative;
  display: block;
  width: 100%;
}
@media (any-hover: hover) {
  .l-movie__nav__item {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-movie__nav__item:hover {
    opacity: 0.7;
  }
}
.l-movie__nav__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-image: url(../images/icon/icon-play.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 42px;
}
@media screen and (min-width: 1024px) {
  .l-movie__nav__item {
    aspect-ratio: unset;
  }
  .l-movie__nav__item::before {
    background-size: 83px;
  }
}
.l-movie__nav__item.is-active {
  display: none;
}
.l-movie__nav__item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-movie__popup {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: min(80vw, 960px);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 80dvh;
  margin: auto;
}
.l-movie__popup[open]::-webkit-backdrop {
  -webkit-animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-movie__popup[open]::backdrop {
  -webkit-animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.l-movie__popup__close {
  position: fixed;
  top: 16px;
  right: 16px;
  display: block;
  width: 48px;
  height: 48px;
}
.l-movie__popup__close::before, .l-movie__popup__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: white;
}
.l-movie__popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-movie__popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-movie__popup > iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

/* Blocks */
.l-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 3.2%;
       column-gap: 3.2%;
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
  color: var(--wlht-fontSubColor);
  /* rental or coupon */
}
.l-block:first-child {
  margin-top: 64px;
}
.l-block:last-child {
  margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
  .l-block {
    max-width: 100%;
  }
}
.l-block:nth-of-type(odd) {
  border-image-source: linear-gradient(var(--wlht-subColor), var(--wlht-subColor));
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}
.l-block:nth-of-type(even) {
  flex-direction: row-reverse;
}
.l-block__image {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  width: max(48.4%, 400px);
  margin-inline: -8.8235294118%;
}
.l-block__image:has(.l-block__article) {
  width: 100%;
  padding-top: 32px;
  margin-inline: 0;
}
@media screen and (min-width: 1024px) {
  .l-block__image:has(.l-block__article) {
    width: max(48.4%, 400px);
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-block__image {
    margin-inline: 0;
  }
}
.l-block__image__only {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .l-block__image__only {
    position: absolute;
    inset: 0;
    width: 141.3223140496%;
    height: 100%;
  }
  .l-block:nth-of-type(odd) .l-block__image__only {
    margin-right: 0;
    margin-left: -41.3223140496%;
  }
  .l-block:nth-of-type(even) .l-block__image__only {
    margin-right: -41.3223140496%;
    margin-left: 0;
  }
}
.l-block__image__only > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-block__image__slider {
  /* tiny slider2 setup */
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider {
    display: grid;
    grid-template-columns: 1fr 13.2231404959%;
    grid-column-gap: 4.132231405%;
  }
}
.l-block__image__slider__item {
  aspect-ratio: 400/208;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider__item {
    aspect-ratio: 400/272;
  }
}
.l-block__image__slider__item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-block__image__slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-top: 12px;
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider__nav {
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 6px;
    height: 100%;
    margin-top: 0;
  }
}
.l-block__image__slider__nav__item {
  aspect-ratio: 1/1;
  display: block;
  width: 12px;
  border-radius: 100%;
  background-color: #b2b2b2;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider__nav__item {
    width: 100%;
    border-radius: 0;
  }
}
.l-block__image__slider__nav__item.tns-nav-active {
  background-color: var(--wlht-mainColor);
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider__nav__item.tns-nav-active {
    display: none;
  }
}
.l-block__image__slider__nav__item > img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-block__image__slider__nav__item > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.l-block__image__slider .tns-ovh {
  overflow: hidden;
}
.l-block__image__slider .tns-controls > button[data-controls=prev] {
  left: 14px;
}
.l-block__image__slider .tns-controls > button[data-controls=next] {
  right: 14px;
}
.l-block__content {
  flex-grow: 1;
  width: max(48.4%, 400px);
  max-width: 100%;
  padding-block: 32px;
}
@media screen and (min-width: 1024px) {
  .l-block__content {
    padding-block: 48px;
  }
}
.l-block__title {
  display: flex;
  align-items: baseline;
  -moz-column-gap: 18px;
       column-gap: 18px;
  font-size: 1.4rem;
  line-height: 1;
}
.l-block__title__en {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.l-block__title__en::first-letter {
  color: var(--wlht-mainColor);
  font-size: 2.4rem;
}
.l-block__title__ja {
  position: relative;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.l-block__title__ja::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -9px;
  display: block;
  width: 1px;
  height: 20px;
  background-color: var(--wlht-mainColor);
}
.l-block__details {
  margin-top: 28px;
}
@media screen and (min-width: 1024px) {
  .l-block__details {
    margin-top: 32px;
  }
}
.l-block__details__title {
  font-size: 2.2rem;
  line-height: 1.4545454545;
}
@media screen and (min-width: 1024px) {
  .l-block__details__title {
    min-height: 72px;
    font-size: 2.6rem;
    line-height: 1.3846153846;
  }
}
.l-block__details__text {
  margin-top: 24px;
  color: var(--wlht-fontColor);
  font-size: 1.2rem;
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-block__details__text {
    margin-top: 20px;
  }
}
.l-block__details__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 24px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
}
@media (any-hover: hover) {
  .l-block__details__link {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-block__details__link:hover {
    color: var(--wlht-mainColor);
  }
}
@media screen and (min-width: 1024px) {
  .l-block__details__link {
    margin-top: 26px;
  }
}
.l-block__details__link::after {
  content: "";
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontSubColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (min-width: 1024px) {
  .l-block__article {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3.5123966942%;
  }
}
.l-block__article__item:not(.tns-slide-active) {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-block__article__item:not(.tns-slide-active) {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .l-block__article__item:not([style]) {
    display: block;
    filter: grayscale(0);
    pointer-events: visible;
  }
  .l-block__article__item:not([style]) + .l-block__article__item:not([style]) + .l-block__article__item:not([style]) + .l-block__article__item:not([style]) {
    display: none;
  }
}
.l-block__article__link {
  display: block;
}
.l-block__article a.l-block__article__link {
  position: relative;
}
@media (any-hover: hover) {
  .l-block__article a.l-block__article__link {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-block__article a.l-block__article__link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1024px) {
  .l-block__article a.l-block__article__link::before {
    content: "";
    position: absolute;
    bottom: 14px;
    right: 16px;
    width: 9px;
    aspect-ratio: 8.11/12.26;
    background-color: var(--wlht-fontColor);
    -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
    mask-image: url(../images/icon/icon-arrow-link.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}
.l-block__article__thumbnail {
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden;
}
.l-block__article__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-block__article__thumbnail:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-block__article__thumbnail > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-block__article__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 8px;
  padding-inline: 12px;
  padding-bottom: 10px;
  background-color: var(--wlht-subColor);
  color: var(--wlht-fontColor);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
@media screen and (min-width: 1024px) {
  .l-block__article__title {
    padding-top: 12px;
    padding-inline: 16px;
    padding-bottom: 38px;
  }
}
.l-block__image:has(.l-block__article) .tns-ovh {
  overflow: hidden;
}
.l-block__image:has(.l-block__article) .tns-controls {
  top: calc(50% - 12px);
}
.l-block__image:has(.l-block__article) .tns-controls > button[data-controls=prev] {
  aspect-ratio: 25.92/48.72;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  mask-image: url(../images/icon/icon-arrow-slider-prev.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.l-block__image:has(.l-block__article) .tns-controls > button[data-controls=next] {
  aspect-ratio: 25.92/48.72;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  mask-image: url(../images/icon/icon-arrow-slider-next.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Sightseeing */
.l-home-sightseeing {
  max-width: 250px;
  padding-top: 48px;
  padding-bottom: 68px;
  margin-inline: auto;
  border-image-source: linear-gradient(var(--wlht-fontSubColor), var(--wlht-fontSubColor));
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
  color: white;
  /* tiny slider setup */
}
@media screen and (min-width: 1024px) {
  .l-home-sightseeing {
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 0;
  }
  .l-home-sightseeing::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2560px;
    height: 90px;
    background-color: var(--wlht-fontSubColor);
    -webkit-clip-path: url(#catchphrase-clip-path-pc);
            clip-path: url(#catchphrase-clip-path-pc);
  }
}
.l-home-sightseeing__slider__item:not(:has(> .l-home-sightseeing__slider__link)) {
  padding-top: 20px;
  padding-inline: 20px;
  padding-bottom: 36px;
}
@media screen and (min-width: 1024px) {
  .l-home-sightseeing__slider__item:not(:has(> .l-home-sightseeing__slider__link)) {
    padding-bottom: 32px;
  }
}
.l-home-sightseeing__slider__link {
  display: block;
  padding-top: 20px;
  padding-inline: 20px;
  padding-bottom: 36px;
}
@media screen and (min-width: 1024px) {
  .l-home-sightseeing__slider__link {
    padding-bottom: 32px;
  }
}
@media (any-hover: hover) {
  .l-home-sightseeing__slider__link {
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-home-sightseeing__slider__link:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.l-home-sightseeing__slider__image {
  aspect-ratio: 210/160;
  border: 2px solid white;
  border-radius: 4px;
}
.l-home-sightseeing__slider__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-home-sightseeing__slider__image:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-home-sightseeing__slider__image > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-home-sightseeing__slider__content {
  margin-top: 12px;
}
.l-home-sightseeing__slider__content__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.l-home-sightseeing__slider__content__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px;
  color: var(--wlht-subColor);
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.l-home-sightseeing__slider__content__tags > span:not(:first-of-type)::before {
  content: " / ";
}
.l-home-sightseeing__slider__content__text {
  margin-top: 8px;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
}
.l-home-sightseeing .l-section__headline__en {
  color: var(--wlht-subColor);
}
.l-home-sightseeing .l-section__headline__ja::before {
  background-color: var(--wlht-subColor);
}
.l-home-sightseeing .tns-nav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.l-home-sightseeing .tns-controls > button[data-controls=prev] {
  left: -24%;
}
.l-home-sightseeing .tns-controls > button[data-controls=next] {
  right: -24%;
}

/* Gallery */
.l-gallery {
  max-width: 960px;
  margin-inline: auto;
}
.l-gallery__item {
  height: 196px;
}
.l-gallery__item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Access */
.l-home-access__information {
  margin-block: 6px;
}
.l-home-access__information__item {
  display: grid;
  grid-template-columns: 12px 1fr;
  grid-column-gap: 6px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.l-home-access__information__item::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 6px;
  border-radius: 100%;
  background-color: var(--wlht-accentColor);
}
.l-home-access__map {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 12px;
  width: 100%;
  margin-top: 28px;
}
@media screen and (min-width: 1024px) {
  .l-home-access__map {
    flex-direction: column-reverse;
    margin-top: 6px;
  }
}
.l-home-access__map > iframe {
  display: block;
  width: 100%;
  height: 208px;
}
@media screen and (min-width: 1024px) {
  .l-home-access__map > iframe {
    height: 256px;
  }
}
.l-home-access__map__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.l-home-access__map__link::after {
  content: "";
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.l-home-access .c-list__item::before {
  background-color: var(--wlht-accentColor);
}

/* COMMON */
.l-archive {
  margin-bottom: 96px;
  /* Paginate */
}
@media screen and (min-width: 1024px) {
  .l-archive {
    margin-bottom: 128px;
  }
}
.l-archive__paginate {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 48px;
  color: var(--wlht-fontSubColor);
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
.l-archive__paginate > .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 32px;
  border: 1px solid var(--wlht-mainColor);
  text-align: center;
}
@media (any-hover: hover) {
  .l-archive__paginate > .page-numbers {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-archive__paginate > .page-numbers:hover {
    opacity: 0.7;
  }
}
.l-archive__paginate > .page-numbers:is(.prev, .next, .dots) {
  border: none;
}
.l-archive__paginate > .page-numbers:is(.prev, .next) {
  width: 9px;
  margin-inline: 2px;
  text-indent: -9999px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
}
.l-archive__paginate > .page-numbers.prev {
  transform: rotate(180deg);
}
.l-archive__paginate > .page-numbers.dots {
  width: 14px;
  margin-top: -0.75em;
  font-size: 2.6rem;
}
.l-archive__paginate > .page-numbers.current {
  background-color: var(--wlht-mainColor);
  color: white;
  pointer-events: none;
}

/* NEWS */
.l-news {
  max-width: 800px;
  margin-inline: auto;
}
.l-news:not(:first-of-type) {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--wlht-subColor);
}
body.home .l-news:not(:first-of-type) {
  border-top-color: var(--wlht-fontSubColor);
}
@media screen and (min-width: 1024px) {
  .l-news:not(:first-of-type) {
    padding-top: 14px;
    margin-top: 16px;
  }
}
@media (any-hover: hover) {
  .l-news__link {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-news__link:hover {
    color: var(--wlht-mainColor);
  }
}
@media screen and (min-width: 1024px) {
  .l-news__link {
    display: flex;
    align-items: center;
    flex-direction: row;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.l-news__date {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .l-news__date {
    width: auto;
    padding-right: 0;
  }
}
.l-news.is-new .l-news__date::after {
  content: "NEW";
  display: block;
  width: 48px;
  height: 20px;
  padding-top: 4px;
  border-radius: 4px;
  background-color: var(--wlht-mainColor);
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .l-news.is-new .l-news__date::after {
    display: none;
  }
}
.l-news__content {
  display: grid;
  grid-template-columns: 64px 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .l-news__content {
    position: relative;
    grid-template-rows: 20px 40px;
    grid-column-gap: 22px;
    grid-row-gap: 4px;
    padding-right: 32px;
    margin-top: 0;
  }
  .l-news__content::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    display: block;
    width: 9px;
    aspect-ratio: 8.11/12.26;
    background-color: var(--wlht-fontColor);
    -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
    mask-image: url(../images/icon/icon-arrow-link.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}
.l-news__content__thumbnail {
  aspect-ratio: 1/1;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .l-news__content__thumbnail {
    grid-row: 2 span;
  }
}
.l-news__content__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-news__content__thumbnail:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-news__content__thumbnail > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-news__content__title {
  position: relative;
  padding-right: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-news__content__title {
    display: flex;
    align-items: center;
    -moz-column-gap: 14px;
         column-gap: 14px;
    padding-right: 0;
  }
}
.l-news__content__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (min-width: 1024px) {
  .l-news__content__title::before {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .l-news.is-new .l-news__content__title::after {
    content: "NEW";
    display: block;
    width: 48px;
    height: 20px;
    padding-top: 4px;
    border-radius: 4px;
    background-color: var(--wlht-mainColor);
    color: white;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
  }
}
.l-news__content__title > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-news__content__title > span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.l-news__content__text {
  grid-column: 2 span;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 24px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1024px) {
  .l-news__content__text {
    grid-column: unset;
    -webkit-line-clamp: 2;
    max-width: 480px;
    padding-right: 0;
  }
}

/* ROOM */
.l-room {
  color: var(--wlht-fontSubColor);
  margin-top: 32px;
  margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
  .l-room {
    margin-top: 48px;
    margin-bottom: 80px;
  }
}
.l-room__headline {
  text-align: center;
}
.l-room__headline__option {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: var(--wlht-mainColor);
  font-size: 1.2rem;
  line-height: 1.25;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 1024px) {
  .l-room__headline__option {
    font-size: 1.4rem;
  }
}
.l-room__headline__name {
  margin-top: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .l-room__headline__name {
    font-size: 2.4rem;
  }
}
.l-room__content {
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .l-room__content {
    margin-top: 28px;
  }
}
.l-room__slider__link {
  display: block;
  background-color: white;
}
@media (any-hover: hover) {
  .l-room__slider__link {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-room__slider__link:hover {
    opacity: 0.7;
  }
}
.l-room__slider__thumbnail {
  aspect-ratio: 320/224;
}
.l-room__slider__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-room__slider__thumbnail:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-room__slider__thumbnail > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-room__slider__name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  height: 50px;
  padding-right: 32px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .l-room__slider__name {
    padding-right: 48px;
  }
}
.l-room__slider__name::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (min-width: 1024px) {
  .l-room__slider__name::before {
    right: 19px;
  }
}
.l-room__slider__name > strong {
  color: var(--wlht-mainColor);
  font-size: 2em;
  font-weight: 500;
}
.l-room__description {
  padding-block: 10px;
  margin-top: 24px;
  border-block: 1px solid var(--wlht-fontSubColor);
}
@media screen and (min-width: 1024px) {
  .l-room__description {
    margin-top: 32px;
  }
}
.l-room__description__item {
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.l-room__description__item + .l-room__description__item {
  margin-top: 2px;
}
.l-room__description__item::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-block: 7px;
  margin-inline: 1px;
  border-radius: 100%;
  background-color: var(--wlht-mainColor);
}
.l-room .c-button::before {
  background-image: url(../images/icon/icon-calculator.svg);
}

/* FOOD */
.l-food {
  margin-inline: -8.8235294118%;
}
@media screen and (min-width: 768px) {
  .l-food {
    margin-inline: auto;
  }
}
.l-food__image {
  width: 100%;
  height: 256px;
}
.l-food__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-food__image:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-food__image > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-food__content {
  padding-block: 16px;
  padding-inline: 8.8235294118%;
}
.l-food__headline {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  color: var(--wlht-fontSubColor);
}
@media screen and (min-width: 1024px) {
  .l-food__headline {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
.l-food__headline__name {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.l-food__headline__price {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.l-food__headline__price > strong {
  margin-left: 2px;
  color: var(--wlht-accentColor);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: 0.05em;
}
.l-food__text {
  margin-top: 12px;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}

.l-vertical-list__item {
  padding-inline: 12.3529411765%;
}
@media screen and (min-width: 768px) {
  .l-vertical-list__item {
    display: grid;
    grid-template-columns: 256px 1fr;
    grid-column-gap: 32px;
    padding-inline: max(0px, (100% - 760px) / 2);
  }
}
.l-vertical-list__item + .l-vertical-list__item {
  padding-top: 48px;
  margin-top: 48px;
  border-top: 1px solid var(--wlht-subColor);
}
@media screen and (min-width: 768px) {
  .l-vertical-list--modifier .l-vertical-list__item {
    grid-template-columns: 320px 1fr;
  }
}
.l-vertical-list--modifier .l-vertical-list__item .l-vertical-list__image {
  aspect-ratio: 320/256;
}
.l-vertical-list__image {
  width: 100%;
  max-height: 256px;
  overflow: hidden;
}
.l-vertical-list__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-vertical-list__image:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.l-vertical-list__image > img.is-noimage {
  width: 80%;
  height: auto;
}
.l-vertical-list__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .l-vertical-list__content {
    margin-top: 0;
  }
  .l-vertical-list__content:only-child {
    grid-column: 2 span;
  }
}
.l-vertical-list__date {
  margin-bottom: 28px;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
}
.l-vertical-list__date.is-new::after {
  content: "NEW";
  display: inline-block;
  width: 48px;
  height: 20px;
  padding-top: 4px;
  padding-left: 0.1em;
  margin-left: 6px;
  border-radius: 4px;
  background-color: var(--wlht-mainColor);
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.l-vertical-list__headline {
  color: var(--wlht-mainColor);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-vertical-list__headline {
    font-size: 3rem;
  }
}
.l-vertical-list__headline--min {
  font-size: 1.6rem;
  font-weight: 500;
}
.l-vertical-list__text {
  margin-top: 16px;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-vertical-list__text {
    margin-top: 20px;
  }
}
.l-vertical-list__options {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .l-vertical-list__options {
    grid-column: 2 span;
  }
}

/* coupon */
.l-coupon__headline__name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-coupon__headline__name {
    font-size: 1.8rem;
  }
}
.l-coupon__headline__text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .l-coupon__headline__text {
    font-size: 2rem;
  }
}
.l-coupon__headline__text > strong {
  color: var(--wlht-mainColor);
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 3.6rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.l-coupon__headline__text > strong::after {
  content: "OFF";
  margin-left: 2px;
  font-size: 2.6rem;
  letter-spacing: 0.05em;
}
.l-coupon__headline__text > strong > span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3rem;
}
.l-coupon__content {
  margin-top: 24px;
}
.l-coupon__box + .l-coupon__box {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .l-coupon__box {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 18px;
  }
}
.l-coupon__box__label {
  display: block;
  height: 22px;
  background-color: var(--wlht-mainColor);
  border-radius: 4px;
  color: white;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
  text-align: center;
}
.l-coupon__box__content {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .l-coupon__box__content {
    margin-top: 0;
  }
}

/* access */
.l-access {
  color: var(--wlht-fontSubColor);
}
.l-access__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.l-access__title > img {
  width: auto;
  max-height: 60px;
}
.l-access__address {
  margin-top: 24px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.l-access__tel {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
  margin-inline: auto;
  font-family: "Shippori Mincho", serif;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}
@media (any-hover: hover) {
  .l-access__tel {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-access__tel:hover {
    color: var(--wlht-mainColor);
  }
}
.l-access__information {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding-block: 12px;
  padding-inline: 24px;
  margin-top: 40px;
  border-radius: 8px;
  background-color: var(--wlht-subColor);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-access__map {
  margin-top: 48px;
}
.l-access__map__link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media (any-hover: hover) {
  .l-access__map__link {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-access__map__link:hover {
    color: var(--wlht-mainColor);
  }
}
.l-access__map > iframe {
  display: block;
  width: 100%;
  height: 400px;
  margin-top: 20px;
}

/* faq */
.l-faq {
  max-width: 680px;
  margin-inline: auto;
  color: var(--wlht-fontSubColor);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.l-faq__item {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 0fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.l-faq__item[open] {
  grid-template-rows: 1fr 1fr;
}
.l-faq__label {
  position: relative;
  padding-block: 12px;
  padding-inline: 22px;
  border-bottom: 1px solid var(--wlht-subColor);
  cursor: pointer;
}
.l-faq__label::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  border-block: 5.5px solid transparent;
  border-left: 8px solid var(--wlht-fontSubColor);
}
.l-faq__label[open]::before {
  transform: rotate(90deg);
}
.l-faq__content {
  overflow: hidden;
}
.l-faq__content > p {
  padding-block: 12px;
  padding-inline: 22px;
  margin-bottom: 18px;
  background-color: var(--wlht-subColor);
}

/* ROOM */
.l-price__head {
  border: 1px solid #85827d;
}
.l-price__head__box {
  display: flex;
  -moz-column-gap: 28px;
       column-gap: 28px;
  padding-block: 11px;
  padding-inline: 16px;
  font-family: "Roboto", sans-serif;
}
.l-price__head__box__label {
  position: relative;
  padding-right: 28px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.l-price__head__box__label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-block: 5.5px solid transparent;
  border-left: 8px solid var(--wlht-fontSubColor);
}
.l-price__head__box__label > span {
  margin-left: 10px;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.l-price__head__box__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 4px;
  flex-grow: 1;
  width: 1px;
}
.l-price__head__box__item {
  color: var(--wlht-accentColor);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}
@media (any-hover: hover) {
  .l-price__head__box__item {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-price__head__box__item:hover {
    opacity: 0.7;
  }
}
.l-price__head__line {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-inline: 16px;
  background-color: #85827d;
  color: white;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.l-price__table {
  margin-top: 32px;
  margin-inline: -8.8235294118%;
  padding-inline: 8.8235294118%;
  overflow-x: auto;
}
.l-price__table {
  -ms-overflow-style: noe; /* Edge */
  scrollbar-width: none; /* Firefox */
}
.l-price__table::-webkit-scrollbar { /* Safari */
  content-visibility: auto;
  display: none;
}
.l-price__table__body {
  display: block;
  width: 1000px;
}
@media screen and (min-width: 1024px) {
  .l-price__table__body {
    width: 100%;
  }
}
.l-price__table__head {
  display: block;
}
.l-price__table__head .l-price__table__column {
  flex-direction: column;
  row-gap: 4px;
  padding-block: 6px;
  border-radius: 8px 8px 0 0;
  background-color: #85827d;
  color: white;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.l-price__table__head .l-price__table__column > span {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
.l-price__table__content {
  display: block;
}
.l-price__table__content .l-price__table__row {
  margin-top: 2px;
}
.l-price__table__content .l-price__table__column {
  min-height: 60px;
}
.l-price__table__content th.l-price__table__column {
  background-color: var(--wlht-mainColor);
  color: white;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
}
.l-price__table__content td.l-price__table__column {
  color: var(--wlht-fontSubColor);
}
.l-price__table__content td.l-price__table__column:nth-of-type(odd) {
  background-color: #eee;
}
.l-price__table__content td.l-price__table__column:nth-of-type(even) {
  background-color: var(--wlht-subColor);
}
.l-price__table__row {
  display: grid;
  grid-template-columns: minmax(0px, 176px) repeat(auto-fit, minmax(0px, 1fr));
  grid-gap: 2px;
}
.l-price__table__column {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: 10px;
  padding-inline: 12px;
}
.l-price__table__column__inner {
  width: 100%;
}
.l-price__table__column__price {
  display: flex;
  align-items: flex-end;
  padding-left: 2px;
  color: var(--wlht-mainColor);
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
}
.l-price__table__column__price:only-child, .l-price__table__column__price:not(:has(> span)) {
  justify-content: center;
}
.l-price__table__column__price::before {
  content: "￥";
  color: var(--wlht-fontSubColor);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3;
}
.l-price__table__column__price > span {
  display: inline-block;
  height: 20px;
  margin-left: 6px;
  padding-inline: 6px;
  border-radius: 4px;
  background-color: var(--wlht-mainColor);
  color: white;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  white-space: nowrap;
}
.l-price__table__column__price > span .c-icon-member {
  vertical-align: middle;
}
.l-price__table__column__price__sub {
  vertical-align: middle;
}
.l-price__table__column__price__sub::before {
  content: "￥";
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
}
.l-price__table__column__description {
  margin-top: 8px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
.l-price__table__empty {
  display: flex;
  align-items: center;
  color: var(--wlht-mainColor);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2;
}
.l-price__table__empty .c-icon-member--reverse {
  vertical-align: sub;
}

.c-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(256px, 100%);
  height: 48px;
  padding-inline: 48px;
  margin-top: 32px;
  border: 1px solid var(--wlht-fontSubColor);
  border-radius: 4px;
  background-color: white;
  color: var(--wlht-fontSubColor);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (any-hover: hover) {
  .c-button {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .c-button:hover {
    opacity: 0.7;
  }
}
.c-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-button.icon-reservation::before {
  aspect-ratio: 23.39/20.02;
  width: 24px;
  background-image: url(../images/icon/icon-reservation.svg);
}
.c-button.icon-calculator::before {
  aspect-ratio: 46/64;
  width: 18px;
  background-image: url(../images/icon/icon-calculator.svg);
}
.c-button.icon-pdf::before {
  aspect-ratio: 50/68;
  width: 22px;
  background-image: url(../images/icon/icon-pdf.svg);
}
.c-button.icon-stamp::before {
  aspect-ratio: 67.79/76.8;
  width: 26px;
  background-image: url(../images/icon/icon-stamp.svg);
}
.c-button.icon-return::before {
  aspect-ratio: 20.99/24.7;
  width: 23px;
  background-image: url(../images/icon/icon-return.svg);
}
.c-button.icon-return::after {
  display: none;
}
.c-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontSubColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.c-button:disabled, .c-button.is-disabled {
  background-color: #f5f5f5;
  opacity: 0.5;
  pointer-events: none;
}

.c-popup {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: min(80vw, 480px);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 80dvh;
  margin: auto;
}
.c-popup[open]::-webkit-backdrop {
  -webkit-animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.c-popup[open]::backdrop {
  -webkit-animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: backdrop 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.c-popup__close {
  position: fixed;
  top: 16px;
  right: 16px;
  display: block;
  width: 48px;
  height: 48px;
}
.c-popup__close::before, .c-popup__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: white;
}
.c-popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-popup__content img {
  width: auto;
  height: auto;
}

.c-grid40to60 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
@media screen and (min-width: 768px) {
  .c-grid40to60 {
    grid-template-columns: 40% 1fr;
  }
}

.c-grid-1to3, .c-grid-1to3--low {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 24px;
}
@media screen and (min-width: 1024px) {
  .c-grid-1to3, .c-grid-1to3--low {
    grid-row-gap: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .c-grid-1to3.is-pc, .is-pc.c-grid-1to3--low {
    display: block;
  }
}

.c-grid-1to3--low {
  grid-column-gap: 16px;
  grid-row-gap: 0;
}
.c-grid-1to3--low > * {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.c-profile {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-profile {
    display: block;
    text-align: right;
  }
}
.c-profile__address {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
.c-profile__tel {
  padding-top: calc(2px + 0.1em);
  padding-bottom: 2px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media (any-hover: hover) {
  .c-profile__tel > a {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .c-profile__tel > a:hover {
    color: var(--wlht-mainColor);
  }
}
.c-profile__nav {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.c-profile__nav > a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 9px;
       column-gap: 9px;
}
@media (any-hover: hover) {
  .c-profile__nav > a {
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .c-profile__nav > a:hover {
    color: var(--wlht-mainColor);
  }
}
.c-profile__nav > a::after {
  content: "";
  display: block;
  width: 9px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.c-list-box {
  border-radius: 8px 8px 0 0;
  background-color: white;
  overflow: hidden;
  color: var(--wlht-fontSubColor);
}
.c-list-box__headline {
  padding-block: 2px;
  padding-inline: 1em;
  background-color: var(--wlht-subColor);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
}
.c-list-box__content, .c-list-box__content--center {
  padding: 14px;
  border-inline: 2px solid var(--wlht-subColor);
  border-bottom: 2px solid var(--wlht-subColor);
}
@media screen and (min-width: 768px) {
  .c-list-box__content, .c-list-box__content--center {
    display: grid;
    grid-template-columns: 176px 1fr;
    grid-column-gap: 32px;
  }
}
.c-list-box__content--center {
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .c-list-box__content--center {
    grid-template-columns: 208px 1fr;
    align-items: center;
  }
}
.c-list-box__thumbnail > img {
  width: 100%;
  height: auto;
}
.c-list-box__thumbnail + .c-list-box__list {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .c-list-box__thumbnail + .c-list-box__list {
    margin-top: 0;
  }
}
.c-list-box .tns-ovh {
  overflow: hidden;
}
.c-list-box .tns-ovh img {
  width: 100%;
  height: auto;
}

.c-image-fit {
  width: 100%;
  height: 100%;
}
.c-image-fit > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-line-title {
  width: min(320px, 100%);
  padding-block: 4px;
  padding-inline: 2em;
  margin-inline: auto;
  border-radius: 99px;
  background-color: var(--wlht-subColor);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: 0.05;
  text-align: center;
}

.c-grid-item {
  background-color: var(--wlht-subColor);
}
@media (any-hover: hover) {
  .c-grid-item:has(> .c-grid-item__link) {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .c-grid-item:has(> .c-grid-item__link):hover {
    opacity: 0.7;
  }
}
.c-grid-item__link {
  display: block;
}
.c-grid-item__thumbnail {
  aspect-ratio: 320/214;
}
.c-grid-item__thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-grid-item__thumbnail:has(> img.is-noimage) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
}
.c-grid-item__thumbnail > img.is-noimage {
  width: 80%;
  height: auto;
}
.c-grid-item__content {
  padding-top: 8px;
  padding-inline: 16px;
  padding-bottom: 36px;
}
.c-grid-item__name, .c-grid-item__name--high {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
a.c-grid-item__link .c-grid-item__name, a.c-grid-item__link .c-grid-item__name--high {
  position: relative;
  padding-right: 20px;
}
a.c-grid-item__link .c-grid-item__name::before, a.c-grid-item__link .c-grid-item__name--high::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  display: block;
  width: 6px;
  aspect-ratio: 8.11/12.26;
  background-color: var(--wlht-fontColor);
  -webkit-mask-image: url(../images/icon/icon-arrow-link.svg);
  mask-image: url(../images/icon/icon-arrow-link.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.c-grid-item__name--high {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.c-grid-item__text {
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid white;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.c-information__title {
  color: var(--wlht-fontSubColor);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  .c-information__title {
    font-size: 2.6rem;
  }
}
.c-information__text {
  margin-top: 24px;
  font-size: 1.2rem;
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
}

/* list */
.c-list {
  counter-reset: listBox;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.c-list__item {
  counter-increment: listBox;
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
  color: var(--wlht-fontSubColor);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.c-list__item::before {
  content: "";
  display: block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  margin-block: 7px;
  margin-inline: 1px;
  border-radius: 100%;
  background-color: var(--wlht-mainColor);
}
ol.c-list .c-list__item::before {
  content: counter(listBox);
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-block: 2px;
  background-color: #85827d;
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0;
  text-align: center;
}

/* label */
.c-mini-label {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 8px;
  background-color: var(--wlht-mainColor);
  border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
  text-align: center;
}

/* icon */
.c-icon-member, .c-icon-member--reverse {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  border-radius: 100%;
  background-color: white;
  color: var(--wlht-mainColor);
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.c-icon-member::before, .c-icon-member--reverse::before {
  content: "M";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
}

.c-icon-member--reverse {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-color: var(--wlht-mainColor);
  color: white;
  font-size: 1.2rem;
}
.c-icon-member--reverse::before {
  transform: translate(-50%, -50%);
}

.c-single-file {
  width: min(100%, 480px);
  margin-top: 80px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .c-single-file {
    margin-top: 128px;
  }
}

.u-flex-align {
  display: flex;
  align-items: center;
}

.u-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* align-items */
.u-align-start {
  align-items: start;
}

.u-align-end {
  align-items: end;
}

.u-align-center {
  align-items: center;
}

/* margin-top */
.u-mt4 {
  margin-top: 4px;
}
@media screen and (max-width: 1023px) {
  .u-mt4.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt4.is-sp {
    margin-top: 0;
  }
}

.u-mt8 {
  margin-top: 8px;
}
@media screen and (max-width: 1023px) {
  .u-mt8.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt8.is-sp {
    margin-top: 0;
  }
}

.u-mt12 {
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .u-mt12.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt12.is-sp {
    margin-top: 0;
  }
}

.u-mt16 {
  margin-top: 16px;
}
@media screen and (max-width: 1023px) {
  .u-mt16.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt16.is-sp {
    margin-top: 0;
  }
}

.u-mt20 {
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .u-mt20.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt20.is-sp {
    margin-top: 0;
  }
}

.u-mt24 {
  margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .u-mt24.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt24.is-sp {
    margin-top: 0;
  }
}

.u-mt28 {
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .u-mt28.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt28.is-sp {
    margin-top: 0;
  }
}

.u-mt32 {
  margin-top: 32px;
}
@media screen and (max-width: 1023px) {
  .u-mt32.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt32.is-sp {
    margin-top: 0;
  }
}

.u-mt36 {
  margin-top: 36px;
}
@media screen and (max-width: 1023px) {
  .u-mt36.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt36.is-sp {
    margin-top: 0;
  }
}

.u-mt40 {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .u-mt40.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt40.is-sp {
    margin-top: 0;
  }
}

.u-mt44 {
  margin-top: 44px;
}
@media screen and (max-width: 1023px) {
  .u-mt44.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt44.is-sp {
    margin-top: 0;
  }
}

.u-mt48 {
  margin-top: 48px;
}
@media screen and (max-width: 1023px) {
  .u-mt48.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt48.is-sp {
    margin-top: 0;
  }
}

.u-mt52 {
  margin-top: 52px;
}
@media screen and (max-width: 1023px) {
  .u-mt52.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt52.is-sp {
    margin-top: 0;
  }
}

.u-mt56 {
  margin-top: 56px;
}
@media screen and (max-width: 1023px) {
  .u-mt56.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt56.is-sp {
    margin-top: 0;
  }
}

.u-mt60 {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .u-mt60.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt60.is-sp {
    margin-top: 0;
  }
}

.u-mt64 {
  margin-top: 64px;
}
@media screen and (max-width: 1023px) {
  .u-mt64.is-pc {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt64.is-sp {
    margin-top: 0;
  }
}

.u-list-spacing4 > *:not(:first-child) {
  margin-top: 4px;
}

.u-list-spacing6 > *:not(:first-child) {
  margin-top: 6px;
}

/* margin-bottom */
.u-mb4 {
  margin-bottom: 4px;
}
@media screen and (max-width: 1023px) {
  .u-mb4.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb4.is-sp {
    margin-bottom: 0;
  }
}

.u-mb8 {
  margin-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .u-mb8.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb8.is-sp {
    margin-bottom: 0;
  }
}

.u-mb12 {
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .u-mb12.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb12.is-sp {
    margin-bottom: 0;
  }
}

.u-mb16 {
  margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
  .u-mb16.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb16.is-sp {
    margin-bottom: 0;
  }
}

.u-mb20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .u-mb20.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb20.is-sp {
    margin-bottom: 0;
  }
}

.u-mb24 {
  margin-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .u-mb24.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb24.is-sp {
    margin-bottom: 0;
  }
}

.u-mb28 {
  margin-bottom: 28px;
}
@media screen and (max-width: 1023px) {
  .u-mb28.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb28.is-sp {
    margin-bottom: 0;
  }
}

.u-mb32 {
  margin-bottom: 32px;
}
@media screen and (max-width: 1023px) {
  .u-mb32.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb32.is-sp {
    margin-bottom: 0;
  }
}

.u-mb36 {
  margin-bottom: 36px;
}
@media screen and (max-width: 1023px) {
  .u-mb36.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb36.is-sp {
    margin-bottom: 0;
  }
}

.u-mb40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .u-mb40.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb40.is-sp {
    margin-bottom: 0;
  }
}

.u-mb44 {
  margin-bottom: 44px;
}
@media screen and (max-width: 1023px) {
  .u-mb44.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb44.is-sp {
    margin-bottom: 0;
  }
}

.u-mb48 {
  margin-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .u-mb48.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb48.is-sp {
    margin-bottom: 0;
  }
}

.u-mb52 {
  margin-bottom: 52px;
}
@media screen and (max-width: 1023px) {
  .u-mb52.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb52.is-sp {
    margin-bottom: 0;
  }
}

.u-mb56 {
  margin-bottom: 56px;
}
@media screen and (max-width: 1023px) {
  .u-mb56.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb56.is-sp {
    margin-bottom: 0;
  }
}

.u-mb60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  .u-mb60.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb60.is-sp {
    margin-bottom: 0;
  }
}

.u-mb64 {
  margin-bottom: 64px;
}
@media screen and (max-width: 1023px) {
  .u-mb64.is-pc {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb64.is-sp {
    margin-bottom: 0;
  }
}

/* margin-block */
.u-mtb4 {
  margin-block: 4px;
}
@media screen and (max-width: 1023px) {
  .u-mtb4.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb4.is-sp {
    margin-block: 0;
  }
}

.u-mtb8 {
  margin-block: 8px;
}
@media screen and (max-width: 1023px) {
  .u-mtb8.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb8.is-sp {
    margin-block: 0;
  }
}

.u-mtb12 {
  margin-block: 12px;
}
@media screen and (max-width: 1023px) {
  .u-mtb12.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb12.is-sp {
    margin-block: 0;
  }
}

.u-mtb16 {
  margin-block: 16px;
}
@media screen and (max-width: 1023px) {
  .u-mtb16.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb16.is-sp {
    margin-block: 0;
  }
}

.u-mtb20 {
  margin-block: 20px;
}
@media screen and (max-width: 1023px) {
  .u-mtb20.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb20.is-sp {
    margin-block: 0;
  }
}

.u-mtb24 {
  margin-block: 24px;
}
@media screen and (max-width: 1023px) {
  .u-mtb24.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb24.is-sp {
    margin-block: 0;
  }
}

.u-mtb28 {
  margin-block: 28px;
}
@media screen and (max-width: 1023px) {
  .u-mtb28.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb28.is-sp {
    margin-block: 0;
  }
}

.u-mtb32 {
  margin-block: 32px;
}
@media screen and (max-width: 1023px) {
  .u-mtb32.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb32.is-sp {
    margin-block: 0;
  }
}

.u-mtb36 {
  margin-block: 36px;
}
@media screen and (max-width: 1023px) {
  .u-mtb36.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb36.is-sp {
    margin-block: 0;
  }
}

.u-mtb40 {
  margin-block: 40px;
}
@media screen and (max-width: 1023px) {
  .u-mtb40.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb40.is-sp {
    margin-block: 0;
  }
}

.u-mtb44 {
  margin-block: 44px;
}
@media screen and (max-width: 1023px) {
  .u-mtb44.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb44.is-sp {
    margin-block: 0;
  }
}

.u-mtb48 {
  margin-block: 48px;
}
@media screen and (max-width: 1023px) {
  .u-mtb48.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb48.is-sp {
    margin-block: 0;
  }
}

.u-mtb52 {
  margin-block: 52px;
}
@media screen and (max-width: 1023px) {
  .u-mtb52.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb52.is-sp {
    margin-block: 0;
  }
}

.u-mtb56 {
  margin-block: 56px;
}
@media screen and (max-width: 1023px) {
  .u-mtb56.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb56.is-sp {
    margin-block: 0;
  }
}

.u-mtb60 {
  margin-block: 60px;
}
@media screen and (max-width: 1023px) {
  .u-mtb60.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb60.is-sp {
    margin-block: 0;
  }
}

.u-mtb64 {
  margin-block: 64px;
}
@media screen and (max-width: 1023px) {
  .u-mtb64.is-pc {
    margin-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-mtb64.is-sp {
    margin-block: 0;
  }
}

/* margin-inline */
.u-mrl-auto {
  margin-inline: auto;
}

/* padding-top */
.u-pt4 {
  padding-top: 4px;
}
@media screen and (max-width: 1023px) {
  .u-pt4.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt4.is-sp {
    padding-top: 0;
  }
}

.u-pt8 {
  padding-top: 8px;
}
@media screen and (max-width: 1023px) {
  .u-pt8.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt8.is-sp {
    padding-top: 0;
  }
}

.u-pt12 {
  padding-top: 12px;
}
@media screen and (max-width: 1023px) {
  .u-pt12.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt12.is-sp {
    padding-top: 0;
  }
}

.u-pt16 {
  padding-top: 16px;
}
@media screen and (max-width: 1023px) {
  .u-pt16.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt16.is-sp {
    padding-top: 0;
  }
}

.u-pt20 {
  padding-top: 20px;
}
@media screen and (max-width: 1023px) {
  .u-pt20.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt20.is-sp {
    padding-top: 0;
  }
}

.u-pt24 {
  padding-top: 24px;
}
@media screen and (max-width: 1023px) {
  .u-pt24.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt24.is-sp {
    padding-top: 0;
  }
}

.u-pt28 {
  padding-top: 28px;
}
@media screen and (max-width: 1023px) {
  .u-pt28.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt28.is-sp {
    padding-top: 0;
  }
}

.u-pt32 {
  padding-top: 32px;
}
@media screen and (max-width: 1023px) {
  .u-pt32.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt32.is-sp {
    padding-top: 0;
  }
}

.u-pt36 {
  padding-top: 36px;
}
@media screen and (max-width: 1023px) {
  .u-pt36.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt36.is-sp {
    padding-top: 0;
  }
}

.u-pt40 {
  padding-top: 40px;
}
@media screen and (max-width: 1023px) {
  .u-pt40.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt40.is-sp {
    padding-top: 0;
  }
}

.u-pt44 {
  padding-top: 44px;
}
@media screen and (max-width: 1023px) {
  .u-pt44.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt44.is-sp {
    padding-top: 0;
  }
}

.u-pt48 {
  padding-top: 48px;
}
@media screen and (max-width: 1023px) {
  .u-pt48.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt48.is-sp {
    padding-top: 0;
  }
}

.u-pt52 {
  padding-top: 52px;
}
@media screen and (max-width: 1023px) {
  .u-pt52.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt52.is-sp {
    padding-top: 0;
  }
}

.u-pt56 {
  padding-top: 56px;
}
@media screen and (max-width: 1023px) {
  .u-pt56.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt56.is-sp {
    padding-top: 0;
  }
}

.u-pt60 {
  padding-top: 60px;
}
@media screen and (max-width: 1023px) {
  .u-pt60.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt60.is-sp {
    padding-top: 0;
  }
}

.u-pt64 {
  padding-top: 64px;
}
@media screen and (max-width: 1023px) {
  .u-pt64.is-pc {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt64.is-sp {
    padding-top: 0;
  }
}

/* padding-bottom */
.u-pb4 {
  padding-bottom: 4px;
}
@media screen and (max-width: 1023px) {
  .u-pb4.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb4.is-sp {
    padding-bottom: 0;
  }
}

.u-pb8 {
  padding-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .u-pb8.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb8.is-sp {
    padding-bottom: 0;
  }
}

.u-pb12 {
  padding-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .u-pb12.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb12.is-sp {
    padding-bottom: 0;
  }
}

.u-pb16 {
  padding-bottom: 16px;
}
@media screen and (max-width: 1023px) {
  .u-pb16.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb16.is-sp {
    padding-bottom: 0;
  }
}

.u-pb20 {
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .u-pb20.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb20.is-sp {
    padding-bottom: 0;
  }
}

.u-pb24 {
  padding-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .u-pb24.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb24.is-sp {
    padding-bottom: 0;
  }
}

.u-pb28 {
  padding-bottom: 28px;
}
@media screen and (max-width: 1023px) {
  .u-pb28.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb28.is-sp {
    padding-bottom: 0;
  }
}

.u-pb32 {
  padding-bottom: 32px;
}
@media screen and (max-width: 1023px) {
  .u-pb32.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb32.is-sp {
    padding-bottom: 0;
  }
}

.u-pb36 {
  padding-bottom: 36px;
}
@media screen and (max-width: 1023px) {
  .u-pb36.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb36.is-sp {
    padding-bottom: 0;
  }
}

.u-pb40 {
  padding-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .u-pb40.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb40.is-sp {
    padding-bottom: 0;
  }
}

.u-pb44 {
  padding-bottom: 44px;
}
@media screen and (max-width: 1023px) {
  .u-pb44.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb44.is-sp {
    padding-bottom: 0;
  }
}

.u-pb48 {
  padding-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .u-pb48.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb48.is-sp {
    padding-bottom: 0;
  }
}

.u-pb52 {
  padding-bottom: 52px;
}
@media screen and (max-width: 1023px) {
  .u-pb52.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb52.is-sp {
    padding-bottom: 0;
  }
}

.u-pb56 {
  padding-bottom: 56px;
}
@media screen and (max-width: 1023px) {
  .u-pb56.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb56.is-sp {
    padding-bottom: 0;
  }
}

.u-pb60 {
  padding-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  .u-pb60.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb60.is-sp {
    padding-bottom: 0;
  }
}

.u-pb64 {
  padding-bottom: 64px;
}
@media screen and (max-width: 1023px) {
  .u-pb64.is-pc {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb64.is-sp {
    padding-bottom: 0;
  }
}

/* padding-block */
.u-ptb4 {
  padding-block: 4px;
}
@media screen and (max-width: 1023px) {
  .u-ptb4.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb4.is-sp {
    padding-block: 0;
  }
}

.u-ptb8 {
  padding-block: 8px;
}
@media screen and (max-width: 1023px) {
  .u-ptb8.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb8.is-sp {
    padding-block: 0;
  }
}

.u-ptb12 {
  padding-block: 12px;
}
@media screen and (max-width: 1023px) {
  .u-ptb12.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb12.is-sp {
    padding-block: 0;
  }
}

.u-ptb16 {
  padding-block: 16px;
}
@media screen and (max-width: 1023px) {
  .u-ptb16.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb16.is-sp {
    padding-block: 0;
  }
}

.u-ptb20 {
  padding-block: 20px;
}
@media screen and (max-width: 1023px) {
  .u-ptb20.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb20.is-sp {
    padding-block: 0;
  }
}

.u-ptb24 {
  padding-block: 24px;
}
@media screen and (max-width: 1023px) {
  .u-ptb24.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb24.is-sp {
    padding-block: 0;
  }
}

.u-ptb28 {
  padding-block: 28px;
}
@media screen and (max-width: 1023px) {
  .u-ptb28.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb28.is-sp {
    padding-block: 0;
  }
}

.u-ptb32 {
  padding-block: 32px;
}
@media screen and (max-width: 1023px) {
  .u-ptb32.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb32.is-sp {
    padding-block: 0;
  }
}

.u-ptb36 {
  padding-block: 36px;
}
@media screen and (max-width: 1023px) {
  .u-ptb36.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb36.is-sp {
    padding-block: 0;
  }
}

.u-ptb40 {
  padding-block: 40px;
}
@media screen and (max-width: 1023px) {
  .u-ptb40.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb40.is-sp {
    padding-block: 0;
  }
}

.u-ptb44 {
  padding-block: 44px;
}
@media screen and (max-width: 1023px) {
  .u-ptb44.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb44.is-sp {
    padding-block: 0;
  }
}

.u-ptb48 {
  padding-block: 48px;
}
@media screen and (max-width: 1023px) {
  .u-ptb48.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb48.is-sp {
    padding-block: 0;
  }
}

.u-ptb52 {
  padding-block: 52px;
}
@media screen and (max-width: 1023px) {
  .u-ptb52.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb52.is-sp {
    padding-block: 0;
  }
}

.u-ptb56 {
  padding-block: 56px;
}
@media screen and (max-width: 1023px) {
  .u-ptb56.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb56.is-sp {
    padding-block: 0;
  }
}

.u-ptb60 {
  padding-block: 60px;
}
@media screen and (max-width: 1023px) {
  .u-ptb60.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb60.is-sp {
    padding-block: 0;
  }
}

.u-ptb64 {
  padding-block: 64px;
}
@media screen and (max-width: 1023px) {
  .u-ptb64.is-pc {
    padding-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-ptb64.is-sp {
    padding-block: 0;
  }
}

/* padding-inline */
.u-prl4 {
  padding-inline: 4px;
}
@media screen and (max-width: 1023px) {
  .u-prl4.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl4.is-sp {
    padding-inline: 0;
  }
}

.u-prl8 {
  padding-inline: 8px;
}
@media screen and (max-width: 1023px) {
  .u-prl8.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl8.is-sp {
    padding-inline: 0;
  }
}

.u-prl12 {
  padding-inline: 12px;
}
@media screen and (max-width: 1023px) {
  .u-prl12.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl12.is-sp {
    padding-inline: 0;
  }
}

.u-prl16 {
  padding-inline: 16px;
}
@media screen and (max-width: 1023px) {
  .u-prl16.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl16.is-sp {
    padding-inline: 0;
  }
}

.u-prl20 {
  padding-inline: 20px;
}
@media screen and (max-width: 1023px) {
  .u-prl20.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl20.is-sp {
    padding-inline: 0;
  }
}

.u-prl24 {
  padding-inline: 24px;
}
@media screen and (max-width: 1023px) {
  .u-prl24.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl24.is-sp {
    padding-inline: 0;
  }
}

.u-prl28 {
  padding-inline: 28px;
}
@media screen and (max-width: 1023px) {
  .u-prl28.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl28.is-sp {
    padding-inline: 0;
  }
}

.u-prl32 {
  padding-inline: 32px;
}
@media screen and (max-width: 1023px) {
  .u-prl32.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl32.is-sp {
    padding-inline: 0;
  }
}

.u-prl36 {
  padding-inline: 36px;
}
@media screen and (max-width: 1023px) {
  .u-prl36.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl36.is-sp {
    padding-inline: 0;
  }
}

.u-prl40 {
  padding-inline: 40px;
}
@media screen and (max-width: 1023px) {
  .u-prl40.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl40.is-sp {
    padding-inline: 0;
  }
}

.u-prl44 {
  padding-inline: 44px;
}
@media screen and (max-width: 1023px) {
  .u-prl44.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl44.is-sp {
    padding-inline: 0;
  }
}

.u-prl48 {
  padding-inline: 48px;
}
@media screen and (max-width: 1023px) {
  .u-prl48.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl48.is-sp {
    padding-inline: 0;
  }
}

.u-prl52 {
  padding-inline: 52px;
}
@media screen and (max-width: 1023px) {
  .u-prl52.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl52.is-sp {
    padding-inline: 0;
  }
}

.u-prl56 {
  padding-inline: 56px;
}
@media screen and (max-width: 1023px) {
  .u-prl56.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl56.is-sp {
    padding-inline: 0;
  }
}

.u-prl60 {
  padding-inline: 60px;
}
@media screen and (max-width: 1023px) {
  .u-prl60.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl60.is-sp {
    padding-inline: 0;
  }
}

.u-prl64 {
  padding-inline: 64px;
}
@media screen and (max-width: 1023px) {
  .u-prl64.is-pc {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-prl64.is-sp {
    padding-inline: 0;
  }
}

/* border-block */
.u-btb {
  border-block: 1px solid #CCC;
}
@media screen and (max-width: 1023px) {
  .u-btb.is-pc {
    border-block: 0;
  }
}
@media screen and (min-width: 1024px) {
  .u-btb.is-sp {
    border-block: 0;
  }
}

/* column-gap */
.u-c-gap16 {
  -moz-column-gap: 16px;
       column-gap: 16px;
  grid-column-gap: 16px;
}

.u-c-gap32 {
  -moz-column-gap: 32px;
       column-gap: 32px;
  grid-column-gap: 32px;
}

.u-c-gap48 {
  -moz-column-gap: 48px;
       column-gap: 48px;
  grid-column-gap: 48px;
}

/* title */
.u-title,
.u-title--large {
  color: var(--wlht-mainColor);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .u-title,
.u-title--large {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-title--large {
    font-size: 3rem;
  }
}

/* text */
.u-text-small {
  font-size: 1.2rem;
  line-height: 1.6666666667;
}

.u-text {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}

.u-text-medium {
  font-size: 1.6rem;
  line-height: 1.5;
}

.u-text-large {
  font-size: 1.8rem;
  line-height: 1.5555555556;
}

.u-text-larger {
  font-size: 2rem;
  line-height: 1.5;
}

/* font-weight */
.u-weight400 {
  font-weight: 400;
}

.u-weight500 {
  font-weight: 500;
}

.u-weight700 {
  font-weight: 700;
}

/* letter-spacing */
.u-ls50 {
  letter-spacing: 0.05em;
}

.u-ls100 {
  letter-spacing: 0.1em;
}

/* text-align */
.u-left {
  text-align: left;
}

.u-right {
  text-align: right;
}

.u-center {
  text-align: center;
}

/* white-space */
.u-nowrap {
  white-space: nowrap;
}

/* background-color */
.u-bg {
  background-color: var(--wlht-mainColor);
}
.u-bg--wide {
  border-image-source: linear-gradient(var(--wlht-mainColor), var(--wlht-mainColor));
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}

.u-bg-light {
  background-color: var(--wlht-subColor);
}
.u-bg-light--wide {
  border-image-source: linear-gradient(var(--wlht-subColor), var(--wlht-subColor));
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}

.u-bg-gray {
  background-color: #85827d;
}
.u-bg-gray--wide {
  border-image-source: linear-gradient(#85827d, #85827d);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}

/* color */
.u-color-white {
  color: white;
}

.u-color-primary {
  color: var(--wlht-mainColor);
}

.u-color-secondary {
  color: var(--wlht-subColor);
}

.u-color-default {
  color: var(--wlht-fontColor);
}

.u-color-gray {
  color: var(--wlht-fontSubColor);
}
/*# sourceMappingURL=style.css.map */