@charset "UTF-8";
@layer core, hotelcore, layout, module, unique, utility;
@layer core {
  /*
    https://github.com/andy-piccalilli/modern-css-reset/blob/master/LICENSE
  */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  ul[role=list],
  ol[role=list] {
    list-style: none;
  }
  html:focus-within {
    scroll-behavior: smooth;
  }
  body {
    min-height: 100vh;
    text-rendering: optimizespeed;
    line-height: 1.5;
  }
  a:not([class]) {
    text-decoration-skip-ink: auto;
  }
  img,
  picture {
    display: block;
    max-width: 100%;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  @font-face {
    font-family: "BIZ UDPGothic";
    font-weight: 400;
    src: url("/assets/common/fonts/BIZUDPGothic-Regular.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "BIZ UDPGothic";
    font-weight: 700;
    src: url("/assets/common/fonts/BIZUDPGothic-Bold.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Zen Old Mincho";
    font-weight: 400;
    src: url("/assets/common/fonts/ZenOldMincho-Regular.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Zen Old Mincho";
    font-weight: 600;
    src: url("/assets/common/fonts/ZenOldMincho-SemiBold.woff2") format("woff2");
    font-display: swap;
  }
}
@layer hotelcore {
  @font-face {
    font-family: "Tenor Sans";
    font-weight: 400;
    src: url("/assets/common/fonts/TenorSans-Regular.woff2") format("woff2");
    font-display: swap;
  }
  :root {
    --value-none: 0;
    --value-4: 4px;
    --value-8: 8px;
    --value-12: 12px;
    --value-16: 16px;
    --value-20: 20px;
    --value-24: 24px;
    --value-28: 28px;
    --value-32: 32px;
    --value-40: 40px;
    --value-48: 48px;
    --value-64: 64px;
    --value-80: 80px;
    --value-96: 96px;
    --value-128: 128px;
    --value-160: 160px;
    --value-260: 260px;
    --COLOR-BASE-WHITE: #FFF;
    --COLOR-BASE-PRIMARY: #435D99;
    --COLOR-BASE-PRIMARY-DARK: #384E80;
    --COLOR-BASE-PRIMARY-DEEP: #2F416B;
    --COLOR-BASE-SECONDARY: #A15768;
    --COLOR-BG-PRIMARY: #F5F0E9;
    --COLOR-BG-PRIMARY-LIGHT: #FAF8F5;
    --COLOR-BG-SECONDARY: #EADDD2;
    --COLOR-BG-GRADATION-01: #FAEFEB;
    --COLOR-BG-GRADATION-02: #E4E1EB;
    --COLOR-FONT: #525252;
    --COLOR-FONT-DARK: #3D3D3D;
    --COLOR-FONT-LIGHT: #DDE2EB;
    --COLOR-ACCENT-PRIMARY: #BA816D;
    --COLOR-ACCENT-PRIMARY-LIGHT-01: #C29B8E;
    --COLOR-ACCENT-PRIMARY-LIGHT-02: #B08678;
    --COLOR-ACCENT-PRIMARY-DARK: #B27762;
    --COLOR-BORDER-PRIMARY: #DED6CC;
    --COLOR-BORDER-PRIMARY-DARK: #CCBDAD;
    --COLOR-BORDER-PRIMARY-DEEP: #A39283;
    --COLOR-SHADOW: rgb(184 149 110 / .2);
    --COLOR-SHADOW-DARK: rgb(184 149 110 / .4);
    --FONT-PRIMARY: "BIZ UDPGothic", sans-serif;
    --FONT-SECONDARY: "Zen Old Mincho", serif;
    --FONT-EN: "Tenor Sans", sans-serif;
    --FONT-WEIGHT: 400;
    --FONT-WEIGHT-SEMIBOLD: 600;
    --FONT-WEIGHT-BOLD: 700;
    --FONT-SIZE-2XS: 0.625rem;
    --FONT-SIZE-XS: 0.6875rem;
    --FONT-SIZE-SM: 0.75rem;
    --FONT-SIZE-MD: 1rem;
    --FONT-SIZE-LG: 1rem;
    --FONT-SIZE-XL: 1.125rem;
    --FONT-SIZE-2XL: 1.25rem;
    --FONT-SIZE-3XL: 1.4375rem;
    --FONT-SIZE-4XL: 1.625rem;
    --FONT-SIZE-5XL: 2.25rem;
    --FONT-SIZE-6XL: 2.5rem;
    --FONT-SIZE-7XL: 3rem;
    --FONT-SIZE-8XL: 3.25rem;
    --FONT-SIZE-9XL: 2.25rem;
    --PRIMARY-LINE-HEIGHT: 2.2;
    --PRIMARY-LINE-HEIGHT-TIGHT: 1.8;
    --PRIMARY-LINE-HEIGHT-S: 2;
    --PRIMARY-LINE-HEIGHT-S-TIGHT: 1.6;
    --SECONDARY-LINE-HEIGHT: 2;
    --SECONDARY-LINE-HEIGHT-TIGHT: 1.6;
    --SECONDARY-LINE-HEIGHT-S: 1.8;
    --SECONDARY-LINE-HEIGHT-S-TIGHT: 1.4;
    --LETTER-SPACING: 0.08em;
    --LETTER-SPACING-TIGHT: 0;
    --SPACE-NONE: var(--value-none);
    --SPACE-4XS: var(--value-4);
    --SPACE-3XS: var(--value-8);
    --SPACE-2XS: var(--value-12);
    --SPACE-XS: var(--value-16);
    --SPACE-SM: var(--value-16);
    --SPACE-MD: var(--value-20);
    --SPACE-LG: var(--value-24);
    --SPACE-XL: var(--value-28);
    --SPACE-2XL: var(--value-32);
    --SPACE-3XL: var(--value-48);
    --SPACE-4XL: var(--value-64);
    --SPACE-5XL: var(--value-80);
    --SPACE-6XL: var(--value-80);
    --SPACE-7XL: var(--value-96);
    --SPACE-GUTTER: var(--value-20);
    --SPACE-GUTTER-WIDE: var(--value-32);
    --SPACE-GUTTER-MAX: var(--value-20);
    --RADIUS-NONE: 0;
    --RADIUS-SM: var(--value-4);
    --RADIUS-MD: var(--value-8);
    --RADIUS-LG: var(--value-12);
    --RADIUS-XL: var(--value-12);
    --RADIUS-2XL: var(--value-16);
    --RADIUS-3XL: var(--value-24);
    --RADIUS-4XL: var(--value-32);
    --Z-INDEX-1: 1;
    --Z-INDEX-2: 2;
    --Z-INDEX-3: 3;
    --Z-INDEX-4: 4;
    --CONTENT-WIDTH: 1920px;
  }
  @media (min-width: 768px) {
    :root {
      --FONT-SIZE-XS: 0.75rem;
      --FONT-SIZE-SM: 0.875rem;
      --FONT-SIZE-LG: 1.125rem;
      --FONT-SIZE-XL: 1.25rem;
      --FONT-SIZE-2XL: 1.4375rem;
      --FONT-SIZE-3XL: 1.75rem;
      --FONT-SIZE-4XL: 2rem;
      --FONT-SIZE-5XL: 2.25rem;
      --FONT-SIZE-6XL: 2.5rem;
      --FONT-SIZE-7XL: 3rem;
      --FONT-SIZE-8XL: 3.25rem;
      --FONT-SIZE-9XL: 4rem;
      --SPACE-SM: var(--value-20);
      --SPACE-MD: var(--value-24);
      --SPACE-LG: var(--value-32);
      --SPACE-XL: var(--value-40);
      --SPACE-2XL: var(--value-48);
      --SPACE-3XL: var(--value-64);
      --SPACE-4XL: var(--value-80);
      --SPACE-5XL: var(--value-96);
      --SPACE-6XL: var(--value-128);
      --SPACE-7XL: var(--value-160);
      --SPACE-GUTTER: var(--value-80);
      --SPACE-GUTTER-WIDE: var(--value-160);
      --SPACE-GUTTER-MAX: var(--value-260);
      --RADIUS-XL: var(--value-16);
      --RADIUS-2XL: var(--value-24);
      --RADIUS-3XL: var(--value-48);
      --RADIUS-4XL: var(--value-64);
    }
  }
  html[lang=en] {
    --FONT-PRIMARY: "Noto Sans", sans-serif;
    --FONT-SECONDARY: "Noto Serif", serif;
  }
  html[lang=ko] {
    --FONT-PRIMARY: "Noto Sans KR", sans-serif;
    --FONT-SECONDARY: "Noto Serif KR", serif;
  }
  html[lang=zh-CN] {
    --FONT-PRIMARY: "Noto Sans SC", sans-serif;
    --FONT-SECONDARY: "Noto Serif SC", serif;
  }
  html[lang=zh-TW] {
    --FONT-PRIMARY: "Noto Sans TC", sans-serif;
    --FONT-SECONDARY: "Noto Serif TC", serif;
  }
  html {
    --header-height: 0;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    scroll-padding-top: var(--header-height);
  }
  body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    font-family: var(--FONT-PRIMARY);
    font-size: var(--FONT-SIZE-MD);
    font-weight: var(--FONT-WEIGHT);
    letter-spacing: var(--LETTER-SPACING);
    line-height: var(--PRIMARY-LINE-HEIGHT);
    color: var(--COLOR-FONT);
    background-color: var(--COLOR-BASE-WHITE);
    overflow-wrap: anywhere;
  }
  body > :first-child {
    margin-block-start: 0 !important;
  }
  body > :last-child {
    margin-block-end: 0 !important;
  }
  body.is-scrollLock {
    overflow: hidden;
  }
  body[data-page-type=top] main {
    margin-block-start: 0;
  }
  html[lang=en] body {
    letter-spacing: 0;
  }
  em {
    font-style: normal;
    font-weight: var(--FONT-WEIGHT-BOLD);
  }
  sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: initial;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.65em;
  }
  a {
    word-break: break-all;
  }
  a[class] {
    color: var(--COLOR-FONT);
    text-decoration: none;
  }
  ol[class],
  ul[class],
  li[class] {
    padding-inline-start: 0;
    list-style: none;
  }
  img {
    max-inline-size: 100%;
    block-size: auto;
  }
  h2 + *:not(.m-table), h3 + *:not(.m-table), h4 + *:not(.m-table), h5 + *:not(.m-table), h6 + *:not(.m-table) {
    margin-block-start: 0 !important;
  }
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    appearance: none;
  }
  select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    cursor: pointer;
  }
  .stt-lang-select .stt-text {
    display: none !important;
  }
  .stt-lang-select.br {
    display: none !important;
  }
  #talkappi-chat-icon {
    width: 82px !important;
    height: 82px !important;
    bottom: 144px !important;
    right: 24px !important;
    background: var(--COLOR-BASE-WHITE) url("/assets/hotel/images/icon-chatbot.svg") no-repeat center/53px 43px !important;
    border: 1px solid #BD9884 !important;
  }
  #talkappi-chat-greeting {
    bottom: 156px !important;
    right: 117px !important;
  }
  .talkappi-chat-menu {
    padding: 8px 11px 10px 15px !important;
    border: 1px solid var(--COLOR-BORDER-PRIMARY) !important;
    border-radius: 8px !important;
  }
  .talkappi-chat-menu div {
    font-family: var(--FONT-SECONDARY) !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    color: var(--COLOR-FONT) !important;
  }
  .talkappi-close-box {
    width: 19px !important;
    height: 19px !important;
    background-color: #A88572 !important;
    box-shadow: unset !important;
  }
  .talkappi-close-box span::before, .talkappi-close-box span::after {
    inset: 0 !important;
    margin: auto !important;
    background-color: var(--COLOR-BASE-WHITE) !important;
    border-radius: 1px !important;
  }
  .talkappi-chat-minimized {
    bottom: 132px !important;
    padding: 9px 6px !important;
    background-color: var(--COLOR-BASE-WHITE) !important;
    border: 1px solid var(--COLOR-BORDER-PRIMARY) !important;
  }
  .talkappi-chat-minimized-text {
    margin: 0 !important;
  }
  .talkappi-chat-minimized-text span {
    display: block !important;
    padding-inline-start: 20px !important;
    font-family: var(--FONT-PRIMARY) !important;
    font-size: 0.75rem !important;
    font-weight: var(--FONT-WEIGHT-BOLD) !important;
    line-height: 1.6 !important;
    letter-spacing: 0.3em !important;
    color: #A88572 !important;
  }
  .talkappi-chat-minimized-text svg {
    display: none !important;
  }
  .talkappi-chat-minimized-text svg + span {
    position: relative;
  }
  .talkappi-chat-minimized-text svg + span::before {
    position: absolute;
    content: "";
    top: 0;
    width: 17px;
    height: 15px;
    background: url("/assets/hotel/images/icon-chatbot_sp.svg") no-repeat center/contain;
  }
  .talkappi-chat-minimized-icon svg {
    display: none !important;
  }
  .talkappi-chat-minimized-icon#talkappi-chat-minimized-minus {
    top: 0px !important;
    left: auto !important;
    right: -2px !important;
    width: 28px !important;
    height: 28px !important;
    background: url("/assets/hotel/images/icon-chatbot-minimize.svg") no-repeat center/28px !important;
    box-shadow: 0 2px 24px 0 rgba(149, 128, 78, 0.2) !important;
  }
  .talkappi-chat-minimized-icon#talkappi-chat-minimized-plus {
    top: -11px !important;
    left: -11px !important;
    width: 21px !important;
    height: 21px !important;
    background: url("/assets/hotel/images/icon-chatbot-maximize.svg") no-repeat center/21px !important;
    box-shadow: 0 2px 24px 0 rgba(149, 128, 78, 0.2) !important;
  }
  [id^=datasign_cmp]::part(floating-container) {
    bottom: 60px;
  }
}
@layer layout {
  /* PC・SP共通
  ----------------------------------------------- */
  body:not([data-page-type=top]) header {
    position: sticky;
    top: 0;
    z-index: var(--Z-INDEX-3);
  }
  .l-header-logo {
    display: flex;
    height: fit-content;
  }
  .l-header-logo__item {
    display: block;
  }
  .l-header-logo__item--h1 {
    display: none;
  }
  body[data-page-type=top] .l-header-logo__item--default {
    display: none;
  }
  body[data-page-type=top] .l-header-logo__item--h1 {
    display: block;
  }
  .l-header-lang__hook {
    display: none;
  }
  .l-header-menu__2nd {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .l-header-menu__2nd--stay {
    background-image: url("/assets/hotel/images/header/stay/bg-stay.webp");
  }
  .l-header-menu__2nd--restaurant {
    background-image: url("/assets/hotel/images/header/restaurant/bg-restaurant.webp");
  }
  .l-header-menu__2nd--banquet {
    background-image: url("/assets/hotel/images/header/banquet/bg-banquet.webp");
  }
  .l-header-menu__2nd--facility {
    background-image: url("/assets/hotel/images/header/facility/bg-facility.webp");
  }
  /* .l-header-block（表示制御専用）
  ----------------------------------------------- */
  @media (width < 1280px) {
    .l-header-block--pc {
      display: none;
    }
  }
  @media (1280px <= width) {
    .l-header-block--pc {
      display: block;
    }
  }
  /* PCのみ
  ----------------------------------------------- */
  @media (1280px <= width) {
    /* .l-header(__*)
    ----------------------------------------------- */
    html {
      --header-height: 121px;
    }
    html .l-header {
      block-size: var(--header-height);
    }
    html .l-header-dropdown {
      top: var(--header-height);
    }
    html .l-header__backdrop {
      inset-block-start: calc(var(--header-height) + 510px);
    }
    .l-header {
      display: flex;
      justify-content: space-between;
      gap: 32px;
      inline-size: 100%;
      background-color: var(--COLOR-BASE-WHITE);
      z-index: var(--Z-INDEX-3);
    }
    .l-header.is-scroll {
      box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
      transition: 0.3s ease-out;
    }
    body[data-page-type=top] .l-header {
      position: fixed;
      inline-size: 100%;
      background-color: transparent;
    }
    body[data-page-type=top] .l-header::after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      inline-size: 100%;
      block-size: 320px;
      background: linear-gradient(180deg, var(--COLOR-BG-GRADATION-01) 0%, rgba(250, 239, 235, 0.8) 30%, rgba(250, 239, 235, 0.15) 75%, rgba(250, 239, 235, 0) 100%);
      z-index: -1;
    }
    body[data-page-type=top] .l-header.is-open, body[data-page-type=top] .l-header.is-scroll {
      background-color: var(--COLOR-BASE-WHITE);
      transition: 0.3s ease-out;
    }
    body[data-page-type=top] .l-header.is-open::after, body[data-page-type=top] .l-header.is-scroll::after {
      display: none;
    }
    .l-header__content {
      display: flex;
      align-items: flex-start;
      gap: 48px;
    }
    html[lang=en] .l-header__content {
      gap: 40px;
    }
    .l-header__main {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 24px;
      padding-block-start: 24px;
    }
    .l-header__backdrop {
      position: fixed;
      display: block;
      inline-size: 100%;
      block-size: 100dvh;
      inset-inline-start: 0;
      opacity: 1;
      visibility: visible;
      z-index: var(--Z-INDEX-4);
      background: rgba(82, 73, 65, 0.6);
      transition: 0.3s ease-out;
    }
    .l-header__backdrop.is-hidden {
      display: none;
      visibility: hidden;
      opacity: 0;
    }
    /* .l-header-logo
    ----------------------------------------------- */
    .l-header-logo {
      padding-block: 20px;
      padding-inline-start: 32px;
    }
    /* .l-header-dropdown
    ----------------------------------------------- */
    .l-header-dropdown {
      position: absolute;
      display: flex;
      left: 0;
      inline-size: 100%;
      block-size: 510px;
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
      z-index: var(--Z-INDEX-2);
      visibility: hidden;
      opacity: 0;
      transition: 0.3s ease-out;
    }
    .l-header-primary__btn.is-active + .l-header-dropdown {
      visibility: visible;
      opacity: 1;
    }
    .l-header-dropdown__close {
      position: absolute;
      inline-size: 22px;
      block-size: 28px;
      right: 32px;
      top: 40px;
    }
    .l-header-dropdown__closeBtn {
      position: relative;
      display: block;
      inline-size: 100%;
      block-size: 100%;
    }
    .l-header-dropdown__closeBtn::before, .l-header-dropdown__closeBtn::after {
      position: absolute;
      content: "";
      left: 0;
      inline-size: 27px;
      block-size: 1px;
      background-color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
    .l-header-dropdown__closeBtn::before {
      rotate: 45deg;
    }
    .l-header-dropdown__closeBtn::after {
      rotate: -45deg;
    }
    /* -----------------------------------------------
      第2階層
    ----------------------------------------------- */
    .l-header-menu__2nd {
      padding: 48px;
      inline-size: 28%;
    }
    /* .l-header-2nd
    ----------------------------------------------- */
    .l-header-2nd__title {
      font-family: var(--FONT-EN);
      font-size: 2.375rem;
      line-height: 1.6;
      letter-spacing: 0.2em;
      color: var(--COLOR-BASE-WHITE);
    }
    .l-header-2nd__link {
      display: inline-block;
      position: relative;
      font-weight: var(--FONT-WEIGHT-BOLD);
      margin-block-start: 24px;
      padding-inline-start: 39px;
    }
    .l-header-2nd__link::before, .l-header-2nd__link::after {
      content: "";
      position: absolute;
      inline-size: 27px;
      block-size: 22px;
      inset: 14px auto auto 0;
      transform: translateY(-50%);
      transition: opacity 0.4s ease-out;
    }
    .l-header-2nd__link::before {
      background: url("/assets/hotel/images/header/icon-arrow-link-white-pc.svg") no-repeat center/contain;
      opacity: 1;
    }
    .l-header-2nd__link::after {
      background: url("/assets/hotel/images/header/icon-arrow-link-white-hover-bg.svg") no-repeat center/contain;
      opacity: 0;
    }
    /* -----------------------------------------------
      第3階層
    ----------------------------------------------- */
    /* .l-header-3rd
    ----------------------------------------------- */
    /* -----------------------------------------------
      第4階層
    ----------------------------------------------- */
    /* .l-header-4th
    ----------------------------------------------- */
    /* .l-header-primary
    ----------------------------------------------- */
    /* .l-header-secondary
    ----------------------------------------------- */
    /* .l-header-pulldown
    ----------------------------------------------- */
    /* .l-header-tel
    ----------------------------------------------- */
    /* .l-header-reserve
    ----------------------------------------------- */
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-2nd__link:focus::before, .l-header-2nd__link:focus-visible::before, .l-header-2nd__link:hover::before {
      opacity: 0;
    }
    .l-header-2nd__link:focus::after, .l-header-2nd__link:focus-visible::after, .l-header-2nd__link:hover::after {
      opacity: 1;
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText, .l-header-2nd__link:focus-visible .l-header-2nd__linkText, .l-header-2nd__link:hover .l-header-2nd__linkText {
      transform: translateX(16px);
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText::before, .l-header-2nd__link:focus-visible .l-header-2nd__linkText::before, .l-header-2nd__link:hover .l-header-2nd__linkText::before {
      opacity: 0;
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText::after, .l-header-2nd__link:focus-visible .l-header-2nd__linkText::after, .l-header-2nd__link:hover .l-header-2nd__linkText::after {
      opacity: 1;
    }
  }
  @media (1280px <= width) {
    .l-header-2nd__linkText {
      position: relative;
      display: block;
      font-weight: var(--FONT-WEIGHT-BOLD);
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      color: var(--COLOR-BASE-WHITE);
      transition: transform 0.4s ease-out;
    }
    .l-header-2nd__linkText::after {
      content: "";
      position: absolute;
      top: 14px;
      left: -42px;
      transform: translateY(-50%);
      inline-size: 29px;
      block-size: 7px;
      background: url("/assets/hotel/images/header/icon-arrow-link-white-hover.svg") no-repeat center/contain;
      opacity: 0;
      transition: opacity 0.4s ease-out;
    }
    .l-header-menu__3rd {
      padding-inline-start: 64px;
      inline-size: 28%;
      background-color: var(--COLOR-BG-PRIMARY);
    }
    .l-header-menu__3rd.is-scroll-init::after, .l-header-menu__3rd.is-scroll::after {
      position: absolute;
      content: "";
      left: 28%;
      bottom: 0;
      inline-size: 28%;
      block-size: 56px;
      background: linear-gradient(180deg, rgba(245, 240, 233, 0) -5.38%, rgba(245, 240, 233, 0.8) 47.31%, var(--COLOR-BG-PRIMARY) 78.92%);
    }
    .l-header-menu__3rd.is-scroll::before {
      position: absolute;
      content: "";
      top: 0;
      left: 28%;
      inline-size: 28%;
      block-size: 56px;
      background: linear-gradient(360deg, rgba(245, 240, 233, 0) -5.38%, rgba(245, 240, 233, 0.8) 47.31%, var(--COLOR-BG-PRIMARY) 78.92%);
      z-index: var(--Z-INDEX-1);
    }
    .l-header-menu__3rd.is-scroll-end::after {
      display: none;
    }
    .l-header-3rd {
      padding-block: 40px;
      padding-inline-end: 64px;
      block-size: 510px;
      scrollbar-color: var(--COLOR-BORDER-PRIMARY) transparent;
      scrollbar-width: thin;
      overflow-y: scroll;
    }
    .l-header-3rd::-webkit-scrollbar {
      inline-size: 3px;
      block-size: auto;
    }
    .l-header-3rd::-webkit-scrollbar-thumb {
      background-color: var(--COLOR-BORDER-PRIMARY);
      border-radius: 1em;
    }
    .l-header-3rd::-webkit-scrollbar-track {
      background-color: transparent;
    }
    .l-header-3rd__list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .l-header-3rd__list li:has(.l-header-menu__4th) .l-header-3rd__linkText::after {
      position: absolute;
      content: "";
      inline-size: 12px;
      block-size: 11px;
      top: 0;
      bottom: 0;
      right: 12px;
      margin-block: auto;
      background: var(--COLOR-BORDER-PRIMARY-DARK);
      mask-image: url("/assets/hotel/images/header/icon-arrow-navi.svg");
      mask-repeat: no-repeat;
      mask-position: center;
    }
    .l-header-3rd__link {
      display: block;
      padding-block-end: 20px;
      border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
      transition: color 0.3s ease-out;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-3rd__link:focus, .l-header-3rd__link:focus-visible, .l-header-3rd__link:hover {
      color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
  }
  @media (1280px <= width) {
    button.l-header-3rd__link {
      inline-size: 100%;
      text-align: left;
      color: var(--COLOR-FONT);
    }
    button.l-header-3rd__link[aria-expanded=true] {
      color: var(--COLOR-ACCENT-PRIMARY-DARK);
      border-bottom-color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
    button.l-header-3rd__link[aria-expanded=true] .l-header-3rd__linkText::after {
      background: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
    .l-header-3rd__linkText {
      position: relative;
      display: block;
      padding-inline-end: 40px;
      inline-size: 100%;
      font-family: var(--FONT-SECONDARY);
      line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    }
    .l-header-menu__4th {
      position: absolute;
      top: 0;
      left: 56%;
      padding-inline: 64px 78px;
      inline-size: 44%;
      block-size: 510px;
      visibility: visible;
      opacity: 1;
      transition: 0.3s ease-out;
    }
    .l-header-menu__4th.is-hidden {
      visibility: hidden;
      opacity: 0;
    }
    .l-header-menu__4th.is-scroll-init::after, .l-header-menu__4th.is-scroll::after {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      inline-size: 100%;
      block-size: 56px;
      background: linear-gradient(180deg, rgba(250, 248, 245, 0) 0%, rgba(250, 248, 245, 0.8) 50%, var(--COLOR-BG-PRIMARY-LIGHT) 80%);
    }
    .l-header-menu__4th.is-scroll::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      inline-size: 100%;
      block-size: 56px;
      background: linear-gradient(360deg, rgba(250, 248, 245, 0) 0%, rgba(250, 248, 245, 0.8) 50%, var(--COLOR-BG-PRIMARY-LIGHT) 80%);
    }
    .l-header-menu__4th.is-scroll-end::after {
      display: none;
    }
    .l-header-4th {
      padding-block: 40px;
      padding-inline-end: 42px;
      block-size: 510px;
      scrollbar-color: var(--COLOR-BORDER-PRIMARY) transparent;
      scrollbar-width: thin;
      overflow-y: scroll;
    }
    .l-header-4th::-webkit-scrollbar {
      inline-size: 3px;
      block-size: auto;
    }
    .l-header-4th::-webkit-scrollbar-thumb {
      background-color: var(--COLOR-BORDER-PRIMARY);
      border-radius: 1em;
    }
    .l-header-4th::-webkit-scrollbar-track {
      background-color: transparent;
    }
    .l-header-4th__list {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .l-header-4th__hdg {
      position: relative;
      margin-block: 36px 16px;
      padding-block-end: 12px;
      font-size: 0.875rem;
      font-weight: var(--FONT-WEIGHT-BOLD);
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    }
    .l-header-4th__hdg::after {
      position: absolute;
      content: "";
      left: 0;
      top: 100%;
      inline-size: 32px;
      block-size: 1px;
      background-color: var(--COLOR-ACCENT-PRIMARY);
    }
    .l-header-4th__linkText {
      font-size: 0.875rem;
      line-height: var(--PRIMARY-LINE-HEIGHT);
      transition: color 0.3s ease-out;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-4th__link:focus .l-header-4th__linkText, .l-header-4th__link:focus-visible .l-header-4th__linkText, .l-header-4th__link:hover .l-header-4th__linkText {
      color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
  }
  @media (1280px <= width) {
    .l-header-4th__list--media {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
      margin-block: 0;
      gap: 40px 32px;
    }
    .l-header-4th__list--media li {
      max-inline-size: 206px;
    }
    .l-header-4th__list--media .l-header-4th__link {
      display: flex;
      flex-direction: column-reverse;
      gap: 12px;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-4th__list--media .l-header-4th__link:focus .l-header-4th__linkImg, .l-header-4th__list--media .l-header-4th__link:focus-visible .l-header-4th__linkImg, .l-header-4th__list--media .l-header-4th__link:hover .l-header-4th__linkImg {
      border-radius: 16px;
    }
    .l-header-4th__list--media .l-header-4th__link:focus .l-header-4th__linkImg img, .l-header-4th__list--media .l-header-4th__link:focus-visible .l-header-4th__linkImg img, .l-header-4th__list--media .l-header-4th__link:hover .l-header-4th__linkImg img {
      scale: 1.1;
    }
  }
  @media (1280px <= width) {
    .l-header-4th__list--media .l-header-4th__linkText {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    }
    .l-header-4th__list--media .l-header-4th__linkImg {
      display: flex;
      aspect-ratio: 16/9;
      transition: all 0.3s ease-out;
      overflow: hidden;
    }
    .l-header-4th__list--media .l-header-4th__linkImg img {
      inline-size: 100%;
      block-size: auto;
      object-fit: cover;
      transition: all 0.3s ease-out;
    }
    .l-header-primary {
      display: flex;
      align-items: center;
      gap: 40px;
      margin-block: 0;
    }
    .l-header-primary li {
      line-height: 1;
    }
    html[lang=en] .l-header-primary {
      align-items: flex-end;
    }
    .l-header-primary__btn {
      position: relative;
      display: block;
      padding-block-end: 23px;
    }
    .l-header-primary__btn::after {
      position: absolute;
      content: "";
      inline-size: 0;
      block-size: 3px;
      bottom: 0;
      left: 0;
      right: 0;
      margin-inline: auto;
      border-start-start-radius: 3px;
      border-start-end-radius: 3px;
      background-color: transparent;
      transition: 0.3s ease-out;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-primary__btn:focus::after, .l-header-primary__btn:focus-visible::after, .l-header-primary__btn:hover::after {
      inline-size: 100%;
      background-color: var(--COLOR-ACCENT-PRIMARY);
    }
    .l-header-primary__btn:focus .l-header-primary__btnText, .l-header-primary__btn:focus-visible .l-header-primary__btnText, .l-header-primary__btn:hover .l-header-primary__btnText {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  @media (1280px <= width) {
    .l-header-primary__btn[aria-expanded=true]::after {
      inline-size: 100%;
      background-color: var(--COLOR-ACCENT-PRIMARY);
    }
    .l-header-primary__btn[aria-expanded=true] .l-header-primary__btnText {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
    html[lang=en] .l-header-primary__btn {
      overflow-wrap: normal;
      word-break: normal;
    }
    .l-header-primary__btnText {
      display: block;
      font-family: var(--FONT-SECONDARY);
      font-size: 1.125rem;
      font-weight: var(--FONT-WEIGHT-SEMIBOLD);
      line-height: var(--SECONDARY-LINE-HEIGHT-S-TIGHT);
      color: var(--COLOR-FONT-DARK);
      transition: 0.3s ease-out;
    }
    html[lang=en] .l-header-primary__btnText {
      font-size: 1rem;
    }
    .l-header-secondary {
      display: flex;
      align-items: center;
    }
    .l-header-secondary__linkList {
      display: flex;
      gap: 24px;
      margin-block: 0;
    }
    .l-header-secondary__linkList li {
      line-height: 1;
    }
    .l-header-secondary__link {
      font-size: 0.875rem;
      line-height: 1.4;
      color: var(--COLOR-FONT-DARK);
      transition: 0.3s ease-out;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-secondary__link:focus, .l-header-secondary__link:focus-visible, .l-header-secondary__link:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  @media (1280px <= width) {
    html[lang=en] .l-header-secondary__link {
      overflow-wrap: normal;
      word-break: normal;
    }
    .l-header-pulldown {
      position: relative;
      margin-inline-start: 24px;
      padding-inline-start: 25px;
      line-height: 1.4;
    }
    .l-header-pulldown::before {
      position: absolute;
      content: "";
      inset: 0;
      margin-block: auto;
      inline-size: 1px;
      block-size: 16px;
      background-color: var(--COLOR-BORDER-PRIMARY-DARK);
    }
    .l-header-pulldown__inner {
      position: relative;
      padding-inline-start: 27px;
      line-height: 1.4;
    }
    .l-header-pulldown__inner::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0.25em;
      inline-size: 19px;
      block-size: 15px;
      background: url("/assets/hotel/images/header/icon-language.svg") no-repeat center/contain;
    }
    select.l-header-pulldown__select {
      padding-inline-end: 20px;
      font-family: var(--FONT-PRIMARY);
      font-size: 0.875rem;
      color: var(--COLOR-FONT-DARK);
      background-image: url("/assets/hotel/images/header/icon-arrow-down.svg");
      background-repeat: no-repeat;
      background-size: 8px 8px;
      background-position: top 50% right 0;
    }
    .l-header-tel {
      position: relative;
      margin-inline-start: 24px;
      padding-inline-start: 25px;
    }
    .l-header-tel::before {
      position: absolute;
      content: "";
      inset: 0;
      margin-block: auto;
      inline-size: 1px;
      block-size: 16px;
      background-color: var(--COLOR-BORDER-PRIMARY-DARK);
    }
    .l-header-tel__inner {
      position: relative;
      display: flex;
      align-items: center;
      padding-inline-start: 25px;
    }
    .l-header-tel__inner::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0.2em;
      inline-size: 17px;
      block-size: 17px;
      background: url("/assets/hotel/images/header/icon-tel.svg") no-repeat center/contain;
    }
    .l-header-tel__num {
      font-size: 1.125rem;
      line-height: 1.4;
      color: var(--COLOR-FONT-DARK);
    }
    .l-header-tel__subText {
      padding-inline-start: 4px;
      font-size: 0.75rem;
      line-height: 1.4;
      color: var(--COLOR-FONT-DARK);
    }
    .l-header-reserve {
      position: relative;
      top: 0;
      display: flex;
      margin-block: 0;
      z-index: var(--Z-INDEX-2);
    }
    .l-header-reserve li {
      line-height: 1;
    }
    .l-header-reserve > :first-child root__link {
      border-end-start-radius: 48px;
    }
    .l-header-reserve__link {
      position: relative;
      display: block;
      min-inline-size: 123px;
      max-inline-size: 132px;
      block-size: 100%;
      padding: 24px;
      background-color: var(--COLOR-BASE-SECONDARY);
      overflow: hidden;
    }
    .l-header-reserve__link::after {
      position: absolute;
      content: "";
      bottom: -113%;
      left: 0;
      right: 0;
      margin-inline: auto;
      aspect-ratio: 8/9;
      inline-size: 132px;
      block-size: auto;
      background: url("/assets/hotel/images/header/bg-link-hover.svg") no-repeat center/contain;
      transition: 0.4s ease-out;
    }
    .l-header-reserve__link:hover::after {
      bottom: 0;
    }
    .l-header-reserve__text {
      font-family: var(--FONT-SECONDARY);
      font-weight: var(--FONT-WEIGHT-SEMIBOLD);
      line-height: var(--SECONDARY-LINE-HEIGHT-S-TIGHT);
      letter-spacing: var(--LETTER-SPACING-TIGHT);
      color: var(--COLOR-BASE-WHITE);
      text-align: center;
    }
    html[lang=en] .l-header-reserve__text {
      overflow-wrap: normal;
      word-break: normal;
    }
    .l-header-reserve__link--stay {
      display: block;
      border-end-start-radius: 48px;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-reserve__link--stay:focus .l-header-reserve__textIcon::before, .l-header-reserve__link--stay:focus-visible .l-header-reserve__textIcon::before, .l-header-reserve__link--stay:hover .l-header-reserve__textIcon::before {
      background-image: url("/assets/hotel/images/header/icon-stay-reserve-hover.svg");
    }
  }
  @media (1280px <= width) {
    .l-header-reserve__textIcon {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-block-start: 40px;
      block-size: 100%;
      z-index: 1;
    }
    .l-header-reserve__textIcon::before {
      position: absolute;
      content: "";
      inset: 0 0 auto;
      margin-inline: auto;
      inline-size: 36px;
      block-size: 28px;
      background: url("/assets/hotel/images/header/icon-stay-reserve.svg") no-repeat center/contain;
      transition: 0.3s ease-out;
    }
    .l-header-reserve__link--restaurant {
      border-inline-start: 1px solid #B47986;
    }
  }
  @media only screen and (1280px <= width) and (any-hover: hover) {
    .l-header-reserve__link--restaurant:focus .l-header-reserve__iconImg--fork, .l-header-reserve__link--restaurant:focus-visible .l-header-reserve__iconImg--fork, .l-header-reserve__link--restaurant:hover .l-header-reserve__iconImg--fork {
      transform: rotate(15deg);
    }
    .l-header-reserve__link--restaurant:focus .l-header-reserve__iconImg--knife, .l-header-reserve__link--restaurant:focus-visible .l-header-reserve__iconImg--knife, .l-header-reserve__link--restaurant:hover .l-header-reserve__iconImg--knife {
      transform: rotate(-15deg);
    }
  }
  @media (1280px <= width) {
    .l-header-reserve__linkInner {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      gap: 12px;
    }
    .l-header-reserve__icon {
      display: flex;
      align-items: center;
    }
    .l-header-reserve__iconImg {
      display: flex;
      inline-size: 100%;
      block-size: fit-content;
      filter: invert(1);
    }
    .l-header-reserve__iconImg--fork {
      order: 1;
      transform-origin: 100% 100%;
      transition: 0.3s ease-out;
    }
    .l-header-reserve__iconImg--knife {
      order: 3;
      transform-origin: 0 100%;
      transition: 0.3s ease-out;
    }
    .l-header-reserve__iconImg--dish {
      order: 2;
    }
  }
  /* .l-header-block（表示制御専用）
  ----------------------------------------------- */
  @media (1280px <= width) {
    .l-header-block--sp {
      display: none;
    }
  }
  @media (width < 1280px) {
    .l-header-block--sp {
      display: block;
    }
  }
  /* SPのみ
  ----------------------------------------------- */
  @media (width < 1280px) {
    /* .l-header
    ----------------------------------------------- */
    .l-header {
      inline-size: 100%;
      background-color: var(--COLOR-BASE-WHITE);
      z-index: var(--Z-INDEX-3);
    }
    body[data-page-type=top] .l-header {
      position: fixed;
      inline-size: 100%;
      background-color: transparent;
    }
    body[data-page-type=top] .l-header::after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      inline-size: 100%;
      block-size: 132px;
      background: linear-gradient(180deg, var(--COLOR-BG-GRADATION-01) 0%, rgba(250, 239, 235, 0.8) 30%, rgba(250, 239, 235, 0.15) 75%, rgba(250, 239, 235, 0) 100%);
      z-index: -1;
    }
    body[data-page-type=top] .l-header.is-open .l-header__content, body[data-page-type=top] .l-header.is-scroll .l-header__content {
      background-color: var(--COLOR-BASE-WHITE);
      transition: 0.3s ease-out;
    }
    body[data-page-type=top] .l-header.is-open .l-header__content::after, body[data-page-type=top] .l-header.is-scroll .l-header__content::after {
      display: none;
    }
    .l-header__content {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: center;
      padding: 10px 20px;
      box-shadow: 0 2px 16px 0 rgba(149, 128, 78, 0.2);
    }
    body[data-page-type=top] .l-header__content {
      box-shadow: none;
    }
    .l-header__main {
      display: none;
    }
    .l-header__main.is-open {
      display: block;
      position: relative;
      inline-size: 100%;
      block-size: 100dvh;
      background-color: var(--COLOR-BG-PRIMARY);
      z-index: var(--Z-INDEX-3);
      overflow: scroll;
    }
    /* .l-header-logo
    ----------------------------------------------- */
    .l-header-logo {
      margin-inline: auto;
      max-inline-size: 71px;
      block-size: auto;
      order: 2;
    }
    /* .l-header-pulldown
    ----------------------------------------------- */
    .l-header-pulldown {
      position: relative;
      padding-block-start: 18px;
      line-height: 1.4;
      order: 1;
      inline-size: fit-content;
    }
    .l-header-pulldown::before {
      position: absolute;
      content: "";
      top: 0;
      left: 9px;
      inline-size: 15px;
      block-size: 12px;
      background: url("/assets/hotel/images/header/icon-language.svg") no-repeat center/contain;
    }
    select.l-header-pulldown__select {
      padding-inline-end: 12px;
      font-family: var(--FONT-PRIMARY);
      font-size: 0.6875rem;
      color: var(--COLOR-FONT-DARK);
      background-image: url("/assets/hotel/images/header/icon-arrow-down.svg");
      background-repeat: no-repeat;
      background-size: 8px 8px;
      background-position: top 50% right 0;
    }
    /* .l-header-hamburger
    ----------------------------------------------- */
    .l-header-hamburger {
      position: relative;
      margin-inline: auto 0;
      inline-size: 19px;
      block-size: 26px;
      order: 3;
    }
    .l-header-hamburger::before, .l-header-hamburger::after {
      position: absolute;
      content: "";
      left: 0;
      inline-size: 100%;
      block-size: 1px;
      background-color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
    .l-header-hamburger::before {
      top: 10px;
    }
    .l-header-hamburger::after {
      bottom: 10px;
    }
    .l-header-hamburger.is-open::before, .l-header-hamburger.is-open::after {
      position: absolute;
      content: "";
      inset: 0;
      margin-block: auto;
    }
    .l-header-hamburger.is-open::before {
      rotate: 45deg;
    }
    .l-header-hamburger.is-open::after {
      rotate: -45deg;
    }
    /* .l-header-primary
    ----------------------------------------------- */
    .fn-header-primary {
      --header-height: 0;
      --secondary-menu-height: 0;
      block-size: calc(100dvh - var(--header-height) - var(--secondary-menu-height));
      overflow-y: scroll;
    }
    .l-header-primary__list {
      display: grid;
      gap: 24px;
      margin-block: 0;
      padding-block: 40px;
      background-color: var(--COLOR-BG-PRIMARY);
    }
    .l-header-primary__list > li {
      display: block;
      padding-inline: 32px;
    }
    .l-header-primary__list > li.is-hidden {
      display: none;
      visibility: hidden;
    }
    .l-header-primary__btn {
      display: block;
      inline-size: 100%;
      text-align: left;
      padding-bottom: 24px;
      border-bottom: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .l-header-primary__btn.is-hidden {
      display: none;
      visibility: hidden;
    }
    .l-header-primary__btnText {
      position: relative;
      display: block;
      padding-inline-start: 42px;
      font-family: var(--FONT-SECONDARY);
      font-size: 1rem;
      font-weight: var(--FONT-WEIGHT-SEMIBOLD);
      line-height: 1.6;
      color: var(--COLOR-FONT);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    .l-header-primary__btnText::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      inline-size: 30px;
      block-size: 26px;
    }
    .l-header-primary__btnText--stay::before {
      background-image: url("/assets/hotel/images/header/icon-stay.svg");
    }
    .l-header-primary__btnText--restaurant::before {
      background-image: url("/assets/hotel/images/header/icon-restaurant.svg");
    }
    .l-header-primary__btnText--banquet::before {
      background-image: url("/assets/hotel/images/header/icon-banquet.svg");
    }
    .l-header-primary__btnText--wedding::before {
      background-image: url("/assets/hotel/images/header/icon-wedding.svg");
    }
    .l-header-primary__btnText--event::before {
      background-image: url("/assets/hotel/images/header/icon-event.svg");
    }
    .l-header-primary__btnText--facility::before {
      background-image: url("/assets/hotel/images/header/icon-facility.svg");
    }
    /* .l-header-submenu
    ----------------------------------------------- */
    .l-header-submenu {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      inline-size: 100%;
      block-size: 100dvh;
      background-color: var(--COLOR-BG-PRIMARY);
      visibility: visible;
      opacity: 1;
      z-index: var(--Z-INDEX-1);
      transition: opacity 0.3s ease-out;
    }
    .l-header-submenu.is-hidden {
      display: none;
      visibility: hidden;
      opacity: 0;
    }
    .fn-3rd-menu {
      --header-height: 0;
      --menu-back-btn-height: 33px;
      --2ndLayer-image-height: 0;
      --secondary-menu-height: 0;
    }
    .fn-3rd-menu.is-scroll-init::before, .fn-3rd-menu.is-scroll-init::after, .fn-3rd-menu.is-scroll::before, .fn-3rd-menu.is-scroll::after {
      position: absolute;
      content: "";
      inline-size: 100%;
      block-size: 56px;
      z-index: 3;
    }
    .fn-3rd-menu.is-scroll-init::before, .fn-3rd-menu.is-scroll::before {
      top: calc(var(--menu-back-btn-height) + var(--2ndLayer-image-height));
      background: linear-gradient(0deg, rgba(245, 240, 233, 0) -5.38%, rgba(245, 240, 233, 0.8) 47.31%, var(--COLOR-BG-PRIMARY) 78.92%);
    }
    .fn-3rd-menu.is-scroll-init::after, .fn-3rd-menu.is-scroll::after {
      bottom: calc(var(--header-height) + var(--secondary-menu-height));
      background: linear-gradient(180deg, rgba(245, 240, 233, 0) -5.38%, rgba(245, 240, 233, 0.8) 47.31%, var(--COLOR-BG-PRIMARY) 78.92%);
    }
    .fn-3rd-menu:has(.l-header-3rd__link.is-hidden).is-scroll-init::before, .fn-3rd-menu:has(.l-header-3rd__link.is-hidden).is-scroll-init::after, .fn-3rd-menu:has(.l-header-3rd__link.is-hidden).is-scroll::before, .fn-3rd-menu:has(.l-header-3rd__link.is-hidden).is-scroll::after {
      display: none;
    }
    .fn-3rd-menu .l-header-3rd {
      block-size: calc(100dvh - var(--header-height) - var(--menu-back-btn-height) - var(--2ndLayer-image-height) - var(--secondary-menu-height));
    }
    /* .l-header-menu
    ----------------------------------------------- */
    .l-header-menu {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      inline-size: 100%;
      block-size: 100dvh;
      background-color: var(--COLOR-BG-PRIMARY);
      visibility: visible;
      opacity: 1;
      z-index: var(--Z-INDEX-1);
    }
    .l-header-menu.is-hidden {
      display: none;
      visibility: hidden;
      opacity: 0;
    }
    .l-header-menu__backBtn {
      display: flex;
      inline-size: 100%;
      padding: 8px 28px;
      background-color: var(--COLOR-BG-SECONDARY);
      text-align: left;
    }
    .l-header-menu__backBtn.is-hidden {
      display: none;
      visibility: hidden;
    }
    .l-header-menu__backBtnText {
      position: relative;
      padding-inline-start: 20px;
      font-size: 0.6875rem;
      line-height: 1.6;
      color: var(--COLOR-FONT);
    }
    .l-header-menu__backBtnText::before {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      margin-block: auto;
      inline-size: 12px;
      block-size: 5px;
      background: var(--COLOR-ACCENT-PRIMARY);
      mask-image: url("/assets/hotel/images/header/icon-arrow-navi.svg");
      mask-repeat: no-repeat;
      mask-position: center;
      scale: -1 1;
    }
    /* -----------------------------------------------
      第2階層
    ----------------------------------------------- */
    .l-header-menu__2nd {
      padding: 32px 48px 48px 28px;
      inline-size: 100%;
      block-size: auto;
    }
    /* .l-header-2nd
    ----------------------------------------------- */
    .l-header-2nd__title {
      font-family: var(--FONT-EN);
      font-size: 2rem;
      line-height: 1.6;
      letter-spacing: 0.2em;
      color: var(--COLOR-BASE-WHITE);
    }
    .l-header-2nd__link {
      display: inline-block;
      position: relative;
      font-weight: var(--FONT-WEIGHT-BOLD);
      margin-block-start: 12px;
      padding-inline-start: 36px;
    }
    .l-header-2nd__link::before, .l-header-2nd__link::after {
      content: "";
      position: absolute;
      inline-size: 24px;
      block-size: 20px;
      inset: 14px auto auto 0;
      transform: translateY(-50%);
      transition: opacity 0.4s ease-out;
    }
    .l-header-2nd__link::before {
      background: url("/assets/hotel/images/header/icon-arrow-link-white-sp.svg") no-repeat center/contain;
      opacity: 1;
    }
    .l-header-2nd__link::after {
      background: url("/assets/hotel/images/header/icon-arrow-link-white-hover-bg.svg") no-repeat center/contain;
      opacity: 0;
    }
    .l-header-2nd__link.is-hidden {
      display: none;
      visibility: hidden;
    }
    /* -----------------------------------------------
      第3階層
    ----------------------------------------------- */
    /* .l-header-3rd
    ----------------------------------------------- */
    /* -----------------------------------------------
      第4階層
    ----------------------------------------------- */
    /* .l-header-4th（第4階層）
    ----------------------------------------------- */
    /* .l-header-secondary
    ----------------------------------------------- */
  }
  @media only screen and (width < 1280px) and (any-hover: hover) {
    .l-header-2nd__link:focus::before, .l-header-2nd__link:focus-visible::before, .l-header-2nd__link:hover::before {
      opacity: 0;
    }
    .l-header-2nd__link:focus::after, .l-header-2nd__link:focus-visible::after, .l-header-2nd__link:hover::after {
      opacity: 1;
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText, .l-header-2nd__link:focus-visible .l-header-2nd__linkText, .l-header-2nd__link:hover .l-header-2nd__linkText {
      transform: translateX(16px);
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText::before, .l-header-2nd__link:focus-visible .l-header-2nd__linkText::before, .l-header-2nd__link:hover .l-header-2nd__linkText::before {
      opacity: 0;
    }
    .l-header-2nd__link:focus .l-header-2nd__linkText::after, .l-header-2nd__link:focus-visible .l-header-2nd__linkText::after, .l-header-2nd__link:hover .l-header-2nd__linkText::after {
      opacity: 1;
    }
  }
  @media (width < 1280px) {
    .l-header-2nd__linkText {
      position: relative;
      display: block;
      font-weight: var(--FONT-WEIGHT-BOLD);
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      color: var(--COLOR-BASE-WHITE);
      transition: transform 0.4s ease-out;
    }
    .l-header-2nd__linkText::after {
      content: "";
      position: absolute;
      top: 14px;
      left: -42px;
      transform: translateY(-50%);
      inline-size: 29px;
      block-size: 7px;
      background: url("/assets/hotel/images/header/icon-arrow-link-white-hover.svg") no-repeat center/contain;
      opacity: 0;
      transition: opacity 0.4s ease-out;
    }
    .l-header-3rd {
      padding-inline: 32px 12px;
    }
    .l-header-3rd li:has(.l-header-menu__4th) .l-header-3rd__linkText {
      position: relative;
    }
    .l-header-3rd li:has(.l-header-menu__4th) .l-header-3rd__linkText::after {
      position: absolute;
      content: "";
      inline-size: 12px;
      block-size: 11px;
      top: 0;
      bottom: 0;
      right: 12px;
      margin-block: auto;
      background: var(--COLOR-BORDER-PRIMARY-DARK);
      mask-image: url("/assets/hotel/images/header/icon-arrow-navi.svg");
      mask-repeat: no-repeat;
      mask-position: center;
    }
    .l-header-3rd__inner {
      block-size: 100%;
      overflow-y: scroll;
      scrollbar-color: var(--COLOR-BORDER-PRIMARY) transparent;
      scrollbar-width: thin;
    }
    .l-header-3rd__list {
      padding-block: 32px;
      padding-inline-end: 20px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .l-header-3rd__list:has(.l-header-3rd__link.is-hidden) {
      padding-block: 0;
    }
    .l-header-3rd__link {
      display: block;
      inline-size: 100%;
      text-align: left;
      padding-block-end: 20px;
      border-bottom: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .l-header-3rd__link.is-hidden {
      display: none;
      visibility: hidden;
    }
    .l-header-3rd__linkText {
      display: flex;
      font-family: var(--FONT-SECONDARY);
      line-height: 1.6;
      color: var(--COLOR-FONT);
    }
    .l-header-menu__4th {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      inline-size: 100%;
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
      z-index: var(--Z-INDEX-1);
    }
    .l-header-menu__4th.is-hidden {
      display: none;
      visibility: hidden;
    }
    .l-header-menu__4th.is-scroll .l-header-4th {
      position: relative;
    }
    .l-header-menu__4th.is-scroll .l-header-4th::before, .l-header-menu__4th.is-scroll .l-header-4th::after {
      position: absolute;
      content: "";
      left: 0;
      inline-size: 100%;
      block-size: 56px;
    }
    .l-header-menu__4th.is-scroll .l-header-4th::before {
      top: 0;
      background: linear-gradient(0deg, rgba(250, 248, 245, 0) 0%, rgba(250, 248, 245, 0.8) 50%, var(--COLOR-BG-PRIMARY-LIGHT) 80%);
    }
    .l-header-menu__4th.is-scroll .l-header-4th::after {
      bottom: 0;
      background: linear-gradient(180deg, rgba(250, 248, 245, 0) 0%, rgba(250, 248, 245, 0.8) 50%, var(--COLOR-BG-PRIMARY-LIGHT) 80%);
    }
    .l-header-menu__4th__title {
      padding: 24px 32px;
      background: var(--COLOR-BG-PRIMARY) url("/assets/hotel/images/bg-pattern-light.svg") repeat;
      background-size: 26px;
      font-family: var(--FONT-SECONDARY);
      font-size: 1.125rem;
      font-weight: var(--FONT-WEIGHT-SEMIBOLD);
      line-height: 1.6;
    }
    .l-header-4th {
      padding-inline: 32px 12px;
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
      block-size: calc(100dvh - 71px - 33px - 76px - 52px);
    }
    .l-header-4th.is-hidden {
      display: none;
    }
    .l-header-4th__inner {
      padding-inline-end: 17px;
      block-size: 100%;
      overflow-y: scroll;
      scrollbar-color: var(--COLOR-BORDER-PRIMARY) transparent;
      scrollbar-width: thin;
    }
    .l-header-4th__hdg {
      position: relative;
      margin-block-end: 16px;
      padding-block-end: 12px;
      font-size: 0.875rem;
      font-weight: var(--FONT-WEIGHT-BOLD);
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    }
    .l-header-4th__hdg::after {
      position: absolute;
      content: "";
      left: 0;
      top: 100%;
      inline-size: 32px;
      block-size: 1px;
      background-color: var(--COLOR-ACCENT-PRIMARY);
    }
    .l-header-4th__hdg + .l-header-4th__list {
      padding-block-start: 0;
    }
    .l-header-4th__list {
      display: grid;
      gap: 16px;
      padding-block: 32px;
    }
    .l-header-4th__list > :first-child .l-header-4th__link {
      padding-block-start: 0;
      border-top: none;
    }
    .l-header-4th__list--media {
      grid-template-columns: repeat(auto-fill, minmax(143px, 1fr));
      gap: 32px 24px;
      justify-items: center;
    }
    .l-header-4th__list--media .l-header-4th__link {
      display: flex;
      flex-direction: column-reverse;
      gap: 12px;
      padding-block-start: 0;
      border-top: none;
    }
    .l-header-4th__list--media .l-header-4th__linkText {
      font-size: 0.75rem;
      line-height: 1.8;
    }
    .l-header-4th__link {
      display: block;
      padding-block-start: 16px;
      border-top: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .l-header-4th__link--border {
      padding-block-end: 16px;
      border-bottom: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .l-header-4th__linkText {
      font-size: 0.875rem;
    }
    .l-header-secondary {
      position: relative;
    }
    .l-header-secondary__inner {
      position: fixed;
      bottom: 0;
      left: 0;
      inline-size: 100%;
      padding: 16px 0 16px 24px;
      background-color: var(--COLOR-BASE-WHITE);
      box-shadow: 0 2px 16px 0 rgba(149, 128, 78, 0.2);
      z-index: var(--Z-INDEX-3);
    }
    .l-header-secondary__linkList {
      display: flex;
      align-items: center;
      gap: 24px;
      inline-size: fit-content;
      margin-inline: auto 168px;
    }
    .l-header-secondary__linkList > :last-child::after {
      display: none;
    }
    html[lang=en] .l-header-secondary__linkList {
      inline-size: auto;
      margin-inline: auto 194px;
    }
    .l-header-secondary__link {
      position: relative;
      font-size: 0.875rem;
      line-height: 1.4;
      padding-inline-end: 24px;
    }
    .l-header-secondary__link::after {
      position: absolute;
      content: "";
      inset-block: 0;
      margin-block: auto;
      right: 0;
      inline-size: 1px;
      block-size: 14px;
      background-color: var(--COLOR-BORDER-PRIMARY-DARK);
    }
    html[lang=en] .l-header-secondary__link {
      white-space: nowrap;
    }
    .l-header-secondary__linkText {
      position: relative;
      padding-inline-start: 20px;
      font-size: 0.6875rem;
      line-height: 1.4;
    }
    .l-header-secondary__linkText::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      inline-size: 14px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
    .l-header-secondary__linkText--access::before {
      block-size: 16px;
      background-image: url("/assets/hotel/images/header/icon-access.svg");
    }
    .l-header-secondary__linkText--tel::before {
      block-size: 14px;
      background-image: url("/assets/hotel/images/header/icon-tel.svg");
    }
    .l-header-reserve {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
    }
    .l-header-reserve > :first-child {
      border-top-left-radius: 24px;
    }
    .l-header-reserve__link {
      padding: 12px;
      background-color: var(--COLOR-BASE-SECONDARY);
      inline-size: 84px;
    }
    .l-header-reserve__link + .l-header-reserve__link {
      border-left: 1px solid #B47986;
    }
    html[lang=en] .l-header-reserve__link {
      padding: 16px 8px;
      max-inline-size: 100px;
    }
    .l-header-reserve__text {
      display: block;
      font-family: var(--FONT-SECONDARY);
      font-size: 0.75rem;
      font-weight: var(--FONT-WEIGHT-SEMIBOLD);
      line-height: 1.4;
      color: var(--COLOR-BASE-WHITE);
      white-space: nowrap;
    }
    html[lang=en] .l-header-reserve__text {
      font-size: 0.625rem;
      white-space: unset;
      overflow-wrap: normal;
      word-break: normal;
    }
  }
  @media (width < 1280px) and (orientation: landscape) {
    .l-header__main.is-open {
      block-size: calc(100dvh - 71px - 52px);
    }
    .l-header-submenu {
      block-size: calc(100dvh - 71px - 52px);
    }
    .fn-3rd-menu .l-header-3rd {
      block-size: auto;
    }
    .l-header-menu__4th {
      overflow: scroll;
    }
    .l-header-4th {
      block-size: auto;
      min-block-size: calc(100dvh - 71px - 33px - 76px - 52px);
    }
  }
  /* .l-mv
  ----------------------------------------------- */
  .l-mv {
    width: 100%;
    background: url("/assets/hotel/images/bg-pattern-light.svg") var(--COLOR-BG-PRIMARY);
    background-size: 26px;
    position: relative;
    overflow: hidden;
    padding-block-end: 30px;
  }
  .l-mv::after {
    position: absolute;
    content: "";
    inline-size: 112%;
    block-size: 110px;
    background-color: var(--COLOR-BASE-WHITE);
    clip-path: ellipse(50% 50% at 50% 50%);
    left: 50%;
    translate: -50% 30%;
    margin-inline: auto;
    z-index: var(--Z-INDEX-1);
    bottom: -10px;
  }
  @media (min-width: 768px) {
    .l-mv {
      background-size: auto;
      padding-block-end: 66px;
    }
    .l-mv::after {
      block-size: 240px;
    }
  }
  .l-mv__inner {
    max-width: 1920px;
    margin: auto;
    width: 100%;
    overflow: hidden;
    background-color: var(--COLOR-BASE-WHITE);
  }
  .l-mv__media {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    margin-block: 0;
  }
  @media (min-width: 768px) {
    .l-mv__media {
      aspect-ratio: 12/5;
    }
  }
  .l-mv__mediaItem {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 1.5s ease-out, transform 12s linear;
  }
  @media (scripting: none) {
    .l-mv__mediaItem:first-child {
      opacity: 1;
    }
  }
  .l-mv__mediaItem.is-show {
    opacity: 1;
  }
  .l-mv__mediaItem.is-zoom {
    transform: scale(1);
  }
  .l-mv__mediaImg {
    display: block;
    height: auto;
    width: 100%;
    object-fit: contain;
  }
  .l-mv__btn {
    position: absolute;
    bottom: 70px;
    left: 20px;
    z-index: 999;
    width: 44px;
    height: 33px;
    background-color: rgba(52, 52, 52, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 50%;
    border: 1px solid var(--COLOR-BASE-WHITE);
    padding: 13px 20px;
  }
  @media (min-width: 768px) {
    .l-mv__btn {
      width: 52px;
      height: 39px;
      bottom: 150px;
      left: 32.5px;
    }
  }
  .l-mv__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: url("/assets/hotel/images/icon-movie-pause.svg") no-repeat center;
    width: 8px;
    height: 9px;
  }
  @media (min-width: 768px) {
    .l-mv__btn::before {
      width: 14px;
      height: 12px;
    }
  }
  .l-mv__btn.is-play::before {
    background-image: url("/assets/hotel/images/icon-movie-play.svg");
  }
  @media (scripting: none) {
    .l-mv__btn {
      display: none;
    }
  }
  .l-mv__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  .l-mv + .l-content {
    padding-block-start: 0;
  }
  /* .l-mv-category
  ----------------------------------------------- */
  .l-mv-category {
    width: 100%;
    background: url("/assets/hotel/images/bg-pattern-light.svg") var(--COLOR-BG-PRIMARY);
    background-size: 26px;
    position: relative;
    overflow: hidden;
    padding-block-end: 30px;
  }
  .l-mv-category::after {
    position: absolute;
    content: "";
    inline-size: 112%;
    block-size: 125px;
    background-color: var(--COLOR-BASE-WHITE);
    clip-path: ellipse(50% 50% at 50% 50%);
    left: 50%;
    translate: -50% 30%;
    margin-inline: auto;
    z-index: var(--Z-INDEX-1);
    bottom: -10px;
  }
  @media (min-width: 768px) {
    .l-mv-category {
      background-size: auto;
      padding-block-end: 66px;
    }
    .l-mv-category::after {
      block-size: 240px;
    }
  }
  .l-mv-category__inner {
    max-width: 1920px;
    margin: auto;
    width: 100%;
    overflow: hidden;
    background-color: var(--COLOR-BASE-WHITE);
  }
  .l-mv-category__media {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
  }
  @media (min-width: 768px) {
    .l-mv-category__media {
      aspect-ratio: 12/5;
    }
  }
  @media (min-width: 768px) {
    .l-mv-category__media--sp {
      display: none;
    }
  }
  .l-mv-category__media--pc {
    display: none;
  }
  @media (min-width: 768px) {
    .l-mv-category__media--pc {
      display: block;
    }
  }
  .l-mv-category__btn {
    position: absolute;
    bottom: 70px;
    left: 20px;
    z-index: 999;
    width: 44px;
    height: 33px;
    background-color: rgba(52, 52, 52, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 50%;
    border: 1px solid var(--COLOR-BASE-WHITE);
    padding: 13px 20px;
  }
  @media (min-width: 768px) {
    .l-mv-category__btn {
      width: 52px;
      height: 39px;
      bottom: 150px;
      left: 32.5px;
    }
  }
  .l-mv-category__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: url("/assets/hotel/images/icon-movie-pause.svg") no-repeat center;
    width: 8px;
    height: 9px;
  }
  @media (min-width: 768px) {
    .l-mv-category__btn::before {
      width: 14px;
      height: 12px;
    }
  }
  .l-mv-category__btn.is-play::before {
    background-image: url("/assets/hotel/images/icon-movie-play.svg");
    width: 11px;
  }
  @media (min-width: 768px) {
    .l-mv-category__btn.is-play::before {
      width: 14px;
    }
  }
  @media (scripting: none) {
    .l-mv-category__btn {
      display: none;
    }
  }
  .l-mv-category__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  .l-mv-category + .l-content {
    padding-block-start: 0;
  }
  /* .l-content
  ----------------------------------------------- */
  .l-content {
    padding: var(--SPACE-6XL) var(--SPACE-GUTTER);
    background-color: var(--COLOR-BASE-WHITE);
    overflow-inline: hidden;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-content {
      padding-inline: clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
    }
  }
  @media (1600px <= width) {
    .l-content .l-content__inner {
      max-inline-size: calc(var(--CONTENT-WIDTH) - var(--SPACE-GUTTER) * 2);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-content--gutter-wide {
      padding-inline: clamp(2.5rem, -8.772rem + 23.48vw, 10rem);
    }
  }
  @media (1600px <= width) {
    .l-content--gutter-wide .l-content__inner {
      max-inline-size: calc(var(--CONTENT-WIDTH) - var(--SPACE-GUTTER-WIDE) * 2);
    }
  }
  .l-content--gutter-max {
    padding-inline: var(--SPACE-GUTTER-MAX);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-content--gutter-max {
      padding-inline: clamp(2.5rem, -8.772rem + 23.48vw, 10rem);
    }
  }
  @media (min-width: 1280px) {
    .l-content--gutter-max {
      padding-inline: clamp(10rem, -15.078rem + 31.35vw, 16.25rem);
    }
  }
  @media (1600px <= width) {
    .l-content--gutter-max .l-content__inner {
      max-inline-size: calc(1600px - var(--SPACE-GUTTER-MAX) * 2);
    }
  }
  .l-content--gutter-none {
    padding-inline: 0px;
  }
  @media (max-width: 767px) {
    .l-content--gutter-sp-lg {
      padding-inline: var(--SPACE-GUTTER-WIDE);
    }
  }
  .l-content--bg-primary {
    background-color: var(--COLOR-BG-PRIMARY);
  }
  .l-content--bg-primary-light {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .l-content--bg-pattern {
    position: relative;
    background-color: #E8D9D2;
    padding-block: 0;
    overflow-inline: visible;
  }
  .l-content--bg-pattern::before {
    position: absolute;
    content: "";
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    background: url("/assets/hotel/images/bg-pattern-dark.svg");
    background-size: 26px;
  }
  @media (min-width: 768px) {
    .l-content--bg-pattern::before {
      background-size: auto;
    }
  }
  .l-content--bg-pattern > .l-content__inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
    transform: translateY(-64px);
    margin-block-start: var(--SPACE-4XL);
  }
  @media (min-width: 768px) {
    .l-content--bg-pattern > .l-content__inner {
      transform: translateY(-80px);
    }
  }
  .l-content--bg-pattern-color::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: var(--SPACE-4XL);
    background-color: var(--COLOR-BG-PRIMARY);
    inset: -64px 0 0;
  }
  @media (min-width: 768px) {
    .l-content--bg-pattern-color::after {
      inset: -80px 0 0;
    }
  }
  .l-content--bg-pattern-fade {
    position: relative;
    background-color: var(--COLOR-BG-PRIMARY);
  }
  .l-content--bg-pattern-fade::before, .l-content--bg-pattern-fade::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 280px;
    inset: 0;
  }
  .l-content--bg-pattern-fade::before {
    background: url("/assets/hotel/images/bg-pattern-light.svg");
    background-size: 26px;
  }
  @media (min-width: 768px) {
    .l-content--bg-pattern-fade::before {
      background-size: auto;
    }
  }
  .l-content--bg-pattern-fade::after {
    background: linear-gradient(0deg, var(--COLOR-BG-PRIMARY) 0%, rgba(245, 240, 233, 0) 80%);
  }
  .l-content--bg-pattern-fade > .l-content__inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
  }
  .l-content--border {
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .l-content--recruit {
    --stop: 310px;
    background: linear-gradient(to bottom, #F5F0E9 0 var(--stop), #fff var(--stop) 100%);
  }
  @media (min-width: 768px) {
    .l-content--recruit {
      --stop: 500px;
    }
  }
  .l-content + .l-content {
    padding-block-start: 0;
  }
  .l-content + .l-content:has(.unq-venue-list-card) {
    padding-block: 64px;
  }
  @media (min-width: 768px) {
    .l-content + .l-content:has(.unq-venue-list-card) {
      padding-block: 128px;
    }
  }
  .l-content + .l-content--bg-primary, .l-content + .l-content--bg-primary-light {
    padding-block-start: var(--SPACE-6XL);
  }
  .l-content--bg-primary + .l-content--bg-primary {
    padding-block-start: 0;
  }
  .l-content + .l-content--bg-pattern-fade {
    padding-block-start: var(--SPACE-6XL);
  }
  .l-content.u-py-none {
    padding-block: 0;
  }
  .l-content.u-pt-none {
    padding-block-start: 0;
  }
  .l-content.u-pb-none {
    padding-block-end: 0;
  }
  .l-content.u-pt-6xl {
    padding-block: var(--SPACE-6XL);
  }
  .l-content:has(> .l-content__inner:first-child > .m-panel__layout:first-child) {
    overflow-inline: visible;
  }
  .l-content:has(.m-link-anchor-category) {
    position: relative;
    overflow-inline: visible;
    padding-block-start: 102px;
  }
  @media (min-width: 768px) {
    .l-content:has(.m-link-anchor-category) {
      padding-block-start: 160px;
    }
  }
  .l-content:has(> .l-content__inner > .m-horizon:only-child) {
    padding-block-end: 0;
  }
  .l-content__inner {
    inline-size: 100%;
    margin-inline: auto;
  }
  .l-content__inner > :first-child {
    margin-block-start: 0 !important;
  }
  .l-content__inner > :last-child {
    margin-block-end: 0 !important;
  }
  /* .l-content-news
  ----------------------------------------------- */
  @media (min-width: 768px) {
    .l-content-news {
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
    }
  }
  .l-content-news .m-hdg-lv2-02 {
    width: 100%;
    max-width: 240px;
  }
  .l-content-news .m-link-list {
    margin-block-start: 24px;
  }
  @media (min-width: 768px) {
    .l-content-news .m-link-list {
      justify-content: flex-end;
      margin-block-start: 32px;
    }
  }
  .l-content-news__inner {
    flex: 1;
  }
  /* .l-local-nav
  ----------------------------------------------- */
  .l-local-nav:has(.l-local-nav-pickUp) {
    margin-block-start: var(--SPACE-6XL);
    padding-block-end: var(--SPACE-6XL);
  }
  @media (min-width: 768px) {
    .l-local-nav:has(.l-local-nav-pickUp) {
      padding-block-start: clamp(4rem, 3.077rem + 1.92vw, 5rem);
    }
  }
  .l-local-nav:has(.l-local-nav-pickUp) .l-local-nav-main {
    padding-block-start: var(--SPACE-5XL);
    padding-block-end: 0;
  }
  /* .l-local-nav-pickUp
  ----------------------------------------------- */
  @media (min-width: 768px) {
    .l-local-nav-pickUp {
      background-color: var(--COLOR-BG-PRIMARY);
    }
  }
  @media (min-width: 768px) {
    .l-local-nav-pickUp__inner {
      display: flex;
      gap: clamp(2.5rem, 0.192rem + 4.81vw, 5rem);
      max-inline-size: calc(var(--CONTENT-WIDTH) - var(--SPACE-GUTTER) * 2);
      margin-inline: auto;
    }
  }
  .l-local-nav-pickUp__media {
    position: relative;
    background-color: transparent;
  }
  .l-local-nav-pickUp__media::after {
    position: absolute;
    content: "";
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 66.6666666667%;
    background-color: var(--COLOR-BG-PRIMARY);
  }
  .l-local-nav-pickUp__media img {
    border-start-end-radius: 32px;
    border-end-end-radius: 32px;
    position: relative;
    max-inline-size: 298px;
    text-align: start;
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .l-local-nav-pickUp__media {
      display: flex;
      align-items: flex-start;
      transform: translateY(-80px);
    }
    .l-local-nav-pickUp__media::after {
      display: none;
    }
    .l-local-nav-pickUp__media img {
      border-start-end-radius: 48px;
      border-end-end-radius: 48px;
      max-inline-size: 100%;
    }
  }
  .l-local-nav-pickUp__content {
    display: flex;
    flex-direction: column;
    gap: var(--SPACE-MD);
    background-color: var(--COLOR-BG-PRIMARY);
    padding: 40px var(--SPACE-GUTTER-WIDE) 66px;
  }
  .l-local-nav-pickUp__content > * {
    margin-block: 0 !important;
    padding-block: 0 !important;
  }
  @media (min-width: 768px) {
    .l-local-nav-pickUp__content {
      padding: clamp(4rem, 3.077rem + 1.92vw, 5rem) 80px 96px 0;
      inline-size: 100%;
      max-inline-size: 50%;
      background-color: transparent;
    }
  }
  @media (min-width: 768px) {
    .l-local-nav-pickUp__content .m-link-list.m-link-list--2col {
      display: flex !important;
      flex-wrap: wrap;
      gap: 16px 40px !important;
    }
  }
  .l-local-nav-pickUp__head {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-3XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
  }
  /* .l-local-nav-main
  ----------------------------------------------- */
  .l-local-nav-main__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    justify-items: center;
    gap: 32px 19px;
  }
  @media (min-width: 768px) {
    .l-local-nav-main__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      justify-items: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .l-local-nav-main__list {
      grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    }
  }
  .l-local-nav-main__list--3col {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    .l-local-nav-main__list--3col {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .l-local-nav-main__item {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    transition: all 0.3s ease-out;
    max-inline-size: 160px;
  }
  @media only screen and (any-hover: hover) {
    .l-local-nav-main__item:focus, .l-local-nav-main__item:focus-visible, .l-local-nav-main__item:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
    .l-local-nav-main__item:focus .l-local-nav-main__media, .l-local-nav-main__item:focus-visible .l-local-nav-main__media, .l-local-nav-main__item:hover .l-local-nav-main__media {
      border-radius: var(--RADIUS-LG);
    }
    .l-local-nav-main__item:focus .l-local-nav-main__media img, .l-local-nav-main__item:focus-visible .l-local-nav-main__media img, .l-local-nav-main__item:hover .l-local-nav-main__media img {
      scale: 1.1;
    }
  }
  @media (min-width: 768px) {
    .l-local-nav-main__item {
      flex-direction: row-reverse;
      justify-content: left;
      align-items: center;
      gap: 20px;
      max-inline-size: 100%;
      min-inline-size: 330px;
    }
  }
  .l-local-nav-main__text {
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .l-local-nav-main__text {
      flex: 1;
      font-size: 1rem;
    }
  }
  .l-local-nav-main__media {
    overflow: hidden;
    transition: all 0.3s ease-out;
  }
  .l-local-nav-main__media img {
    transition: all 0.3s ease-out;
  }
  .l-local-nav-main__media--border {
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  /* .l-local-nav-textLink
  ----------------------------------------------- */
  .l-local-nav-textLink {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-block: 20px 0;
  }
  .l-local-nav-textLink li {
    display: flex;
  }
  .l-local-nav-textLink > :last-child .l-local-nav-textLink__item {
    padding-inline-end: 0;
    border: none;
  }
  .l-local-nav-textLink + .m-hdg-lv3-type2 {
    margin-block-start: var(--SPACE-3XL);
  }
  @media (min-width: 768px) {
    .l-local-nav-textLink {
      gap: 24px;
      margin-block-start: 24px;
    }
  }
  .l-local-nav-textLink__item {
    padding-inline-end: 16px;
    border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .l-local-nav-textLink__item {
      font-size: var(--FONT-SIZE-MD);
    }
  }
  .l-breadcrumb {
    padding: var(--SPACE-MD) var(--SPACE-GUTTER);
    background-color: var(--COLOR-BG-PRIMARY);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-breadcrumb {
      padding-inline: clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
    }
  }
  .l-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    margin-block: 0;
  }
  .l-breadcrumb__list > :last-of-type {
    padding-inline-end: 0;
  }
  .l-breadcrumb__list > :last-of-type::after {
    display: none;
  }
  .l-breadcrumb__list li {
    position: relative;
    padding-inline-end: 14px;
    font-size: var(--FONT-SIZE-XS);
    line-height: 1.6;
  }
  .l-breadcrumb__list li::after {
    position: absolute;
    content: "";
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background-color: var(--COLOR-BORDER-PRIMARY-DARK);
    inset: 0 0 0 auto;
    margin-block: auto;
  }
  .l-breadcrumb__list li > a {
    color: var(--COLOR-FONT);
    text-decoration: none;
  }
  .l-breadcrumb__list li[aria-current=page] {
    font-weight: var(--FONT-WEIGHT-BOLD);
  }
  @media (min-width: 768px) {
    .l-breadcrumb__list {
      gap: 16px;
    }
    .l-breadcrumb__list li {
      padding-inline-end: 22px;
    }
  }
  @media (1600px <= width) {
    .l-breadcrumb__list {
      max-inline-size: calc(var(--CONTENT-WIDTH) - var(--SPACE-GUTTER) * 2);
    }
  }
  :root {
    --color-border: rgb(255 255 255 / .2);
  }
  /* .l-footer
  ----------------------------------------------- */
  .l-footer {
    overflow-inline: hidden;
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  /* .l-footer-iconLink
  ----------------------------------------------- */
  .l-footer-iconLink {
    padding: var(--SPACE-3XL) 20px;
    background-color: var(--COLOR-BG-PRIMARY);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-footer-iconLink {
      padding-block: clamp(3rem, 1.497rem + 3.13vw, 4rem);
    }
  }
  @media (min-width: 1280px) {
    .l-footer-iconLink {
      padding-inline: 40px;
    }
  }
  .l-footer-iconLink__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 41px;
    margin-block: 0;
  }
  .l-footer-iconLink__list > :last-child .l-footer-iconLink__item::after {
    display: none;
  }
  @media (min-width: 768px) {
    .l-footer-iconLink__list {
      grid-template-columns: repeat(5, 1fr);
      margin-inline: auto;
      max-inline-size: 1520px;
    }
  }
  @media (min-width: 1280px) {
    .l-footer-iconLink__list {
      column-gap: 65px;
    }
  }
  .l-footer-iconLink__item {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 12px;
    transition: opacity 0.3s ease-out;
  }
  .l-footer-iconLink__item::after {
    position: absolute;
    content: "";
    inline-size: 1px;
    block-size: 100%;
    background-color: var(--COLOR-BORDER-PRIMARY);
    inset-inline-end: -20px;
    inset-block-start: 0;
  }
  @media only screen and (any-hover: hover) {
    .l-footer-iconLink__item:focus, .l-footer-iconLink__item:focus-visible, .l-footer-iconLink__item:hover {
      opacity: 0.6;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-footer-iconLink__item {
      gap: clamp(0.75rem, 0.374rem + 0.78vw, 1rem);
    }
    .l-footer-iconLink__item::after {
      inset-inline-end: -20px;
    }
  }
  @media (min-width: 768px) {
    .l-footer-iconLink__item {
      block-size: 100%;
      justify-content: flex-end;
    }
  }
  @media (min-width: 1280px) {
    .l-footer-iconLink__item {
      gap: 16px;
    }
    .l-footer-iconLink__item::after {
      inset-inline-end: -32px;
    }
  }
  .l-footer-iconLink__text {
    font-size: 0.6875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    text-align: center;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-footer-iconLink__text {
      font-size: clamp(0.75rem, 0.375rem + 0.78vw, 1rem);
    }
  }
  @media (min-width: 768px) {
    .l-footer-iconLink__text {
      text-align: center;
    }
  }
  @media (min-width: 1280px) {
    .l-footer-iconLink__text {
      font-size: 1rem;
    }
  }
  .l-footer-iconLink__icon {
    aspect-ratio: 1/1;
    max-inline-size: 36px;
    block-size: auto;
  }
  @media (min-width: 768px) {
    .l-footer-iconLink__icon {
      max-inline-size: 44px;
    }
  }
  /* .l-footer-sns
  ----------------------------------------------- */
  .l-footer-sns {
    position: relative;
    background-color: var(--COLOR-BG-PRIMARY);
  }
  .l-footer-sns::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 50%;
    inset-block-end: 0;
    background-color: var(--COLOR-BG-SECONDARY);
  }
  .l-footer-sns__wrap {
    position: relative;
    inline-size: fit-content;
    margin-inline: auto;
    padding: 16px 24px;
    border-radius: 3em;
    background-color: var(--COLOR-BASE-WHITE);
    box-shadow: 0 2px 16px 0 var(--COLOR-SHADOW);
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .l-footer-sns__wrap {
      padding-inline: 32px;
      box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
    }
  }
  .l-footer-sns__list {
    display: flex;
    gap: 20px;
    margin-block: 0;
  }
  @media (min-width: 768px) {
    .l-footer-sns__list {
      gap: 24px;
    }
  }
  .l-footer-sns__item {
    display: block;
    max-inline-size: 24px;
    transition: opacity 0.3s ease-out;
  }
  .l-footer-sns__item img {
    aspect-ratio: 1/1;
  }
  @media only screen and (any-hover: hover) {
    .l-footer-sns__item:focus, .l-footer-sns__item:focus-visible, .l-footer-sns__item:hover {
      opacity: 0.6;
    }
  }
  @media (min-width: 768px) {
    .l-footer-sns__item {
      max-inline-size: 30px;
    }
  }
  /* .l-footer-companyLink
  ----------------------------------------------- */
  .l-footer-companyLink {
    padding: 65px 20px 64px;
    background-color: var(--COLOR-BG-SECONDARY);
  }
  @media (min-width: 768px) {
    .l-footer-companyLink {
      padding-block-end: 80px;
      padding-inline: 48px;
    }
  }
  .l-footer-companyLink__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 48px;
    margin: 0 auto;
    max-inline-size: 1280px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-footer-companyLink__list {
      gap: 32px clamp(3rem, 1.497rem + 3.13vw, 4rem);
    }
  }
  @media (min-width: 1280px) {
    .l-footer-companyLink__list {
      gap: 32px 64px;
    }
  }
  /* .l-footer-main
  ----------------------------------------------- */
  .l-footer-main__wrap {
    overflow: hidden;
  }
  .l-footer-mainEllipse {
    position: relative;
    block-size: 48px;
    background-color: var(--COLOR-BG-SECONDARY);
  }
  .l-footer-mainEllipse::before {
    position: absolute;
    content: "";
    inline-size: 112%;
    block-size: 125px;
    inset-inline-start: 50%;
    inset-block-start: 0;
    transform: translateX(-50%);
    clip-path: ellipse(50% 50% at 50% 50%);
    background-color: var(--COLOR-BASE-PRIMARY-DARK);
  }
  .l-footer-mainEllipse::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 65px;
    inset-block-start: 0;
    background-color: var(--COLOR-BG-SECONDARY);
    z-index: -1;
  }
  @media (min-width: 768px) {
    .l-footer-mainEllipse {
      block-size: 80px;
    }
    .l-footer-mainEllipse::before {
      block-size: 487px;
    }
    .l-footer-mainEllipse::after {
      block-size: 245px;
    }
  }
  .l-footer-main {
    position: relative;
    overflow: hidden;
    margin-block-end: 51px;
  }
  .l-footer-main::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    background: linear-gradient(0deg, var(--COLOR-BASE-PRIMARY) 83.81%, var(--COLOR-BASE-PRIMARY-DARK) 100%);
  }
  @media (min-width: 768px) {
    .l-footer-main {
      margin-block-end: 0;
    }
    .l-footer-main::after {
      inset-block-start: 55px;
    }
  }
  .l-footer-main__inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
    margin-inline: auto;
    padding: 0 clamp(1.25rem, 0.054rem + 5.1vw, 2.5rem) 16px;
    max-inline-size: 1280px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-footer-main__inner {
      padding-inline: clamp(2.5rem, -8.772rem + 23.48vw, 10rem);
    }
  }
  @media (1600px <= width) {
    .l-footer-main__inner {
      padding-inline: 0;
      max-inline-size: calc(1600px - var(--SPACE-GUTTER-WIDE) * 2);
    }
  }
  @media (min-width: 768px) {
    .l-footer-main__inner {
      padding-block-end: 24px;
    }
  }
  /* .l-footer-logo
  ----------------------------------------------- */
  .l-footer-logo {
    margin-block-end: 28px;
    margin-inline: auto;
    max-inline-size: 102px;
  }
  @media (min-width: 768px) {
    .l-footer-logo {
      margin-block-end: 40px;
      max-inline-size: auto;
    }
  }
  /* .l-footer-info
  ----------------------------------------------- */
  .l-footer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }
  @media (min-width: 768px) {
    .l-footer-info {
      flex-direction: row;
      justify-content: center;
      gap: 32px;
    }
  }
  .l-footer-info__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  @media (min-width: 768px) {
    .l-footer-info__item {
      flex-direction: row;
      flex: 1;
      gap: 16px 24px;
      justify-content: flex-start;
      max-inline-size: fit-content;
      padding-inline-end: 32px;
      border-inline-end: 1px solid var(--color-border);
    }
  }
  .l-footer-info__address,
  .l-footer-info__tel {
    font-size: 0.75rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-FONT-LIGHT);
  }
  @media (min-width: 768px) {
    .l-footer-info__address,
    .l-footer-info__tel {
      font-size: 1rem;
    }
  }
  .l-footer-info__telNum {
    padding-inline-start: 12px;
  }
  .l-footer-info__telNum a {
    color: var(--COLOR-FONT-LIGHT);
    text-decoration: none;
  }
  .l-footer-info__faq {
    display: flex;
    transition: opacity 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .l-footer-info__faq:focus, .l-footer-info__faq:focus-visible, .l-footer-info__faq:hover {
      opacity: 0.6;
    }
  }
  @media (min-width: 768px) {
    .l-footer-info__faq {
      margin-block-start: 0;
    }
  }
  .l-footer-info__faqText {
    position: relative;
    padding-inline-start: 33px;
    font-size: 0.75rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-FONT-LIGHT);
  }
  .l-footer-info__faqText::before {
    position: absolute;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 25px;
    block-size: 20px;
    background: url("/assets/hotel/images/footer/icon-faq-sp.svg") no-repeat center/contain;
  }
  @media (min-width: 768px) {
    .l-footer-info__faqText {
      padding-inline-start: 38px;
      font-size: 1rem;
    }
    .l-footer-info__faqText::before {
      inset-block-start: 0.1em;
      inline-size: 30px;
      block-size: 26px;
      background-image: url("/assets/hotel/images/footer/icon-faq.svg");
    }
  }
  /* .l-footer-link
  ----------------------------------------------- */
  .l-footer-link__logo {
    display: flex;
    justify-content: center;
    transition: opacity 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .l-footer-link__logo:focus, .l-footer-link__logo:focus-visible, .l-footer-link__logo:hover {
      opacity: 0.6;
    }
  }
  .l-footer-link__text {
    display: block;
    color: var(--COLOR-FONT-LIGHT);
    transition: opacity 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .l-footer-link__text:focus, .l-footer-link__text:focus-visible, .l-footer-link__text:hover {
      opacity: 0.6;
    }
  }
  .l-footer-link__text .m-icon-link {
    margin-inline-start: 6px;
    fill: var(--COLOR-FONT-LIGHT);
  }
  .l-footer-link__text .m-icon-link[data-id=pdf] {
    inset-block-start: 0.1em;
    fill: var(--COLOR-FONT-LIGHT);
  }
  .l-footer-link__primary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 28px;
    margin-block: 0;
    padding-block: 40px;
  }
  @media (min-width: 768px) {
    .l-footer-link__primary {
      gap: 24px 40px;
      padding-block: 64px;
    }
  }
  .l-footer-link__primary .l-footer-link__text {
    font-family: var(--FONT-SECONDARY);
    font-size: 1rem;
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .l-footer-link__primary .l-footer-link__text {
      font-size: 1.125rem;
    }
  }
  .l-footer-link__secondary {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-block: 0;
    padding-block: 40px;
    border-block-start: 1px solid var(--color-border);
  }
  @media (min-width: 768px) {
    .l-footer-link__secondary {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px 40px;
      padding-block: 0 80px;
      padding-inline-start: 0;
      border-block-start: none;
    }
  }
  .l-footer-link__secondary .l-footer-link__text {
    font-size: 0.6875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-S-TIGHT);
  }
  @media (min-width: 768px) {
    .l-footer-link__secondary .l-footer-link__text {
      font-size: 0.75rem;
    }
  }
  .l-footer-link__relatedCompany {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px 40px;
    padding-block: 28px;
    border-block-start: 1px solid var(--color-border);
  }
  @media (min-width: 768px) {
    .l-footer-link__relatedCompany {
      flex-direction: row;
      gap: 16px 64px;
      padding-block: 40px;
    }
  }
  /* .l-footer-copy
  ----------------------------------------------- */
  .l-footer-copy {
    font-family: var(--FONT-EN);
    font-size: 0.625rem;
    line-height: 1.6;
    letter-spacing: 0.1em;
    color: var(--COLOR-FONT-LIGHT);
    padding-block-start: 16px;
    border-block-start: 1px solid var(--color-border);
    text-align: center;
  }
  @media (min-width: 768px) {
    .l-footer-copy {
      padding-block-start: 24px;
      font-size: 0.75rem;
    }
  }
  /* .l-footer-image
  ----------------------------------------------- */
  .l-footer-image {
    display: none;
  }
  body[data-page-type=top] .l-footer-image {
    display: flex;
    justify-content: center;
    background: #4F628C url("/assets/hotel/images/footer/bg-pattern-blue.svg");
    width: 100%;
    overflow: hidden;
  }
  body[data-page-type=top] .l-footer-image__item {
    display: none;
    aspect-ratio: 192/87;
    height: 458px;
  }
  body[data-page-type=top] .l-footer-image__item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  body[data-page-type=top] .l-footer-image__item.is-visible {
    display: block;
  }
  @media (min-width: 768px) {
    body[data-page-type=top] .l-footer-image__item {
      height: 725px;
    }
  }
  @media (1600px <= width) {
    body[data-page-type=top] .l-footer-image__item {
      max-width: 1920px;
      height: auto;
    }
  }
  body[data-page-type=top] .l-footer-main__wrap {
    margin-block-start: -115px;
  }
  @media (min-width: 768px) {
    body[data-page-type=top] .l-footer-main__wrap {
      margin-block-start: -200px;
    }
  }
  @media (scripting: none) {
    body[data-page-type=top] .l-footer-main__wrap {
      margin-block-start: 0;
    }
  }
  @media (scripting: none) and (min-width: 768px) {
    body[data-page-type=top] .l-footer-main__wrap {
      margin-block-start: 0;
    }
  }
  body[data-page-type=top] .l-footer-mainEllipse {
    background-color: transparent;
  }
  body[data-page-type=top] .l-footer-mainEllipse::after {
    background-color: transparent;
  }
  @media (scripting: none) {
    body[data-page-type=top] .l-footer-mainEllipse {
      background-color: var(--COLOR-BG-SECONDARY);
    }
    body[data-page-type=top] .l-footer-mainEllipse::after {
      background-color: var(--COLOR-BG-SECONDARY);
    }
  }
  /* .l-page-top
  ----------------------------------------------- */
  .l-page-top {
    position: sticky;
    padding-inline: var(--SPACE-GUTTER);
    inset-inline-end: 16px;
    inset-block-end: 16px;
    margin-block-end: -76px;
    z-index: var(--Z-INDEX-2);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-page-top {
      padding-inline: clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
    }
  }
  .l-page-top__inner {
    inline-size: 40px;
    block-size: 33px;
    margin-inline-start: auto;
    margin-block-start: -16px;
  }
  @media (min-width: 768px) {
    .l-page-top__inner {
      inline-size: 48px;
      block-size: 40px;
      margin-block-start: -20px;
    }
  }
  .l-page-top__link {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    background: url("/assets/hotel/images/footer/icon-page-top.svg") no-repeat center/contain;
    transition: 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .l-page-top__link:focus, .l-page-top__link:focus-visible, .l-page-top__link:hover {
      background-image: url("/assets/hotel/images/footer/icon-page-top-hover.svg");
    }
  }
}
@layer module {
  /* .m-box
  ----------------------------------------------- */
  .m-box {
    margin-block-start: 48px;
    padding: 24px;
    border: 1px solid var(--COLOR-BORDER-PRIMARY-DARK);
    border-radius: var(--RADIUS-XL);
    background-color: var(--COLOR-BASE-WHITE);
  }
  @media (min-width: 768px) {
    .m-box {
      margin-block-start: 80px;
      padding: 40px 48px;
    }
  }
  .m-box__head {
    margin-block-end: 16px;
  }
  @media (min-width: 768px) {
    .m-box__head {
      margin-block-end: 24px;
    }
  }
  .m-box__title {
    font-size: 1.125rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: normal;
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .m-box__title {
      font-size: 1.4375rem;
    }
  }
  .m-box__head > :first-child,
  .m-box__body > :first-child {
    margin-block-start: 0 !important;
  }
  .m-box__head > :last-child,
  .m-box__body > :last-child {
    margin-block-end: 0 !important;
  }
  @media (max-width: 767px) {
    .m-box__body .m-text {
      margin-block-start: 16px;
      font-size: 0.875rem;
    }
  }
  .m-box--beige {
    background-color: #FAF8F5;
    border: none;
  }
  .m-box--attention {
    margin-block-start: var(--SPACE-4XL);
    border: 1px solid var(--COLOR-BASE-SECONDARY);
  }
  .m-box--attention .m-box__title {
    position: relative;
    font-family: var(--FONT-PRIMARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-BOLD);
    letter-spacing: 1.44px;
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    padding-inline-start: 36px;
  }
  .m-box--attention .m-box__title::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("/assets/hotel/images/icon-attention.svg") no-repeat;
    inset: 0.85em auto auto 0;
    transform: translateY(-50%);
  }
  /* .m-btn-list
  ----------------------------------------------- */
  .m-btn-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    text-align: center;
    margin-block: var(--SPACE-4XL) 0;
    height: 100%;
    margin-inline: 12px;
  }
  @media (min-width: 768px) {
    .m-btn-list {
      flex-direction: row;
      margin-inline: 24px;
      gap: 32px;
    }
  }
  .m-btn-list__item :where(.m-btn) {
    height: 100%;
  }
  @media (min-width: 768px) {
    .m-btn-list--left {
      justify-content: flex-start;
    }
  }
  @media (min-width: 768px) {
    .m-btn-list--right {
      justify-content: flex-end;
    }
  }
  /* .m-btn
  ----------------------------------------------- */
  .m-btn {
    --btn-text-color: var(--COLOR-BASE-PRIMARY);
    --btn-text-color-hover: var(--COLOR-ACCENT-PRIMARY-DARK);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--COLOR-BASE-PRIMARY);
    padding: 20px;
    min-width: min(100%, 400px);
    max-width: 560px;
    border-radius: var(--RADIUS-SM);
    font-size: var(--FONT-SIZE-LG);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--btn-text-color);
    background-color: var(--COLOR-BASE-WHITE);
    text-align: center;
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    transition: all 0.2s ease-out;
  }
  @media (min-width: 768px) {
    .m-btn {
      padding: 24px 40px;
      min-width: 400px;
    }
  }
  .m-btn .m-icon-link {
    fill: var(--COLOR-BASE-PRIMARY);
    transition: fill 0.3s;
  }
  @media only screen and (any-hover: hover) {
    .m-btn:focus, .m-btn:focus-visible, .m-btn:hover {
      border-color: var(--COLOR-ACCENT-PRIMARY);
      color: var(--btn-text-color-hover);
    }
    .m-btn:focus .m-icon-link, .m-btn:focus-visible .m-icon-link, .m-btn:hover .m-icon-link {
      fill: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  .m-btn--cta {
    --btn-text-color: var(--COLOR-BASE-WHITE);
    --btn-text-color-hover: var(--COLOR-BASE-WHITE);
    border: none;
    background-color: var(--COLOR-BASE-SECONDARY);
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .m-btn--cta::before {
    content: "";
    position: absolute;
    width: calc(100% + 350px);
    background-color: var(--COLOR-ACCENT-PRIMARY);
    padding-block-start: 100%;
    border-radius: 100vh 100vh 0 0;
    left: 50%;
    top: calc(100% + 1px);
    z-index: -1;
    transform: translate(-50%, 0);
    transition: transform 0.4s cubic-bezier(0.56, 0, 0.55, 1);
  }
  .m-btn--cta .m-icon-link {
    fill: var(--COLOR-BASE-WHITE);
  }
  @media only screen and (any-hover: hover) {
    .m-btn--cta:focus::before, .m-btn--cta:focus-visible::before, .m-btn--cta:hover::before {
      transform: translate(-50%, -50%);
    }
    .m-btn--cta:focus .m-icon-link, .m-btn--cta:focus-visible .m-icon-link, .m-btn--cta:hover .m-icon-link {
      fill: var(--COLOR-BASE-WHITE);
    }
  }
  .m-btn--showMore {
    display: block;
    margin-inline: auto;
    margin-block-start: var(--SPACE-4XL);
    background-color: var(--COLOR-BASE-WHITE);
    cursor: pointer;
  }
  .m-btn--showMore.is-hidden {
    display: none;
  }
  @media only screen and (any-hover: hover) {
    .m-btn--showMore:focus .m-btn__text::before, .m-btn--showMore:focus .m-btn__text::after, .m-btn--showMore:focus-visible .m-btn__text::before, .m-btn--showMore:focus-visible .m-btn__text::after, .m-btn--showMore:hover .m-btn__text::before, .m-btn--showMore:hover .m-btn__text::after {
      background-color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
  }
  @media (scripting: none) {
    .m-btn--showMore {
      display: none;
    }
  }
  .m-btn__text {
    position: relative;
    padding-inline-end: 27px;
  }
  .m-btn__text::before, .m-btn__text::after {
    position: absolute;
    content: "";
    inset: 0 0 0 auto;
    margin-block: auto;
    width: 1px;
    height: 15px;
    background-color: var(--COLOR-BASE-PRIMARY);
    transition: background-color 0.3s ease-out;
  }
  .m-btn__text::before {
    width: 15px;
    height: 1px;
  }
  .m-btn__text::after {
    right: 7px;
  }
  .m-btn--anchor {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  @media (min-width: 768px) {
    .m-btn--anchor {
      gap: 12px;
    }
  }
  .m-btn--sm {
    min-width: min(100%, 200px);
    padding: 12px 16px;
  }
  @media (min-width: 768px) {
    .m-btn--sm {
      width: 257px;
      min-width: 240px;
      padding: 16px 24px;
    }
  }
  .m-btn--sm.m-btn--cta::before {
    width: calc(100% + 250px);
  }
  /* .m-btn-dialog
  ----------------------------------------------- */
  .m-btn-dialog {
    color: var(--COLOR-FONT);
    display: inline-flex;
    position: relative;
    margin-block-start: 16px;
    padding: 0 0 0 26px;
    font-size: 0.875rem;
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    border: 0;
    background-color: transparent;
    transition: color 0.3s ease-out;
    cursor: pointer;
  }
  .m-btn-dialog::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 19px;
    background: url("/assets/hotel/images/icon-zoom.svg") no-repeat center/contain;
    inset: 0.25em auto auto 0;
  }
  @media only screen and (any-hover: hover) {
    .m-btn-dialog:focus, .m-btn-dialog:focus-visible, .m-btn-dialog:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  /* .m-btn-anchor
  ----------------------------------------------- */
  .m-btn-anchor {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--COLOR-BASE-PRIMARY);
    padding: 20px;
    min-width: min(100%, 400px);
    max-width: 560px;
    border-radius: var(--RADIUS-SM);
    font-size: var(--FONT-SIZE-LG);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--COLOR-BASE-PRIMARY);
    background-color: var(--COLOR-BASE-WHITE);
    text-align: center;
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    transition: all 0.2s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .m-btn-anchor:focus, .m-btn-anchor:focus-visible, .m-btn-anchor:hover {
      border-color: var(--COLOR-ACCENT-PRIMARY);
      color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
    .m-btn-anchor:focus .m-btn-anchor__text::before, .m-btn-anchor:focus-visible .m-btn-anchor__text::before, .m-btn-anchor:hover .m-btn-anchor__text::before {
      opacity: 0;
    }
    .m-btn-anchor:focus .m-btn-anchor__text::after, .m-btn-anchor:focus-visible .m-btn-anchor__text::after, .m-btn-anchor:hover .m-btn-anchor__text::after {
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    .m-btn-anchor {
      padding: 24px 40px;
      min-width: 400px;
    }
  }
  .m-btn-anchor__text {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-inline-start: 28px;
  }
  .m-btn-anchor__text::before, .m-btn-anchor__text::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    inset: 0.3em auto auto 0;
    transition: opacity 0.3s ease-out;
  }
  @media (min-width: 768px) {
    .m-btn-anchor__text::before, .m-btn-anchor__text::after {
      top: 0.4em;
    }
  }
  .m-btn-anchor__text::before {
    background: url("/assets/hotel/images/icon-arrow-anchor-blue.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-btn-anchor__text::after {
    background: url("/assets/hotel/images/icon-arrow-anchor-blue-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-btn-anchor__text {
      padding-inline-start: 32px;
    }
  }
  /* .m-card
  ----------------------------------------------- */
  .m-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--SPACE-2XL);
    margin-block-start: var(--SPACE-4XL);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-card {
      gap: clamp(2rem, 0.497rem + 3.13vw, 3rem);
    }
  }
  @media (min-width: 768px) {
    .m-card {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .m-card--3colPC {
    gap: 28px;
  }
  @media (min-width: 768px) {
    .m-card--3colPC {
      gap: 40px;
    }
  }
  @media (768px <= width < 1080px) {
    .m-card--3colPC {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (1080px < width) {
    .m-card--3colPC {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .m-card__item {
    display: grid;
    gap: 0;
    width: 100%;
    height: 100%;
    max-width: 400px;
  }
  .m-card__item--emphasis .m-card__body {
    position: relative;
    background-color: var(--COLOR-BG-PRIMARY);
    border: none;
  }
  .m-card__item--emphasis .m-card__body::before, .m-card__item--emphasis .m-card__body::after {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 144px;
    inset: 0;
  }
  .m-card__item--emphasis .m-card__body::before {
    background-image: url("/assets/hotel/images/bg-pattern-light.svg");
    background-size: 26px;
  }
  .m-card__item--emphasis .m-card__body::after {
    background: linear-gradient(0deg, var(--COLOR-BG-PRIMARY) 0%, rgba(245, 240, 233, 0) 80%);
  }
  .m-card__item--emphasis .m-card__body-inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .m-card__item--emphasis .m-card__body::before {
      background-size: 34px;
    }
  }
  .m-card__item--emphasis .m-card__title {
    position: relative;
    padding-block-end: var(--SPACE-XS);
  }
  .m-card__item--emphasis .m-card__title::after {
    position: absolute;
    content: "";
    left: 0;
    top: 100%;
    inline-size: 24px;
    block-size: 1px;
    background-color: var(--COLOR-ACCENT-PRIMARY);
  }
  .m-card__item--emphasis .m-card__media {
    background-color: var(--COLOR-BG-SECONDARY);
  }
  .m-card__item:has(.m-card__media) {
    grid-template-rows: subgrid;
    grid-row: 2 span;
  }
  .m-card__item:has(.m-card__media) .m-card__body {
    border-block-start: 0;
  }
  @media (min-width: 768px) {
    .m-card__item {
      max-width: none;
    }
  }
  .m-card__body {
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
    padding: var(--SPACE-LG);
    background-color: var(--COLOR-BASE-WHITE);
  }
  .m-card__title {
    font-family: var(--FONT-SECONDARY);
    font-size: 1.25rem;
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .m-card__title {
      font-size: 1.375rem;
    }
  }
  .m-card__content {
    margin-block-start: var(--SPACE-XS);
  }
  .m-card__content > :first-child {
    margin-block-start: 0 !important;
  }
  .m-card__content > :last-child {
    margin-block-end: 0 !important;
  }
  .m-card__content .m-text {
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .m-card__media {
    display: flex;
    justify-content: center;
    aspect-ratio: 1.62/1;
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .m-card__media img {
    inline-size: 100%;
    block-size: 100%;
    max-block-size: 100%;
    object-fit: contain;
  }
  /* .m-card-category
  ----------------------------------------------- */
  .m-card-category {
    margin-block-end: 64px;
  }
  @media (min-width: 768px) {
    .m-card-category {
      margin-block-end: 80px;
    }
  }
  @media (1600px <= width) {
    .m-card-category {
      margin-block-end: 0;
    }
  }
  .m-card-category__inner {
    display: grid;
    gap: 40px;
  }
  @media (min-width: 768px) {
    .m-card-category__inner {
      grid-template-columns: 1fr auto;
      gap: clamp(3rem, 1.154rem + 3.85vw, 5rem);
      padding-inline-start: clamp(3rem, 6.25vw, 5rem);
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  .m-card-category__title {
    margin-block-end: var(--SPACE-XL);
    font-family: var(--FONT-EN);
    font-size: 2.125rem;
    font-weight: var(--FONT-WEIGHT);
    color: var(--COLOR-BASE-PRIMARY-DARK);
    line-height: 1.6;
    letter-spacing: 0.2em;
  }
  @media (min-width: 768px) {
    .m-card-category__title {
      font-size: clamp(2.25rem, 1.329rem + 1.92vw, 3.25rem);
    }
  }
  .m-card-category__body {
    order: 2;
    margin-inline: 32px;
  }
  @media (min-width: 768px) {
    .m-card-category__body {
      order: 1;
      margin-inline: 0;
      margin-block-start: clamp(0rem, -12rem + 15vw, 3rem);
    }
  }
  .m-card-category__content > .m-text-leading:first-child {
    margin-block-start: 0;
  }
  .m-card-category__content > .m-text {
    margin-block-start: 20px;
  }
  .m-card-category__media {
    margin-inline-end: 20px;
    order: 1;
  }
  @media (min-width: 768px) {
    .m-card-category__media {
      margin-inline-end: 0;
    }
  }
  .m-card-category__mediaItem {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0 var(--RADIUS-4XL) var(--RADIUS-4XL) 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-card-category__mediaItem {
      width: clamp(20rem, -13.816rem + 70.45vw, 42.5rem);
      border-radius: 32px 0 0 32px;
    }
  }
  @media (min-width: 1280px) {
    .m-card-category__mediaItem {
      width: clamp(42.5rem, -27.5rem + 87.5vw, 60rem);
      border-radius: var(--RADIUS-3XL) 0 0 var(--RADIUS-3XL);
    }
  }
  @media (1600px <= width) {
    .m-card-category--beigeBar {
      background: linear-gradient(to bottom, #fff 0px, #fff calc(100% - 80px), #F5F0E9 calc(100% - 80px), #F5F0E9 100%);
    }
  }
  .m-card-category--deepBeigeBar {
    background-color: var(--COLOR-BG-PRIMARY);
    padding-block-end: 64px;
    margin-block-end: 0;
  }
  @media (1600px <= width) {
    .m-card-category--deepBeigeBar {
      background: linear-gradient(to bottom, #F5F0E9 0px, #F5F0E9 calc(100% - 80px), #EADDD2 calc(100% - 80px), #EADDD2 100%);
      padding-block-end: 0;
    }
  }
  .m-card-category--beigeBg {
    background: linear-gradient(to bottom, transparent 0, transparent 64px, #F5F0E9 64px, #F5F0E9 100%);
    margin-block-end: 0;
  }
  @media (min-width: 768px) {
    .m-card-category--beigeBg {
      background-color: var(--COLOR-BG-PRIMARY);
      padding-block-start: var(--SPACE-5XL);
    }
  }
  .m-card-category--beigeBg + .l-content {
    padding-block: var(--SPACE-4XL) var(--SPACE-5XL);
  }
  .m-card-category--deepBeigeBg {
    background: linear-gradient(to bottom, #F5F0E9 0, #F5F0E9 64px, #EADDD2 64px, #EADDD2 100%);
    margin-block-end: 0;
    padding-block-end: var(--SPACE-5XL);
  }
  @media (min-width: 768px) {
    .m-card-category--deepBeigeBg {
      background: var(--COLOR-BG-SECONDARY);
      padding-block-start: var(--SPACE-5XL);
    }
  }
  .m-card-category--deepBeigeBg + .m-card-category--deepBeigeBg {
    background: var(--COLOR-BG-SECONDARY);
    padding-block-start: 0;
  }
  @media (min-width: 768px) {
    .m-card-category--reverse .m-card-category__inner {
      grid-template-columns: auto 1fr;
      padding-inline: 0 clamp(3rem, 6.25vw, 5rem);
    }
  }
  @media (min-width: 768px) {
    .m-card-category--reverse .m-card-category__body {
      order: 2;
      margin-inline: 0;
      margin-block-end: clamp(0rem, -12rem + 15vw, 3rem);
    }
  }
  .m-card-category--reverse .m-card-category__media {
    margin-inline: 20px 0;
  }
  .m-card-category--reverse .m-card-category__mediaItem {
    border-radius: var(--RADIUS-4XL) 0 0 var(--RADIUS-4XL);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-card-category--reverse .m-card-category__mediaItem {
      border-radius: 0 32px 32px 0;
    }
  }
  @media (min-width: 1280px) {
    .m-card-category--reverse .m-card-category__mediaItem {
      border-radius: 0 var(--RADIUS-3XL) var(--RADIUS-3XL) 0;
    }
  }
  .m-card-category--sm .m-card-category__title {
    font-size: 1.75rem;
  }
  @media (min-width: 768px) {
    .m-card-category--sm .m-card-category__title {
      font-size: 2.25rem;
    }
  }
  .m-card-category--sm .m-card-category__content > .m-text {
    margin-block-start: 16px;
  }
  @media (min-width: 768px) {
    .m-card-category--sm .m-card-category__content > .m-text {
      margin-block-start: 20px;
    }
  }
  .m-card-category--sm .m-card-category__mediaItem {
    width: clamp(18.438rem, 7.376rem + 47.19vw, 30rem);
  }
  @media (min-width: 768px) {
    .m-card-category--sm .m-card-category__mediaItem {
      width: clamp(20rem, -6.25rem + 54.69vw, 37.5rem);
    }
  }
  @media (min-width: 768px) {
    .m-card-category--reverse.m-card-category--sm .m-card-category__media {
      margin-inline-start: 0;
    }
  }
  .m-card-category--reverse.m-card-category--sm .m-card-category__mediaItem {
    margin-inline-start: auto;
  }
  /* .m-contact
  ----------------------------------------------- */
  .m-contact {
    position: relative;
    padding: 40px 24px;
    background-color: var(--COLOR-BASE-WHITE);
    box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
  }
  .m-contact::before {
    position: absolute;
    content: "";
    inline-size: 100%;
    block-size: 3px;
    background-color: var(--COLOR-BASE-SECONDARY);
    inset: 0;
  }
  html:not(:lang(ja)) .m-contact--showJa {
    display: none;
  }
  :lang(ja) .m-contact--hideJa {
    display: none;
  }
  @media (min-width: 768px) {
    .m-contact {
      padding: 48px 80px;
    }
  }
  .m-contact__inner > :first-child {
    margin-block-start: 0 !important;
  }
  .m-contact__inner > :last-child {
    margin-block-end: 0 !important;
  }
  @media (min-width: 1280px) {
    .m-contact__layout:has(.m-contact__reservation) {
      grid-template-columns: 1.31fr 1fr;
      gap: clamp(3rem, -5rem + 10vw, 5rem);
    }
    .m-contact__layout:has(.m-contact__reservation)::before {
      display: none;
    }
    .m-contact__layout:has(.m-contact__reservation) .m-contact__item + .m-contact__item {
      padding-inline-start: clamp(3rem, -5rem + 10vw, 5rem);
      border-inline-start: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
  }
  @media (min-width: 1280px) {
    .m-contact__layout {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      justify-content: center;
      align-items: center;
      gap: 21px;
    }
    .m-contact__layout::before {
      position: absolute;
      content: "";
      inset: 0 50%;
      inline-size: 1px;
      block-size: 100%;
      background-color: var(--COLOR-BORDER-PRIMARY);
    }
  }
  .m-contact__item {
    margin-block-end: 40px;
  }
  .m-contact__item + .m-contact__item {
    margin-block-end: 0;
    padding-block-start: 40px;
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-contact__item > .m-btn-list {
    margin-block-start: var(--SPACE-MD);
  }
  @media (min-width: 1280px) {
    .m-contact__item {
      margin-block-end: 0;
    }
    .m-contact__item + .m-contact__item {
      padding-block-start: 0;
      border-block-start: none;
    }
  }
  .m-contact__head {
    margin-block-end: var(--FONT-SIZE-MD);
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 2;
    text-align: center;
  }
  .m-contact__lead {
    margin-block-end: 8px;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    text-align: center;
  }
  @media (min-width: 768px) {
    .m-contact__lead {
      margin-block-end: 0;
    }
  }
  .m-contact__tel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-contact__tel-num {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2;
  }
  .m-contact__tel-num + .m-contact__text {
    margin-block-start: 0;
  }
  .m-contact__tel-num + .m-contact__text--xs {
    padding-inline-start: 4px;
  }
  .m-contact__tel-num::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/assets/hotel/images/icon-tel.svg") no-repeat center/contain;
    flex-shrink: 0;
  }
  @media (min-width: 768px) {
    .m-contact__tel-num {
      gap: 16px;
      font-size: 1.75rem;
      line-height: 2.2;
    }
    .m-contact__tel-num::before {
      width: 24px;
      height: 24px;
    }
  }
  .m-contact__text {
    margin-block-start: 12px;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.96px;
  }
  .m-contact__text--bold {
    font-weight: var(--FONT-WEIGHT-BOLD);
  }
  .m-contact__text--sm {
    margin-block-start: 8px;
    font-size: var(--FONT-SIZE-SM);
  }
  .m-contact__text--xs {
    font-size: var(--FONT-SIZE-XS);
    letter-spacing: 0.88px;
  }
  @media (min-width: 768px) {
    .m-contact__text {
      letter-spacing: 1.12px;
    }
    .m-contact__text--bold {
      letter-spacing: 1.28px;
    }
    .m-contact__text--xs {
      letter-spacing: 1.28px;
    }
  }
  .m-contact__reservation > .m-btn-list {
    margin-block-start: var(--SPACE-LG);
  }
  .m-contact__reservationWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  @media (min-width: 768px) {
    .m-contact__reservationWrap {
      gap: 24px;
    }
  }
  .m-contact__reservationContent {
    display: flex;
    gap: 24px;
  }
  .m-contact__reservationItem {
    display: grid;
    gap: 4px;
    align-items: baseline;
  }
  .m-contact__reservationItem-text {
    font-size: 0.75rem;
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
  }
  @media (min-width: 768px) {
    .m-contact__reservationItem-text {
      font-size: 1rem;
    }
  }
  .m-contact__reservationItem-text > span {
    font-size: 0.625rem;
  }
  @media (min-width: 768px) {
    .m-contact__reservationItem-text > span {
      font-size: 0.875rem;
    }
  }
  .m-contact__reservationItem-date {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 133px;
    height: 33px;
    padding-inline: 0 3px;
    border: none;
    border-bottom: 1px solid var(--COLOR-BORDER-PRIMARY);
    background-color: transparent;
    color: var(--COLOR-FONT);
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-S-TIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    /* Safari（iOS）限定補正 */
  }
  .m-contact__reservationItem-date::after {
    content: "";
    position: absolute;
    right: 4px;
    width: 20px;
    height: 18px;
    inset-block: 0;
    margin-block: auto;
    background: url("/assets/hotel/images/icon-calendar.svg") no-repeat center/contain;
    pointer-events: none;
  }
  @supports (-webkit-touch-callout: none) {
    .m-contact__reservationItem-date {
      line-height: inherit;
      height: 33px;
    }
  }
  @media (min-width: 768px) {
    .m-contact__reservationItem-date {
      min-width: 200px;
      height: 35px;
      font-size: 1.125rem;
      letter-spacing: var(--LETTER-SPACING);
      padding: 0 19px 0 0;
    }
  }
  /* Safari（iOS）限定補正 */
  .m-contact__reservationItem-date::-webkit-date-and-time-value {
    font-size: 0.875rem;
    text-align: left;
  }
  /* デフォルトアイコンを透明化（クリック領域は残す） */
  .m-contact__reservationItem-date::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    appearance: none;
  }
  @media (min-width: 768px) {
    .m-contact__reservationItem-date::-webkit-calendar-picker-indicator {
      opacity: 0;
    }
  }
  /* Firefox用（アイコンが残る場合） */
  .m-contact__reservationItem-date::-moz-focus-inner {
    border: 0;
  }
  .m-contact__reservationItem-select {
    position: relative;
    display: block;
    padding-inline-end: 27px;
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    width: auto;
    min-width: 10ch;
    background-image: url("/assets/hotel/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: top 50% right 5px;
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    color: var(--COLOR-FONT);
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .m-contact__reservationItem-select {
      min-width: 6ch;
      padding-inline-end: 22px;
      font-size: 1.125rem;
      letter-spacing: var(--LETTER-SPACING);
    }
  }
  .m-contact__link {
    margin-block: var(--SPACE-LG) 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  @media (min-width: 768px) {
    .m-contact__link {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      column-gap: 24px;
    }
  }
  .m-contact__linkItem {
    position: relative;
    padding-inline-start: 16px;
  }
  .m-contact__linkItem::before {
    content: "";
    position: absolute;
    background: url("/assets/hotel/images/icon-arrow-link-xs.svg") no-repeat center/contain;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  @media (min-width: 768px) {
    .m-contact__linkItem::before {
      width: 10px;
      height: 10px;
    }
  }
  @media (min-width: 768px) {
    .m-contact__linkItem {
      padding-inline-start: 18px;
    }
  }
  .m-contact__linkText {
    display: block;
    font-size: var(--FONT-SIZE-SM);
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    transition: color 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .m-contact__linkText:focus, .m-contact__linkText:focus-visible, .m-contact__linkText:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  /* .m-hdg-layout
  ----------------------------------------------- */
  .m-hdg-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;
    margin-block-end: 28px;
  }
  .m-hdg-layout > :first-child {
    margin-block-start: 0 !important;
  }
  .m-hdg-layout > :last-child {
    margin-block-end: 0 !important;
  }
  .m-hdg-layout [class^=m-hdg-] {
    margin-block: 0;
  }
  .m-hdg-layout > .m-link-list__link {
    white-space: nowrap;
  }
  .m-hdg-layout + * {
    margin-block-start: 0 !important;
  }
  @media (min-width: 768px) {
    .m-hdg-layout {
      gap: 40px;
      margin-block-end: 40px;
    }
  }
  .m-hdg-lv1 {
    margin-block-end: var(--SPACE-3XL);
    padding-block-end: 30px;
    background: url("/assets/hotel/images/bg-pattern-light.svg") var(--COLOR-BG-PRIMARY);
    background-size: 26px;
    overflow: hidden;
  }
  @media (min-width: 768px) {
    .m-hdg-lv1 {
      padding-block-end: 66px;
      background-size: auto;
    }
  }
  .m-hdg-lv1 h1 {
    font-family: var(--FONT-SECONDARY);
    font-size: 1.625rem;
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-FONT-DARK);
    text-align: center;
  }
  @media (min-width: 768px) {
    .m-hdg-lv1 h1 {
      font-size: 2.125rem;
      line-height: var(--SECONDARY-LINE-HEIGHT-S);
    }
  }
  .m-hdg-lv1 .m-label__layout {
    margin-block-start: var(--SPACE-LG);
  }
  .m-hdg-lv1 + .l-content {
    padding-block-start: var(--SPACE-NONE);
  }
  .m-hdg-lv1--index h1 {
    font-size: 1.75rem;
  }
  .m-hdg-lv1--index .m-hdg-lv1__inner {
    padding-block-start: 48px;
  }
  @media (min-width: 768px) {
    .m-hdg-lv1--index h1 {
      font-size: 2.625rem;
    }
    .m-hdg-lv1--index .m-hdg-lv1__inner {
      padding-block: 96px;
    }
  }
  .m-hdg-lv1--index .m-hdg-lv1__sub {
    font-size: 1.25rem;
  }
  .m-hdg-lv1__inner {
    position: relative;
    padding: 40px var(--SPACE-GUTTER) 48px;
  }
  .m-hdg-lv1__inner::after {
    position: absolute;
    content: "";
    inline-size: 112%;
    block-size: 110px;
    background-color: var(--COLOR-BASE-WHITE);
    clip-path: ellipse(50% 50% at 50% 50%);
    inset-inline: -6%;
    inset-block-start: 100%;
    margin-inline: auto;
  }
  @media (min-width: 768px) {
    .m-hdg-lv1__inner {
      padding-block: 80px;
    }
    .m-hdg-lv1__inner::after {
      block-size: 240px;
    }
  }
  .m-hdg-lv1__sub {
    margin-block-start: var(--SPACE-2XS);
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    color: var(--COLOR-FONT);
    text-align: center;
  }
  /* .m-hdg-lv1-category
  ----------------------------------------------- */
  .m-hdg-lv1-category {
    font-size: 1.75rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--COLOR-BASE-PRIMARY-DARK);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING);
    text-align: center;
  }
  @media (min-width: 768px) {
    .m-hdg-lv1-category {
      font-size: 2.875rem;
    }
  }
  /* .m-hdg-lv2
  ----------------------------------------------- */
  .m-hdg-lv2 {
    position: relative;
    color: var(--COLOR-FONT-DARK);
    font-size: 1.5rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    text-align: center;
    margin-block: var(--SPACE-6XL) var(--SPACE-3XL);
    padding-block-end: var(--SPACE-LG);
  }
  .m-hdg-lv2::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 64px;
    height: 3px;
    background-color: var(--COLOR-ACCENT-PRIMARY);
    border-radius: 3px 3px 0 0;
  }
  @media (min-width: 768px) {
    .m-hdg-lv2 {
      margin-block-start: 128px;
      font-size: 2rem;
    }
    .m-hdg-lv2::after {
      width: 96px;
    }
  }
  .m-hdg-lv2--left {
    text-align: left;
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    padding-block-end: var(--SPACE-SM);
    margin-block: var(--SPACE-5XL) var(--SPACE-2XL);
  }
  .m-hdg-lv2--left::after {
    left: 0;
    bottom: -2px;
    transform: translateY(-50%);
    border-radius: 0 3px 0 0;
  }
  .m-hdg-lv2--border-top {
    position: relative;
    padding-block-start: var(--SPACE-6XL);
  }
  .m-hdg-lv2--border-top::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    height: 1px;
    background-color: var(--COLOR-BORDER-PRIMARY);
  }
  .m-hdg-lv2--sm {
    font-size: var(--FONT-SIZE-3XL);
  }
  /* .m-hdg-lv2-02
  ----------------------------------------------- */
  .m-hdg-lv2-02 {
    margin-block-end: 24px;
    font-family: var(--FONT-EN);
    font-size: var(--FONT-SIZE-4XL);
    line-height: 1.6;
    letter-spacing: 0.2em;
    color: var(--COLOR-BASE-PRIMARY-DARK);
  }
  /* .m-hdg-lv2-category
  ----------------------------------------------- */
  .m-hdg-lv2-category {
    font-size: 1.625rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--COLOR-BASE-PRIMARY-DARK);
    line-height: 1.8;
    letter-spacing: 0.07em;
    text-align: center;
    margin-block: var(--SPACE-6XL) var(--SPACE-3XL);
  }
  @media (min-width: 768px) {
    .m-hdg-lv2-category {
      font-size: 2.25rem;
      letter-spacing: var(--LETTER-SPACING);
    }
  }
  /* .m-hdg-lv3
  ----------------------------------------------- */
  .m-hdg-lv3 {
    position: relative;
    color: var(--COLOR-FONT-DARK);
    font-size: 1.375rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: 2.08px;
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    margin-block: var(--SPACE-4XL) var(--SPACE-XL);
    padding-block-end: var(--SPACE-SM);
  }
  .m-hdg-lv3::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: var(--COLOR-ACCENT-PRIMARY);
  }
  @media (min-width: 768px) {
    .m-hdg-lv3 {
      font-size: 1.625rem;
    }
    .m-hdg-lv3::after {
      width: 56px;
    }
  }
  /* .m-hdg-lv3-type2
  ----------------------------------------------- */
  .m-hdg-lv3-type2 {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: flex-start;
    margin-block: var(--SPACE-4XL) var(--SPACE-XL);
  }
  .l-local-nav .m-hdg-lv3-type2 {
    gap: 16px;
  }
  .l-local-nav .m-hdg-lv3-type2 .m-hdg-lv3-type2__text {
    font-size: var(--FONT-SIZE-XL);
  }
  .m-hdg-lv3-type2__icon {
    width: 100%;
    aspect-ratio: 1/1;
  }
  .m-hdg-lv3-type2__text {
    display: block;
    margin-block-start: 6px !important;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-2XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-FONT-DARK);
  }
  @media (min-width: 768px) {
    .m-hdg-lv3-type2__text {
      margin-block-start: 3px !important;
    }
  }
  /* .m-hdg-lv4
  ----------------------------------------------- */
  .m-hdg-lv4 {
    position: relative;
    color: var(--COLOR-FONT-DARK);
    font-size: 1.25rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: 0.92px;
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    margin-block: var(--SPACE-3XL) var(--SPACE-LG);
    padding-inline-start: 20px;
  }
  .m-hdg-lv4::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.85em;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 1px;
    background-color: var(--COLOR-BORDER-PRIMARY-DEEP);
  }
  @media (min-width: 768px) {
    .m-hdg-lv4 {
      font-size: 1.4375rem;
      padding-inline-start: 28px;
    }
    .m-hdg-lv4::after {
      width: 16px;
    }
  }
  /* .m-hdg-lv5
  ----------------------------------------------- */
  .m-hdg-lv5 {
    color: var(--COLOR-FONT-DARK);
    font-size: 1.125rem;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: 0.76px;
    line-height: var(--SECONDARY-LINE-HEIGHT);
    margin-block: var(--SPACE-XL) var(--SPACE-XS);
  }
  @media (min-width: 768px) {
    .m-hdg-lv5 {
      font-size: 1.1875rem;
    }
  }
  /* .m-hdg-lv6
  ----------------------------------------------- */
  .m-hdg-lv6 {
    color: var(--COLOR-FONT-DARK);
    font-size: 1rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT);
    margin-block: var(--SPACE-MD) var(--SPACE-3XS);
  }
  /* .m-horizon
  ----------------------------------------------- */
  .m-horizon {
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
    border-block-end: none;
    margin-inline: calc(50% - 50vw);
    margin-block: 0;
  }
  /* .m-icon-link
  ----------------------------------------------- */
  .m-icon-link {
    position: relative;
    display: inline-block;
    margin-inline-start: 8px;
    vertical-align: baseline;
    flex-shrink: 0;
  }
  .m-icon-link[data-id=blank] {
    width: 11px;
    height: 11px;
  }
  .m-icon-link[data-id=pdf] {
    width: 13px;
    height: 14px;
  }
  /* .m-label
  ----------------------------------------------- */
  .m-label__layout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
  }
  .m-label__layout > li {
    display: flex;
  }
  .m-label__layout--center {
    justify-content: center;
  }
  .m-label {
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--COLOR-BASE-PRIMARY);
    background-color: var(--COLOR-BASE-WHITE);
    border-radius: 2em;
  }
  .m-label--hdg {
    padding: 3px 15px;
  }
  .m-label--hdg .m-label__text {
    font-size: var(--FONT-SIZE-SM);
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .m-label--hdg {
      padding: 4px 19px 2px;
    }
  }
  .m-label--news {
    height: fit-content;
    padding: 2px 11px;
    inline-size: 100%;
    max-inline-size: fit-content;
    min-inline-size: 120px;
  }
  .m-label--news .m-label__text {
    font-size: var(--FONT-SIZE-XS);
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .m-label--news {
      margin-block-start: 0.2em;
    }
  }
  .m-label--panel {
    padding: 2px 11px;
  }
  .m-label--panel .m-label__text {
    font-size: var(--FONT-SIZE-XS);
    line-height: 1.4;
  }
  .m-label--gold {
    background-color: var(--COLOR-BASE-WHITE);
    border-color: var(--COLOR-ACCENT-PRIMARY);
  }
  .m-label--gold .m-label__text {
    color: var(--COLOR-ACCENT-PRIMARY);
  }
  .m-label--gold-fill {
    background-color: var(--COLOR-ACCENT-PRIMARY);
    border-color: var(--COLOR-ACCENT-PRIMARY);
  }
  .m-label--gold-fill .m-label__text {
    color: var(--COLOR-BASE-WHITE);
  }
  .m-label--gray-fill {
    background-color: #7A7A7A;
    border-color: #7A7A7A;
  }
  .m-label--gray-fill .m-label__text {
    color: var(--COLOR-BASE-WHITE);
  }
  .m-label__text {
    color: var(--COLOR-BASE-PRIMARY-DARK);
  }
  /* .m-layout
  ----------------------------------------------- */
  .m-layout {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(1, 1fr);
    margin-block-start: var(--SPACE-4XL);
  }
  .m-layout__item > :first-child {
    margin-block-start: 0 !important;
  }
  .m-layout__item > :last-child {
    margin-block-end: 0 !important;
  }
  .m-layout__item > .m-hdg-lv3 {
    margin-block: 32px 20px;
  }
  @media (min-width: 768px) {
    .m-layout__item > .m-hdg-lv3 {
      margin-block: 48px 24px;
    }
  }
  .m-layout__item > .m-hdg-lv4 {
    margin-block: 28px 16px;
  }
  @media (min-width: 768px) {
    .m-layout__item > .m-hdg-lv4 {
      margin-block: 40px 16px;
    }
  }
  .m-layout__item > .m-text {
    margin-block-start: 16px;
  }
  .m-layout__item > .m-list-desc {
    margin-block-start: 20px;
  }
  @media (min-width: 768px) {
    .m-layout__item > .m-list-desc {
      margin-block-start: 24px;
    }
  }
  .m-layout--2colSP {
    gap: 48px 19px;
    grid-template-columns: repeat(2, 1fr);
  }
  .m-layout--2colSP-small {
    gap: 20px 19px;
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-layout--2colPC {
      gap: clamp(2.5rem, 0.246rem + 4.7vw, 4rem);
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 1280px) {
    .m-layout--2colPC {
      gap: 64px;
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .m-layout--3colPC {
    gap: 32px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-layout--3colPC {
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 1280px) {
    .m-layout--3colPC {
      gap: 64px 40px;
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .m-layout--3colPC-small {
    gap: 32px;
  }
  @media (min-width: 768px) {
    .m-layout--3colPC-small {
      gap: 40px;
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .m-layout--4colPC {
    gap: 32px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-layout--4colPC {
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media (min-width: 1280px) {
    .m-layout--4colPC {
      gap: 64px 40px;
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .m-layout--4colPC-small {
    gap: 32px;
  }
  @media (min-width: 768px) {
    .m-layout--4colPC-small {
      gap: 40px;
      grid-template-columns: repeat(4, 1fr);
    }
  }
  /* .m-layout-news
  ----------------------------------------------- */
  .m-layout-news {
    display: grid;
    gap: 24px;
  }
  @media (min-width: 768px) {
    .m-layout-news {
      max-width: 1280px;
      grid-template-columns: auto minmax(0, 960px);
      gap: 80px;
      margin-inline: auto;
    }
  }
  .m-layout-news__titleText {
    font-family: var(--FONT-EN);
    font-size: var(--FONT-SIZE-4XL);
    font-weight: var(--FONT-WEIGHT);
    line-height: 1.6;
    letter-spacing: 6.4px;
    color: var(--COLOR-BASE-PRIMARY);
  }
  .m-layout-news__content > :first-child {
    margin-block-start: 0 !important;
  }
  .m-layout-news__content > :last-child {
    margin-block-end: 0 !important;
  }
  .m-layout-news__content .m-list-news__text {
    font-size: 0.875rem;
  }
  .m-layout-news__note {
    padding-block-start: 0;
  }
  @media (min-width: 768px) {
    .m-layout-news__note {
      padding-block-start: 8px;
    }
  }
  /* .m-link
  ----------------------------------------------- */
  .m-link {
    color: var(--COLOR-BASE-PRIMARY-DARK);
    text-decoration: underline;
    transition: 0.3s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .m-link:focus, .m-link:focus-visible, .m-link:hover {
      text-decoration: none;
    }
  }
  .m-link .m-icon-link {
    margin-inline-end: 4px;
    fill: var(--COLOR-BASE-PRIMARY-DARK);
  }
  /* .m-link-anchor
  ----------------------------------------------- */
  .m-link-anchor {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-block: var(--SPACE-2XL);
  }
  .m-link-anchor + * {
    margin-block-start: 0;
  }
  .m-link-anchor + .m-hdg-lv2 {
    margin-block-start: var(--SPACE-6XL);
  }
  @media (min-width: 768px) {
    .m-link-anchor {
      gap: 24px 40px;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  .m-link-anchor__link {
    display: inline-block;
    position: relative;
    font-weight: var(--FONT-WEIGHT-BOLD);
    padding-inline-start: 28px;
    transition: color 0.3s ease-out;
  }
  .m-link-anchor__link::before, .m-link-anchor__link::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    inset: 18px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-out;
  }
  .m-link-anchor__link::before {
    background: url("/assets/hotel/images/icon-arrow-anchor_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-link-anchor__link::after {
    background: url("/assets/hotel/images/icon-arrow-anchor-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media only screen and (any-hover: hover) {
    .m-link-anchor__link:focus, .m-link-anchor__link:focus-visible, .m-link-anchor__link:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
    .m-link-anchor__link:focus::before, .m-link-anchor__link:focus-visible::before, .m-link-anchor__link:hover::before {
      opacity: 0;
    }
    .m-link-anchor__link:focus::after, .m-link-anchor__link:focus-visible::after, .m-link-anchor__link:hover::after {
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-anchor__link {
      padding-inline-start: 36px;
    }
    .m-link-anchor__link::before, .m-link-anchor__link::after {
      width: 24px;
      height: 20px;
    }
    .m-link-anchor__link::before {
      background: url("/assets/hotel/images/icon-arrow-anchor.svg") no-repeat center/contain;
    }
  }
  @media (max-width: 767px) {
    .m-link-anchor--2colSP {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 19px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-anchor--3colPC {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-anchor--3colPC {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-anchor--4colPC {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-anchor--4colPC {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-anchor--5colPC {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-anchor--5colPC {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-anchor--6colPC {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-anchor--6colPC {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 16px;
    }
  }
  /* .m-link-anchor-category
  ----------------------------------------------- */
  .m-link-anchor-category {
    position: absolute;
    right: 0;
    top: 0;
    translate: 0 -50%;
    background-color: var(--COLOR-BASE-WHITE);
    box-shadow: 0 2px 16px 0 var(--COLOR-SHADOW);
    padding: 16px 10px 16px 28px;
    border-radius: 2.4em 0 0 2.4em;
    width: calc(100% - 20px);
    max-width: 1280px;
  }
  .m-link-anchor-category.is-scroll .m-link-anchor-category__inner::before {
    display: block;
    left: 0;
    rotate: 180deg;
  }
  .m-link-anchor-category.is-scroll-end .m-link-anchor-category__inner::after {
    display: none;
  }
  .m-link-anchor-category + .m-hdg-lv2, .m-link-anchor-category + .m-hdg-lv2-category {
    margin-block-start: 0;
  }
  @media (min-width: 768px) {
    .m-link-anchor-category {
      left: 50%;
      translate: -50% -50%;
      border-radius: 42px;
      width: 100%;
      padding: 21px 28px;
      box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
    }
  }
  .m-link-anchor-category__inner {
    position: relative;
    max-width: 1280px;
  }
  .m-link-anchor-category__inner::before, .m-link-anchor-category__inner::after {
    position: absolute;
    content: "";
    top: 0;
    width: 28px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--COLOR-BASE-WHITE) 75%);
    z-index: 1;
  }
  .m-link-anchor-category__inner::before {
    display: none;
  }
  .m-link-anchor-category__inner::after {
    right: 0;
  }
  .m-link-anchor-category__content {
    overflow: auto;
  }
  .m-link-anchor-category__list {
    display: flex;
    justify-content: flex-start;
    gap: 28px;
    min-width: max-content;
    margin: 0 0 4px;
  }
  @media (min-width: 768px) {
    .m-link-anchor-category__list {
      justify-content: center;
      gap: 40px;
    }
  }
  .m-link-anchor-category__link {
    display: inline-block;
    position: relative;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    padding-inline-start: 28px;
    transition: color 0.3s ease-out;
  }
  .m-link-anchor-category__link::before, .m-link-anchor-category__link::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    inset: 18px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-out;
  }
  .m-link-anchor-category__link::before {
    background: url("/assets/hotel/images/icon-arrow-anchor_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-link-anchor-category__link::after {
    background: url("/assets/hotel/images/icon-arrow-anchor-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media only screen and (any-hover: hover) {
    .m-link-anchor-category__link:focus, .m-link-anchor-category__link:focus-visible, .m-link-anchor-category__link:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
    .m-link-anchor-category__link:focus::before, .m-link-anchor-category__link:focus-visible::before, .m-link-anchor-category__link:hover::before {
      opacity: 0;
    }
    .m-link-anchor-category__link:focus::after, .m-link-anchor-category__link:focus-visible::after, .m-link-anchor-category__link:hover::after {
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-anchor-category__link {
      padding-inline-start: 36px;
    }
    .m-link-anchor-category__link::before, .m-link-anchor-category__link::after {
      width: 24px;
      height: 20px;
    }
    .m-link-anchor-category__link::before {
      background: url("/assets/hotel/images/icon-arrow-anchor.svg") no-repeat center/contain;
    }
  }
  /* .m-link-list
  ----------------------------------------------- */
  .m-link-list {
    display: grid;
    gap: 16px;
    margin-block: var(--SPACE-MD) 0;
  }
  @media (min-width: 768px) {
    .m-link-list {
      padding-inline-end: 16px;
    }
  }
  .m-link-list__link {
    display: inline-block;
    position: relative;
    font-weight: var(--FONT-WEIGHT-BOLD);
    padding-inline-start: 44px;
  }
  .m-link-list__link::before, .m-link-list__link::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 26px;
    inset: 18px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-link-list__link::before {
    background: url("/assets/hotel/images/icon-link-bg.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-link-list__link::after {
    background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media only screen and (any-hover: hover) {
    .m-link-list__link:focus::before, .m-link-list__link:focus-visible::before, .m-link-list__link:hover::before {
      opacity: 0;
    }
    .m-link-list__link:focus::after, .m-link-list__link:focus-visible::after, .m-link-list__link:hover::after {
      opacity: 1;
    }
    .m-link-list__link:focus .m-link-list__text, .m-link-list__link:focus-visible .m-link-list__text, .m-link-list__link:hover .m-link-list__text {
      transform: translateX(16px);
    }
    .m-link-list__link:focus .m-link-list__text::before, .m-link-list__link:focus-visible .m-link-list__text::before, .m-link-list__link:hover .m-link-list__text::before {
      opacity: 0;
    }
    .m-link-list__link:focus .m-link-list__text::after, .m-link-list__link:focus-visible .m-link-list__text::after, .m-link-list__link:hover .m-link-list__text::after {
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list__link {
      padding-inline-start: 50px;
    }
    .m-link-list__link::before, .m-link-list__link::after {
      width: 38px;
      height: 31px;
    }
  }
  .m-link-list__text {
    position: relative;
    display: block;
    transition: transform 0.4s ease-out;
  }
  .m-link-list__text::before, .m-link-list__text::after {
    content: "";
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-link-list__text::before {
    width: 8px;
    height: 4px;
    left: -31px;
    background: url("/assets/hotel/images/icon-arrow-link_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-link-list__text::after {
    width: 39px;
    height: 5px;
    left: -51px;
    background: url("/assets/hotel/images/icon-arrow-link-hover_pc.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-link-list__text::before {
      width: 9px;
      height: 5px;
      left: -35px;
      background: url("/assets/hotel/images/icon-arrow-link_pc.svg") no-repeat center/contain;
      opacity: 1;
    }
  }
  .m-link-list__text .m-icon-link {
    fill: var(--COLOR-ACCENT-PRIMARY);
  }
  @media (min-width: 768px) {
    .m-link-list--center {
      justify-content: center;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--right {
      justify-content: end;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--auto {
      display: flex;
      flex-wrap: wrap;
      gap: 16px 40px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--auto .m-link-list__item {
      line-height: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--auto .m-link-list__link {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      padding-inline-start: 39px;
    }
    .m-link-list--auto .m-link-list__link::before, .m-link-list--auto .m-link-list__link::after {
      inset-block-start: 14px;
      width: 27px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--auto .m-link-list__text::before {
      top: 12px;
      left: -29px;
    }
    .m-link-list--auto .m-link-list__text::after {
      top: 12px;
      left: -44px;
    }
  }
  @media (max-width: 767px) {
    .m-link-list--2colSP {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 23px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--2colPC .m-link-list__item {
      line-height: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--2colPC .m-link-list__link {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      padding-inline-start: 39px;
    }
    .m-link-list--2colPC .m-link-list__link::before, .m-link-list--2colPC .m-link-list__link::after {
      inset-block-start: 14px;
      width: 27px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--2colPC .m-link-list__text::before {
      top: 12px;
      left: -29px;
    }
    .m-link-list--2colPC .m-link-list__text::after {
      top: 12px;
      left: -44px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--2colPC {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 24px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .m-link-list--2colPC {
      row-gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-list--2colPC {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-list--2colPC {
      column-gap: 40px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--3colPC .m-link-list__item {
      line-height: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--3colPC .m-link-list__link {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      padding-inline-start: 39px;
    }
    .m-link-list--3colPC .m-link-list__link::before, .m-link-list--3colPC .m-link-list__link::after {
      inset-block-start: 14px;
      width: 27px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--3colPC .m-link-list__text::before {
      top: 12px;
      left: -29px;
    }
    .m-link-list--3colPC .m-link-list__text::after {
      top: 12px;
      left: -44px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--3colPC {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 24px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .m-link-list--3colPC {
      row-gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-list--3colPC {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-list--3colPC {
      column-gap: 40px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--4colPC .m-link-list__item {
      line-height: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--4colPC .m-link-list__link {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      padding-inline-start: 39px;
    }
    .m-link-list--4colPC .m-link-list__link::before, .m-link-list--4colPC .m-link-list__link::after {
      inset-block-start: 14px;
      width: 27px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--4colPC .m-link-list__text::before {
      top: 12px;
      left: -29px;
    }
    .m-link-list--4colPC .m-link-list__text::after {
      top: 12px;
      left: -44px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--4colPC {
      grid-template-columns: repeat(4, 1fr);
      row-gap: 24px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .m-link-list--4colPC {
      row-gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-list--4colPC {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-list--4colPC {
      column-gap: 40px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--5colPC .m-link-list__item {
      line-height: 1;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--5colPC .m-link-list__link {
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
      padding-inline-start: 39px;
    }
    .m-link-list--5colPC .m-link-list__link::before, .m-link-list--5colPC .m-link-list__link::after {
      inset-block-start: 14px;
      width: 27px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--5colPC .m-link-list__text::before {
      top: 12px;
      left: -29px;
    }
    .m-link-list--5colPC .m-link-list__text::after {
      top: 12px;
      left: -44px;
    }
  }
  @media (min-width: 768px) {
    .m-link-list--5colPC {
      grid-template-columns: repeat(5, 1fr);
      row-gap: 24px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .m-link-list--5colPC {
      row-gap: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-link-list--5colPC {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 1280px) {
    .m-link-list--5colPC {
      column-gap: 40px;
    }
  }
  /* .m-list-desc
  ----------------------------------------------- */
  .m-list-desc {
    display: grid;
    gap: 20px;
    margin-block-start: var(--SPACE-2XL);
  }
  @media (min-width: 768px) {
    .m-list-desc {
      gap: 24px;
    }
  }
  .m-list-desc__item {
    display: grid;
    gap: 4px;
    padding-block-end: var(--SPACE-MD);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .m-list-desc__item {
      gap: 8px;
    }
  }
  .m-list-desc__title {
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    font-size: var(--FONT-SIZE-XL);
    line-height: var(--SECONDARY-LINE-HEIGHT);
  }
  .m-list-desc__content > :first-child {
    margin-block-start: 0 !important;
  }
  .m-list-desc__content > :last-child {
    margin-block-end: 0 !important;
  }
  .m-list-desc__content > [class^=m-] {
    margin-block-start: 16px;
  }
  .m-list-desc__content > .m-list-note {
    margin-block-start: 12px;
  }
  .m-list-desc__content .m-text {
    font-size: 0.875rem;
  }
  @media (min-width: 768px) {
    .m-list-desc__content .m-text {
      font-size: 1rem;
    }
  }
  .m-list-desc__content > .m-link-list {
    gap: 8px;
  }
  @media (min-width: 768px) {
    .m-list-desc__content > .m-link-list {
      gap: 16px 40px;
    }
  }
  @media (min-width: 768px) {
    .m-list-desc--rowPC :where(.m-list-desc__item) {
      grid-template-columns: 180px auto;
      gap: 40px;
      align-items: baseline;
    }
  }
  @media (min-width: 768px) {
    .m-list-desc--2colPC {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px 48px;
    }
  }
  /* .m-list-note
  ----------------------------------------------- */
  .m-list-note {
    display: grid;
    gap: 6px;
    margin-block: var(--SPACE-MD) 0;
  }
  .m-list-note__item {
    display: grid;
    gap: 8px;
    grid-template-columns: auto 1fr;
    font-size: var(--FONT-SIZE-SM);
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
  }
  .m-list-note__text > .m-list-note {
    margin-block-start: 6px;
  }
  .m-list-note--center {
    justify-items: center;
  }
  /* .m-list-number
  ----------------------------------------------- */
  .m-list-number {
    display: grid;
    gap: 12px;
    margin-block: var(--SPACE-MD) 0;
  }
  .m-list-number__item {
    display: grid;
    gap: 8px;
    align-items: baseline;
    grid-template-columns: auto 1fr;
  }
  .m-list-number__mark {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    color: var(--COLOR-ACCENT-PRIMARY-DARK);
    line-height: var(--SECONDARY-LINE-HEIGHT-S-TIGHT);
  }
  .m-list-number__text {
    line-height: var(--PRIMARY-LINE-HEIGHT-S);
  }
  .m-list-number__text > :first-child {
    margin-block-start: 0 !important;
  }
  .m-list-number__text > :last-child {
    margin-block-end: 0 !important;
  }
  .m-list-number__text > [class^=m-] {
    margin-block-start: 12px;
  }
  .m-list-number__text .m-list-number__mark {
    color: var(--COLOR-FONT);
  }
  /* .m-list
  ----------------------------------------------- */
  .m-list {
    display: grid;
    gap: 12px;
    margin-block: var(--SPACE-MD) 0;
  }
  .m-list--2colSP {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 19px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-list--2colPC, .m-list--3colPC {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 768px) {
    .m-list--2colPC {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 40px;
    }
    .m-list--3colPC {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 40px;
    }
  }
  @media (max-width: 767px) {
    .m-box .m-list, .m-list-desc .m-list, .m-table .m-list {
      gap: 8px;
    }
    .m-box .m-list .m-list__item::before, .m-list-desc .m-list .m-list__item::before, .m-table .m-list .m-list__item::before {
      top: 0.65em;
    }
  }
  .m-list__item {
    position: relative;
    padding-inline-start: 18px;
    line-height: var(--PRIMARY-LINE-HEIGHT-S);
  }
  .m-list__item > :first-child {
    margin-block-start: 0 !important;
  }
  .m-list__item > :last-child {
    margin-block-end: 0 !important;
  }
  .m-list__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.8em;
    left: 0;
    width: 0.375em;
    height: 0.375em;
    border-radius: 50%;
    background-color: var(--COLOR-BORDER-PRIMARY-DARK);
  }
  .m-list__item > [class^=m-] {
    margin-block-start: 12px;
  }
  /* .m-list-news
  ----------------------------------------------- */
  .m-list-news {
    display: flex;
    flex-direction: column;
    gap: var(--SPACE-MD);
    margin: 0;
    padding-block-start: var(--SPACE-MD);
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-list-news li.is-hidden {
    display: none;
  }
  .m-list-news__link {
    position: relative;
    display: block;
    padding-block-end: var(--SPACE-MD);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-list-news__link::after {
    position: absolute;
    content: "";
    inline-size: 0%;
    block-size: 1px;
    top: 100%;
    background-color: var(--COLOR-ACCENT-PRIMARY-LIGHT-01);
    transition: inline-size 0.6s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .m-list-news__link:focus::after, .m-list-news__link:focus-visible::after, .m-list-news__link:hover::after {
      inline-size: 100%;
    }
    .m-list-news__link:focus .m-list-news__text, .m-list-news__link:focus-visible .m-list-news__text, .m-list-news__link:hover .m-list-news__text {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  @media (min-width: 768px) {
    .m-list-news__link {
      display: flex;
      gap: var(--SPACE-MD);
      align-items: baseline;
    }
  }
  .m-list-news__date {
    font-family: var(--FONT-SECONDARY);
    color: var(--COLOR-ACCENT-PRIMARY);
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: break-word;
    white-space: nowrap;
  }
  @media (min-width: 768px) {
    .m-list-news__date {
      display: block;
      margin-block-start: 0.3em;
    }
  }
  .m-list-news__date + .m-label {
    margin-inline-start: var(--SPACE-3XS);
  }
  @media (min-width: 768px) {
    .m-list-news__date + .m-label {
      margin-inline-start: 0;
    }
  }
  .m-list-news__item {
    display: block;
    margin-block-start: 12px;
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .m-list-news__item {
      margin-block-start: 0;
      flex: 1;
    }
  }
  .m-list-news__text {
    margin-block-start: var(--SPACE-2XS);
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    transition: color 0.3s ease-out;
  }
  @media (min-width: 768px) {
    .m-list-news__text {
      font-size: 1rem;
      margin-block-start: 0;
    }
  }
  main[data-page-type=news-top] .m-list-news__text, main[data-page-type=press-top] .m-list-news__text {
    font-size: 1rem;
  }
  main[data-page-type=press-top] .m-icon-link {
    fill: var(--COLOR-ACCENT-PRIMARY);
  }
  main[data-page-type=press-top] .m-list-news__item {
    display: block;
    margin-block-start: 12px;
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    main[data-page-type=press-top] .m-list-news__item {
      margin-block-start: 0;
      flex: 1;
    }
  }
  @media only screen and (any-hover: hover) {
    main[data-page-type=press-top] .m-list-news__item:focus .m-list-news__link::after, main[data-page-type=press-top] .m-list-news__item:focus-visible .m-list-news__link::after, main[data-page-type=press-top] .m-list-news__item:hover .m-list-news__link::after {
      inline-size: 100%;
    }
    main[data-page-type=press-top] .m-list-news__item:focus .m-list-news__text, main[data-page-type=press-top] .m-list-news__item:focus-visible .m-list-news__text, main[data-page-type=press-top] .m-list-news__item:hover .m-list-news__text {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  /* .m-list-step
  ----------------------------------------------- */
  .m-list-step {
    margin-block-start: var(--SPACE-2XL);
  }
  .m-list-step__item {
    position: relative;
    display: grid;
    gap: 8px;
    padding-block-end: var(--SPACE-LG);
  }
  .m-list-step__item::before {
    display: block;
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    top: 10px;
    bottom: 0;
    left: 18px;
    background-color: #E0C2BA;
  }
  @media (min-width: 768px) {
    .m-list-step__item::before {
      left: 22px;
    }
  }
  .m-list-step__item:last-child {
    padding-block-end: 0;
  }
  .m-list-step__item:last-child::before {
    display: none;
  }
  @media (min-width: 768px) {
    .m-list-step__item {
      gap: 9px;
    }
  }
  .m-list-step__title {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
  }
  @media (min-width: 768px) {
    .m-list-step__title {
      gap: 20px;
    }
  }
  .m-list-step__number {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 1.2;
    color: var(--COLOR-ACCENT-PRIMARY);
    width: 40px;
    height: 32px;
    border: 1px solid var(--COLOR-ACCENT-PRIMARY);
    border-radius: 50%;
    background-color: var(--COLOR-BASE-WHITE);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .m-list-step__number {
      width: 48px;
      height: 39px;
    }
  }
  .m-list-step__titleText {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-2XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--COLOR-FONT-DARK);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  .m-list-step__content {
    margin-inline-start: 52px;
  }
  .m-list-step__content > :first-child {
    margin-block-start: 0 !important;
  }
  .m-list-step__content > :last-child {
    margin-block-end: 0 !important;
  }
  .m-list-step__content > .m-text {
    font-size: 0.875rem;
  }
  @media (min-width: 768px) {
    .m-list-step__content > .m-text {
      font-size: 1rem;
    }
  }
  @media (min-width: 768px) {
    .m-list-step__content {
      margin-inline-start: 68px;
    }
  }
  /* .m-list-layout
  ----------------------------------------------- */
  .m-list-layout {
    display: grid;
    gap: 12px 19px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-list-layout {
      column-gap: clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
    }
  }
  @media (min-width: 768px) {
    .m-list-layout--2colPC {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 40px;
    }
  }
  .m-list-layout__item > :first-child {
    margin-block-start: 0 !important;
  }
  .m-list-layout__item > :last-child {
    margin-block-end: 0 !important;
  }
  /* .m-media
  ----------------------------------------------- */
  .m-media {
    margin-block-start: var(--SPACE-XL);
  }
  .m-media--video .m-media__item, .m-media--map .m-media__item {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
  }
  .m-media--video .m-media__item iframe, .m-media--map .m-media__item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .m-media--video .m-media__caption, .m-media--map .m-media__caption {
    display: block;
  }
  @media only screen and (any-hover: hover) {
    .m-media:is([href]):focus .m-media__media, .m-media:is([href]):focus-visible .m-media__media, .m-media:is([href]):hover .m-media__media {
      opacity: 0.6;
    }
  }
  .m-media--videoMp4 video {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
  }
  .m-media__item {
    display: table;
    margin: auto;
  }
  .m-media__media {
    display: block;
    transition: opacity 0.3s ease-out;
  }
  .m-media__caption {
    display: table-caption;
    margin: 12px auto 0;
    caption-side: bottom;
    font-size: var(--FONT-SIZE-SM);
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
    text-align: center;
  }
  @media (min-width: 768px) {
    .m-media__caption {
      margin-block-start: 16px;
    }
  }
  /* .m-media-layout
  ----------------------------------------------- */
  .m-media-layout {
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
    margin-block-start: var(--SPACE-4XL);
  }
  .m-media-layout--columnReverseSP {
    flex-direction: column;
  }
  @media (min-width: 768px) {
    .m-media-layout:has(.m-carousel.is-initialized) {
      grid-template-columns: 1fr fit-content(40%);
    }
  }
  @media (min-width: 768px) {
    .m-media-layout {
      grid-template-columns: 1fr fit-content(60%);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-media-layout {
      display: grid;
      gap: clamp(2rem, 0.497rem + 3.13vw, 3rem);
    }
  }
  @media (min-width: 1280px) {
    .m-media-layout {
      display: grid;
      gap: 48px;
    }
  }
  @media (min-width: 768px) {
    .m-media-layout {
      display: grid;
    }
    .m-media-layout--rowReversePC {
      direction: rtl;
    }
    .m-media-layout--rowReversePC .m-media-layout__content,
    .m-media-layout--rowReversePC .m-media-layout__media,
    .m-media-layout--rowReversePC .m-carousel__controls {
      direction: ltr;
    }
    .m-media-layout--rowReversePC .m-carousel__controls {
      justify-content: flex-start;
    }
  }
  .m-media-layout__content > :first-child,
  .m-media-layout__media > :first-child {
    margin-block-start: 0 !important;
  }
  .m-media-layout__content > :last-child,
  .m-media-layout__media > :last-child {
    margin-block-end: 0 !important;
  }
  .m-media-layout__content .m-list-desc {
    margin-block-start: 20px;
  }
  .m-media-layout__content .m-hdg-lv3 {
    margin-block: 32px 20px;
  }
  .m-media-layout__content .m-hdg-lv4 {
    margin-block: 28px 16px;
  }
  @media (min-width: 768px) {
    .m-media-layout__content .m-list-desc {
      margin-block-start: 24px;
    }
    .m-media-layout__content .m-hdg-lv3 {
      margin-block: 48px 24px;
    }
    .m-media-layout__content .m-hdg-lv4 {
      margin-block-start: 40px;
    }
  }
  .m-media-layout__media {
    margin-inline: auto;
  }
  /* .m-media-iframe
  ----------------------------------------------- */
  .m-media-iframe {
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 9/16;
    margin-inline: auto;
    border: 0;
  }
  @media (min-width: 768px) {
    .m-media-iframe {
      aspect-ratio: auto;
    }
  }
  /* .m-panel-01
  ----------------------------------------------- */
  .m-panel-01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 1.046rem + 4.07vw, 3rem) clamp(1.188rem, 0.412rem + 3.31vw, 2rem);
    justify-items: center;
    margin: var(--SPACE-3XL) auto 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-panel-01 {
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      transform: translateX(20px);
    }
  }
  @media (min-width: 1280px) {
    .m-panel-01 {
      grid-template-columns: repeat(4, 1fr);
      gap: 64px 40px;
      transform: translateX(20px);
    }
  }
  .m-panel-01__item {
    height: 100%;
    transition: transform 0.3s;
  }
  @media (min-width: 768px) {
    .m-panel-01__item {
      border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
      padding-inline-end: 40px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-panel-01__item:nth-child(3n) {
      border-inline-end: none;
    }
  }
  @media (min-width: 1280px) {
    .m-panel-01__item:nth-child(4n) {
      border-inline-end: none;
    }
  }
  .m-panel-01__link {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12px 0;
  }
  @media (min-width: 768px) {
    .m-panel-01__link {
      gap: 16px 0;
    }
  }
  @media only screen and (any-hover: hover) {
    .m-panel-01__link:focus .m-panel-01__title::before, .m-panel-01__link:focus-visible .m-panel-01__title::before, .m-panel-01__link:hover .m-panel-01__title::before {
      opacity: 0;
    }
    .m-panel-01__link:focus .m-panel-01__title::after, .m-panel-01__link:focus-visible .m-panel-01__title::after, .m-panel-01__link:hover .m-panel-01__title::after {
      opacity: 1;
    }
    .m-panel-01__link:focus .m-panel-01__titleText, .m-panel-01__link:focus-visible .m-panel-01__titleText, .m-panel-01__link:hover .m-panel-01__titleText {
      transform: translateX(16px);
    }
    .m-panel-01__link:focus .m-panel-01__titleText::before, .m-panel-01__link:focus-visible .m-panel-01__titleText::before, .m-panel-01__link:hover .m-panel-01__titleText::before {
      opacity: 0;
    }
    .m-panel-01__link:focus .m-panel-01__titleText::after, .m-panel-01__link:focus-visible .m-panel-01__titleText::after, .m-panel-01__link:hover .m-panel-01__titleText::after {
      opacity: 1;
    }
    .m-panel-01__link:focus .m-panel-01__media, .m-panel-01__link:focus-visible .m-panel-01__media, .m-panel-01__link:hover .m-panel-01__media {
      border-radius: 16px;
    }
    .m-panel-01__link:focus .m-panel-01__mediaItem, .m-panel-01__link:focus-visible .m-panel-01__mediaItem, .m-panel-01__link:hover .m-panel-01__mediaItem {
      scale: 1.1;
    }
  }
  .m-panel-01__title {
    display: inline-block;
    position: relative;
    padding-inline-start: 31px;
  }
  .m-panel-01__title::before, .m-panel-01__title::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 19px;
    inset: 12px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-panel-01__title::before {
    background: url("/assets/hotel/images/icon-link-bg.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-01__title::after {
    background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-01__title {
      padding-inline-start: 35px;
    }
    .m-panel-01__title::before, .m-panel-01__title::after {
      width: 27px;
      height: 22px;
      top: 13px;
    }
  }
  .m-panel-01__titleText {
    position: relative;
    display: block;
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    transition: transform 0.4s ease-out;
  }
  .m-panel-01__titleText::before, .m-panel-01__titleText::after {
    content: "";
    position: absolute;
    translate: 0 -50%;
    transition: opacity 0.4s ease-out;
  }
  .m-panel-01__titleText::before {
    width: 6px;
    height: 3px;
    left: -22px;
    top: 11px;
    background: url("/assets/hotel/images/icon-arrow-link-sm_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-01__titleText::after {
    width: 30px;
    height: 5px;
    left: -40px;
    top: 14.5px;
    transform: translateY(-50%);
    background: url("/assets/hotel/images/icon-arrow-link-hover-sm_pc.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-01__titleText {
      font-size: 1rem;
    }
    .m-panel-01__titleText::before {
      width: 8px;
      height: 4px;
      left: -25px;
      top: 14.5px;
      transform: translateY(-50%);
      background: url("/assets/hotel/images/icon-arrow-link-sm_pc.svg") no-repeat center/contain;
      opacity: 1;
    }
  }
  .m-panel-01__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-radius 0.3s ease-out;
  }
  .m-panel-01__mediaItem {
    width: 100%;
    transition: scale 0.3s ease-out;
    object-fit: cover;
  }
  @media (max-width: 767px) {
    .m-panel-01--columnSP {
      grid-template-columns: 1fr;
      gap: 16px;
      justify-items: flex-start;
    }
    .m-panel-01--columnSP .m-panel-01__item {
      width: 100%;
      padding-block-end: 16px;
      border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .m-panel-01--columnSP .m-panel-01__item:last-child {
      padding-block-end: 0;
      border-block-end: none;
    }
    .m-panel-01--columnSP .m-panel-01__link {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 20px;
      align-items: center;
    }
    .m-panel-01--columnSP .m-panel-01__title {
      order: 1;
    }
    .m-panel-01--columnSP .m-panel-01__media {
      width: clamp(6rem, 2.173rem + 16.33vw, 10rem);
    }
  }
  /* .m-panel-02
  ----------------------------------------------- */
  .m-panel-02 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    justify-items: center;
    gap: 32px 19px;
  }
  @media (min-width: 768px) {
    .m-panel-02 {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      justify-items: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .m-panel-02 {
      grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    }
  }
  .m-panel-02__link {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    font-weight: var(--FONT-WEIGHT-BOLD);
    transition: all 0.3s ease-out;
    max-inline-size: 160px;
  }
  @media only screen and (any-hover: hover) {
    .m-panel-02__link:focus, .m-panel-02__link:focus-visible, .m-panel-02__link:hover {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
    .m-panel-02__link:focus .m-panel-02__media, .m-panel-02__link:focus-visible .m-panel-02__media, .m-panel-02__link:hover .m-panel-02__media {
      border-radius: var(--RADIUS-LG);
    }
    .m-panel-02__link:focus .m-panel-02__mediaItem, .m-panel-02__link:focus-visible .m-panel-02__mediaItem, .m-panel-02__link:hover .m-panel-02__mediaItem {
      scale: 1.1;
    }
  }
  @media (min-width: 768px) {
    .m-panel-02__link {
      flex-direction: row-reverse;
      justify-content: left;
      align-items: center;
      gap: 20px;
      max-inline-size: 100%;
      min-inline-size: 330px;
    }
  }
  .m-panel-02__link .m-icon-link {
    margin-inline: 8px;
  }
  @media (min-width: 768px) {
    .m-panel-02__title {
      flex: 1;
    }
  }
  .m-panel-02__media {
    overflow: hidden;
    transition: all 0.3s ease-out;
  }
  .m-panel-02__mediaItem {
    transition: all 0.3s ease-out;
  }
  .m-panel-02--border .m-panel-02__media {
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .m-panel-02--sm {
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 32px;
    }
  }
  @media (min-width: 768px) {
    .m-panel-02--sm .m-panel-02__link {
      min-inline-size: 230px;
    }
  }
  @media (min-width: 768px) {
    .m-panel-02--sm .m-panel-02__media {
      max-width: 130px;
      height: auto;
    }
  }
  /* .m-panel-03
  ----------------------------------------------- */
  .m-panel-03 {
    display: grid;
    gap: 28px;
    margin-block: var(--SPACE-XL) 0;
  }
  @media (min-width: 1280px) {
    .m-panel-03 {
      grid-template-columns: repeat(2, 1fr);
      gap: 64px 40px;
    }
  }
  .m-panel-03__item {
    padding-block-end: 28px;
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-panel-03__item:last-child {
    padding-block-end: 0;
    border-block-end: none;
  }
  @media (min-width: 1280px) {
    .m-panel-03__item {
      padding-block-end: 0;
      border-block-end: none;
      padding-inline-end: 40px;
      border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
    .m-panel-03__item:nth-child(even) {
      border-inline-end: none;
    }
  }
  .m-panel-03__link {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
  }
  @media only screen and (any-hover: hover) {
    .m-panel-03__link:focus .m-panel-03__title::before, .m-panel-03__link:focus-visible .m-panel-03__title::before, .m-panel-03__link:hover .m-panel-03__title::before {
      opacity: 0;
    }
    .m-panel-03__link:focus .m-panel-03__title::after, .m-panel-03__link:focus-visible .m-panel-03__title::after, .m-panel-03__link:hover .m-panel-03__title::after {
      opacity: 1;
    }
    .m-panel-03__link:focus .m-panel-03__titleText, .m-panel-03__link:focus-visible .m-panel-03__titleText, .m-panel-03__link:hover .m-panel-03__titleText {
      transform: translateX(12px);
    }
    .m-panel-03__link:focus .m-panel-03__titleText::before, .m-panel-03__link:focus-visible .m-panel-03__titleText::before, .m-panel-03__link:hover .m-panel-03__titleText::before {
      opacity: 0;
    }
    .m-panel-03__link:focus .m-panel-03__titleText::after, .m-panel-03__link:focus-visible .m-panel-03__titleText::after, .m-panel-03__link:hover .m-panel-03__titleText::after {
      opacity: 1;
    }
    .m-panel-03__link:focus .m-panel-03__media, .m-panel-03__link:focus-visible .m-panel-03__media, .m-panel-03__link:hover .m-panel-03__media {
      border-radius: 16px;
    }
    .m-panel-03__link:focus .m-panel-03__mediaItem, .m-panel-03__link:focus-visible .m-panel-03__mediaItem, .m-panel-03__link:hover .m-panel-03__mediaItem {
      transform: scale(1.1);
    }
  }
  @media (min-width: 768px) {
    .m-panel-03__link {
      gap: 32px;
    }
  }
  .m-panel-03__content {
    display: grid;
    gap: 12px;
    flex: 1;
  }
  @media (min-width: 768px) {
    .m-panel-03__content {
      gap: 16px;
    }
  }
  .m-panel-03__title {
    display: inline-block;
    position: relative;
    padding-inline-start: 32px;
  }
  .m-panel-03__title::before, .m-panel-03__title::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 19px;
    inset: 13px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-panel-03__title::before {
    background: url("/assets/hotel/images/icon-link-bg.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-03__title::after {
    background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-03__title {
      padding-inline: 39px 12px;
    }
    .m-panel-03__title::before, .m-panel-03__title::after {
      top: 15px;
      width: 27px;
      height: 22px;
    }
  }
  .m-panel-03__titleText {
    position: relative;
    display: block;
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    letter-spacing: var(--LETTER-SPACING);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    transition: transform 0.4s ease-out;
  }
  .m-panel-03__titleText::before, .m-panel-03__titleText::after {
    content: "";
    position: absolute;
    translate: 0 -50%;
    transition: opacity 0.4s ease-out;
  }
  .m-panel-03__titleText::before {
    width: 6px;
    height: 3px;
    left: -23px;
    top: 12px;
    background: url("/assets/hotel/images/icon-arrow-link-sm_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-03__titleText::after {
    width: 30px;
    height: 5px;
    left: -40px;
    top: 0.875em;
    translate: 0 -2.5px;
    background: url("/assets/hotel/images/icon-arrow-link-hover-sm_pc.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-03__titleText {
      font-size: 1rem;
    }
    .m-panel-03__titleText::before {
      width: 8px;
      height: 4px;
      left: -29px;
      top: 0.875em;
      background: url("/assets/hotel/images/icon-arrow-link-sm_pc.svg") no-repeat center/contain;
      opacity: 1;
    }
  }
  .m-panel-03__desc {
    display: -webkit-box;
    font-size: 0.875rem;
    overflow: hidden;
    letter-spacing: var(--LETTER-SPACING);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  @media (min-width: 768px) {
    .m-panel-03__desc {
      font-size: 1rem;
    }
  }
  .m-panel-03__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    overflow: hidden;
    transition: border-radius 0.3s;
  }
  @media (min-width: 768px) {
    .m-panel-03__media {
      width: 200px;
      height: 133px;
    }
  }
  .m-panel-03__mediaItem {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
  }
  /* .m-panel-04
  ----------------------------------------------- */
  .m-panel-04 {
    margin-block: var(--SPACE-3XL) 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-panel-04 {
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }
  @media (min-width: 1280px) {
    .m-panel-04 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
    }
  }
  .m-panel-04__item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    block-size: 100%;
    overflow: hidden;
    transition: all 0.4s ease-out;
  }
  @media only screen and (any-hover: hover) {
    .m-panel-04__item:focus, .m-panel-04__item:focus-visible, .m-panel-04__item:hover {
      border-radius: 16px;
      box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
    }
    .m-panel-04__item:focus .m-panel-04__body, .m-panel-04__item:focus-visible .m-panel-04__body, .m-panel-04__item:hover .m-panel-04__body {
      background-color: var(--COLOR-BASE-WHITE);
    }
    .m-panel-04__item:focus .m-panel-04__body::before, .m-panel-04__item:focus-visible .m-panel-04__body::before, .m-panel-04__item:hover .m-panel-04__body::before {
      opacity: 0;
    }
    .m-panel-04__item:focus .m-panel-04__body::after, .m-panel-04__item:focus-visible .m-panel-04__body::after, .m-panel-04__item:hover .m-panel-04__body::after {
      opacity: 1;
    }
    .m-panel-04__item:focus .m-panel-04__bodyInner::before, .m-panel-04__item:focus-visible .m-panel-04__bodyInner::before, .m-panel-04__item:hover .m-panel-04__bodyInner::before {
      opacity: 0;
    }
    .m-panel-04__item:focus .m-panel-04__bodyInner::after, .m-panel-04__item:focus-visible .m-panel-04__bodyInner::after, .m-panel-04__item:hover .m-panel-04__bodyInner::after {
      opacity: 1;
      transform: translate(16px, -47%);
    }
    .m-panel-04__item:focus .m-panel-04__media, .m-panel-04__item:focus-visible .m-panel-04__media, .m-panel-04__item:hover .m-panel-04__media {
      scale: 1.1;
    }
  }
  .m-panel-04__body {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 8px 16px;
    background-color: var(--COLOR-BG-PRIMARY);
    transition: background-color 0.4s ease-out;
  }
  @media (min-width: 768px) {
    .m-panel-04__body {
      position: relative;
      padding: 24px 40px 24px 32px;
      z-index: var(--Z-INDEX-1);
    }
    .m-panel-04__body::before, .m-panel-04__body::after {
      content: "";
      position: absolute;
      inline-size: 38px;
      block-size: 31px;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      transition: 0.4s ease-out;
    }
    .m-panel-04__body::before {
      background: url("/assets/hotel/images/icon-panel-link-bg.svg") no-repeat center/contain;
      opacity: 1;
    }
    .m-panel-04__body::after {
      background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
      opacity: 0;
    }
  }
  .m-panel-04__bodyInner {
    display: flex;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
  }
  @media (min-width: 768px) {
    .m-panel-04__bodyInner {
      position: relative;
      padding-inline-end: 62px;
    }
    .m-panel-04__bodyInner::before, .m-panel-04__bodyInner::after {
      content: "";
      position: absolute;
      top: 47%;
      transform: translateY(-47%);
      right: 40px;
    }
    .m-panel-04__bodyInner::before {
      inline-size: 9px;
      block-size: 5px;
      right: 14px;
      background: url("/assets/hotel/images/icon-arrow-link-color_pc.svg") no-repeat center/contain;
      opacity: 1;
      transition: 0.2s ease-out;
    }
    .m-panel-04__bodyInner::after {
      inline-size: 39px;
      block-size: 5px;
      right: 0;
      background: url("/assets/hotel/images/icon-arrow-link-hover_pc.svg") no-repeat center/contain;
      opacity: 0;
      transition: 0.4s ease-out;
    }
  }
  .m-panel-04__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    font-size: 0.8125rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .m-panel-04__text {
      font-size: 1rem;
    }
  }
  .m-panel-04__media {
    max-inline-size: 44%;
    min-inline-size: 138px;
    block-size: auto;
    object-fit: contain;
    background-color: var(--COLOR-BG-SECONDARY);
    transition: scale 0.4s ease-out;
  }
  @media (min-width: 768px) {
    .m-panel-04__media {
      min-inline-size: unset;
    }
  }
  /* .m-panel-05
  ----------------------------------------------- */
  .m-panel-05 {
    display: grid;
    gap: 64px;
    margin: var(--SPACE-3XL) auto auto;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-panel-05 {
      grid-template-columns: repeat(2, 1fr);
      gap: 80px 40px;
    }
  }
  @media (min-width: 1280px) {
    .m-panel-05 {
      grid-template-columns: repeat(3, 1fr);
      gap: 80px 40px;
    }
  }
  .m-panel-05__item {
    width: 100%;
    max-width: 560px;
    height: 100%;
    margin: auto;
  }
  .m-panel-05__link {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .m-panel-05__link:has(.m-panel-05__content) {
    gap: 16px;
  }
  @media only screen and (any-hover: hover) {
    .m-panel-05__link:focus .m-panel-05__more::before, .m-panel-05__link:focus-visible .m-panel-05__more::before, .m-panel-05__link:hover .m-panel-05__more::before {
      opacity: 0;
    }
    .m-panel-05__link:focus .m-panel-05__more::after, .m-panel-05__link:focus-visible .m-panel-05__more::after, .m-panel-05__link:hover .m-panel-05__more::after {
      opacity: 1;
    }
    .m-panel-05__link:focus .m-panel-05__moreText, .m-panel-05__link:focus-visible .m-panel-05__moreText, .m-panel-05__link:hover .m-panel-05__moreText {
      transform: translateX(16px);
    }
    .m-panel-05__link:focus .m-panel-05__moreText::before, .m-panel-05__link:focus-visible .m-panel-05__moreText::before, .m-panel-05__link:hover .m-panel-05__moreText::before {
      opacity: 0;
    }
    .m-panel-05__link:focus .m-panel-05__moreText::after, .m-panel-05__link:focus-visible .m-panel-05__moreText::after, .m-panel-05__link:hover .m-panel-05__moreText::after {
      opacity: 1;
    }
    .m-panel-05__link:focus .m-panel-05__media, .m-panel-05__link:focus-visible .m-panel-05__media, .m-panel-05__link:hover .m-panel-05__media {
      border-radius: 16px;
    }
    .m-panel-05__link:focus .m-panel-05__mediaItem, .m-panel-05__link:focus-visible .m-panel-05__mediaItem, .m-panel-05__link:hover .m-panel-05__mediaItem {
      transform: scale(1.1);
    }
  }
  .m-panel-05__body {
    display: grid;
    gap: 20px;
  }
  @media (min-width: 768px) {
    .m-panel-05__body {
      gap: 24px;
    }
  }
  .m-panel-05__content {
    display: grid;
    gap: 16px;
  }
  .m-panel-05__title {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-2XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
  }
  .m-panel-05__desc {
    display: -webkit-box;
    font-size: 0.875rem;
    overflow: hidden;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  @media (min-width: 768px) {
    .m-panel-05__desc {
      font-size: 1rem;
      -webkit-line-clamp: 2;
    }
  }
  .m-panel-05__more {
    display: inline-block;
    position: relative;
    font-weight: var(--FONT-WEIGHT-BOLD);
    padding-inline-start: 44px;
  }
  .m-panel-05__more::before, .m-panel-05__more::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 26px;
    inset: 18px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-panel-05__more::before {
    background: url("/assets/hotel/images/icon-link-bg.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-05__more::after {
    background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-05__more {
      padding-inline-start: 50px;
    }
    .m-panel-05__more::before, .m-panel-05__more::after {
      width: 37px;
      height: 30px;
    }
  }
  .m-panel-05__moreText {
    position: relative;
    display: block;
    transition: transform 0.4s ease-out;
  }
  .m-panel-05__moreText::before, .m-panel-05__moreText::after {
    content: "";
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .m-panel-05__moreText::before {
    width: 8px;
    height: 4px;
    left: -31px;
    background: url("/assets/hotel/images/icon-arrow-link_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .m-panel-05__moreText::after {
    width: 39px;
    height: 5px;
    left: -51px;
    background: url("/assets/hotel/images/icon-arrow-link-hover_pc.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .m-panel-05__moreText::before {
      width: 9px;
      height: 5px;
      left: -35px;
      background: url("/assets/hotel/images/icon-arrow-link_pc.svg") no-repeat center/contain;
      opacity: 1;
    }
  }
  .m-panel-05__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
    transition: border-radius 0.3s;
  }
  .m-panel-05__mediaItem {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
  }
  .m-panel-05__subTitle {
    margin-bottom: 4px;
    font-family: var(--FONT-PRIMARY);
    font-size: var(--FONT-SIZE-SM);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: 1.8;
    display: block;
  }
  /* .m-panel
  ----------------------------------------------- */
  @keyframes fadeInItem {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .m-panel__layout {
    display: grid;
    justify-content: center;
    gap: var(--SPACE-4XL);
    margin-block-start: var(--SPACE-4XL);
  }
  .m-panel__layout li.is-hidden {
    display: none;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-panel__layout--3colPC {
      gap: 40px clamp(1.5rem, -0.003rem + 3.13vw, 2.5rem);
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 1280px) {
    .m-panel__layout--3colPC {
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
    }
    .m-panel__layout--4colPC {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .m-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 480px;
    height: 100%;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
  @media (min-width: 768px) {
    .m-panel {
      max-width: unset;
    }
  }
  @media only screen and (min-width: 768px) and (any-hover: hover) {
    .m-panel:focus, .m-panel:focus-visible, .m-panel:hover {
      scale: 1.04;
      border-radius: var(--RADIUS-XL);
      box-shadow: 0 2px 24px 0 var(--COLOR-SHADOW);
      background-color: rgba(255, 255, 255, 0.6);
    }
    .m-panel:focus .m-panel__media img, .m-panel:focus-visible .m-panel__media img, .m-panel:hover .m-panel__media img {
      scale: 1.1;
    }
    .m-panel:focus .m-panel__body, .m-panel:focus-visible .m-panel__body, .m-panel:hover .m-panel__body {
      scale: 0.97;
    }
  }
  .m-carousel .m-panel .m-panel__title {
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT);
  }
  @media (min-width: 768px) {
    .m-carousel .m-panel .m-panel__title {
      font-size: 1rem;
    }
  }
  .m-carousel .m-panel .m-panel__desc {
    font-size: 0.75rem;
  }
  @media (min-width: 768px) {
    .m-carousel .m-panel .m-panel__desc {
      font-size: 0.8125rem;
    }
  }
  @media (min-width: 1280px) {
    .m-carousel.js-carousel-fit .m-panel.fn-fade-item {
      opacity: 0;
      transform: translateY(30px);
    }
    .m-carousel.js-carousel-fit .m-panel.fn-fade-item.is-fade-in {
      animation: fadeInItem 0.5s cubic-bezier(0.57, 0.01, 0.58, 0.9) forwards;
      animation-delay: calc(var(--i) * 0.2s);
    }
  }
  .m-panel__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    width: 100%;
  }
  .m-panel__media img {
    aspect-ratio: 11/7;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: scale 0.3s ease-out;
  }
  .m-panel__body {
    padding-block-start: 16px;
    width: 100%;
    flex: 1;
    transition: all 0.3s ease-out;
  }
  @media (min-width: 768px) {
    .m-panel__body {
      padding: 16px 8px 20px;
    }
  }
  .m-panel__body .m-label__layout {
    margin-block-start: 8px;
  }
  @media (min-width: 768px) {
    .m-panel__body .m-label__layout {
      margin-block-start: 12px;
    }
  }
  .m-panel__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .m-panel__desc {
    margin-block-start: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .m-panel__desc {
      margin-block-start: 12px;
    }
  }
  .m-panel__label {
    display: flex;
    flex-wrap: wrap;
    gap: var(--SPACE-3XS);
    margin-block-start: 8px;
  }
  .m-panel__label > :last-child::after {
    display: none;
  }
  @media (min-width: 768px) {
    .m-panel__label {
      margin-block-start: 12px;
    }
  }
  .m-panel__labelItem {
    position: relative;
    padding-inline-end: calc(var(--SPACE-3XS) + 4px);
    font-size: var(--FONT-SIZE-XS);
    line-height: var(--PRIMARY-LINE-HEIGHT-S-TIGHT);
  }
  .m-panel__labelItem::after {
    position: absolute;
    content: "";
    inset: 0 0 0 auto;
    margin-block: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--COLOR-BORDER-PRIMARY-DARK);
  }
  /* .m-table
  ----------------------------------------------- */
  .m-table {
    margin-block-start: var(--SPACE-2XL);
  }
  .m-table--scroll {
    position: relative;
  }
  .m-table--scroll::before, .m-table--scroll::after {
    position: absolute;
    content: "";
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--COLOR-BASE-WHITE) 75%);
  }
  .m-table--scroll::before {
    display: none;
  }
  .m-table--scroll::after {
    right: -20px;
  }
  .m-table--scroll.is-scroll::before {
    display: block;
    left: -20px;
    rotate: 180deg;
  }
  .m-table--scroll.is-scroll-end::after {
    display: none;
  }
  @media (min-width: 768px) {
    .m-table--scroll::before, .m-table--scroll::after {
      display: none;
    }
  }
  @media (scripting: none) {
    .m-table--scroll::before, .m-table--scroll::after {
      display: none;
    }
  }
  .m-table--scroll .m-table__note {
    position: relative;
    margin-block-end: var(--SPACE-3XS);
    padding-inline-start: 27px;
    font-size: var(--FONT-SIZE-XS);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  .m-table--scroll .m-table__note::before {
    position: absolute;
    content: "";
    inline-size: 19px;
    block-size: 9px;
    inset-inline-start: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    background: url("/assets/hotel/images/icon-scroll.svg") no-repeat center/contain;
  }
  @media (min-width: 768px) {
    .m-table--scroll .m-table__note {
      display: none;
    }
  }
  .m-table--scroll .m-table__content {
    overflow: auto;
  }
  .m-table--scroll .m-table__content table {
    min-inline-size: 768px;
  }
  @media (min-width: 768px) {
    .m-table--scroll .m-table__content table {
      min-inline-size: auto;
    }
  }
  .m-table--1colSP .m-table__content tbody th, .m-table--1colSP .m-table__content tbody td {
    display: block;
  }
  .m-table--1colSP .m-table__content tbody th {
    padding: var(--SPACE-XS);
    font-size: 1rem;
    border-inline-end: none;
  }
  .m-table--1colSP .m-table__content tbody th.u-ta-center {
    text-align: left !important;
  }
  @media (min-width: 768px) {
    .m-table--1colSP .m-table__content tbody th.u-ta-center {
      text-align: center !important;
    }
  }
  .m-table--1colSP .m-table__content tbody td {
    padding: var(--SPACE-MD) var(--SPACE-SM);
    border-inline: none;
  }
  .m-table--1colSP .m-table__content tbody td .m-text {
    font-size: 1rem;
  }
  @media (min-width: 768px) {
    .m-table--1colSP .m-table__content tbody th, .m-table--1colSP .m-table__content tbody td {
      display: table-cell;
      padding: var(--SPACE-MD) var(--SPACE-LG);
    }
    .m-table--1colSP .m-table__content tbody td {
      border-inline-start: 1px solid var(--COLOR-BORDER-PRIMARY);
      border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
      border-block-start: none;
    }
  }
  .m-table__content table {
    inline-size: 100%;
    border-collapse: collapse;
  }
  .m-table__content table thead tr th, .m-table__content table thead tr td, .m-table__content table tbody tr th, .m-table__content table tbody tr td {
    padding: 12px;
  }
  .m-table__content table thead tr th > :first-child, .m-table__content table thead tr td > :first-child, .m-table__content table tbody tr th > :first-child, .m-table__content table tbody tr td > :first-child {
    margin-block-start: 0 !important;
  }
  .m-table__content table thead tr th > :last-child, .m-table__content table thead tr td > :last-child, .m-table__content table tbody tr th > :last-child, .m-table__content table tbody tr td > :last-child {
    margin-block-end: 0 !important;
  }
  .m-table__content table thead tr th .m-link-anchor, .m-table__content table thead tr td .m-link-anchor, .m-table__content table tbody tr th .m-link-anchor, .m-table__content table tbody tr td .m-link-anchor {
    justify-content: flex-start;
  }
  .m-table__content table thead tr th.u-border-none, .m-table__content table thead tr td.u-border-none, .m-table__content table tbody tr th.u-border-none, .m-table__content table tbody tr td.u-border-none {
    border: none !important;
  }
  .m-table__content table thead tr th, .m-table__content table tbody tr th {
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .m-table__content table thead tr td, .m-table__content table tbody tr td {
    background-color: var(--COLOR-BASE-WHITE);
  }
  .m-table__content table thead tr td.u-bg-beige, .m-table__content table tbody tr td.u-bg-beige {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .m-table__content table thead {
    background-color: var(--COLOR_GRAY_LIGHT);
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table thead tr {
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table thead tr > :first-child {
    border-inline-start: none;
  }
  .m-table__content table thead tr th, .m-table__content table thead tr td {
    border-inline-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table thead tr td {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .m-table__content table thead tr + tr > :first-child {
    border-inline-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table thead tr + tr td:first-child {
    border-inline-start: none;
  }
  .m-table__content table tbody {
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table tbody tr {
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table tbody tr th, .m-table__content table tbody tr td {
    max-inline-size: calc(100vw - var(--SPACE-GUTTER) * 2);
  }
  .m-table__content table tbody tr th {
    text-align: start;
    vertical-align: top;
    border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table tbody tr td {
    border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    vertical-align: top;
  }
  .m-table__content table tbody tr td:last-child {
    border-inline-end: none;
  }
  .m-table__content table tbody tr td + th {
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-table__content table tbody tr td .m-hdg-lv3 {
    margin-block: 48px 24px;
  }
  .m-table__content table tbody tr td .m-hdg-lv4 {
    margin-block: 40px 16px;
  }
  .m-table__content table tbody tr td .m-text {
    margin-block-start: 16px;
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-S);
  }
  .m-table__content table tbody tr td .m-list,
  .m-table__content table tbody tr td .m-link-list {
    margin-block-start: 16px;
  }
  .m-table__content table tbody tr td .m-list-note {
    margin-block-start: 12px;
  }
  .m-table__content table tbody tr td .m-link-list {
    gap: 8px;
  }
  @media (min-width: 768px) {
    .m-table__content table tbody tr td .m-link-list {
      gap: 16px;
    }
  }
  .m-table__content table:has(thead) tbody {
    border-block-start: none;
  }
  @media (min-width: 768px) {
    .m-table__content table thead tr th, .m-table__content table thead tr td, .m-table__content table tbody tr th, .m-table__content table tbody tr td {
      padding: var(--SPACE-MD) var(--SPACE-LG);
    }
    .m-table__content table thead tr th, .m-table__content table tbody tr th {
      font-size: 1rem;
      line-height: var(--PRIMARY-LINE-HEIGHT-S);
    }
    .m-table__content table thead tr td .m-text, .m-table__content table tbody tr td .m-text {
      font-size: 1rem;
    }
    .m-table__content table tbody tr td + th {
      border-inline-start: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
  }
  .m-table__content .m-table__cell--emphasis {
    background-color: #EBE6E1;
  }
  /* .m-text
  ----------------------------------------------- */
  .m-text {
    margin-block-start: var(--SPACE-MD);
    font-size: var(--FONT-SIZE-MD);
  }
  .m-text--red {
    color: var(--COLOR-BASE-SECONDARY);
  }
  /* .m-text-leading
  ----------------------------------------------- */
  .m-text-leading {
    color: var(--COLOR-FONT);
    font-size: var(--FONT-SIZE-XL);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    margin-block-start: var(--SPACE-XL);
  }
  .m-hdg-lv1-category + .m-text-leading {
    margin-block-start: var(--SPACE-MD);
  }
  .m-text-leading--lg {
    font-size: var(--FONT-SIZE-2XL);
  }
  .m-text-leading--sm {
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT);
    line-height: 2.4;
  }
  .m-text-leading--fs-sm {
    font-size: 0.875rem;
  }
  @media (min-width: 768px) {
    .m-text-leading--fs-sm {
      font-size: 1.125rem;
    }
  }
  .m-text-leading--red {
    color: #9E3437;
  }
  .m-text-leading--green {
    color: #588D64;
  }
  .m-text-leading--blue {
    color: #7A84B3;
  }
  .m-text-leading--brown {
    color: #C58F21;
  }
  .m-text-leading--purple {
    color: #816677;
  }
  .m-text-leading--yellow {
    color: #DAAD41;
  }
  .m-text-leading--orange {
    color: #D06441;
  }
  /* .m-carousel（ベース）
  ----------------------------------------------- */
  .m-carousel.splide {
    display: flex;
    flex-direction: column;
    gap: var(--SPACE-LG);
    margin-block-start: var(--SPACE-3XL);
  }
  .m-carousel.splide.js-carousel-basic {
    margin-inline: auto;
    max-inline-size: 1080px;
  }
  @media (scripting: none) {
    .m-carousel.splide.js-carousel-basic .m-carousel__list.splide__list {
      display: block !important;
    }
    .m-carousel.splide.js-carousel-basic .m-carousel__list.splide__list > :first-child {
      padding-block-start: 0 !important;
    }
    .m-carousel.splide.js-carousel-basic .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      display: block;
      padding-block-start: 48px;
    }
  }
  @media (scripting: none) and (min-width: 768px) {
    .m-carousel.splide.js-carousel-basic .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      padding-block-start: 64px;
    }
  }
  .m-carousel.splide .m-carousel__slide.splide__slide > :first-child {
    margin-block-start: 0 !important;
  }
  .m-carousel.splide .m-carousel__slide.splide__slide > :last-child {
    margin-block-end: 0 !important;
  }
  .m-carousel.splide .m-carousel__track.m-carousel__track--visible.splide__track {
    overflow: visible !important;
  }
  @media (scripting: none) {
    .m-carousel.splide {
      visibility: visible !important;
    }
    .m-carousel.splide .m-carousel__controls {
      display: none;
    }
  }
  .m-carousel:not(.splide) {
    margin-block-start: var(--SPACE-3XL);
  }
  .m-carousel:not(.splide) .m-carousel__list.splide__list {
    justify-content: center;
  }
  .m-carousel:not(.splide) .m-carousel__slide.splide__slide {
    flex-shrink: 1 !important;
  }
  .m-carousel:not(.splide) .m-carousel__slide.splide__slide > :first-child {
    margin-block-start: 0 !important;
  }
  .m-carousel:not(.splide) .m-carousel__slide.splide__slide > :last-child {
    margin-block-end: 0 !important;
  }
  .m-carousel:not(.splide) .m-carousel__controls {
    display: none;
  }
  /* -----------------------------------------------
    .m-carousel--fit
    （コンテンツ幅に応じてカルーセル化）
  ----------------------------------------------- */
  .m-carousel.m-carousel--fit.splide.is-initialized:not(.is-active) .m-carousel__list.splide__list {
    display: grid !important;
    gap: 40px;
  }
  .m-carousel.m-carousel--fit.splide.is-initialized:not(.is-active) .m-carousel__list.splide__list.m-carousel__list--3col {
    grid-template-columns: repeat(3, 1fr);
  }
  .m-carousel.m-carousel--fit.splide.is-initialized:not(.is-active) .m-carousel__list.splide__list.m-carousel__list--4col {
    grid-template-columns: repeat(4, 1fr);
  }
  .m-carousel.m-carousel--fit.splide.is-initialized:not(.is-active) .m-carousel__controls {
    display: none;
  }
  .m-carousel.m-carousel--fit.splide.is-active .m-carousel__list.splide__list {
    margin-inline-start: -20px !important;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fit.splide.is-active .m-carousel__list.splide__list {
      margin-inline-start: -40px !important;
    }
  }
  .m-carousel.m-carousel--fit.splide.is-active .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    inline-size: 241px;
    margin-inline: 10px !important;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fit.splide.is-active .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      inline-size: 330px;
      margin-inline: 20px !important;
    }
  }
  .m-carousel.m-carousel--fit.splide.one-item {
    visibility: visible !important;
  }
  .m-carousel.m-carousel--fit.splide.one-item .m-carousel__slide.splide__slide {
    width: fit-content;
    max-width: 330px;
  }
  .m-carousel.m-carousel--fit.splide.one-item .m-carousel__controls {
    display: none;
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--fit.splide .m-carousel__list.splide__list {
      display: grid !important;
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }
  @media (scripting: none) and (min-width: 768px) and (max-width: 1279px) {
    .m-carousel.m-carousel--fit.splide .m-carousel__list.splide__list {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (scripting: none) and (min-width: 1280px) {
    .m-carousel.m-carousel--fit.splide .m-carousel__list.splide__list.m-carousel__list--3col {
      grid-template-columns: repeat(3, 1fr);
    }
    .m-carousel.m-carousel--fit.splide .m-carousel__list.splide__list.m-carousel__list--4col {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  /* -----------------------------------------------
    .m-carousel--wideFit
    （コンテンツ幅に応じてカルーセル化）（幅広パネル）
  ----------------------------------------------- */
  .m-carousel.m-carousel--wideFit.splide.is-initialized:not(.is-active) .m-carousel__list.splide__list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
  }
  .m-carousel.m-carousel--wideFit.splide.is-initialized:not(.is-active) .m-carousel__controls {
    display: none;
  }
  .m-carousel.m-carousel--wideFit.splide.is-active .m-carousel__list.splide__list {
    margin-inline-start: -4px !important;
  }
  .m-carousel.m-carousel--wideFit.splide.is-active .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    inline-size: 335px;
    margin-inline: 2px !important;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--wideFit.splide.is-active .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      inline-size: 531px;
    }
  }
  .m-carousel.m-carousel--wideFit.splide.one-item {
    visibility: visible !important;
  }
  .m-carousel.m-carousel--wideFit.splide.one-item .m-carousel__list.splide__list {
    justify-content: center;
  }
  .m-carousel.m-carousel--wideFit.splide.one-item .m-carousel__controls {
    display: none;
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--wideFit.splide .m-carousel__list.splide__list {
      display: grid !important;
      justify-items: center;
      grid-template-columns: 1fr;
      gap: 64px 4px;
    }
  }
  @media (scripting: none) and (min-width: 768px) {
    .m-carousel.m-carousel--wideFit.splide .m-carousel__list.splide__list {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (scripting: none) and (min-width: 1280px) {
    .m-carousel.m-carousel--wideFit.splide .m-carousel__list.splide__list {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 80px;
    }
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--wideFit.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      max-inline-size: unset;
    }
  }
  /* -----------------------------------------------
    .m-carousel--fluid
    （アイテムがコンテンツ幅以上でカルーセル化）
  ----------------------------------------------- */
  .m-carousel.m-carousel--fluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    max-inline-size: 241px;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      max-inline-size: 330px;
    }
  }
  .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__list.splide__list {
    margin-inline-start: -20px !important;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__list.splide__list {
      margin-inline-start: -40px !important;
    }
  }
  .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    margin-inline: 10px !important;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      margin-inline: 20px !important;
    }
  }
  .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__arrows.splide__arrows {
    display: none;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--fluid.splide.is-overflow .m-carousel__arrows.splide__arrows {
      display: flex;
    }
  }
  .m-carousel.m-carousel--fluid.splide:not(.is-overflow) .m-carousel__list.splide__list {
    gap: 40px;
  }
  .m-carousel.m-carousel--fluid.splide:not(.is-overflow) .m-carousel__controls {
    display: none;
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--fluid.splide .m-carousel__list.splide__list {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(241px, 1fr));
      gap: 40px 20px;
    }
  }
  @media (scripting: none) and (min-width: 1280px) {
    .m-carousel.m-carousel--fluid.splide .m-carousel__list.splide__list {
      grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--fluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      max-inline-size: unset;
    }
  }
  /* -----------------------------------------------
    .m-carousel--wideFluid
    （アイテムがコンテンツ幅以上でカルーセル化）（幅広パネル）
  ----------------------------------------------- */
  .m-carousel.m-carousel--wideFluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    max-inline-size: 335px;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--wideFluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      max-inline-size: 531px;
    }
  }
  .m-carousel.m-carousel--wideFluid.splide.is-overflow .m-carousel__list.splide__list {
    margin-inline-start: -4px !important;
  }
  .m-carousel.m-carousel--wideFluid.splide.is-overflow .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
    margin-inline: 2px !important;
  }
  .m-carousel.m-carousel--wideFluid.splide.is-overflow .m-carousel__arrows.splide__arrows {
    display: none;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--wideFluid.splide.is-overflow .m-carousel__arrows.splide__arrows {
      display: flex;
    }
  }
  .m-carousel.m-carousel--wideFluid.splide:not(.is-overflow) .m-carousel__list.splide__list {
    column-gap: 4px;
    row-gap: 64px;
  }
  @media (min-width: 768px) {
    .m-carousel.m-carousel--wideFluid.splide:not(.is-overflow) .m-carousel__list.splide__list {
      row-gap: 80px;
    }
  }
  .m-carousel.m-carousel--wideFluid.splide:not(.is-overflow) .m-carousel__controls {
    display: none;
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--wideFluid.splide .m-carousel__list.splide__list {
      display: grid !important;
      justify-items: center;
      grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
    }
  }
  @media (scripting: none) and (min-width: 1280px) {
    .m-carousel.m-carousel--wideFluid.splide .m-carousel__list.splide__list {
      grid-template-columns: repeat(auto-fill, minmax(531px, 1fr));
    }
  }
  @media (scripting: none) {
    .m-carousel.m-carousel--wideFluid.splide .m-carousel__list.splide__list .m-carousel__slide.splide__slide {
      max-inline-size: unset;
      display: contents;
    }
  }
  /* -----------------------------------------------
    カルーセルの制御パーツ
  ----------------------------------------------- */
  .m-carousel__controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--SPACE-2XS);
  }
  @media (min-width: 768px) {
    .m-carousel__controls {
      gap: var(--SPACE-MD);
    }
  }
  .l-content--gutter-none .m-carousel__controls {
    margin-inline: var(--SPACE-GUTTER);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .l-content--gutter-none .m-carousel__controls {
      margin-inline: clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
    }
  }
  @media (1762px < width) {
    .l-content--gutter-none .m-carousel__controls {
      margin-inline: 0;
    }
  }
  .m-carousel__pagination {
    display: flex;
    gap: var(--SPACE-2XS);
  }
  .m-carousel__pagination li {
    display: flex;
    inline-size: 11px;
    block-size: 11px;
  }
  @media (min-width: 768px) {
    .m-carousel__pagination li {
      inline-size: 13px;
      block-size: 13px;
    }
  }
  .m-carousel__pagination .splide__pagination__page {
    position: relative;
    top: 3px;
    left: 3px;
    inline-size: 5px;
    block-size: 5px;
    display: flex;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--COLOR-BORDER-PRIMARY-DEEP);
    background-color: var(--COLOR-BASE-WHITE);
    cursor: pointer;
    transition: opacity 0.3s ease-out;
  }
  .m-carousel__pagination .splide__pagination__page:hover {
    opacity: 0.6;
  }
  .m-carousel__pagination .splide__pagination__page.is-active {
    top: 0;
    left: 0;
    inline-size: 11px;
    block-size: 11px;
    border-color: var(--COLOR-ACCENT-PRIMARY);
    background-color: var(--COLOR-ACCENT-PRIMARY);
    transition: opacity 0.3s ease-out;
  }
  .m-carousel__pagination .splide__pagination__page.is-active:hover {
    opacity: 0.7;
  }
  @media (min-width: 768px) {
    .m-carousel__pagination .splide__pagination__page {
      inline-size: 7px;
      block-size: 7px;
    }
    .m-carousel__pagination .splide__pagination__page.is-active {
      inline-size: 13px;
      block-size: 13px;
    }
  }
  .m-carousel__toggle {
    padding: 0;
    border: none;
    background-color: transparent;
    inline-size: 24px;
    block-size: 25px;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
  }
  .m-carousel__toggle:hover {
    opacity: 0.6;
  }
  .m-carousel__arrows {
    display: flex;
    gap: var(--SPACE-3XS);
  }
  .m-carousel__arrow {
    padding: 0;
    border: none;
    background-color: transparent;
    inline-size: 32px;
    block-size: 27px;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
  }
  .m-carousel__arrow:hover {
    opacity: 0.6;
  }
  /* .m-pulldown
  ----------------------------------------------- */
  .m-pulldown {
    display: flex;
    justify-content: flex-end;
    margin-block: var(--SPACE-2XL);
  }
  .m-pulldown__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--SPACE-SM);
  }
  .m-pulldown__menu {
    position: relative;
    display: block;
    padding-inline-end: 32px;
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    width: auto;
    min-width: 6ch;
    background-image: url("/assets/hotel/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: top 50% right 5px;
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING);
    color: var(--COLOR-FONT);
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .m-pulldown__menu {
      font-size: var(--FONT-SIZE-MD);
    }
  }
  .m-pulldown__btn {
    display: block;
    padding: 5px 16px;
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
    border-radius: var(--RADIUS-SM);
    background-color: var(--COLOR-BASE-WHITE);
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING);
    color: var(--COLOR-FONT);
    transition: all 0.3s ease-out;
    cursor: pointer;
  }
  @media only screen and (any-hover: hover) {
    .m-pulldown__btn:focus, .m-pulldown__btn:focus-visible, .m-pulldown__btn:hover {
      border-color: var(--COLOR-ACCENT-PRIMARY-DARK);
      color: var(--COLOR-ACCENT-PRIMARY-DARK);
    }
  }
  @media (min-width: 768px) {
    .m-pulldown__btn {
      padding-inline: 23px;
      font-size: var(--FONT-SIZE-MD);
    }
  }
  /* .m-tab
  ----------------------------------------------- */
  .m-tab {
    margin-block: var(--SPACE-4XL);
  }
  .l-content .m-tab .m-tab-btn__list > :first-child {
    padding-inline-start: 0;
  }
  .l-content .m-tab .m-tab-btn__list > :last-child {
    padding-inline-end: 0;
  }
  .m-tab.u-mt-3xl {
    margin-block-start: var(--SPACE-3XL) !important;
  }
  .m-tab__container {
    padding-block-start: var(--SPACE-3XL);
  }
  .m-tab__container > :first-child {
    margin-block-start: 0 !important;
  }
  .m-tab__container > :last-child {
    margin-block-end: 0 !important;
  }
  .m-tab__container.u-pt-4xl {
    padding-block-start: var(--SPACE-4XL);
  }
  .m-tab__panel {
    display: none;
  }
  .m-tab__panel > :first-child {
    margin-block-start: 0 !important;
  }
  .m-tab__panel > :last-child {
    margin-block-end: 0 !important;
  }
  .m-tab__panel.is-visible {
    display: block;
  }
  @media (scripting: none) {
    .m-tab__panel {
      display: block;
    }
  }
  .m-tab__note {
    display: none;
  }
  .m-tab__note.is-shown {
    display: block;
  }
  .m-tab__note + .m-panel__layout {
    margin-block-start: 0;
  }
  /* .m-tab-btn
  ----------------------------------------------- */
  .m-tab-btn__wrap {
    position: relative;
    margin-block-start: var(--SPACE-2XL);
  }
  .m-tab-btn__wrap::before, .m-tab-btn__wrap::after {
    position: absolute;
    content: "";
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--COLOR-BASE-WHITE) 75%);
    z-index: 1;
  }
  .m-tab-btn__wrap::before {
    display: none;
  }
  .m-tab-btn__wrap::after {
    right: 0;
  }
  .m-tab-btn__wrap.is-scroll::before {
    display: block;
    left: 0;
    rotate: 180deg;
  }
  .m-tab-btn__wrap.is-scroll-end::after {
    display: none;
  }
  .m-tab-btn__wrap + .l-content {
    padding-top: 0;
  }
  .m-tab-btn {
    overflow: auto;
    scrollbar-color: var(--COLOR-BORDER-PRIMARY) transparent;
    scrollbar-width: thin;
  }
  .m-hdg-lv1 + .m-tab-btn {
    margin-top: 0;
  }
  .m-tab-btn__list {
    display: flex;
    justify-content: flex-start;
    min-width: max-content;
    margin: 0 0 4px;
  }
  .m-tab-btn__list .m-tab-btn__listItem {
    padding-inline: var(--SPACE-XL);
  }
  .m-tab-btn__list > :first-child {
    padding-inline-start: var(--SPACE-GUTTER);
  }
  .m-tab-btn__list > :last-child {
    padding-inline-end: var(--SPACE-GUTTER);
  }
  .m-tab-btn__list > :last-child .m-tab-btn__text::after {
    display: none;
  }
  @media (min-width: 768px) {
    .m-tab-btn__list {
      justify-content: center;
    }
  }
  .m-tab-btn__btn {
    position: relative;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    padding-block-end: calc(var(--FONT-SIZE-XS) + 3px);
    color: var(--COLOR-FONT);
  }
  @media only screen and (any-hover: hover) {
    .m-tab-btn__btn:focus .m-tab-btn__text, .m-tab-btn__btn:focus-visible .m-tab-btn__text, .m-tab-btn__btn:hover .m-tab-btn__text {
      color: var(--COLOR-ACCENT-PRIMARY);
    }
  }
  .m-tab-btn__btn[aria-selected=true]::after, .m-tab-btn__btn.is-active::after {
    position: absolute;
    content: "";
    inset: auto 0 0 0;
    inline-size: 100%;
    block-size: 3px;
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
    background-color: var(--COLOR-ACCENT-PRIMARY);
  }
  .m-tab-btn__btn[aria-selected=true] .m-tab-btn__text, .m-tab-btn__btn.is-active .m-tab-btn__text {
    font-weight: var(--FONT-WEIGHT-BOLD);
    color: var(--COLOR-FONT-DARK);
  }
  .m-tab-btn__text {
    display: flex;
    position: relative;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    transition: all 0.3s ease-out;
  }
  .m-tab-btn__text::after {
    position: absolute;
    content: "";
    inset: 0 -28px 0 auto;
    margin-block: auto;
    inline-size: 1px;
    block-size: 24px;
    background-color: var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .m-tab-btn__text::after {
      inset: 0 -40px 0 auto;
    }
  }
  /* .m-toggle
  ----------------------------------------------- */
  .m-toggle {
    margin-block-start: var(--SPACE-2XL);
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
    border-radius: var(--RADIUS-SM);
    background-color: var(--COLOR-BASE-WHITE);
    overflow: hidden;
  }
  .m-toggle + .m-toggle {
    margin-block-start: var(--SPACE-3XS);
  }
  .m-toggle[open] .m-toggle__summary {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
  }
  .m-toggle[open] .m-toggle__summary::after {
    opacity: 0;
  }
  summary {
    display: block;
    list-style: none;
  }
  .m-toggle__summary {
    position: relative;
    padding: var(--SPACE-2XS) 20px;
    cursor: pointer;
  }
  .m-toggle__summary::before, .m-toggle__summary::after {
    position: absolute;
    content: "";
    inset: 0 25px 0 auto;
    margin-block: auto;
    inline-size: 1px;
    block-size: 11px;
    background-color: var(--COLOR-ACCENT-PRIMARY);
    transition: 0.3s ease-out;
  }
  .m-toggle__summary::before {
    rotate: 90deg;
  }
  @media (min-width: 768px) {
    .m-toggle__summary {
      padding: var(--SPACE-SM) 32px;
    }
    .m-toggle__summary::before, .m-toggle__summary::after {
      inset: 0 39px 0 auto;
      block-size: 15px;
    }
  }
  .m-toggle__head {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 1.6;
    padding-inline-end: 31px;
  }
  @media (min-width: 768px) {
    .m-toggle__head {
      padding-inline-end: 35px;
    }
  }
  .m-toggle__content {
    padding-inline: 28px;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
  }
  .m-toggle__content > :first-child {
    margin-block-start: var(--SPACE-XL);
  }
  .m-toggle__content > :last-child {
    margin-block-end: var(--SPACE-XL);
  }
  @media (min-width: 768px) {
    .m-toggle__content {
      padding-inline: 48px;
    }
  }
  /* .m-dialog
  ----------------------------------------------- */
  .m-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    border: 0;
    background-color: transparent;
    overscroll-behavior: none;
    scrollbar-width: none;
  }
  .m-dialog::backdrop {
    background: rgba(235, 230, 225, 0.95);
  }
  .m-dialog.js-tc-widget {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
  }
  .m-dialog.js-tc-widget .m-dialog__inner {
    background: rgba(235, 230, 225, 0.95);
  }
  .m-dialog.js-tc-widget #tc-widget[data-layout=horizontal] {
    height: auto !important;
    width: auto !important;
    font-family: var(--FONT-PRIMARY) !important;
  }
  .m-dialog.js-tc-widget #tc-widget[data-layout=horizontal] .tc-header {
    height: auto !important;
  }
  .m-dialog.js-tc-widget #tc-widget[data-layout=horizontal] .tc-body {
    height: auto !important;
  }
  .m-dialog.js-tc-widget #tc-widget[data-theme=clear] .tc-book {
    background-color: var(--COLOR-BASE-SECONDARY) !important;
  }
  .m-dialog__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% + 1px);
    padding-block: 90px;
    padding-inline: clamp(0.75rem, -2.579rem + 14.2vw, 11.625rem);
  }
  .m-dialog__content {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    max-width: 1228px;
    max-height: 100%;
    padding: 48px 20px;
    background-color: var(--COLOR-BASE-WHITE);
    border-radius: 12px;
    box-shadow: 0 2px 24px 0 rgba(184, 149, 110, 0.2);
  }
  @media (min-width: 768px) {
    .m-dialog__content {
      padding-inline: 80px;
      border-radius: 16px;
    }
  }
  .m-dialog__body {
    overflow: auto;
  }
  .m-dialog__bodyInner > :first-child {
    margin-block-start: 0 !important;
  }
  .m-dialog__bodyInner > :last-child {
    margin-block-end: 0 !important;
  }
  .m-dialog__closeButton {
    display: inline-flex;
    position: absolute;
    top: 20px;
    right: 20px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 13px;
    border: 0;
    background-color: transparent;
    padding-inline: 0;
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .m-dialog__closeButton {
      top: 32px;
      right: 32px;
      width: 22px;
      height: 18px;
    }
  }
  .m-dialog__closeButton::before {
    content: "";
    background: url("/assets/hotel/images/icon-close.svg") no-repeat center/contain;
    width: 100%;
    height: 100%;
  }
  .m-dialog__closeButton-text {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  /* .m-dialog-video
  ----------------------------------------------- */
  .m-dialog-video {
    margin-block-start: var(--SPACE-XL);
  }
  .m-dialog-video__media {
    position: relative;
    display: table;
    margin: auto;
  }
  .m-dialog-video__mediaItem {
    display: block;
  }
  .m-dialog-video__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 65px;
    height: 49px;
    background-color: rgba(52, 52, 52, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 50%;
    border: 1px solid var(--COLOR-BASE-WHITE);
    z-index: var(--Z-INDEX-1);
    cursor: pointer;
  }
  .m-dialog-video__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: url("/assets/hotel/images/icon-movie-play-lg.svg") no-repeat center;
    width: 15px;
    height: 15px;
  }
  @media (min-width: 768px) {
    .m-dialog-video__btn::before {
      width: 24px;
      height: 22px;
    }
  }
  @media (min-width: 768px) {
    .m-dialog-video__btn {
      width: 106px;
      height: 82px;
    }
  }
  .m-dialog-video__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  /* .m-search
  ----------------------------------------------- */
  .m-search {
    margin-block-start: 40px;
  }
  .m-search ul {
    padding: 0;
    margin: 0;
  }
  .m-search__fieldse {
    border: unset;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
  }
  @media (min-width: 768px) {
    .m-search__fieldse {
      flex-direction: row;
      gap: 40px;
    }
  }
  .m-search__check {
    display: flex;
    gap: 12px;
    font-weight: var(--FONT-WEIGHT);
    line-height: 1.8;
    flex-wrap: wrap;
    flex-direction: column;
    padding-inline-start: 12px;
  }
  .m-search__check > div {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .m-search__check input {
    appearance: none;
    position: relative;
    padding: 7.5px;
    margin: 0;
  }
  .m-search__check input::before {
    content: "";
    position: absolute;
    background: var(--COLOR-BASE-WHITE);
    border: 1px solid #CCBDAD;
    border-radius: 2px;
    inline-size: 15px;
    block-size: 15px;
    display: block;
    inset-inline-start: 0;
    inset-block-start: 0;
  }
  .m-search__check input::after {
    content: "";
    position: absolute;
    border-right: 2px solid var(--COLOR-BASE-WHITE);
    border-bottom: 2px solid var(--COLOR-BASE-WHITE);
    opacity: 0;
    block-size: 10px;
    inline-size: 6px;
    transform: rotate(45deg);
    inset-inline-start: 4px;
    inset-block-start: 1px;
  }
  .m-search__check input[type=radio]::before {
    inset-block-start: -13px;
  }
  .m-search__check input[type=radio]::after {
    inset-block-start: -12px;
  }
  .m-search__check input:checked::before {
    background: var(--COLOR-ACCENT-PRIMARY);
    border: 1px solid var(--COLOR-ACCENT-PRIMARY);
  }
  .m-search__check input:checked::after {
    opacity: 1;
  }
  .m-search__check input:focus::before {
    border: 1px solid var(--COLOR-FONT);
  }
  .m-search__check label {
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .m-search__check {
      flex-direction: row;
      align-items: center;
      column-gap: 32px;
      row-gap: 24px;
      padding-inline-start: 0;
    }
  }
  .m-search__legend {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 2;
    min-inline-size: 136px;
    letter-spacing: 0;
  }
  .m-search__list + .m-search__list {
    margin-block-start: 24px;
    padding-block-start: 24px;
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-search__list:last-child {
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    padding-block-end: 24px;
  }
  .m-search__btn {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-block-start: 24px;
    align-items: center;
    gap: 20px;
  }
  @media (min-width: 768px) {
    .m-search__btn {
      margin-block-start: 32px;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
    }
  }
  .m-search__search {
    text-align: center;
  }
  .m-search__search .m-btn {
    min-inline-size: 240px;
    padding-block: 12px;
  }
  @media (min-width: 768px) {
    .m-search__search {
      grid-column: 2/3;
    }
  }
  .m-search__unCheck {
    text-align: center;
  }
  .m-search__unCheck button {
    background-color: unset;
    border: unset;
    color: var(--COLOR-BASE-PRIMARY-DARK);
    text-decoration: underline;
    transition: 0.3s ease-out;
    font-size: var(--FONT-SIZE-SM);
  }
  @media only screen and (any-hover: hover) {
    .m-search__unCheck button:focus, .m-search__unCheck button:focus-visible, .m-search__unCheck button:hover {
      text-decoration: unset;
    }
  }
  @media (min-width: 768px) {
    .m-search__unCheck {
      grid-column: 3/4;
      text-align: right;
    }
  }
  .js-refine .is-none {
    display: none;
  }
  .js-refine .is-open {
    display: block !important;
  }
  /* .m-recruit-certification
  ----------------------------------------------- */
  .m-recruit-certification {
    display: grid;
    gap: 16px;
    margin-block-start: var(--SPACE-2XL);
    padding-block-end: var(--SPACE-MD);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .m-recruit-certification + .m-recruit-certification {
    margin-block-start: var(--SPACE-MD);
  }
  @media (min-width: 768px) {
    .m-recruit-certification {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
    }
  }
  .m-recruit-certification__title {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
  }
  .m-recruit-certification__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-block: 0;
  }
  @media (min-width: 768px) {
    .m-recruit-certification__list {
      gap: 8px;
    }
  }
  .m-recruit-certification__label {
    --label-color: #BA9061;
    font-size: 0.875rem;
    color: var(--COLOR-BASE-WHITE);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    text-align: center;
    line-height: 1.4;
    background-color: var(--label-color);
    padding: 7px 16px;
    border-radius: 15px;
  }
  @media (min-width: 768px) {
    .m-recruit-certification__label {
      font-size: 1rem;
      padding-inline: 20px;
    }
  }
  .m-recruit-certification__label--brown {
    --label-color: #BA816D;
  }
  .m-recruit-certification__label--red {
    --label-color: #D98080;
  }
  .m-recruit-certification__label--orange {
    --label-color: #E0906E;
  }
  .m-recruit-certification__label--yellow {
    --label-color: #EDAD64;
  }
  /* .m-recruit-number
  ----------------------------------------------- */
  .m-recruit-number {
    margin-block-start: var(--SPACE-XL);
  }
  .m-recruit-number__inner {
    display: grid;
    padding: var(--SPACE-XL);
    border: 1px solid var(--COLOR-BORDER-PRIMARY);
    background-color: var(--COLOR-BASE-WHITE);
  }
  @media (min-width: 768px) {
    .m-recruit-number__inner:has(.m-recruit-number__body) .m-recruit-number__titleText {
      text-align: left;
    }
  }
  .m-recruit-number__titleText {
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    text-align: center;
  }
  .m-recruit-number__body {
    display: grid;
  }
  @media (min-width: 768px) {
    .m-recruit-number__body {
      grid-template: "feature media" "content media"/1fr 1fr;
      column-gap: var(--SPACE-XL);
      justify-items: flex-start;
      align-items: center;
    }
    .m-recruit-number__body .m-recruit-number__feature {
      grid-area: feature;
    }
    .m-recruit-number__body .m-recruit-number__media {
      grid-area: media;
    }
    .m-recruit-number__body .m-recruit-number__content {
      grid-area: content;
    }
  }
  .m-recruit-number__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: var(--SPACE-XS) var(--SPACE-LG);
    margin-block: var(--SPACE-MD) 0;
  }
  .m-recruit-number__listItem {
    text-align: center;
  }
  .m-recruit-number__listItem .m-recruit-number__feature {
    margin-block-start: 0;
  }
  .m-recruit-number__listItem .m-recruit-number__number {
    font-size: var(--FONT-SIZE-9XL);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .m-recruit-number__listItem .m-recruit-number__number {
      font-size: clamp(3rem, 1.497rem + 3.13vw, 4rem);
    }
  }
  @media (min-width: 768px) {
    .m-recruit-number__listItem .m-recruit-number__number {
      letter-spacing: 3.2px;
    }
  }
  .m-recruit-number__listItem .m-recruit-number__unit {
    font-size: var(--FONT-SIZE-3XL);
  }
  .m-recruit-number__subject {
    font-size: 0.75rem;
    letter-spacing: 1.12px;
    line-height: var(--PRIMARY-LINE-HEIGHT-S-TIGHT);
  }
  @media (min-width: 768px) {
    .m-recruit-number__subject {
      font-size: 0.875rem;
    }
  }
  .m-recruit-number__feature {
    color: var(--COLOR-BASE-SECONDARY);
    font-family: var(--FONT-SECONDARY);
    line-height: 1.2;
    text-align: center;
    margin-block-start: var(--SPACE-3XS);
  }
  .m-recruit-number__number {
    font-size: 4rem;
    letter-spacing: 4px;
  }
  @media (min-width: 768px) {
    .m-recruit-number__number {
      font-size: 5rem;
    }
  }
  .m-recruit-number__unit {
    font-size: var(--FONT-SIZE-4XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
  }
  .m-recruit-number__media {
    display: block;
    margin: var(--SPACE-MD) auto auto;
  }
  .m-recruit-number__content {
    margin-block-start: var(--SPACE-MD);
  }
  .m-recruit-number__content > :first-child {
    margin-block-start: 0 !important;
  }
  .m-recruit-number__content > :last-child {
    margin-block-end: 0 !important;
  }
  /* .m-recruit-numberLayout
  ----------------------------------------------- */
  .m-recruit-numberLayout {
    display: grid;
    gap: 16px;
    margin-block-start: var(--SPACE-XL);
  }
  .m-recruit-numberLayout .m-recruit-number {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    margin-block-start: 0;
  }
  .m-recruit-numberLayout .m-recruit-number__inner {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0;
  }
  @media (min-width: 768px) {
    .m-recruit-numberLayout {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@layer module {
  /* .unq-top-content
  ----------------------------------------------- */
  .unq-top-content--py7xl {
    padding-block: var(--SPACE-7XL);
  }
  /* .unq-top-content-fv
  ----------------------------------------------- */
  .unq-top-content-fv {
    overflow-x: hidden;
  }
  .unq-top-content-fv + .unq-top-content-wave + .unq-top-service {
    padding-block-start: 0;
  }
  @media (min-width: 768px) {
    .unq-top-content-fv + .unq-top-content-wave + .unq-top-service {
      padding-block-start: 80px;
    }
  }
  .unq-top-content-fv__content {
    margin-block-start: -64px;
    overflow-x: hidden;
  }
  @media (min-width: 768px) {
    .unq-top-content-fv__content {
      margin-block-start: -120px;
    }
  }
  /* .unq-top-content-lead
  ----------------------------------------------- */
  .unq-top-content-lead__ellipse {
    position: relative;
    block-size: 64px;
    background-color: transparent;
    z-index: var(--Z-INDEX-1);
  }
  .unq-top-content-lead__ellipse::before {
    position: absolute;
    content: "";
    inline-size: 112%;
    block-size: 110px;
    inset-inline-start: 50%;
    inset-block-start: 0;
    transform: translateX(-50%);
    clip-path: ellipse(50% 50% at 50% 50%);
    background-color: var(--COLOR-BG-GRADATION-02);
  }
  @media (min-width: 768px) {
    .unq-top-content-lead__ellipse {
      block-size: 120px;
    }
    .unq-top-content-lead__ellipse::before {
      block-size: 240px;
    }
  }
  .unq-top-content-lead {
    position: relative;
    padding-block-start: 0;
  }
  .unq-top-content-lead__inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
    background: linear-gradient(0deg, var(--COLOR-BASE-WHITE) 47.54%, var(--COLOR-BG-GRADATION-01) 73.24%, var(--COLOR-BG-GRADATION-02) 98.94%);
  }
  /* .unq-top-content-topics
  ----------------------------------------------- */
  .unq-top-content-topics {
    padding-block: var(--SPACE-4XL) 60px;
    background: linear-gradient(180deg, var(--COLOR-BG-GRADATION-02) 0%, var(--COLOR-BG-GRADATION-01) 100%);
    overflow-x: hidden;
  }
  @media (min-width: 768px) {
    .unq-top-content-topics {
      padding-block-end: 96px;
    }
  }
  .unq-top-content-topics .l-content__inner {
    position: relative;
    max-inline-size: calc(1600px - var(--SPACE-GUTTER) * 2);
  }
  @media (min-width: 768px) {
    .unq-top-content-topics .l-content__inner {
      max-inline-size: calc(1600px - var(--SPACE-GUTTER-WIDE) * 2);
    }
  }
  /* .unq-top-content-carousel
  ----------------------------------------------- */
  .unq-top-content-carousel {
    position: relative;
    padding-block: 0;
  }
  .unq-top-content-carousel::before {
    position: absolute;
    content: "";
    inset: 0;
    inline-size: 100%;
    block-size: 204px;
    background-color: #E8D9D2;
    background-image: url("/assets/hotel/images/bg-pattern-dark.svg");
    background-size: 26px;
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .unq-top-content-carousel {
      margin-block-start: -80px;
    }
    .unq-top-content-carousel::before {
      background-size: auto;
      block-size: 363px;
    }
  }
  .unq-top-content-carousel .l-content {
    padding-block-start: 64px;
  }
  @media (min-width: 768px) {
    .unq-top-content-carousel .l-content {
      padding-block-start: 176px;
    }
  }
  .unq-top-content-carousel .l-content__inner {
    position: relative;
    z-index: var(--Z-INDEX-1);
  }
  .unq-top-content-carousel .m-carousel .m-carousel__track {
    margin-block: 0;
  }
  .unq-top-content-carousel .m-btn-list {
    margin-block-start: 48px;
  }
  @media (min-width: 768px) {
    .unq-top-content-carousel .m-btn-list {
      margin-block-start: 64px;
    }
  }
  /* .unq-top-content-news
  ----------------------------------------------- */
  @media (min-width: 768px) {
    .unq-top-content-news {
      position: relative;
    }
  }
  .unq-top-content-news .m-list-news {
    padding-block-start: 0;
    border-block-start: none;
  }
  .unq-top-content-news .m-list-news > :last-child .m-list-news__link {
    padding-block-end: 0;
    border-block-end: none;
  }
  @media (min-width: 768px) {
    .unq-top-content-news .m-list-news {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 81px;
    }
    .unq-top-content-news .m-list-news li + li {
      position: relative;
    }
    .unq-top-content-news .m-list-news li + li::before {
      position: absolute;
      content: "";
      top: 0;
      left: -40px;
      width: 1px;
      height: 100%;
      background-color: var(--COLOR-BORDER-PRIMARY);
    }
  }
  .unq-top-content-news .m-list-news__link {
    display: flex;
    flex-direction: column;
    gap: var(--SPACE-2XS);
    block-size: 100%;
  }
  @media (min-width: 768px) {
    .unq-top-content-news .m-list-news__link {
      padding-block-end: 0;
      border-block-end: none;
    }
  }
  @media only screen and (any-hover: hover) {
    .unq-top-content-news .m-list-news__link:focus::after, .unq-top-content-news .m-list-news__link:focus-visible::after, .unq-top-content-news .m-list-news__link:hover::after {
      display: none;
    }
  }
  .unq-top-content-news .m-list-news__date {
    margin-block-start: 0;
  }
  .unq-top-content-news .m-list-news__text {
    margin-block-start: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
  }
  @media (min-width: 768px) {
    .unq-top-content-news .m-list-news__text {
      -webkit-line-clamp: 3;
    }
  }
  .unq-top-content-news .m-link-list {
    display: flex;
    gap: 24px;
    margin-block-start: var(--SPACE-3XL);
  }
  @media (min-width: 768px) {
    .unq-top-content-news .m-link-list {
      position: absolute;
      top: 0;
      right: 0;
      gap: 40px;
      margin-block-start: 13px;
    }
  }
  .unq-top-content-news .m-panel-04 {
    margin-block-start: var(--SPACE-3XL);
  }
  /* .unq-top-content-wave
  ----------------------------------------------- */
  @keyframes wave {
    to {
      transform: translateX(100vw);
    }
  }
  .unq-top-content-wave {
    position: relative;
    width: 100%;
    height: 9px;
    margin-block-start: -9px;
    overflow: hidden;
  }
  .unq-top-content-wave::before {
    position: absolute;
    content: "";
    width: 768px;
    height: 100%;
    top: 2px;
    left: 0;
    mask-image: url("/top/images/bg-wave_sp.svg");
    mask-repeat: no-repeat;
    mask-size: 768px;
    background-color: var(--COLOR-BASE-WHITE);
    transform: translateX(0);
  }
  .unq-top-content-wave.is-visible::before {
    animation: wave 2s linear forwards;
  }
  @media (min-width: 768px) {
    .unq-top-content-wave {
      height: 14px;
      margin-block-start: -14px;
    }
    .unq-top-content-wave::before {
      top: 4px;
      width: 3000px;
      mask-image: url("/top/images/bg-wave.svg");
      mask-size: 3000px;
    }
  }
  .unq-top-content-wave--topics {
    margin-block-start: 0;
  }
  .unq-top-content-wave--topics::before, .unq-top-content-wave--topics::after {
    background-color: var(--COLOR-BG-GRADATION-02);
  }
  .unq-top-content-wave--bg-primary::before, .unq-top-content-wave--bg-primary::after {
    background-color: var(--COLOR-BG-PRIMARY);
  }
  /* .unq-hdg-lv2
  ----------------------------------------------- */
  .unq-hdg-lv2 {
    margin-block-end: 28px;
    font-family: var(--FONT-EN);
    font-size: 1.75rem;
    font-weight: var(--FONT-WEIGHT);
    color: var(--COLOR-BASE-PRIMARY-DARK);
    line-height: 1.6;
    letter-spacing: 0.2em;
  }
  @media (min-width: 768px) {
    .unq-hdg-lv2 {
      margin-block-end: 40px;
      font-size: clamp(2.125rem, 1.75rem + 0.78vw, 2.375rem);
    }
  }
  /* .unq-top-relatedCard
  ----------------------------------------------- */
  .unq-top-relatedCard {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 80px;
  }
  @media (min-width: 768px) {
    .unq-top-relatedCard {
      grid-template-columns: repeat(2, 1fr);
      align-items: flex-start;
    }
  }
  .unq-top-relatedCard__item {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--SPACE-2XL);
  }
  .unq-top-relatedCard__item .m-link-list {
    margin-block-start: 28px;
  }
  @media (min-width: 768px) {
    .unq-top-relatedCard__item .m-link-list {
      margin-block-start: 40px;
    }
    .unq-top-relatedCard__item + .unq-top-relatedCard__item {
      margin-block-start: 128px;
    }
  }
  .unq-top-relatedCard__title {
    font-family: var(--FONT-EN);
    font-size: 2.125rem;
    line-height: 1.6;
    letter-spacing: 0.2em;
    color: var(--COLOR-BASE-PRIMARY-DARK);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-relatedCard__title {
      font-size: clamp(2.125rem, 1.186rem + 1.96vw, 2.75rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-top-relatedCard__title {
      font-size: 2.75rem;
    }
  }
  .unq-top-relatedCard__text {
    margin-block-start: 28px;
  }
  @media (min-width: 768px) {
    .unq-top-relatedCard__text {
      margin-block-start: 40px;
    }
  }
  .unq-top-relatedCard__media {
    overflow: hidden;
    opacity: 0;
    transition: 0.8s ease-out;
  }
  .unq-top-relatedCard__media img {
    transform: translateY(50px);
    transition: 0.6s ease-out;
  }
  .unq-top-relatedCard__media.is-fade-in {
    opacity: 1;
  }
  .unq-top-relatedCard__media.is-fade-in img {
    transform: translateY(0);
    border-radius: var(--RADIUS-4XL);
  }
  /* .unq-top-news
  ----------------------------------------------- */
  .unq-top-news.unq-top-news {
    padding-inline: var(--SPACE-GUTTER);
    margin-block-end: 32px;
  }
  @media (min-width: 768px) {
    .unq-top-news.unq-top-news {
      margin-block-end: 96px;
    }
  }
  .unq-top-news__inner {
    margin-inline: auto;
    max-width: 1200px;
  }
  /* .unq-top-newsBox
  ----------------------------------------------- */
  .unq-top-newsBox {
    padding: 24px;
    border-radius: var(--RADIUS-XL);
    background-color: var(--COLOR-BASE-WHITE);
    box-shadow: 0 2px 16px 0 var(--COLOR-SHADOW);
  }
  @media (min-width: 768px) {
    .unq-top-newsBox {
      padding: 32px 40px;
    }
  }
  @media (min-width: 768px) {
    .unq-top-newsBox__inner {
      display: flex;
      flex-wrap: wrap;
      gap: 32px 80px;
    }
  }
  .unq-top-newsBox__title {
    position: relative;
    margin-block-end: 16px;
    padding-inline-start: 36px;
    block-size: fit-content;
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .unq-top-newsBox__title::before {
    position: absolute;
    content: "";
    inset-block-start: 0.1em;
    inset-inline-start: 0;
    inline-size: 24px;
    block-size: 24px;
    background: url("/assets/hotel/images/icon-attention.svg") no-repeat center/contain;
  }
  @media (min-width: 768px) {
    .unq-top-newsBox__title {
      margin-block-end: 0;
    }
    .unq-top-newsBox__title::before {
      inset-block-start: 0.2em;
    }
  }
  @media (min-width: 768px) {
    .unq-top-newsBox__body {
      flex: 1;
      min-width: 70%;
    }
  }
  .unq-top-newsBox__body .m-list-news {
    padding-block-start: 0;
    border-block-start: none;
    gap: 20px;
  }
  .unq-top-newsBox__body .m-list-news > :last-child {
    padding-block-end: 0;
    border-block-end: none;
  }
  .unq-top-newsBox__body .m-list-news__link {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  @media only screen and (any-hover: hover) {
    .unq-top-newsBox__body .m-list-news__link:focus::after, .unq-top-newsBox__body .m-list-news__link:focus-visible::after, .unq-top-newsBox__body .m-list-news__link:hover::after {
      inline-size: 0;
    }
    .unq-top-newsBox__body .m-list-news__link:focus .m-list-news__text, .unq-top-newsBox__body .m-list-news__link:focus-visible .m-list-news__text, .unq-top-newsBox__body .m-list-news__link:hover .m-list-news__text {
      color: var(--COLOR-BASE-SECONDARY);
    }
  }
  @media (min-width: 768px) {
    .unq-top-newsBox__body .m-list-news__link {
      flex-direction: row;
      gap: 12px 24px;
      padding-block-end: 20px;
    }
  }
  .unq-top-newsBox__body .m-list-news__date {
    white-space: nowrap;
    color: var(--COLOR-BASE-SECONDARY);
  }
  .unq-top-newsBox__body .m-list-news__text {
    flex: 1;
    margin-block-start: 0;
  }
  /* .unq-top-text
  ----------------------------------------------- */
  .unq-top-text {
    margin-block-start: 16px;
    padding-inline: 20px;
    font-family: var(--FONT-SECONDARY);
    font-size: 0.875rem;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 0 2px #FFF;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-text {
      padding-inline: 40px;
    }
  }
  @media (min-width: 768px) {
    .unq-top-text {
      margin-block-start: 24px;
      font-size: 1.0625rem;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-text {
      padding-inline: 0;
    }
  }
  /* .unq-top-text-lead
  ----------------------------------------------- */
  .unq-top-text-lead {
    font-family: var(--FONT-SECONDARY);
    font-size: 1.375rem;
    color: var(--COLOR-BASE-PRIMARY-DARK);
    text-align: center;
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-S);
  }
  @media (min-width: 768px) {
    .unq-top-text-lead {
      font-size: 2.25rem;
    }
  }
  /* .unq-top-mv
  ----------------------------------------------- */
  .unq-top-mv {
    width: 100%;
    background: url("/assets/hotel/images/bg-pattern-light.svg") var(--COLOR-BG-PRIMARY);
    background-size: 26px;
  }
  .unq-top-mv__inner {
    position: relative;
    max-width: 1920px;
    margin: auto;
    width: 100%;
  }
  .unq-top-mv__media {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
  }
  @media (min-width: 768px) {
    .unq-top-mv__media {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 768px) {
    .unq-top-mv__media--sp {
      display: none;
    }
  }
  .unq-top-mv__media--pc {
    display: none;
  }
  @media (min-width: 768px) {
    .unq-top-mv__media--pc {
      display: block;
    }
  }
  .unq-top-mv__btn {
    position: absolute;
    bottom: 70px;
    left: 20px;
    z-index: var(--Z-INDEX-1);
    width: 44px;
    height: 33px;
    background-color: rgba(52, 52, 52, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 50%;
    border: 1px solid var(--COLOR-BASE-WHITE);
    padding: 13px 20px;
  }
  @media (min-width: 768px) {
    .unq-top-mv__btn {
      width: 52px;
      height: 39px;
      bottom: 110px;
      left: 32.5px;
    }
  }
  .unq-top-mv__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: url("/assets/hotel/images/icon-movie-pause.svg") no-repeat center;
    width: 11px;
    height: 12px;
  }
  .unq-top-mv__btn.is-play::before {
    background-image: url("/assets/hotel/images/icon-movie-play.svg");
  }
  @media (scripting: none) {
    .unq-top-mv__btn {
      display: none;
    }
  }
  .unq-top-mv__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  /* .unq-top-service
  ----------------------------------------------- */
  .unq-top-service {
    position: relative;
    padding-block-start: var(--SPACE-6XL);
    margin-block-end: 0;
    padding-block-end: 64px;
    z-index: var(--Z-INDEX-2);
  }
  .unq-top-service::after {
    content: "";
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: var(--COLOR-BASE-WHITE);
    z-index: -1;
  }
  @media (min-width: 1280px) {
    .unq-top-service {
      margin-block-end: 0;
      padding-block-end: 0;
    }
    .unq-top-service::after {
      block-size: calc(100% - 80px);
    }
  }
  .unq-top-service--bg-primary::after {
    background-color: var(--COLOR-BG-PRIMARY);
  }
  @media (min-width: 1280px) {
    [lang=ja] .unq-top-service--jp-pattern {
      position: relative;
    }
    [lang=ja] .unq-top-service--jp-pattern::before {
      content: "";
      position: absolute;
      inset: auto 0 0;
      inline-size: 100%;
      block-size: 80px;
      background: #E8D9D2 url("/assets/hotel/images/bg-pattern-dark.svg");
    }
  }
  .unq-top-service__inner {
    display: grid;
    gap: 40px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-service__inner {
      gap: clamp(2.5rem, 0.253rem + 4.69vw, 4rem);
    }
  }
  @media (min-width: 768px) {
    .unq-top-service__inner {
      grid-template-columns: 1fr auto;
      max-width: 1920px;
      margin-inline: auto;
      padding-inline-start: clamp(3rem, 6.25vw, 5rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-top-service__inner {
      gap: 80px;
    }
  }
  .unq-top-service__content {
    order: 2;
    margin-inline: 32px;
  }
  .unq-top-service__content > .m-text,
  .unq-top-service__content .m-link-list {
    margin-block-start: var(--SPACE-XL);
  }
  @media (min-width: 768px) {
    .unq-top-service__content {
      margin-inline: 0;
    }
  }
  .unq-top-service__title {
    margin-block-end: 28px;
    font-family: var(--FONT-EN);
    font-size: 2.125rem;
    font-weight: var(--FONT-WEIGHT);
    color: var(--COLOR-BASE-PRIMARY-DARK);
    line-height: 1.6;
    letter-spacing: 0.2em;
  }
  @media (min-width: 768px) {
    .unq-top-service__title {
      font-size: clamp(2.25rem, 1.329rem + 1.92vw, 3.25rem);
      margin-block-start: clamp(0rem, -12rem + 15vw, 3rem);
      margin-block-end: 40px;
    }
  }
  .unq-top-service__media {
    position: relative;
    margin-inline-start: 24px;
    aspect-ratio: 3/2;
    overflow: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: 0.6s cubic-bezier(0.57, 0.01, 0.58, 0.9);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-service__media {
      width: clamp(20.938rem, 7.317rem + 28.38vw, 30rem);
      height: auto;
      border-radius: clamp(2rem, -1.006rem + 6.26vw, 4rem) 0 0 clamp(2rem, -1.006rem + 6.26vw, 4rem);
    }
  }
  @media (min-width: 768px) {
    .unq-top-service__media {
      order: 2;
      margin-inline-start: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-service__media {
      width: clamp(40rem, -40rem + 100vw, 60rem);
      height: auto;
    }
  }
  .unq-top-service__media.is-fade-in {
    border-radius: var(--RADIUS-3XL) 0 0 var(--RADIUS-3XL);
    opacity: 1;
    transform: translateY(0);
  }
  .unq-top-service__mediaItem {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .unq-top-service__btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border: 0;
    padding: 0;
  }
  .unq-top-service__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: url("/assets/hotel/images/icon-movie-pause.svg") no-repeat center;
    width: 18px;
    height: 13px;
  }
  @media (min-width: 768px) {
    .unq-top-service__btn::before {
      width: 27px;
      height: 20px;
    }
  }
  .unq-top-service__btn.is-play::before {
    background-image: url("/assets/hotel/images/icon-movie-play.svg");
  }
  @media (min-width: 768px) {
    .unq-top-service__btn {
      bottom: 32px;
      right: 32px;
    }
  }
  @media (scripting: none) {
    .unq-top-service__btn {
      display: none;
    }
  }
  .unq-top-service__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  @media (min-width: 768px) {
    .unq-top-service--reverse .unq-top-service__inner {
      grid-template-columns: auto 1fr;
      padding-inline: 0 clamp(3rem, 6.25vw, 5rem);
    }
  }
  .unq-top-service--reverse .unq-top-service__media {
    margin-inline: 0 24px;
    border-radius: 0 var(--RADIUS-3XL) var(--RADIUS-3XL) 0;
  }
  @media (min-width: 768px) {
    .unq-top-service--reverse .unq-top-service__media {
      order: 1;
      margin-inline-end: 0;
    }
  }
  .unq-top-service--reverse .unq-top-service__btn {
    left: 20px;
    right: auto;
  }
  @media (min-width: 768px) {
    .unq-top-service--reverse .unq-top-service__btn {
      left: 32px;
    }
  }
  /* .unq-top-topicsPanel
  ----------------------------------------------- */
  .unq-top-topicsPanel {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 12px;
    max-width: clamp(15.063rem, 9.32rem + 24.5vw, 25rem);
  }
  @media only screen and (any-hover: hover) {
    .unq-top-topicsPanel:focus .unq-top-topicsPanel__media, .unq-top-topicsPanel:focus-visible .unq-top-topicsPanel__media, .unq-top-topicsPanel:hover .unq-top-topicsPanel__media {
      border-radius: var(--RADIUS-MD);
    }
    .unq-top-topicsPanel:focus .unq-top-topicsPanel__media img, .unq-top-topicsPanel:focus-visible .unq-top-topicsPanel__media img, .unq-top-topicsPanel:hover .unq-top-topicsPanel__media img {
      scale: 1.1;
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topicsPanel {
      flex-direction: row-reverse;
      row-gap: 0;
      column-gap: 24px;
      width: 100%;
      max-width: unset;
      align-items: flex-start;
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topicsPanel__body {
      flex: 1;
    }
  }
  .unq-top-topicsPanel__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .unq-top-topicsPanel__desc {
    display: none;
  }
  @media (min-width: 1025px) {
    .unq-top-topicsPanel__desc {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      margin-block-start: 8px;
      font-size: 0.875rem;
      line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    }
  }
  .unq-top-topicsPanel__media {
    display: flex;
    max-width: clamp(15.063rem, 9.32rem + 24.5vw, 25rem);
    aspect-ratio: 241/153;
    overflow: hidden;
    transition: border-radius 0.3s ease-out;
  }
  .unq-top-topicsPanel__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: scale 0.3s ease-out;
  }
  @media (min-width: 1025px) {
    .unq-top-topicsPanel__media {
      max-width: clamp(10rem, 7.692rem + 4.81vw, 12.5rem);
    }
  }
  /* .unq-top-topics
  ----------------------------------------------- */
  .unq-top-topics.m-carousel {
    display: contents;
  }
  .unq-top-topics.m-carousel .m-carousel__track {
    margin-block: 0;
    overflow: visible !important;
  }
  .unq-top-topics.m-carousel .m-carousel__controls {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 0;
    padding-inline: 0;
  }
  @media (min-width: 1025px) {
    .unq-top-topics.m-carousel .m-carousel__controls {
      display: none;
    }
  }
  .unq-top-topics__list {
    margin-block: 0;
  }
  @media (min-width: 1025px) {
    .unq-top-topics__list {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr);
      column-gap: clamp(2rem, -0.769rem + 5.77vw, 5rem);
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topics__item {
      display: flex;
    }
  }
  @media only screen and (any-hover: hover) {
    .unq-top-topics__item--01 .unq-top-topicsPanel:focus .unq-top-topicsPanel__media, .unq-top-topics__item--01 .unq-top-topicsPanel:focus-visible .unq-top-topicsPanel__media, .unq-top-topics__item--01 .unq-top-topicsPanel:hover .unq-top-topicsPanel__media {
      border-radius: var(--RADIUS-XL);
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topics__item--01 {
      grid-column: 1/2;
      grid-row: 1/4;
    }
    .unq-top-topics__item--01 .unq-top-topicsPanel {
      padding-block-end: 0;
      flex-direction: column-reverse;
      row-gap: 24px;
    }
    .unq-top-topics__item--01 .unq-top-topicsPanel__title {
      -webkit-line-clamp: 1;
      font-size: 1.125rem;
    }
    .unq-top-topics__item--01 .unq-top-topicsPanel__desc {
      font-size: 1rem;
    }
    .unq-top-topics__item--01 .unq-top-topicsPanel__media {
      max-width: 760px;
      height: fit-content;
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topics__item--02 {
      grid-column: 2/3;
      grid-row: 1/2;
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topics__item--03 {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  @media (min-width: 1025px) {
    .unq-top-topics__item--04 {
      grid-column: 2/3;
      grid-row: 3/4;
    }
  }
  /* .unq-top-lead
  ----------------------------------------------- */
  @keyframes fadeInImg {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fadeOutImg {
    to {
      opacity: 0;
      filter: blur(1rem);
    }
  }
  @keyframes fadeInLead {
    to {
      opacity: 1;
    }
  }
  .unq-top-lead {
    position: relative;
    margin-block-end: 80px;
  }
  @media (min-width: 1280px) {
    .unq-top-lead {
      display: grid;
      column-gap: 40px;
      grid-template-columns: minmax(auto, 358px) 1fr minmax(auto, 358px);
      align-items: center;
      max-width: 1600px;
      margin-inline: auto;
      margin-block-end: 0;
    }
  }
  .unq-top-lead .m-btn-list {
    margin-block-start: var(--SPACE-2XL);
    padding-inline: var(--SPACE-GUTTER);
  }
  @media (min-width: 768px) {
    .unq-top-lead .m-btn-list {
      padding-inline: 0;
    }
  }
  .unq-top-lead__content {
    opacity: 0;
    position: relative;
    animation: fadeInLead 0.8s ease-out forwards;
  }
  @media (min-width: 1280px) {
    .unq-top-lead__content {
      min-width: 530px;
      opacity: 1;
      z-index: var(--Z-INDEX-1);
      order: 2;
      margin-block-end: 78px;
      animation: none;
    }
    .unq-top-lead__content .m-btn-list {
      display: block;
      height: fit-content;
      margin-block: 48px 0;
      margin-block-end: 0;
      padding-block-end: 21px;
    }
  }
  /* .unq-top-leadImage
  ----------------------------------------------- */
  .unq-top-leadImage {
    display: contents;
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage {
      position: relative;
      display: block;
      height: 449px;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage--left {
      order: 1;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage--right {
      order: 3;
    }
  }
  .unq-top-leadImage__item {
    display: none;
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item {
      display: block;
      position: absolute;
      opacity: 0;
      transform: translateY(30px);
    }
    .unq-top-leadImage__item.is-fade-in {
      animation: fadeInImg 0.5s cubic-bezier(0.57, 0.01, 0.58, 0.9) forwards;
      animation-delay: calc(var(--i) * 0.25s);
    }
  }
  .unq-top-leadImage__item--left01 {
    border-radius: 16px;
    width: 70px;
    height: auto;
    inset-block-start: -8px;
    inset-inline-start: 32%;
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--left01 {
      width: auto;
      inset-block-start: 0;
      border-radius: 32px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--left01 {
      inset-inline-start: 35%;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item--left01 {
      inset-inline-start: auto;
      inset-inline-end: 0;
    }
  }
  .unq-top-leadImage__item--left02 {
    border-radius: 20px;
    width: 88px;
    height: auto;
    inset-block-start: 146px;
    inset-inline-start: 17%;
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--left02 {
      width: auto;
      inset-block-start: auto;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--left02 {
      inset-block-end: 17px;
      inset-inline-start: 20%;
      border-radius: 48px;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item--left02 {
      inset-block-end: 8px;
      inset-inline: auto 38px;
      border-radius: 40px;
    }
  }
  .unq-top-leadImage__item--left03 {
    border-radius: 24px;
    width: 110px;
    height: auto;
    inset-block-start: 40px;
    inset-inline-start: -10px;
    border-start-end-radius: var(--RADIUS-3XL);
    border-end-end-radius: var(--RADIUS-3XL);
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--left03 {
      width: auto;
      inset-inline-start: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--left03 {
      inset-block-start: 69px;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item--left03 {
      inset-block-start: 72px;
    }
  }
  @media (1280px <= width <= 1600px) {
    .unq-top-leadImage__item--left03 {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
    }
  }
  @media (1600px < width) {
    .unq-top-leadImage__item--left03 {
      border-radius: 48px;
    }
  }
  .unq-top-leadImage__item--right01 {
    border-radius: 16px;
    width: 70px;
    height: auto;
    inset-block-start: 95px;
    inset-inline-end: 28%;
    z-index: var(--Z-INDEX-1);
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--right01 {
      inset-block-start: auto;
      width: auto;
      border-radius: 32px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--right01 {
      inset-block-end: 119px;
      inset-inline-end: 37%;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item--right01 {
      inset-block-end: 110px;
      inset-inline: 0 auto;
    }
  }
  .unq-top-leadImage__item--right02 {
    border-radius: 20px;
    width: 86px;
    height: auto;
    inset-block-start: 150px;
    inset-inline-end: 0;
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--right02 {
      inset-block: auto 0;
      width: auto;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--right02 {
      border-start-start-radius: 48px;
      border-end-start-radius: 48px;
    }
  }
  @media (1280px <= width <= 1600px) {
    .unq-top-leadImage__item--right02 {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
  }
  @media (1600px < width) {
    .unq-top-leadImage__item--right02 {
      border-radius: 40px;
    }
  }
  .unq-top-leadImage__item--right03 {
    border-radius: 24px;
    width: 107px;
    height: auto;
    inset-block-start: 6px;
    inset-inline-end: 5%;
  }
  @media (min-width: 768px) {
    .unq-top-leadImage__item--right03 {
      width: auto;
      border-radius: var(--RADIUS-3XL);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-top-leadImage__item--right03 {
      inset-block-start: 32px;
      inset-inline-end: 14%;
    }
  }
  @media (min-width: 1280px) {
    .unq-top-leadImage__item--right03 {
      inset-block-start: 0;
      inset-inline-end: 70px;
    }
  }
  .unq-top-content-carousel {
    overflow-x: hidden;
  }
  /* .unq-top-textMove
  ----------------------------------------------- */
  @keyframes fadeInText {
    to {
      opacity: 1;
      color: var(--COLOR-BASE-PRIMARY-DARK);
    }
  }
  .unq-top-textMove {
    display: flex;
    flex-direction: column;
  }
  .unq-top-textMove__itemWrap {
    display: flex;
  }
  .unq-top-textMove__itemWrap.is-fade-in .unq-top-textMove__item {
    animation: fadeInText 0.3s cubic-bezier(0.57, 0.01, 0.58, 0.9) forwards;
    animation-delay: calc(var(--i) * 0.05s);
  }
  .unq-top-textMove__item {
    position: relative;
    display: block;
    letter-spacing: 0.2em;
    overflow: hidden;
    opacity: 0;
    color: transparent;
  }
  /* .unq-article-head
  ----------------------------------------------- */
  .unq-article-head {
    display: flex;
    justify-content: flex-end;
    gap: var(--SPACE-2XS) var(--SPACE-MD);
    flex-wrap: wrap;
    margin-block-end: var(--SPACE-XL);
    font-size: var(--FONT-SIZE-SM);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .unq-article-head + * {
    margin-block-start: 0;
  }
  /* .unq-1006-layout
  ----------------------------------------------- */
  .unq-1006-layout {
    display: grid;
    margin-block: 0 80px;
    gap: 80px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-layout {
      margin-block: var(--SPACE-5XL) 128px;
      gap: 160px;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-layout {
      margin-block: var(--SPACE-5XL) 128px;
      gap: 216px;
    }
  }
  /* .unq-1006-card
  ----------------------------------------------- */
  @media (min-width: 1280px) {
    .unq-1006-card {
      margin-inline-start: clamp(5rem, -5rem + 12.5vw, 10rem);
    }
  }
  .unq-1006-card__inner {
    display: flex;
    flex-direction: column-reverse;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card__inner {
      display: grid;
      grid-template-columns: 1fr fit-content(50%);
      grid-template-areas: "content media";
      margin: auto;
      justify-content: center;
      gap: 0 clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
      width: 100%;
      min-height: 360px;
      padding: clamp(2.5rem, -1.257rem + 7.83vw, 5rem) 0 clamp(2.5rem, -1.257rem + 7.83vw, 5rem) clamp(2.5rem, -1.257rem + 7.83vw, 5rem);
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card__inner {
      margin: auto;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      gap: clamp(5rem, 0.556rem + 5.56vw, 7.5rem);
      max-width: 1760px;
      min-height: 360px;
      padding: 40px clamp(5rem, -15rem + 25vw, 10rem) 80px 80px;
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
      border-radius: 24px 0 0 24px;
    }
  }
  .unq-1006-card__content {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    padding: 96px clamp(2rem, -1.036rem + 15.18vw, 6.25rem) 48px;
    flex: 1;
  }
  .unq-1006-card__content > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-1006-card__content > :last-child {
    margin-block-end: 0 !important;
  }
  .unq-1006-card__content > .m-hdg-lv3 {
    font-size: 1.125rem;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card__content {
      grid-area: content;
      grid-column: 1;
      grid-row: 1/3;
      background-color: transparent;
      padding: 0px;
      margin-block-start: clamp(0rem, -3.757rem + 7.83vw, 2.5rem);
    }
    .unq-1006-card__content > .m-hdg-lv3 {
      font-size: clamp(1.438rem, 0.968rem + 0.98vw, 1.75rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card__content {
      background-color: transparent;
      padding: 0px;
      margin-block-start: 40px;
    }
    .unq-1006-card__content > .m-hdg-lv3 {
      font-size: 1.625rem;
    }
  }
  .unq-1006-card__media {
    position: relative;
    margin-inline-end: clamp(2rem, -1.036rem + 15.18vw, 6.25rem);
    margin-block-end: -64px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card__media {
      grid-area: media;
      grid-column: 2;
      grid-row: 1;
      margin-block: -30% 0;
      margin-inline-end: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card__media {
      margin-block: -120px 0;
      margin-inline-end: 0;
    }
  }
  .unq-1006-card__mediaItem {
    display: block;
    width: 100%;
    max-width: 480px;
    max-height: 400px;
    aspect-ratio: 3/2;
    border-radius: 0 var(--RADIUS-4XL) var(--RADIUS-4XL) 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card__mediaItem {
      max-width: 600px;
      border-radius: clamp(2rem, -1.006rem + 6.26vw, 4rem) 0 0 clamp(2rem, -1.006rem + 6.26vw, 4rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card__mediaItem {
      max-width: none;
      border-radius: 0;
    }
  }
  /* .unq-1006-card--reverse
  ----------------------------------------------- */
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card--reverse .unq-1006-card__inner {
      grid-template-columns: fit-content(50%) 1fr;
      grid-template-areas: "media content";
      padding: clamp(2.5rem, -1.257rem + 7.83vw, 5rem) clamp(2.5rem, -1.257rem + 7.83vw, 5rem) clamp(2.5rem, -1.257rem + 7.83vw, 5rem) 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card--reverse .unq-1006-card__inner {
      flex-direction: row-reverse;
      border-radius: 0 24px 24px 0;
      padding: 40px 80px 80px clamp(5rem, -15rem + 25vw, 10rem);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card--reverse .unq-1006-card__content {
      grid-column: 2;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card--reverse .unq-1006-card__content {
      margin-block-end: 0;
    }
  }
  .unq-1006-card--reverse .unq-1006-card__media {
    margin-inline: clamp(2rem, -1.036rem + 15.18vw, 6.25rem) 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card--reverse .unq-1006-card__media {
      grid-column: 1;
      grid-row: 1/3;
    }
  }
  @media (min-width: 768px) {
    .unq-1006-card--reverse .unq-1006-card__media {
      margin-inline-start: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card--reverse .unq-1006-card__media {
      margin-block-end: 32px;
    }
  }
  .unq-1006-card--reverse .unq-1006-card__mediaItem {
    border-radius: var(--RADIUS-4XL) 0 0 var(--RADIUS-4XL);
    margin-inline-start: auto;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-1006-card--reverse .unq-1006-card__mediaItem {
      border-radius: 0 clamp(2rem, -1.006rem + 6.26vw, 4rem) clamp(2rem, -1.006rem + 6.26vw, 4rem) 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card--reverse .unq-1006-card__mediaItem {
      border-radius: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-1006-card--reverse {
      margin-inline: 0 clamp(5rem, -5rem + 12.5vw, 10rem);
    }
  }
  /* .unq-1006-card
  ----------------------------------------------- */
  .unq-purpose-card {
    display: grid;
    gap: 40px;
    margin-block-start: 0;
    padding-inline: 24px;
  }
  @media (min-width: 768px) {
    .unq-purpose-card {
      grid-template-columns: repeat(3, 1fr);
      gap: 48px 96px;
      padding-inline: 0;
      margin: auto;
    }
  }
  .unq-purpose-card__item {
    display: grid;
    position: relative;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 24px;
    justify-items: center;
    width: 100%;
    max-width: 480px;
    margin: auto;
  }
  .unq-purpose-card__item + .unq-purpose-card__item {
    padding-block-start: 40px;
    border-block-start: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .unq-purpose-card__item + .unq-purpose-card__item {
      padding-block-start: 0px;
      border-block-start: none;
    }
    .unq-purpose-card__item + .unq-purpose-card__item::before {
      content: "";
      position: absolute;
      top: 50%;
      left: -48px;
      transform: translateY(-50%);
      width: 1px;
      height: 100%;
      background-color: var(--COLOR-BORDER-PRIMARY);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-purpose-card__item {
      gap: clamp(1.5rem, 0.749rem + 1.57vw, 2rem);
      max-width: none;
      padding-block-start: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-purpose-card__item {
      gap: 32px;
      max-width: none;
      padding-block-start: 0;
    }
  }
  .unq-purpose-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    order: 2;
  }
  @media (min-width: 768px) {
    .unq-purpose-card__body {
      gap: 16px;
    }
  }
  .unq-purpose-card__title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    padding-block-end: 20px;
  }
  .unq-purpose-card__title::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--COLOR-ACCENT-PRIMARY-LIGHT-01);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  @media (min-width: 768px) {
    .unq-purpose-card__title {
      gap: 8px;
      padding-block-end: 24px;
    }
  }
  .unq-purpose-card__subtext {
    display: block;
    font-family: var(--FONT-EN);
    font-weight: var(--FONT-WEIGHT);
    font-size: 0.875rem;
    color: var(--COLOR-ACCENT-PRIMARY-DARK);
    line-height: var(--SECONDARY-LINE-HEIGHT-S-TIGHT);
  }
  @media (min-width: 768px) {
    .unq-purpose-card__subtext {
      font-size: 1rem;
    }
  }
  .unq-purpose-card__titleText {
    display: block;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    font-size: var(--FONT-SIZE-3XL);
    line-height: 1.8;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-purpose-card__titleText {
      font-size: clamp(1.438rem, 0.968rem + 0.98vw, 1.75rem);
    }
  }
  .unq-purpose-card__content > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-purpose-card__content > :last-child {
    margin-block-end: 0 !important;
  }
  .unq-purpose-card__content > .m-text {
    font-size: 14px;
  }
  @media (min-width: 768px) {
    .unq-purpose-card__content > .m-text {
      font-size: 16px;
    }
  }
  .unq-purpose-card__media {
    order: 1;
  }
  .unq-purpose-card__mediaItem {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    clip-path: inset(0 round 50% 50% 0 0/60% 60% 0 0);
  }
  /* .unq-venue-list-card
  ----------------------------------------------- */
  .unq-venue-list-card {
    display: flex;
    flex-direction: column-reverse;
    gap: 48px;
    place-items: center;
  }
  @media (min-width: 1280px) {
    .unq-venue-list-card {
      display: grid;
      grid-template-columns: 1fr fit-content(60%);
      gap: 80px;
      align-items: flex-start;
    }
  }
  .unq-venue-list-card__content > .m-text {
    margin-block-start: var(--SPACE-SM);
  }
  .unq-venue-list-card__title {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
  }
  .unq-venue-list-card__titleText {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-4XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 1.8;
    color: var(--COLOR-FONT-DARK);
  }
  .unq-venue-list-card__subtext {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-LG);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-FONT-DARK);
  }
  .unq-venue-list__list {
    display: grid;
    gap: 24px;
    margin-block-start: var(--SPACE-MD);
  }
  @media (min-width: 768px) {
    .unq-venue-list__list {
      gap: 32px;
    }
  }
  .unq-venue-list__listItem {
    display: grid;
    gap: 20px;
    padding-block-end: var(--SPACE-LG);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .unq-venue-list__listItem {
      grid-template-columns: 160px auto;
      gap: 40px;
    }
  }
  .unq-venue-list__listTitle {
    display: inline-flex;
    position: relative;
    font-size: var(--FONT-SIZE-XL);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    padding-inline-start: 40px;
  }
  .unq-venue-list__listTitle::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("/assets/hotel/images/icon-room.svg") no-repeat center/contain;
    inset: 0.25em auto auto 0;
  }
  @media (min-width: 768px) {
    .unq-venue-list__listTitle::before {
      top: 0.3em;
    }
  }
  .unq-venue-list__listTitle--ceiling::before {
    background: url("/assets/hotel/images/icon-ceiling.svg") no-repeat center/contain;
  }
  .unq-venue-list__listContent > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-venue-list__listContent > :last-child {
    margin-block-end: 0 !important;
  }
  @media (min-width: 1280px) {
    .unq-venue-list-card--reversePC {
      grid-template-columns: fit-content(60%) 1fr;
    }
  }
  @media (min-width: 1280px) {
    .unq-venue-list-card--reversePC > .unq-venue-list-card__content {
      order: 2;
    }
    .unq-venue-list-card--reversePC > .unq-venue-list-card__media {
      order: 1;
    }
  }
  /* .unq-label-attention
  ----------------------------------------------- */
  .unq-label-attention {
    margin-block-start: var(--SPACE-2XL);
    padding: 20px 28px;
    background-color: var(--COLOR-BG-GRADATION-01);
    text-align: center;
  }
  .unq-label-attention > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-label-attention > :last-child {
    margin-block-end: 0 !important;
  }
  @media (min-width: 768px) {
    .unq-label-attention {
      padding: 24px 40px;
    }
  }
  .unq-label-attention__text {
    position: relative;
    display: inline-flex;
    padding-block-start: 32px;
    font-size: 1.125rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    color: var(--COLOR-BASE-SECONDARY);
  }
  .unq-label-attention__text::before {
    position: absolute;
    content: "";
    inset: 0;
    margin-inline: auto;
    width: 20px;
    height: 20px;
    background: url("/assets/hotel/images/icon-attention.svg") no-repeat center/contain;
  }
  @media (min-width: 768px) {
    .unq-label-attention__text {
      padding-block-start: 0;
      padding-inline-start: 36px;
      font-size: 1.25rem;
    }
    .unq-label-attention__text::before {
      width: 24px;
      height: 24px;
      inset: 0.3em 0 0;
      margin-inline: 0 auto;
    }
  }
  .unq-label-attention__text:has(br) {
    padding-block-start: 0;
  }
  .unq-label-attention__text:has(br)::before {
    display: none;
  }
  @media (min-width: 768px) {
    .unq-label-attention__text:has(br) {
      padding-inline-start: 0;
    }
  }
  /* .unq-stay-roomPanel
  ----------------------------------------------- */
  .unq-stay-roomPanel {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 16px;
    max-width: 335px;
    height: 100%;
  }
  @media only screen and (any-hover: hover) {
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__more::before, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__more::before, .unq-stay-roomPanel:hover .unq-stay-roomPanel__more::before {
      opacity: 0;
    }
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__more::after, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__more::after, .unq-stay-roomPanel:hover .unq-stay-roomPanel__more::after {
      opacity: 1;
    }
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__moreText, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__moreText, .unq-stay-roomPanel:hover .unq-stay-roomPanel__moreText {
      transform: translateX(16px);
    }
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__moreText::before, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__moreText::before, .unq-stay-roomPanel:hover .unq-stay-roomPanel__moreText::before {
      opacity: 0;
    }
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__moreText::after, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__moreText::after, .unq-stay-roomPanel:hover .unq-stay-roomPanel__moreText::after {
      opacity: 1;
    }
    .unq-stay-roomPanel:focus .unq-stay-roomPanel__media img, .unq-stay-roomPanel:focus-visible .unq-stay-roomPanel__media img, .unq-stay-roomPanel:hover .unq-stay-roomPanel__media img {
      scale: 1.1;
    }
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel {
      gap: 32px;
      width: 100%;
      max-width: 584px;
    }
  }
  .unq-stay-roomPanel__body {
    padding-inline: 16px;
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel__body {
      padding-inline: 32px;
    }
  }
  .unq-stay-roomPanel__title {
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-2XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  .unq-stay-roomPanel__subTitle {
    margin-block-start: 8px;
    font-size: var(--FONT-SIZE-XS);
    font-weight: var(--FONT-WEIGHT-BOLD);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel__subTitle {
      margin-block-start: 12px;
    }
  }
  .unq-stay-roomPanel__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    margin-block-start: 16px;
    font-size: 0.875rem;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .unq-stay-roomPanel__more {
    display: inline-block;
    position: relative;
    font-weight: var(--FONT-WEIGHT-BOLD);
    margin-block-start: 20px;
    padding-inline-start: 44px;
  }
  .unq-stay-roomPanel__more::before, .unq-stay-roomPanel__more::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 26px;
    inset: 18px auto auto 0;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .unq-stay-roomPanel__more::before {
    background: url("/assets/hotel/images/icon-link-bg.svg") no-repeat center/contain;
    opacity: 1;
  }
  .unq-stay-roomPanel__more::after {
    background: url("/assets/hotel/images/icon-link-bg-hover.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel__more {
      margin-block-start: 24px;
      padding-inline-start: 50px;
    }
    .unq-stay-roomPanel__more::before, .unq-stay-roomPanel__more::after {
      width: 37px;
      height: 30px;
    }
  }
  .unq-stay-roomPanel__moreText {
    position: relative;
    display: block;
    transition: transform 0.4s ease-out;
  }
  .unq-stay-roomPanel__moreText::before, .unq-stay-roomPanel__moreText::after {
    content: "";
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-out;
  }
  .unq-stay-roomPanel__moreText::before {
    width: 8px;
    height: 4px;
    left: -31px;
    background: url("/assets/hotel/images/icon-arrow-link_sp.svg") no-repeat center/contain;
    opacity: 1;
  }
  .unq-stay-roomPanel__moreText::after {
    width: 39px;
    height: 5px;
    left: -51px;
    background: url("/assets/hotel/images/icon-arrow-link-hover_pc.svg") no-repeat center/contain;
    opacity: 0;
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel__moreText::before {
      width: 9px;
      height: 5px;
      left: -35px;
      background: url("/assets/hotel/images/icon-arrow-link_pc.svg") no-repeat center/contain;
      opacity: 1;
    }
  }
  .unq-stay-roomPanel__media {
    object-fit: contain;
    overflow: hidden;
  }
  .unq-stay-roomPanel__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 335/223;
    transition: scale 0.3s ease-out;
  }
  @media (min-width: 768px) {
    .unq-stay-roomPanel__media img {
      aspect-ratio: 531/354;
    }
  }
  /* .unq-room-list
  ----------------------------------------------- */
  .unq-room-list {
    display: grid;
    gap: 24px;
  }
  @media (min-width: 768px) {
    .unq-room-list {
      gap: 32px;
    }
  }
  .unq-room-list__item {
    display: grid;
    gap: 20px;
    padding-block-end: var(--SPACE-LG);
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  @media (min-width: 768px) {
    .unq-room-list__item {
      grid-template-columns: 160px auto;
      gap: 40px;
    }
  }
  .unq-room-list__title {
    display: inline-flex;
    position: relative;
    font-size: var(--FONT-SIZE-XL);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    padding-inline-start: 40px;
  }
  .unq-room-list__title::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    inset: 0.25em auto auto 0;
  }
  @media (min-width: 768px) {
    .unq-room-list__title::before {
      top: 0.3em;
    }
  }
  .unq-room-list__title--area::before {
    background-image: url("/stay/room/images/icon-area.svg");
  }
  .unq-room-list__title--people::before {
    background-image: url("/stay/room/images/icon-people.svg");
  }
  .unq-room-list__title--bed::before {
    background-image: url("/stay/room/images/icon-bed.svg");
  }
  .unq-room-list__title--layout::before {
    background-image: url("/stay/room/images/icon-layout.svg");
  }
  .unq-room-list__content > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-room-list__content > :last-child {
    margin-block-end: 0 !important;
  }
  .unq-room-list__content > .m-link-list {
    gap: 8px;
  }
  .unq-room-list__content > .m-layout {
    gap: 64px;
  }
  @media (min-width: 768px) {
    .unq-room-list__content > .m-layout {
      gap: 40px;
    }
  }
  /* .unq-apply-panel
  ----------------------------------------------- */
  .unq-apply-panel {
    margin-block: 0;
  }
  .unq-apply-panel > :last-child {
    margin-block-end: 0;
    padding-block-end: 0;
    border-block-end: none;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-apply-panel {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 81px;
      overflow: hidden;
    }
  }
  @media (min-width: 1280px) {
    .unq-apply-panel {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 81px;
      overflow: hidden;
    }
  }
  .unq-apply-panel__item {
    margin-inline: auto;
    margin-block-end: 48px;
    padding-block-end: 48px;
    max-inline-size: 480px;
    border-block-end: 1px solid var(--COLOR-BORDER-PRIMARY);
  }
  .unq-apply-panel__item.is-hidden {
    display: none;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-apply-panel__item {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 5;
      gap: 0;
      margin-inline: unset;
      margin-block: 80px 0;
      padding-block-end: 0;
      max-inline-size: unset;
      border-block-end: none;
    }
    .unq-apply-panel__item:nth-child(-n+2) {
      margin-block-start: 0;
    }
    .unq-apply-panel__item + .unq-apply-panel__item {
      position: relative;
    }
    .unq-apply-panel__item + .unq-apply-panel__item::before {
      position: absolute;
      content: "";
      top: 0;
      left: -40px;
      width: 1px;
      height: 100%;
      background-color: var(--COLOR-BORDER-PRIMARY);
    }
  }
  @media (min-width: 1280px) {
    .unq-apply-panel__item {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 5;
      gap: 0;
      margin-inline: unset;
      margin-block: 80px 0;
      padding-block-end: 0;
      max-inline-size: unset;
      border-block-end: none;
    }
    .unq-apply-panel__item:nth-child(-n+3) {
      margin-block-start: 0;
    }
    .unq-apply-panel__item + .unq-apply-panel__item {
      position: relative;
    }
    .unq-apply-panel__item + .unq-apply-panel__item::before {
      position: absolute;
      content: "";
      top: 0;
      left: -40px;
      width: 1px;
      height: 100%;
      background-color: var(--COLOR-BORDER-PRIMARY);
    }
  }
  .unq-apply-panel__item .m-label__layout {
    margin-block-start: 20px;
  }
  @media (min-width: 768px) {
    .unq-apply-panel__item .m-label__layout {
      margin-block-start: 24px;
    }
  }
  .unq-apply-panel__media img {
    object-fit: cover;
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
  }
  .unq-apply-panel__title {
    margin-block-start: 12px;
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    font-size: var(--FONT-SIZE-2XL);
    line-height: var(--SECONDARY-LINE-HEIGHT-TIGHT);
  }
  .unq-apply-panel__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    margin-block-start: 16px;
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  @media (min-width: 768px) {
    .unq-apply-panel__desc {
      -webkit-line-clamp: 2;
    }
  }
  .unq-apply-panel__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    margin-block-start: 20px;
  }
  @media (min-width: 768px) {
    .unq-apply-panel__link {
      gap: 40px;
      margin-block-start: 24px;
    }
  }
  .unq-apply-panel__link .m-link-list {
    margin: 0;
    padding: 0;
  }
  .unq-apply-panel__link .m-btn {
    padding: 12px 16px;
    width: 100%;
    min-width: unset;
    flex: 1;
    font-size: var(--FONT-SIZE-MD);
  }
  @media (min-width: 768px) {
    .unq-apply-panel__link .m-btn {
      max-width: 220px;
    }
  }
  /* .unq-introduction-panel
  ----------------------------------------------- */
  .unq-introduction-panel {
    display: grid;
    gap: 64px;
    padding-block-end: var(--SPACE-6XL);
    margin-block-start: var(--SPACE-4XL);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-panel {
      padding-inline: clamp(0rem, -16.813rem + 33.54vw, 10rem);
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-panel {
      gap: 122px;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-panel {
      padding-inline: 160px;
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  @media (max-width: 767px) {
    .unq-introduction-panel.u-mt-5xl-sp {
      margin-block-start: 80px;
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-panel.u-mt-6xl-pc {
      margin-block-start: 168px;
    }
  }
  .unq-introduction-panel__item {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    overflow: hidden;
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__item {
      width: auto;
      overflow: unset;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-panel__item {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 40px;
      padding: clamp(2rem, 0.497rem + 3.13vw, 3rem) 0 clamp(3rem, 1.497rem + 3.13vw, 4rem) clamp(2.5rem, 0.246rem + 4.7vw, 4rem);
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-panel__item {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 64px;
      padding: 48px 0px 48px 64px;
      background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    }
  }
  .unq-introduction-panel__content {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    padding: 96px 32px 48px;
  }
  .unq-introduction-panel__content > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-introduction-panel__content > :last-child {
    margin-block-end: 0 !important;
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__content {
      background-color: transparent;
      padding: 0;
      grid-column: 1;
      grid-row: 1;
    }
  }
  .unq-introduction-panel__content > .m-hdg-lv3 {
    margin-block-end: var(--SPACE-MD);
  }
  .unq-introduction-panel__content > .m-text {
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
  }
  .unq-introduction-panel__media {
    width: clamp(21.438rem, 13.203rem + 35.04vw, 30rem);
    position: relative;
    margin-inline-end: clamp(2rem, -1.036rem + 15.18vw, 6.25rem);
    margin-block-end: -64px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-panel__media {
      width: 330px;
      margin-block: -21% 0;
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__media {
      grid-column: 2;
      grid-row: 1;
      margin-inline-end: 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-panel__media {
      width: 480px;
      margin-block: -18% 0;
    }
  }
  .unq-introduction-panel__mediaItem {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0 var(--RADIUS-4XL) var(--RADIUS-4XL) 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-panel__mediaItem {
      border-radius: 32px 0 0 32px;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-panel__mediaItem {
      border-radius: 48px 0 0 48px;
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__item--reverse {
      grid-template-columns: auto 1fr;
      padding: 48px 64px 48px 0px;
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__item--reverse .unq-introduction-panel__content {
      grid-column: 2;
    }
  }
  .unq-introduction-panel__item--reverse .unq-introduction-panel__media {
    margin-inline: auto 0;
  }
  @media (min-width: 768px) {
    .unq-introduction-panel__item--reverse .unq-introduction-panel__media {
      grid-column: 1;
      margin-inline-start: 0;
    }
  }
  .unq-introduction-panel__item--reverse .unq-introduction-panel__mediaItem {
    border-radius: var(--RADIUS-4XL) 0 0 var(--RADIUS-4XL);
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-panel__item--reverse .unq-introduction-panel__mediaItem {
      border-radius: 0 32px 32px 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-panel__item--reverse .unq-introduction-panel__mediaItem {
      border-radius: 0 48px 48px 0;
    }
  }
  /* .unq-introduction-mv
  ----------------------------------------------- */
  .unq-introduction-mv {
    margin-block-end: 64px;
  }
  @media (min-width: 1280px) {
    .unq-introduction-mv {
      margin-block-end: 0;
    }
  }
  .unq-introduction-mv__inner {
    display: grid;
    gap: 32px;
  }
  @media (min-width: 768px) {
    .unq-introduction-mv__inner {
      grid-template-columns: 1fr auto;
      gap: clamp(3rem, 1.154rem + 3.85vw, 5rem);
      padding-inline-start: clamp(3rem, 6.25vw, 5rem);
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  .unq-introduction-mv__content {
    order: 2;
    margin-inline: 32px;
  }
  .unq-introduction-mv__content > .m-text-leading {
    margin-block-start: 0;
  }
  .unq-introduction-mv__content > .m-text {
    margin-block-start: 16px;
  }
  @media (min-width: 768px) {
    .unq-introduction-mv__content {
      order: 1;
      margin-inline: 0;
      margin-block-start: clamp(0rem, -12rem + 15vw, 3rem);
    }
  }
  .unq-introduction-mv__media {
    margin-inline-end: 20px;
    order: 1;
  }
  @media (min-width: 768px) {
    .unq-introduction-mv__media {
      margin-inline-end: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-mv__media {
      width: clamp(20.938rem, 7.317rem + 28.38vw, 30rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-mv__media {
      width: clamp(30rem, -90rem + 150vw, 60rem);
    }
  }
  .unq-introduction-mv__mediaItem {
    width: 100%;
    object-fit: cover;
    border-radius: 0 var(--RADIUS-3XL) var(--RADIUS-3XL) 0;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-mv__mediaItem {
      border-radius: 32px 0 0 32px;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-mv__mediaItem {
      border-radius: var(--RADIUS-3XL) 0 0 var(--RADIUS-3XL);
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-mv--border {
      background: linear-gradient(to bottom, #fff 0px, #fff calc(100% - 80px), #F5F0E9 calc(100% - 80px), #F5F0E9 100%);
    }
  }
  /* .unq-introduction-question
  ----------------------------------------------- */
  .unq-introduction-question {
    display: grid;
    gap: 8px;
    justify-items: center;
    align-items: baseline;
    margin-block-end: var(--SPACE-LG);
  }
  @media (min-width: 768px) {
    .unq-introduction-question {
      grid-template-columns: auto 1fr;
      gap: 0;
      justify-items: flex-start;
    }
  }
  .unq-introduction-question__mark {
    position: relative;
    display: inline-block;
    font-size: 1.4375rem;
    font-family: var(--FONT-EN);
    font-weight: var(--FONT-WEIGHT);
    color: var(--COLOR-ACCENT-PRIMARY-DARK);
    line-height: 1.6;
    letter-spacing: 1.3px;
    z-index: 0;
  }
  .unq-introduction-question__mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-53%) translateX(-50%);
    width: 45px;
    height: 37px;
    background: url("/assets/hotel/images/icon-speech-bubble.svg") no-repeat center/contain;
    z-index: -1;
  }
  @media (min-width: 768px) {
    .unq-introduction-question__mark::after {
      top: 20px;
      left: 0;
      transform: translateY(-50%);
      width: 50px;
      height: 42px;
    }
  }
  @media (min-width: 768px) {
    .unq-introduction-question__mark {
      font-size: 1.625rem;
      letter-spacing: 1.5px;
      padding-inline-start: 13px;
    }
  }
  .unq-introduction-question__text {
    font-size: var(--FONT-SIZE-2XL);
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    color: var(--COLOR-FONT-DARK);
    line-height: var(--SECONDARY-LINE-HEIGHT);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    text-align: center;
  }
  @media (min-width: 768px) {
    .unq-introduction-question__text {
      padding-inline-start: 26px;
      text-align: left;
    }
  }
  /* .unq-introduction-interview
  ----------------------------------------------- */
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-interview {
      margin-block-end: 64px;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-interview {
      margin-block-end: 0;
      background: linear-gradient(to bottom, #fff 0px, #fff calc(100% - 80px), #F5F0E9 calc(100% - 80px), #F5F0E9 100%);
    }
  }
  .unq-introduction-interview__inner {
    display: grid;
  }
  @media (min-width: 768px) {
    .unq-introduction-interview__inner {
      grid-template-columns: auto 1fr;
      gap: clamp(3rem, 1.154rem + 3.85vw, 5rem);
      padding-inline-end: clamp(5rem, -20rem + 25vw, 10rem);
      align-items: flex-start;
    }
  }
  @media (1921px <= width) {
    .unq-introduction-interview__inner {
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  .unq-introduction-interview__content {
    background-color: var(--COLOR-BG-PRIMARY);
    order: 2;
    padding: 150px 32px 0;
  }
  @media (min-width: 768px) {
    .unq-introduction-interview__content {
      background-color: transparent;
      padding: 0;
      margin-block-start: clamp(0rem, -12rem + 15vw, 3rem);
    }
  }
  .unq-introduction-interview__name {
    display: grid;
    gap: 8px;
  }
  .unq-introduction-interview__jobs {
    display: inline-block;
  }
  .unq-introduction-interview__nameText {
    display: inline-block;
    font-family: var(--FONT-SECONDARY);
    font-size: var(--FONT-SIZE-4XL);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 1.8;
  }
  .unq-introduction-interview__media {
    position: relative;
    order: 1;
    margin-inline-start: 20px;
    margin-block-end: -120px;
  }
  @media (min-width: 768px) {
    .unq-introduction-interview__media {
      margin-inline-start: 0;
      margin-block-end: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-interview__media {
      width: clamp(20.938rem, 7.317rem + 28.38vw, 30rem);
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-interview__media {
      width: clamp(30rem, -82rem + 140vw, 58rem);
    }
  }
  .unq-introduction-interview__mediaItem {
    width: 100%;
    object-fit: cover;
    border-radius: 32px 0 0 32px;
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-introduction-interview__mediaItem {
      border-radius: 0 32px 32px 0;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-interview__mediaItem {
      border-radius: 0 48px 48px 0;
    }
  }
  .unq-introduction-interview__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 65px;
    height: 49px;
    background-color: rgba(52, 52, 52, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 50%;
    border: 1px solid var(--COLOR-BASE-WHITE);
    z-index: var(--Z-INDEX-1);
    cursor: pointer;
  }
  .unq-introduction-interview__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: url("/assets/hotel/images/icon-movie-play-lg.svg") no-repeat center;
    width: 15px;
    height: 15px;
  }
  @media (min-width: 1280px) {
    .unq-introduction-interview__btn::before {
      width: 24px;
      height: 22px;
    }
  }
  @media (min-width: 1280px) {
    .unq-introduction-interview__btn {
      width: 106px;
      height: 82px;
    }
  }
  .unq-introduction-interview__btnText {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  /* .unq-introduction-leading
  ----------------------------------------------- */
  .unq-introduction-leading {
    padding-inline: var(--SPACE-GUTTER);
  }
  .unq-introduction-leading > :first-child {
    margin-block-start: 0 !important;
  }
  .unq-introduction-leading > :last-child {
    margin-block-end: 0 !important;
  }
  /* .unq-restaurants-mv
  ----------------------------------------------- */
  @media (1280px <= width) {
    .unq-restaurants-mv {
      padding-block-end: clamp(5rem, -2.5rem + 9.38vw, 8.75rem);
    }
  }
  .unq-restaurants-mv + .l-content {
    padding-block-start: 48px;
  }
  @media (min-width: 768px) {
    .unq-restaurants-mv + .l-content {
      padding-block-start: 79px;
    }
  }
  .unq-restaurants-mv__inner .m-carousel[class] {
    margin-block-start: 0;
    margin-inline-start: 20px;
  }
  @media (min-width: 768px) {
    .unq-restaurants-mv__inner .m-carousel[class] .m-carousel__controls {
      margin-inline-end: clamp(1.25rem, 0.558rem + 1.44vw, 2rem);
    }
  }
  @media (599px < width) {
    .unq-restaurants-mv__inner .m-carousel[class] {
      margin-inline-start: 0;
    }
  }
  .unq-restaurants-mv__main {
    padding-block: 48px 24px;
    background: url("/assets/hotel/images/bg-pattern-light.svg") var(--COLOR-BG-PRIMARY);
    background-size: 36px;
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__main {
      min-height: 347px;
      padding: clamp(3rem, 1.154rem + 3.85vw, 5rem) 0 clamp(3rem, 1.154rem + 3.85vw, 5rem) clamp(2rem, -0.769rem + 5.77vw, 5rem);
    }
  }
  .unq-restaurants-mv__mainWrap {
    display: grid;
    gap: 24px;
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__mainWrap {
      align-items: flex-start;
      grid-template-columns: 1fr fit-content(50%);
      gap: 32px;
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__mainWrap {
      position: relative;
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  .unq-restaurants-mv__detail {
    display: grid;
    justify-items: center;
    gap: 12px;
    margin-inline: 20px;
  }
  @media (599px < width) {
    .unq-restaurants-mv__detail {
      justify-items: flex-start;
      margin-inline: 0;
    }
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__detail {
      margin-inline-start: 32px;
    }
  }
  @media (600px <= width < 768px) {
    .unq-restaurants-mv__detail {
      margin-block-start: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-restaurants-mv__detail {
      margin-block-start: clamp(2rem, -1.006rem + 6.26vw, 4rem);
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__detail {
      gap: 20px;
      margin-block-start: 48px;
      width: 38%;
    }
  }
  @media (1600px <= width <= 2560px) {
    .unq-restaurants-mv__detail {
      margin-inline-start: clamp(0rem, -8.333rem + 8.33vw, 5rem);
    }
  }
  .unq-restaurants-mv__logo {
    display: flex;
    justify-content: center;
    order: 1;
  }
  .unq-restaurants-mv__logoItem {
    display: block;
    width: 80%;
    height: auto;
  }
  @media (1600px <= width) {
    .unq-restaurants-mv__logoItem {
      width: 100%;
    }
  }
  .unq-restaurants-mv__info {
    display: grid;
    justify-items: center;
    gap: 8px;
    order: 2;
  }
  @media (599px < width) {
    .unq-restaurants-mv__info {
      justify-items: flex-start;
    }
  }
  .unq-restaurants-mv__name {
    font-family: var(--FONT-SECONDARY);
    font-weight: var(--FONT-WEIGHT-SEMIBOLD);
    line-height: 1.8;
  }
  @media (min-width: 768px) {
    .unq-restaurants-mv__name:has(.unq-restaurants-mv__subtext) {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0 20px;
    }
  }
  .unq-restaurants-mv__nameText {
    font-size: 1.75rem;
    letter-spacing: 0.04em;
  }
  @media (768px <= width) {
    .unq-restaurants-mv__nameText {
      font-size: clamp(1.75rem, 0.942rem + 1.68vw, 2.625rem);
    }
  }
  .unq-restaurants-mv__subtext {
    font-size: var(--FONT-SIZE-2XL);
    letter-spacing: 0.04em;
  }
  @media (599px < width) {
    .unq-restaurants-mv__subtext {
      display: block;
    }
  }
  .unq-restaurants-mv__floor {
    font-size: 0.875rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
  }
  @media (min-width: 768px) {
    .unq-restaurants-mv__floor {
      font-size: 1rem;
    }
  }
  @media (768px <= width) {
    .unq-restaurants-mv__floor {
      margin-inline-start: 4px;
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__carousel {
      position: absolute;
      right: 0;
      top: 0;
      width: clamp(42.5rem, -12.5rem + 68.75vw, 56.25rem);
    }
  }
  @media (min-width: 768px) and (max-width: 1279px) {
    .unq-restaurants-mv__carousel {
      width: clamp(25rem, -1.301rem + 54.79vw, 42.5rem);
    }
  }
  .unq-restaurants-mv__mediaItem {
    border-radius: var(--RADIUS-4XL) 0 0 var(--RADIUS-4XL);
  }
  @media (768px <= width) {
    .unq-restaurants-mv__mediaItem {
      border-radius: clamp(1.5rem, -0.808rem + 4.81vw, 4rem) 0 0 clamp(1.5rem, -0.808rem + 4.81vw, 4rem);
    }
  }
  .unq-restaurants-mv__cta {
    background-color: var(--COLOR-BG-PRIMARY-LIGHT);
    padding: 24px;
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__cta {
      padding: 32px 0;
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__cta {
      padding: clamp(2.75rem, 0.5rem + 2.81vw, 3.313rem) 0 clamp(2.75rem, 0.5rem + 2.81vw, 3.313rem) clamp(2.875rem, -5.875rem + 10.94vw, 5.063rem);
    }
  }
  .unq-restaurants-mv__ctaWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1.25rem, -0.006rem + 5.36vw, 2rem);
  }
  .unq-restaurants-mv__ctaWrap .m-btn-list {
    margin: 0;
  }
  @media (599px < width) {
    .unq-restaurants-mv__ctaWrap .m-btn-list {
      border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__ctaWrap .m-btn-list {
      padding-inline-end: clamp(1.875rem, -7.556rem + 25.15vw, 4.5rem);
      border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY);
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__ctaWrap .m-btn-list {
      padding-inline-end: 32px;
    }
  }
  .unq-restaurants-mv__ctaWrap .m-btn {
    font-size: clamp(0.875rem, 0.666rem + 0.89vw, 1rem);
    padding: 12px 16px;
    width: clamp(9.375rem, 3.306rem + 25.89vw, 13rem);
  }
  @media (599px < width) {
    .unq-restaurants-mv__ctaWrap .m-btn {
      width: 240px;
    }
  }
  @media (min-width: 768px) {
    .unq-restaurants-mv__ctaWrap .m-btn {
      min-width: auto;
    }
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__ctaWrap {
      gap: clamp(1.875rem, -7.556rem + 25.15vw, 4.5rem);
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__ctaWrap {
      justify-content: flex-start;
      gap: 32px;
      max-width: 1920px;
      margin-inline: auto;
    }
  }
  @media (1600px <= width <= 2560px) {
    .unq-restaurants-mv__ctaWrap {
      padding-inline-start: clamp(0rem, -8.333rem + 8.33vw, 5rem);
    }
  }
  .unq-restaurants-mv__ctaText {
    display: grid;
    gap: 4px;
    justify-items: center;
  }
  .unq-restaurants-mv__tel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .unq-restaurants-mv__tel-num {
    font-size: 1rem;
    font-weight: var(--FONT-WEIGHT-BOLD);
    letter-spacing: var(--LETTER-SPACING-TIGHT);
    line-height: var(--PRIMARY-LINE-HEIGHT-TIGHT);
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .unq-restaurants-mv__tel-num::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/assets/hotel/images/icon-tel.svg") no-repeat center/contain;
    flex-shrink: 0;
  }
  @media (599px < width) {
    .unq-restaurants-mv__tel-num {
      gap: 12px;
    }
    .unq-restaurants-mv__tel-num::before {
      width: 24px;
      height: 24px;
    }
  }
  @media (375px <= width < 600px) {
    .unq-restaurants-mv__tel-num {
      font-size: clamp(1rem, 0.583rem + 1.78vw, 1.25rem);
    }
  }
  @media (600px <= width < 1280px) {
    .unq-restaurants-mv__tel-num {
      font-size: 1.25rem;
    }
  }
  @media (1280px <= width) {
    .unq-restaurants-mv__tel-num {
      font-size: 1.4375rem;
    }
  }
  .unq-restaurants-mv__note {
    font-size: var(--FONT-SIZE-XS);
    line-height: var(--PRIMARY-LINE-HEIGHT-S-TIGHT);
  }
}
@layer utility {
  .u-block {
    display: block !important;
  }
  @media (min-width: 768px) {
    .u-block-pc {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .u-block-sp {
      display: block !important;
    }
  }
  .u-display--sp {
    display: block !important;
  }
  @media (min-width: 768px) {
    .u-display--sp {
      display: none !important;
    }
  }
  .u-display--pc {
    display: none !important;
  }
  @media (min-width: 768px) {
    .u-display--pc {
      display: block !important;
    }
  }
  .u-display-inline--sp {
    display: inline-block !important;
  }
  @media (min-width: 768px) {
    .u-display-inline--sp {
      display: none !important;
    }
  }
  .u-display-inline--pc {
    display: none !important;
  }
  @media (min-width: 768px) {
    .u-display-inline--pc {
      display: inline-block !important;
    }
  }
  .u-fw-normal {
    font-weight: var(--FONT-WEIGHT) !important;
  }
  .u-fw-semibold {
    font-weight: var(--FONT-WEIGHT-SEMIBOLD) !important;
  }
  .u-fw-bold {
    font-weight: var(--FONT-WEIGHT-BOLD) !important;
  }
  .u-ta-left {
    text-align: left !important;
  }
  @media (min-width: 768px) {
    .u-ta-left-pc {
      text-align: left !important;
    }
  }
  @media (max-width: 767px) {
    .u-ta-left-sp {
      text-align: left !important;
    }
  }
  .u-ta-center {
    text-align: center !important;
  }
  @media (min-width: 768px) {
    .u-ta-center-pc {
      text-align: center !important;
    }
  }
  @media (max-width: 767px) {
    .u-ta-center-sp {
      text-align: center !important;
    }
  }
  .u-ta-right {
    text-align: right !important;
  }
  @media (min-width: 768px) {
    .u-ta-right-pc {
      text-align: right !important;
    }
  }
  @media (max-width: 767px) {
    .u-ta-right-sp {
      text-align: right !important;
    }
  }
  .u-va-top {
    vertical-align: top !important;
  }
  .u-va-middle {
    vertical-align: middle !important;
  }
  .u-va-bottom {
    vertical-align: bottom !important;
  }
  .u-visually-hidden {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: rect(1px, 1px, 1px, 1px) !important;
  }
  .u-w-1 {
    inline-size: 1% !important;
  }
  .u-w-2 {
    inline-size: 2% !important;
  }
  .u-w-3 {
    inline-size: 3% !important;
  }
  .u-w-4 {
    inline-size: 4% !important;
  }
  .u-w-5 {
    inline-size: 5% !important;
  }
  .u-w-6 {
    inline-size: 6% !important;
  }
  .u-w-7 {
    inline-size: 7% !important;
  }
  .u-w-8 {
    inline-size: 8% !important;
  }
  .u-w-9 {
    inline-size: 9% !important;
  }
  .u-w-10 {
    inline-size: 10% !important;
  }
  .u-w-11 {
    inline-size: 11% !important;
  }
  .u-w-12 {
    inline-size: 12% !important;
  }
  .u-w-13 {
    inline-size: 13% !important;
  }
  .u-w-14 {
    inline-size: 14% !important;
  }
  .u-w-15 {
    inline-size: 15% !important;
  }
  .u-w-16 {
    inline-size: 16% !important;
  }
  .u-w-17 {
    inline-size: 17% !important;
  }
  .u-w-18 {
    inline-size: 18% !important;
  }
  .u-w-19 {
    inline-size: 19% !important;
  }
  .u-w-20 {
    inline-size: 20% !important;
  }
  .u-w-21 {
    inline-size: 21% !important;
  }
  .u-w-22 {
    inline-size: 22% !important;
  }
  .u-w-23 {
    inline-size: 23% !important;
  }
  .u-w-24 {
    inline-size: 24% !important;
  }
  .u-w-25 {
    inline-size: 25% !important;
  }
  .u-w-26 {
    inline-size: 26% !important;
  }
  .u-w-27 {
    inline-size: 27% !important;
  }
  .u-w-28 {
    inline-size: 28% !important;
  }
  .u-w-29 {
    inline-size: 29% !important;
  }
  .u-w-30 {
    inline-size: 30% !important;
  }
  .u-w-31 {
    inline-size: 31% !important;
  }
  .u-w-32 {
    inline-size: 32% !important;
  }
  .u-w-33 {
    inline-size: 33% !important;
  }
  .u-w-34 {
    inline-size: 34% !important;
  }
  .u-w-35 {
    inline-size: 35% !important;
  }
  .u-w-36 {
    inline-size: 36% !important;
  }
  .u-w-37 {
    inline-size: 37% !important;
  }
  .u-w-38 {
    inline-size: 38% !important;
  }
  .u-w-39 {
    inline-size: 39% !important;
  }
  .u-w-40 {
    inline-size: 40% !important;
  }
  .u-w-41 {
    inline-size: 41% !important;
  }
  .u-w-42 {
    inline-size: 42% !important;
  }
  .u-w-43 {
    inline-size: 43% !important;
  }
  .u-w-44 {
    inline-size: 44% !important;
  }
  .u-w-45 {
    inline-size: 45% !important;
  }
  .u-w-46 {
    inline-size: 46% !important;
  }
  .u-w-47 {
    inline-size: 47% !important;
  }
  .u-w-48 {
    inline-size: 48% !important;
  }
  .u-w-49 {
    inline-size: 49% !important;
  }
  .u-w-50 {
    inline-size: 50% !important;
  }
  .u-w-100 {
    inline-size: 100% !important;
  }
  .u-w-95 {
    inline-size: 95% !important;
  }
  .u-w-90 {
    inline-size: 90% !important;
  }
  .u-w-85 {
    inline-size: 85% !important;
  }
  .u-w-80 {
    inline-size: 80% !important;
  }
  .u-w-75 {
    inline-size: 75% !important;
  }
  .u-w-70 {
    inline-size: 70% !important;
  }
  .u-w-65 {
    inline-size: 65% !important;
  }
  .u-w-60 {
    inline-size: 60% !important;
  }
  .u-w-55 {
    inline-size: 55% !important;
  }
  .u-w-100-3 {
    inline-size: 33.3333333333% !important;
  }
  .u-w-100-6 {
    inline-size: 16.6666666667% !important;
  }
  .u-border-right {
    border-inline-end: 1px solid var(--COLOR-BORDER-PRIMARY) !important;
  }
}