@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(hr) {
  border: none;
  -webkit-border-before: 1px solid;
          border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --liquid-size-sp: clamp(0.75rem, 4.444vw - 0.083rem, 1rem);
  --liquid-size-pc: clamp(0.625rem, 1.027vw + 0.132rem, 1rem);
  --contents--sp: min(100%, calc(var(--liquid-size) * 19.875));
  --contents--pc: min(100%, calc(var(--liquid-size) * 80));
  --liquid-size: var(--liquid-size-sp);
  --contents: var(--contents--sp);
  --side-pad: calc(var(--liquid-size) * 2.25);
}
@media (min-width: 768px) {
  :root {
    --liquid-size: var(--liquid-size-pc);
    --contents: var(--contents--pc);
    --side-pad: calc(var(--liquid-size) * 2.25);
  }
}

body {
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  background: #fefefe;
}

body:not(:has(.p-news-detail)) :where(img) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  text-decoration: none;
}

button {
  box-sizing: border-box;
}

summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

:where(svg[role=img]) {
  width: 100%;
  height: 100%;
}

button, a, input, textarea, select, label {
  touch-action: manipulation;
}

body:has(dialog[open]) {
  overflow: hidden;
  padding-right: var(--width, 0);
}
body:has(dialog[open]) .l-header {
  padding-right: var(--width, 0);
}

section[id] {
  scroll-margin-top: calc(var(--liquid-size) * 4);
}

@media (min-width: 768px) {
  section[id] {
    scroll-margin-top: calc(var(--liquid-size) * 4.5625);
  }
}
.l-body-wrapper {
  display: grid;
  position: relative;
  z-index: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
  min-height: 100vh;
  overflow: clip;
}

.l-header {
  grid-area: header;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}

.l-main {
  grid-area: main;
}

.l-footer {
  grid-area: footer;
  position: relative;
  z-index: 10;
}

.l-svg-data {
  position: fixed;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -99;
}

.c-header {
  --height: calc(var(--liquid-size) * 4);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: var(--height);
  width: 100%;
  color: #000;
  background: #fefefe;
  -webkit-transition: opacity 0.5s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: opacity 0.5s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
}
body:has(.p-top) .c-header, body:has(.p-sapporo-top) .c-header, body:has(.p-sapporo-spa) .c-header {
  opacity: 0;
  visibility: hidden;
}
body:has(.p-top) .c-header.is-active, body:has(.p-sapporo-top) .c-header.is-active, body:has(.p-sapporo-spa) .c-header.is-active {
  opacity: 1;
  visibility: visible;
}
body:not(:has(.m-confirm.is-active)) .c-header.is-on-first-view {
  color: #fff;
  background: transparent;
}

.c-header__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.c-header__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.c-header__logo-link {
  display: inline-block;
  position: relative;
}
.c-header__logo-link.m-sapporo {
  width: calc(var(--liquid-size) * 10.9375);
  aspect-ratio: 175/28;
}
.c-header__logo-link.m-fav-top {
  width: calc(var(--liquid-size) * 7.625);
  aspect-ratio: 122/36;
}

.c-header__menu {
  width: calc(var(--liquid-size) * 2);
}

@media (min-width: 768px) {
  .c-header {
    --height: calc(var(--liquid-size) * 4.5625);
  }
  .c-header__inner {
    width: min(100%, var(--liquid-size) * 100);
    padding-inline: calc(var(--liquid-size) * 3) calc(var(--liquid-size) * 2.75);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .c-header__logo-link.m-sapporo {
    width: calc(var(--liquid-size) * 12.5);
  }
  .c-header__menu {
    padding-inline: 0;
  }
}
.c-menu-button {
  --height: calc(var(--liquid-size) * 0.125);
  --span-gap: calc(var(--liquid-size) * 0.375);
  display: inline-grid;
  grid-template-columns: auto;
  place-items: center;
  width: calc(var(--liquid-size) * 2);
  margin-right: calc(var(--liquid-size) * -0.25);
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.25);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (any-hover: hover) {
  .c-menu-button:hover {
    color: #D5246A;
    background: #fff;
  }
}
.c-menu-button:focus-visible {
  color: #D5246A;
  background: #fff;
}

.c-menu-button__icon {
  display: grid;
  place-items: center;
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}
.c-menu-button__icon > span {
  grid-area: 1/1/-1/-1;
  position: relative;
  width: 100%;
  height: var(--height);
  border-radius: 100vmax;
  background: currentColor;
  -webkit-transition: translate 0.15s 0.15s ease-in-out, rotate 0.15s ease-in-out, opacity 0s 0.15s ease-in-out;
  transition: translate 0.15s 0.15s ease-in-out, rotate 0.15s ease-in-out, opacity 0s 0.15s ease-in-out;
}
.c-menu-button__icon > span:nth-child(1) {
  top: calc(var(--span-gap) * -1);
}
.c-menu-button__icon > span:nth-child(3) {
  bottom: calc(var(--span-gap) * -1);
}
:where(.is-show-menu) .c-menu-button__icon > span {
  width: calc(var(--liquid-size) * 1.25);
  -webkit-transition: translate 0.15s ease-in-out, rotate 0.15s 0.15s ease-in-out, opacity 0s 0.15s ease-in-out;
  transition: translate 0.15s ease-in-out, rotate 0.15s 0.15s ease-in-out, opacity 0s 0.15s ease-in-out;
}
:where(.is-show-menu) .c-menu-button__icon > span:nth-child(1) {
  translate: 0 var(--span-gap);
  rotate: 45deg;
}
:where(.is-show-menu) .c-menu-button__icon > span:nth-child(2) {
  opacity: 0;
}
:where(.is-show-menu) .c-menu-button__icon > span:nth-child(3) {
  translate: 0 calc(var(--span-gap) * -1);
  rotate: -45deg;
}

@media (max-width: 767px) {
  .c-only__pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .c-only__sp {
    display: none;
  }
}
.c-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  background-color: #fefefe;
}
.c-main.m-child {
  padding-top: calc(var(--liquid-size) * 4);
}

@media (min-width: 768px) {
  .c-main.m-child {
    padding-top: calc(var(--liquid-size) * 4.5);
  }
}
.c-footer {
  background: #000;
  color: #fff;
  padding-block: calc(var(--liquid-size) * 5.75) calc(var(--liquid-size) * 2.25);
}
.c-footer.m-simple {
  padding-block: calc(var(--liquid-size) * 2.25);
}

.c-footer__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
}

.c-footer__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: var(--contents);
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.333;
}

.c-footer__info-top {
  width: 100%;
}

.c-footer__company-name {
  font-weight: 700;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
@media (any-hover: hover) {
  .c-footer__company-name:hover {
    color: #D5246A;
  }
}

.c-footer__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 2);
  margin-top: calc(var(--liquid-size) * 0.75);
}

.c-footer__list-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  font-weight: 500;
}
.c-footer__list-item::before {
  content: "";
  width: calc(var(--liquid-size) * 0.375);
  aspect-ratio: 6/10;
  background: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.16666%201L5.16666%205L1.16666%209'%20stroke='%23D5246A'/%3e%3c/svg%3e") center/cover;
}

.c-footer__list-link {
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
@media (any-hover: hover) {
  .c-footer__list-link:hover {
    color: #D5246A;
  }
}

.c-footer__sns-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin-top: calc(var(--liquid-size) * 2.25);
  border-block: 1px solid rgba(255, 255, 255, 0.4);
}

.c-footer__copyrights {
  width: var(--contents);
  margin-top: calc(var(--liquid-size) * 2.625);
}
.c-footer__copyrights.m-margin-0 {
  margin-top: 0;
}

.c-footer__copyright-text {
  font-size: calc(var(--liquid-size) * 0.6875);
  color: #cdd1d4;
  text-align: center;
}

@media (min-width: 768px) {
  .c-footer {
    padding-block: calc(var(--liquid-size) * 3.75) calc(var(--liquid-size) * 3);
  }
  .c-footer.m-simple {
    padding-block: calc(var(--liquid-size) * 3);
  }
  .c-footer__info {
    gap: calc(var(--liquid-size) * 3.75);
    width: var(--contents);
  }
  .c-footer__info-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-inline: var(--side-pad);
  }
  .c-footer__info-top > * {
    width: min(100%, var(--liquid-size) * 19.875);
  }
  .c-footer__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    justify-items: center;
    margin-top: 0;
  }
  .c-footer__sns-links {
    margin-top: calc(var(--liquid-size) * 3);
  }
  .c-footer__copyrights {
    margin-top: calc(var(--liquid-size) * 4);
  }
}
.c-sns-list {
  --border: rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.c-sns-list:first-child {
  border-bottom: 1px solid var(--border);
}
.c-sns-list.m-header-menu, .c-sns-list.m-modal-menu {
  --border: #e0e5e8;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.c-sns-list__item {
  display: grid;
  place-items: center;
  width: min(25%, var(--liquid-size) * 20);
  padding: calc(var(--liquid-size) * 1.5);
}
.c-sns-list__item:not(:first-child) {
  border-left: 1px solid var(--border);
}

.c-sns-list__link {
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}
@media (any-hover: hover) {
  .c-sns-list__link {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .c-sns-list__link:hover {
    color: #D5246A;
  }
}

@media (min-width: 768px) {
  .c-sns-list__link {
    width: calc(var(--liquid-size) * 2.5);
  }
  .m-modal-menu .c-sns-list__link {
    width: calc(var(--liquid-size) * 1.5);
  }
}
.c-modal-menu {
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow-x: clip;
  overscroll-behavior-y: contain;
  -webkit-transition: opacity 0.3s ease-in-out, translate 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, translate 0.3s ease-in-out;
}
.c-modal-menu[open] {
  outline: none;
  outline-offset: 0;
  border: none;
  opacity: 1;
}
.c-modal-menu[open]::-webkit-backdrop {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}
.c-modal-menu[open]::backdrop {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}
.c-modal-menu.m-sapporo {
  margin-top: 0;
  margin-bottom: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.c-modal-menu.m-sapporo[open]::-webkit-backdrop {
  opacity: 1;
}
.c-modal-menu.m-sapporo[open]::backdrop {
  opacity: 1;
}

.c-modal-menu__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  margin-inline: auto;
  color: #000;
  background: #fefefe;
}
.m-sapporo .c-modal-menu__inner {
  height: auto;
}

.c-modal-menu__header {
  flex-shrink: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: calc(var(--liquid-size) * 4);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.c-modal-menu__logo {
  display: inline-block;
}
.c-modal-menu__logo.m-sapporo {
  width: calc(var(--liquid-size) * 10.9375);
  aspect-ratio: 175/28;
}
.c-modal-menu__logo.m-fav-top {
  width: calc(var(--liquid-size) * 7.625);
  aspect-ratio: 122/36;
}

.c-modal-menu__link-lists {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 4.5);
  width: 100%;
  padding-top: calc(var(--liquid-size) * 3);
  overflow: auto;
}

.c-modal-menu__link-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: min(100%, var(--liquid-size) * 30);
}

.c-modal-menu__link-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: calc(var(--liquid-size) * 0.9375);
  min-height: calc(var(--liquid-size) * 3.5);
  padding-block: calc(var(--liquid-size) * 0.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
  font-weight: 500;
  line-height: 1.5;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.c-modal-menu__link-item.m-current {
  color: #D5246A;
  font-weight: 700;
}
.c-modal-menu__link-item:not(.m-current)::after {
  content: "";
  width: calc(var(--liquid-size) * 1);
  margin-inline: calc(var(--liquid-size) * 0.25);
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%201L12%208L5%2015'%20stroke='%23807E7B'%20stroke-width='1.5'/%3e%3c/svg%3e") center/cover;
}
@media (any-hover: hover) {
  .c-modal-menu__link-item:not(.m-current):hover {
    background: #FAF8F1;
  }
}
.c-modal-menu__link-item.m-instagram::after {
  width: calc(var(--liquid-size) * 1.5);
  margin-inline: 0;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='jt-instagram'%3e%3cpath%20id='Vector'%20d='M11.9999%208.8335C10.2882%208.8335%208.83325%2010.2885%208.83325%2012.0002C8.83325%2013.7119%2010.2882%2015.1668%2011.9999%2015.1668C13.7116%2015.1668%2015.1666%2013.7119%2015.1666%2012.0002C15.1666%2010.2885%2013.7116%208.8335%2011.9999%208.8335Z'%20fill='black'/%3e%3cpath%20id='Vector_2'%20d='M16.0591%202.5H8.02727C4.91818%202.5%202.5%204.91818%202.5%207.94091V15.9727C2.5%2019.0818%204.91818%2021.5%208.02727%2021.5H16.0591C19.0818%2021.5%2021.5%2019.0818%2021.5%2015.9727V7.94091C21.5%204.91818%2019.0818%202.5%2016.0591%202.5ZM12%2017.0091C9.23636%2017.0091%207.07727%2014.7636%207.07727%2012.0864C7.07727%209.40909%209.23636%207.07727%2012%207.07727C14.7636%207.07727%2016.9227%209.32273%2016.9227%2012C16.9227%2014.6773%2014.7636%2017.0091%2012%2017.0091ZM17.0955%208.11364C16.4909%208.11364%2015.9727%207.59545%2015.9727%206.99091C15.9727%206.38636%2016.4909%205.86818%2017.0955%205.86818C17.7%205.86818%2018.2182%206.38636%2018.2182%206.99091C18.2182%207.59545%2017.7%208.11364%2017.0955%208.11364Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e") center/cover;
}

.c-modal-menu__footer-links {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: 100%;
}
.c-modal-menu__footer-links .c-sns-list {
  --border: #e0e5e8;
}

.c-modal-menu__booking {
  align-self: center;
  padding: calc(var(--liquid-size) * 0.75);
  width: min(100%, var(--liquid-size) * 30);
}

@media (min-width: 768px) {
  .c-modal-menu {
    width: min(100%, var(--liquid-size) * 40);
    margin-left: auto;
    margin-right: 0;
  }
  .c-modal-menu[open]::-webkit-backdrop {
    opacity: 1;
  }
  .c-modal-menu[open]::backdrop {
    opacity: 1;
  }
  .c-modal-menu.m-sapporo {
    width: min(100%, var(--liquid-size) * 30);
    height: 100%;
  }
  .m-sapporo .c-modal-menu__inner {
    height: 100%;
  }
  .c-modal-menu__header {
    height: calc(var(--liquid-size) * 4.5);
    padding-inline: calc(var(--liquid-size) * 3);
  }
  .c-modal-menu__logo {
    display: inline-block;
  }
  .c-modal-menu__logo.m-sapporo {
    width: calc(var(--liquid-size) * 12.5);
  }
  .c-modal-menu__link-lists {
    padding-top: calc(var(--liquid-size) * 1.5);
    height: 100%;
  }
  .c-modal-menu__link-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .m-sapporo .c-modal-menu__link-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .c-modal-menu__link-item {
    padding-inline: calc(var(--liquid-size) * 3);
  }
  .c-modal-menu__footer-links {
    margin-top: auto;
  }
}
@starting-style {
  .c-modal-menu[open] {
    opacity: 0;
  }
  @media (min-width: 768px) {
    .c-modal-menu[open] {
      translate: 100% 0;
    }
  }
}
.c-page-title-group__title {
  font-size: calc(var(--liquid-size) * 2.75);
  font-family: "Montserrat", serif;
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 4.5);
}

@media (min-width: 768px) {
  .c-page-title-group__title {
    font-size: calc(var(--liquid-size) * 4);
  }
}
.c-button {
  display: grid;
  place-items: center;
  position: relative;
  min-height: calc(var(--liquid-size) * 3.5);
  padding: calc(var(--liquid-size) * 0.5);
  border: 1px solid #000;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: calc(var(--liquid-size) * 0.9375);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-button.m-primary {
  background: #000;
  color: #fff;
}
.c-button.m-secondary {
  background: transparent;
  color: #000;
}
.c-button.m-footer {
  background: transparent;
  color: #fff;
  border-color: currentColor;
}
@media (any-hover: hover) {
  .c-button:not(:disabled):hover {
    color: #D5246A;
  }
}
.c-button:disabled {
  color: #BFBEBD;
  background: #e8e8e8;
  border-color: #e8e8e8;
}

.c-button__icon {
  display: block;
  position: absolute;
  right: calc(var(--liquid-size) * 0.75);
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}
@media (any-hover: hover) {
  .c-button__icon {
    -webkit-transition: translate 0.3s ease-in-out;
    transition: translate 0.3s ease-in-out;
  }
  .c-button:hover .c-button__icon {
    translate: calc(var(--liquid-size) * 0.25);
  }
}

.c-button-icon {
  display: inline-block;
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
  padding: calc(var(--liquid-size) * 0.25);
  border-radius: calc(var(--liquid-size) * 0.25);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.c-button-icon:disabled, button:disabled .c-button-icon {
  color: #BFBEBD;
}
@media (any-hover: hover) {
  .c-button-icon:not(:disabled):is(:hover, :focus-visible), :is(a, button):not(:disabled):is(:hover, :focus-visible) .c-button-icon {
    color: #D5246A;
    background: #fff;
  }
  :is(a, button):disabled .c-button-icon:hover {
    color: #BFBEBD;
    background: none;
  }
}

.c-modal-close-button {
  display: grid;
  place-items: center;
  position: absolute;
  top: calc(var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 0.75);
  width: calc(var(--liquid-size) * 3);
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.25);
  background: #000;
  color: #fff;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-modal-close-button.m-header-menu {
  position: relative;
  top: 0;
  right: 0;
  width: calc(var(--liquid-size) * 2);
  padding: calc(var(--liquid-size) * 0.25);
  background: transparent;
  color: #000;
}
@media (any-hover: hover) {
  .c-modal-close-button:hover {
    color: #D5246A;
  }
  .c-modal-close-button:focus-visible {
    color: #D5246A;
  }
}
.c-modal-close-button :is(svg, img) {
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}

.c-label-and-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1);
  letter-spacing: 0.01em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-label-and-icon.m-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.c-label-and-icon:disabled {
  color: #BFBEBD;
}
@media (any-hover: hover) {
  .c-label-and-icon:not(:disabled):hover {
    color: #D5246A;
  }
}

.c-prev-link {
  display: inline grid;
  grid-template-columns: calc(var(--liquid-size) * 2) auto;
  gap: calc(var(--liquid-size) * 0.5);
  -webkit-box-align: center;
          align-items: center;
  color: #D5246A;
  font-size: calc(var(--liquid-size) * 1.0625);
  font-family: "Montserrat", serif;
  font-weight: 700;
  vertical-align: top;
  line-height: calc(var(--liquid-size) * 1.5);
}
.c-prev-link::before {
  content: "";
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%206L9%2016L19%2026'%20stroke='%23D5246A'%20stroke-width='1.5'/%3e%3c/svg%3e") center/cover;
  -webkit-transition: translate 0.3s ease-in-out;
  transition: translate 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-prev-link:hover::before {
    translate: calc(var(--liquid-size) * -0.25);
  }
}

.c-under-line-link {
  justify-self: start;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  padding-left: calc(var(--liquid-size) * 0.25);
  padding-bottom: calc(var(--liquid-size) * 0.4375);
  vertical-align: top;
  border-bottom: 2px solid #D5246A;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.25);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-under-line-link:hover, :is(a, button):hover .c-under-line-link {
    color: #D5246A;
  }
}

.c-under-line-link__icon {
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}

.c-notice {
  color: #B80000;
  font-size: calc(var(--liquid-size) * 0.8125);
  line-height: 1.538;
}

.c-entry-form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 2.25);
  width: 100%;
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: calc(var(--liquid-size) * 1.25);
}
.c-entry-form.m-narrow-gap {
  gap: calc(var(--liquid-size) * 1.5);
}
.c-entry-form.m-tight-gap {
  gap: calc(var(--liquid-size) * 0.75);
}

.c-entry-form__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 2.25);
}
.c-entry-form__list.m-narrow-gap {
  gap: calc(var(--liquid-size) * 1.5);
}
.c-entry-form__list.m-tight-gap {
  gap: calc(var(--liquid-size) * 0.75);
}
.c-entry-form__list > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
}
.c-entry-form__list > li.m-wide-margin {
  margin-block: calc(var(--liquid-size) * 0.5);
}
.c-entry-form__list > li.m-top-margin-12 {
  margin-top: calc(var(--liquid-size) * 0.75);
}

.c-entry-form__alert {
  display: none;
  width: 100%;
  top: 100%;
  margin-bottom: calc(var(--liquid-size) * -1);
}
.c-entry-form__list > li:has(:is(input, textarea):is(:not(:-moz-placeholder-shown):invalid, :user-invalid, [data-is-set=false])) .c-entry-form__alert {
  display: block;
}
.c-entry-form__list > li:has(:is(input, textarea):is(:not(:placeholder-shown):invalid, :user-invalid, [data-is-set=false])) .c-entry-form__alert {
  display: block;
}
.m-tight-gap .c-entry-form__alert {
  margin-bottom: calc(var(--liquid-size) * -0.5);
}

.c-entry-form__note {
  display: grid;
  grid-template: "stack";
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.8125);
}
.c-entry-form__note > p {
  grid-area: stack;
}
.c-entry-form__note > p.c-notice {
  visibility: hidden;
}
.c-entry-form__list > li:has(:is(input, textarea):is(:not(:-moz-placeholder-shown):invalid, :user-invalid)) .c-entry-form__note p {
  visibility: hidden;
}
*.is-reject .c-entry-form__note p, .c-entry-form__list > li:has(:is(input, textarea):is(:not(:placeholder-shown):invalid, :user-invalid)) .c-entry-form__note p {
  visibility: hidden;
}
.c-entry-form__list > li:has(:is(input, textarea):is(:not(:-moz-placeholder-shown):invalid, :user-invalid)) .c-entry-form__note p.c-notice {
  visibility: visible;
}
*.is-reject .c-entry-form__note p.c-notice, .c-entry-form__list > li:has(:is(input, textarea):is(:not(:placeholder-shown):invalid, :user-invalid)) .c-entry-form__note p.c-notice {
  visibility: visible;
}

.c-entry-form__uploads {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.75);
  position: relative;
  padding: calc(var(--liquid-size) * 0.25);
}

.c-entry-form__files {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.c-entry-form__label {
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-entry-form__label.m-required::after {
  content: "*";
  color: #B80000;
  font-size: calc(var(--liquid-size) * 0.6875);
  padding-left: calc(var(--liquid-size) * 0.5);
  vertical-align: top;
}
[data-is-set=true] .c-entry-form__label {
  font-size: calc(var(--liquid-size) * 0.625);
  font-weight: 400;
  line-height: 1;
}
[data-is-set=true] .c-entry-form__label::after {
  content: none;
}

.c-entry-form__selector-box {
  position: relative;
  min-height: calc(var(--liquid-size) * 3.5);
}

.c-entry-form__selector-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: calc(var(--liquid-size) * 0.25);
}

.c-entry-form__policy {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 2) minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.25);
  -webkit-box-align: center;
          align-items: center;
  min-height: calc(var(--liquid-size) * 2.5);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.25);
}
.c-entry-form__policy:has(input:disabled) * {
  color: #BFBEBD;
  pointer-events: none;
}

.c-entry-form__checkbox {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 1px;
  border: 3px solid transparent;
}
.c-entry-form__checkbox:has(input:focus-visible) {
  border-color: #000;
}
.c-entry-form__checkbox input {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
}
.c-entry-form__checkbox::before {
  content: "";
  display: block;
  position: absolute;
  inset: calc(var(--liquid-size) * 0.0625);
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20stroke='black'/%3e%3c/svg%3e") center/cover;
}
.c-entry-form__checkbox:has(input:checked)::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20fill='black'/%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20stroke='black'/%3e%3cpath%20d='M19%207L10.25%2017L5%2011'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");
}
.c-entry-form__checkbox:has(input:disabled)::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20stroke='%23BFBEBD'/%3e%3cpath%20d='M19%207L10.25%2017L5%2011'%20stroke='%23BFBEBD'%20stroke-width='1.5'/%3e%3c/svg%3e");
}

.c-entry-form__text-link {
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-entry-form__text-link:hover {
    color: #D5246A;
  }
}

@media (min-width: 768px) {
  .c-entry-form__uploads {
    padding-inline: 0;
  }
}
.c-form-job-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
}
.c-form-job-box span {
  font-size: calc(var(--liquid-size) * 0.8125);
  line-height: 1.538;
}
.c-form-job-box > input {
  background: transparent;
  border: none;
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.c-form-job-box > input:focus-within {
  outline: none;
  border: none;
  box-shadow: none;
}

.c-form-text-box {
  justify-items: stretch;
  position: relative;
  width: 100%;
  min-height: calc(var(--liquid-size) * 3.5);
  border-bottom: 1px solid #000;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.c-form-text-box:has(:is(input, textarea):disabled) {
  color: #BFBEBD;
  border-color: #BFBEBD;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:-moz-placeholder-shown):invalid, :user-invalid, [data-is-set=false])) {
  border-color: #B80000;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown):invalid, :user-invalid, [data-is-set=false])) {
  border-color: #B80000;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:-moz-placeholder-shown):valid, :user-valid, [data-is-set=true])) {
  border-color: #D5246A;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown):valid, :user-valid, [data-is-set=true])) {
  border-color: #D5246A;
}
.c-form-text-box > :is(label, .m-label) {
  z-index: 1;
  position: absolute;
  padding-top: calc(var(--liquid-size) * 1.25);
  padding-inline: calc(var(--liquid-size) * 0.25);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  -webkit-transition: padding 0.15s ease-out, font-size 0.15s ease-out;
  transition: padding 0.15s ease-out, font-size 0.15s ease-out;
}
.c-form-text-box > :is(label, .m-label):has(+ *:required):after {
  content: "*";
  font-size: calc(var(--liquid-size) * 0.6875);
  padding-left: calc(var(--liquid-size) * 0.5);
  color: #B80000;
  vertical-align: top;
}
.c-form-text-box.m-message label {
  padding-top: calc(var(--liquid-size) * 0.375);
  pointer-events: none;
  width: 100%;
}
.c-form-text-box.m-message label:has(+ textarea:focus) {
  background: #fafafa;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:-moz-placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  font-size: calc(var(--liquid-size) * 0.625);
  font-weight: 400;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown), :not(:-moz-read-only):focus)) > :is(label, .m-label) {
  font-size: calc(var(--liquid-size) * 0.625);
  font-weight: 400;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  font-size: calc(var(--liquid-size) * 0.625);
  font-weight: 400;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:-moz-placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown), :not(:-moz-read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box:has(:is(input, textarea):is(:not(:placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box:has(input:is(:not(:-moz-placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box:has(input:is(:not(:placeholder-shown), :not(:-moz-read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box:has(input:is(:not(:placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box:has(input:is(:not(:-moz-placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box:has(input:is(:not(:placeholder-shown), :not(:-moz-read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box:has(input:is(:not(:placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label)::after {
  content: none;
}
.c-form-text-box.m-message:has(textarea:is(:not(:-moz-placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box.m-message:has(textarea:is(:not(:placeholder-shown), :not(:-moz-read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box.m-message:has(textarea:is(:not(:placeholder-shown), :not(:read-only):focus)) > :is(label, .m-label) {
  padding-top: calc(var(--liquid-size) * 0.25);
}
.c-form-text-box > :where(input, textarea) {
  padding: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 0.25) calc(var(--liquid-size) * 0.5);
  background: transparent;
  border: none;
  width: 100%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.c-form-text-box > :where(input, textarea):not(:-moz-read-only):focus {
  background: #fafafa;
}
.c-form-text-box > :where(input, textarea):not(:read-only):focus {
  background: #fafafa;
}
.c-form-text-box > :where(input, textarea):focus-within {
  outline: none;
  border: none;
  box-shadow: 0 0 calc(var(--liquid-size) * 0.25) #e0e5e8;
}
.c-form-text-box > :where(input, textarea):-moz-read-only {
  box-shadow: none;
}
.c-form-text-box > :where(input, textarea):read-only {
  box-shadow: none;
}
.c-form-text-box:has(.m-text) :where(input) {
  position: absolute;
}
.c-form-text-box > input::-webkit-input-placeholder {
  visibility: hidden;
  color: transparent;
}
.c-form-text-box > input::-moz-placeholder {
  visibility: hidden;
  color: transparent;
}
.c-form-text-box > input::placeholder {
  visibility: hidden;
  color: transparent;
}
.c-form-text-box.m-display-custom > input {
  opacity: 0;
}
.c-form-text-box.m-display-custom > .m-text {
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  padding: calc(var(--liquid-size) * 1.625) calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 0.25) calc(var(--liquid-size) * 0.5);
  font-size: calc(var(--liquid-size) * 0.9375);
  overflow-wrap: anywhere;
  word-break: keep-all;
  line-break: strict;
}
.c-form-text-box.m-message > textarea {
  padding: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 0.25) calc(var(--liquid-size) * 0.5);
  min-height: calc(var(--liquid-size) * 8);
}
.c-form-text-box.m-message > textarea::-webkit-input-placeholder {
  padding-top: calc(var(--liquid-size) * 0.375);
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.8125);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.c-form-text-box.m-message > textarea::-moz-placeholder {
  padding-top: calc(var(--liquid-size) * 0.375);
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.8125);
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.c-form-text-box.m-message > textarea::placeholder {
  padding-top: calc(var(--liquid-size) * 0.375);
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.8125);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.c-form-text-box.m-message > textarea:focus::-webkit-input-placeholder {
  padding-top: calc(var(--liquid-size) * 0.125);
}
.c-form-text-box.m-message > textarea:focus::-moz-placeholder {
  padding-top: calc(var(--liquid-size) * 0.125);
}
.c-form-text-box.m-message > textarea:focus::placeholder {
  padding-top: calc(var(--liquid-size) * 0.125);
}

.c-form-selector {
  margin: auto;
  width: min(100%, var(--liquid-size) * 17.5);
  overscroll-behavior-y: contain;
}
.c-form-selector[open] {
  outline: none;
  outline-offset: 0;
  border: none;
  border-radius: calc(var(--liquid-size) * 0.75);
  box-shadow: 0 0 calc(var(--liquid-size) * 2) rgba(0, 0, 0, 0.2);
  background: transparent;
}
.c-form-selector[open]::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.1;
}
.c-form-selector[open]::backdrop {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.1;
}

.c-form-selector__inner {
  position: relative;
  background: #fff;
  font-size: calc(var(--liquid-size) * 0.9375);
}

.c-form-selector__body {
  overflow: auto;
}

.c-form-selector__category {
  padding: calc(var(--liquid-size) * 0.5625) calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 0.4375);
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.75);
  line-height: calc(var(--liquid-size) * 1);
}
.c-form-selector__category:not(:first-child) {
  border-top: 1px solid #e0e5e8;
}

.c-form-selector__item {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 1.5) minmax(0, 1fr);
  grid-template-areas: "stack .";
  place-items: center start;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  width: 100%;
  padding: calc(var(--liquid-size) * 0.75);
  border-top: 1px solid #e0e5e8;
  color: #000;
  font-weight: 500;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.c-form-selector__item input {
  grid-area: stack;
  z-index: -1;
  opacity: 0;
}
.c-form-selector__item * {
  color: inherit;
}
.c-form-selector__item::before {
  grid-area: stack;
  content: "";
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%206.5L10%2018.5L4%2011.3'%20stroke='%23807E7B'%20stroke-width='1.5'/%3e%3c/svg%3e") center/cover;
}
.c-form-selector__item:has(input:checked)::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%206L10%2018L4%2010.8'%20stroke='%23D5246A'%20stroke-width='1.5'/%3e%3c/svg%3e");
}
.c-form-selector__item:has(input:focus-visible) {
  background: #fefefe;
}
@media (any-hover: hover) {
  .c-form-selector__item:hover {
    background: #fefefe;
  }
}

.c-form-selector__footer {
  display: grid;
  place-items: center end;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
  height: calc(var(--liquid-size) * 2.75);
  padding-inline: calc(var(--liquid-size) * 0.5);
  box-shadow: 0 calc(var(--liquid-size) * 0) calc(var(--liquid-size) * 0.5) rgba(0, 0, 0, 0.11);
  background: #fff;
}

.c-form-selector__confirm {
  padding: calc(var(--liquid-size) * 0.25);
  border-radius: calc(var(--liquid-size) * 0.25);
  font-weight: 700;
  color: #D5246A;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-form-selector__confirm:hover {
    background: #fefefe;
  }
}

@media (min-width: 768px) {
  .c-form-selector {
    width: min(100%, var(--liquid-size) * 25);
  }
}
.c-form-upload-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--liquid-size) * 2);
  gap: calc(var(--liquid-size) * 0.5);
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  padding: calc(var(--liquid-size) * 0.5);
  min-height: calc(var(--liquid-size) * 3.5);
  border: 1px solid #000;
}
.c-form-upload-box.m-file {
  display: none;
  border-color: #D5246A;
}
.c-form-upload-box.m-file.is-active {
  display: grid;
}
.c-form-upload-box.m-upload:disabled {
  display: none;
}
*.is-reject .c-form-upload-box.m-upload {
  border-color: #B80000;
}

.c-form-upload-box__text {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  line-height: 1.333;
}

.c-form-upload-box__hidden {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

.c-confirm {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: calc(var(--liquid-size) * 3);
  padding-bottom: calc(var(--liquid-size) * 3);
}

.c-confirm__top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-block: calc(var(--liquid-size) * 0.75);
  width: min(100% - var(--liquid-size) * 0.375, var(--liquid-size) * 40);
}

.c-confirm__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 3);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.c-confirm__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 1.5);
}

.c-confirm__info {
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: 1.4;
}

.c-confirm__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.5);
}

@media (min-width: 768px) {
  .c-confirm {
    gap: calc(var(--liquid-size) * 6);
    padding-bottom: calc(var(--liquid-size) * 6);
    width: 100%;
  }
  .c-confirm__top {
    width: min(100%, var(--liquid-size) * 40);
  }
  .c-confirm__inner {
    width: min(100%, var(--liquid-size) * 40);
    gap: calc(var(--liquid-size) * 4.5);
    padding-inline: 0;
  }
}
.c-confirm-screen {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 3);
}

.c-confirm-screen__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.75);
}

.c-confirm-screen__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.25);
  padding: calc(var(--liquid-size) * 0.6875) calc(var(--liquid-size) * 0.25);
  border-bottom: 1px solid #e0e5e8;
}

.c-confirm-screen__label {
  font-size: calc(var(--liquid-size) * 0.8125);
  line-height: calc(var(--liquid-size) * 1.25);
}

.c-confirm-screen__value {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.25);
}

.c-confirm-screen__file-names {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.25);
}

@media (min-width: 768px) {
  .c-confirm-screen {
    gap: calc(var(--liquid-size) * 4.5);
  }
  .c-confirm-screen__item {
    display: grid;
    grid-template-columns: calc(var(--liquid-size) * 12.5) minmax(0, 1fr);
    gap: calc(var(--liquid-size) * 1.5);
  }
}
.c-complete {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  -webkit-box-align: start;
          align-items: start;
  justify-items: center;
  padding: calc(var(--liquid-size) * 3) calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 8);
}

.c-complete__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 3);
  width: var(--contents);
}

.c-complete__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 1.5);
}

.c-complete__info {
  display: grid;
  -webkit-columns: minmax(0, 1fr);
     -moz-columns: minmax(0, 1fr);
          columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: 1.6;
}
.c-complete__info > p {
  letter-spacing: 0.01em;
}
.c-complete__info > p.m-thanks {
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: 1.4;
}

.c-complete__buttons {
  width: 100%;
}

@media (min-width: 768px) {
  .c-complete {
    padding-top: calc(var(--liquid-size) * 6);
  }
  .c-complete__inner {
    gap: calc(var(--liquid-size) * 4.5);
    width: min(100%, var(--liquid-size) * 40);
  }
}
.c-loading-icon {
  display: none;
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #fff;
  border-left-color: #D5246A;
  -webkit-animation: turn 1s infinite linear;
          animation: turn 1s infinite linear;
}
.c-loading-icon.m-news {
  border-color: #807e7b;
  border-left-color: #D5246A;
}
.c-loading-icon.is-active {
  display: inline-block;
}

@-webkit-keyframes turn {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes turn {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.c-career-card {
  width: 100%;
  height: 100%;
}
.c-career-card.m-top {
  width: calc(var(--liquid-size) * 17.6875);
}

.c-career-card__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.75);
  width: 100%;
  height: 100%;
  padding: calc(var(--liquid-size) * 1.5);
  box-shadow: inset 1px 0 #D5246A;
  background: #fff;
  line-height: calc(var(--liquid-size) * 1.5);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-career-card:hover .c-career-card__inner {
    box-shadow: inset 2px 0 #D5246A;
  }
}
.m-top .c-career-card__inner {
  padding: calc(var(--liquid-size) * 1.5);
  gap: calc(var(--liquid-size) * 1.5);
}

.c-career-card__title {
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  letter-spacing: 0.01em;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-career-card:hover .c-career-card__title {
    color: #D5246A;
  }
}
.m-top .c-career-card__title {
  height: calc(var(--liquid-size) * 3);
  overflow: hidden;
}

.c-career-card__caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--liquid-size) * 1);
  gap: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 0.8125);
  letter-spacing: 0.01em;
}
.c-career-card__caption::after {
  content: "";
  align-self: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: url(/assets/images/common_icon_forward_secondary.svg) no-repeat center;
}
.m-top .c-career-card__caption {
  display: -webkit-box;
  position: relative;
  height: calc(var(--liquid-size) * 3);
  padding-right: calc(var(--liquid-size) * 1.75);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-top .c-career-card__caption::after {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--liquid-size) * 1);
  margin-top: calc(var(--liquid-size) * 1);
}

@media (min-width: 768px) {
  .c-career-card.m-top {
    width: calc(var(--liquid-size) * 18.875);
    flex-shrink: 1;
  }
  .c-career-card__caption {
    gap: calc(var(--liquid-size) * 1.5);
  }
}
.c-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 0.875);
  font-family: "Montserrat", serif;
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.5);
}

.c-pagination__label-and-icon {
  flex-shrink: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: calc(var(--liquid-size) * 4.5);
  gap: calc(var(--liquid-size) * 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-pagination__label-and-icon.m-next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.c-pagination__label-and-icon.m-disabled {
  color: #BFBEBD;
}
@media (any-hover: hover) {
  .c-pagination__label-and-icon:not(.m-disabled):is(:hover, :focus-visible) {
    color: #D5246A;
  }
}

.c-pagination__icon {
  width: calc(var(--liquid-size) * 1);
  aspect-ratio: 1/1;
}

.c-pagination__button {
  display: grid;
  place-items: center;
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.25);
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-pagination__button.m-current {
  color: #fff;
  background: #000;
}
@media (any-hover: hover) {
  .c-pagination__button:not(.m-current):is(:hover, :focus-visible) {
    color: #D5246A;
  }
}

.c-pagination__dots {
  display: grid;
  place-items: center;
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}
.c-pagination__dots::after {
  content: "";
  width: calc(var(--liquid-size) * 0.75);
  aspect-ratio: 1/1;
  background: url(/assets/images/common_icon_dots.svg) center/contain no-repeat;
}

@media (min-width: 768px) {
  .c-pagination {
    -webkit-box-pack: center;
            justify-content: center;
    gap: calc(var(--liquid-size) * 1.375);
  }
}
.c-scroll-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: calc(var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 0.75);
  z-index: 2;
  width: calc(var(--liquid-size) * 2);
  height: calc(var(--liquid-size) * 5.4375);
  padding-block: calc(var(--liquid-size) * 0.75);
  padding-inline: calc(var(--liquid-size) * 0.5);
  color: #fff;
  -webkit-filter: drop-shadow(0 0 calc(var(--liquid-size) * 0.6875) rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0 0 calc(var(--liquid-size) * 0.6875) rgba(0, 0, 0, 0.6));
  opacity: 0;
}
.c-scroll-button.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out, color 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, color 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-scroll-button:hover, .c-scroll-button:focus-visible {
    color: #D5246A;
  }
}

.c-scroll-button__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 1.5);
  justify-items: center;
  position: relative;
}

.c-scroll-button__text {
  display: inline-block;
  font-size: calc(var(--liquid-size) * 0.8125);
  font-family: "Montserrat", serif;
  font-weight: 500;
  line-height: 1;
  rotate: 270deg;
}

.c-scroll-button__icon {
  align-self: end;
  display: block;
  position: relative;
  width: calc(var(--liquid-size) * 0.0625);
  height: calc(var(--liquid-size) * 0.875);
  background: currentColor;
}
.c-scroll-button__icon::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(var(--liquid-size) * 0.0625);
  height: calc(var(--liquid-size) * 0.5);
  background: currentColor;
  rotate: -30deg;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

@media (min-width: 768px) {
  .c-scroll-button {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    bottom: calc(var(--liquid-size) * 0.75);
    width: calc(var(--liquid-size) * 3.125);
    height: calc(var(--liquid-size) * 4.625);
    padding-block: calc(var(--liquid-size) * 0.75);
    right: auto;
  }
  .c-scroll-button__inner {
    gap: calc(var(--liquid-size) * 0.75);
    justify-items: center;
    position: relative;
  }
  .c-scroll-button__text {
    font-size: calc(var(--liquid-size) * 0.8125);
    line-height: calc(var(--liquid-size) * 1);
    text-align: center;
    rotate: none;
  }
  .c-scroll-button__icon {
    width: calc(var(--liquid-size) * 0.0625);
    height: calc(var(--liquid-size) * 1.3125);
  }
}
.c-membership {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--contents));
  padding: calc(var(--liquid-size) * 1.5);
  border: 1px solid #000;
}

.c-membership__logo {
  width: calc(var(--liquid-size) * 8.375);
  margin-left: calc(var(--liquid-size) * 0.75);
  aspect-ratio: 134/60;
}

.c-membership__desc {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.125);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
}
.c-membership__desc > li {
  display: -webkit-box;
  display: flex;
  line-height: 1.6;
}
.c-membership__desc > li::before {
  display: inline-block;
  content: "・";
  margin-left: 0.2em;
  letter-spacing: -0.2em;
  -webkit-margin-end: calc(var(--liquid-size) * 0.5);
          margin-inline-end: calc(var(--liquid-size) * 0.5);
}

.c-membership__button {
  width: 100%;
}

@media (min-width: 768px) {
  .c-membership {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "logo button" "desc button";
    -webkit-box-align: center;
            align-items: center;
    gap: calc(var(--liquid-size) * 1.5) 0;
    padding: calc(var(--liquid-size) * 3);
  }
  .c-membership__logo {
    grid-area: logo;
    width: calc(var(--liquid-size) * 11.1875);
    margin-left: 0;
  }
  .c-membership__desc {
    grid-area: desc;
    gap: 0;
  }
  .c-membership__button {
    grid-area: button;
    padding-left: calc(var(--liquid-size) * 3);
  }
}
.p-top {
  position: relative;
  width: 100%;
}

.p-top__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  width: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.p-top__inner.is-active {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.p-top__inner.m-confirm {
  padding-top: calc(var(--liquid-size) * 4);
}

.p-top__section-title {
  font-size: calc(var(--liquid-size) * 2.75);
  font-weight: 700;
  font-family: "Montserrat", serif;
  line-height: calc(var(--liquid-size) * 4.125);
  letter-spacing: 0.005em;
}

@media (min-width: 768px) {
  .p-top__inner.m-confirm {
    padding-top: calc(var(--liquid-size) * 4.5);
  }
  .p-top__section-title {
    font-size: calc(var(--liquid-size) * 3.25);
  }
}
.p-first-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  overflow: clip;
  width: 100%;
  height: max(100svh, var(--liquid-size) * 37.5);
  background: #fefefe;
  color: #fff;
}

.p-first-view__mv-list {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: #fff;
  scale: 1.2;
}
.p-first-view__mv-list::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 49;
  inset: 0;
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover;
}
.p-first-view__mv-list.is-active {
  scale: 1;
  -webkit-transition: scale 1s ease-in-out;
  transition: scale 1s ease-in-out;
}

.p-first-view__mv-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  scale: 1.25;
}
.p-first-view__mv-item.is-selected {
  opacity: 1;
  z-index: 1;
  translate: 0 0;
  scale: 1;
}
.p-first-view__mv-item.is-next {
  opacity: 0;
  z-index: 2;
}
.p-first-view__mv-item.is-prev {
  opacity: 0;
  z-index: 0;
  scale: 1;
}
.p-first-view__mv-item.is-transition {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.p-first-view__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  position: relative;
  z-index: 2;
  width: min(100%, var(--liquid-size) * 31.25);
  margin-block: calc(var(--liquid-size) * 4.25) calc(var(--liquid-size) * 1.5);
}

.p-first-view__catch-phrase {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
  opacity: 0;
}
.p-first-view__catch-phrase.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.p-first-view__catch-phrase .m-main {
  font-family: "Montserrat", serif;
  font-size: calc(var(--liquid-size) * 1.75);
  line-height: calc(var(--liquid-size) * 2.25);
  font-weight: 700;
}
.p-first-view__catch-phrase .m-sub {
  font-size: calc(var(--liquid-size) * 0.8125);
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

@media (min-width: 768px) {
  .p-first-view {
    height: max(100vh, var(--liquid-size) * 45);
  }
  .p-first-view__inner {
    width: min(100%, var(--liquid-size) * 100);
    margin-block: calc(var(--liquid-size) * 6.0625) calc(var(--liquid-size) * 1.5);
  }
  .p-first-view__catch-phrase {
    padding-inline: calc(var(--liquid-size) * 3);
    letter-spacing: 0.01em;
  }
  .p-first-view__catch-phrase .m-main {
    font-family: "Montserrat", serif;
    font-size: calc(var(--liquid-size) * 3.25);
    line-height: calc(var(--liquid-size) * 4.125);
  }
}
.p-drumroll-menu {
  --width: calc(var(--liquid-size) * 20);
  --height: 48;
  --gap: 4;
  --position: 0;
  --top: calc(var(--liquid-size) * 9.75);
  --speed: 1;
  position: relative;
  margin-top: auto;
  width: var(--width);
  height: calc(var(--liquid-size) * 19.25);
}

.p-drumroll-menu__mask {
  width: 100%;
  height: 100%;
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 31%, #000 63%, rgba(0, 0, 0, 0.5) 100%);
          mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 31%, #000 63%, rgba(0, 0, 0, 0.5) 100%);
  overflow: clip;
}

.p-drumroll-menu__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: flex-start;
  position: relative;
  top: var(--top);
  opacity: 0;
}
.p-drumroll-menu.is-active .p-drumroll-menu__list {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.p-drumroll-menu__item {
  --move: 0;
  top: calc((var(--height) + var(--gap)) * var(--position) * var(--liquid-size) * 0.0625);
  position: absolute;
  height: var(--height);
  padding: calc(var(--liquid-size) * 0.25);
  opacity: 0;
  visibility: hidden;
  font-size: calc(var(--liquid-size) * 0.8125);
}
.p-drumroll-menu__item.is-show {
  opacity: 1;
  visibility: visible;
}
.p-drumroll-menu__item.is-selected {
  width: 100%;
  font-size: calc(var(--liquid-size) * 1);
}
.p-drumroll-menu__item.is-transition {
  -webkit-transition-property: font-size, top, opacity, width;
  transition-property: font-size, top, opacity, width;
  -webkit-transition-duration: calc(var(--speed) * 80ms);
          transition-duration: calc(var(--speed) * 80ms);
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.p-drumroll-menu__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  min-width: calc(var(--liquid-size) * 10);
  padding-block: calc(var(--liquid-size) * 0.5);
  padding-inline: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.p-drumroll-menu__link::before {
  content: "";
  display: block;
  width: calc(var(--liquid-size) * 1.6875);
  aspect-ratio: 27/24;
  background: center/contain no-repeat;
}
.m-fav .p-drumroll-menu__link::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='41'%20height='36'%20viewBox='0%200%2041%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2016_1876)'%3e%3cpath%20d='M15.901%2024.162H9.73202V21.8442H15.901V24.162ZM0.0488281%200V24.4703C0.239508%2023.6908%200.606049%2023.0298%201.15141%2022.4904C1.98823%2021.6595%203.17875%2021.2445%204.72098%2021.2445C5.19521%2021.2445%205.6734%2021.288%206.15454%2021.373C6.63569%2021.4589%207.04175%2021.5933%207.37074%2021.778L6.30274%2024.8833C6.15751%2024.818%205.99943%2024.7578%205.82851%2024.7054C5.65759%2024.6521%205.47876%2024.6254%205.295%2024.6254C4.97786%2024.6254%204.72098%2024.7242%204.52339%2024.9228C4.32579%2025.1204%204.22699%2025.4365%204.22699%2025.8722V25.892H6.58036V29.1553H4.36531V36H9.60259C9.49391%2035.9575%209.39017%2035.9101%209.29039%2035.8597C8.6976%2035.5564%208.24906%2035.1503%207.94575%2034.6425C7.64244%2034.1357%207.49128%2033.5715%207.49128%2032.9521C7.49128%2032.2536%207.66911%2031.6598%208.02577%2031.1717C8.38145%2030.6837%208.92582%2030.3142%209.65693%2030.0642C10.388%2029.8133%2011.3148%2029.6878%2012.4361%2029.6878H14.2273C14.169%2029.3311%2014.0169%2029.0476%2013.7709%2028.8371C13.4468%2028.5605%2012.9232%2028.4222%2012.198%2028.4222C11.7109%2028.4222%2011.216%2028.4983%2010.7151%2028.6494C10.2141%2028.8016%209.78537%2029.0091%209.42969%2029.2728L8.00601%2026.3267C8.63832%2025.9305%209.3961%2025.6282%2010.2803%2025.4168C11.1636%2025.2063%2012.0271%2025.0996%2012.8708%2025.0996C14.7302%2025.0996%2016.1707%2025.5146%2017.1922%2026.3455C18.2138%2027.1764%2018.7246%2028.4943%2018.7246%2030.3013V35.999H22.6923L18.3877%2025.2972H22.9759L25.1583%2031.1006L27.485%2025.2972H31.7175L27.4139%2035.999H40.9522V0H0.0488281Z'%20fill='white'/%3e%3cpath%20d='M14.254%2031.8446V32.5954C14.1354%2032.9521%2013.9467%2033.2119%2013.6899%2033.3769C13.433%2033.5409%2013.1524%2033.6239%2012.8491%2033.6239C12.5191%2033.6239%2012.2593%2033.5409%2012.0686%2033.3769C11.8779%2033.2119%2011.7821%2033.0044%2011.7821%2032.7535C11.7821%2032.4502%2011.8908%2032.2229%2012.1081%2032.0708C12.3255%2031.9187%2012.6722%2031.8436%2013.1465%2031.8436H14.254V31.8446Z'%20fill='white'/%3e%3cpath%20d='M14.5702%2034.7038V36H13.2443C13.4231%2035.9219%2013.5881%2035.8291%2013.7393%2035.7214C14.0959%2035.4665%2014.3736%2035.1276%2014.5702%2034.7038Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2016_1876'%3e%3crect%20width='40.9024'%20height='36'%20fill='white'%20transform='translate(0.0488281)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.m-fav-lux .p-drumroll-menu__link::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='57'%20height='36'%20viewBox='0%200%2057%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%203V33.0696H2.45642V18.7273H13.8269V16.6686H2.45642V5.0601H16.3888V3H0Z'%20fill='white'/%3e%3cpath%20d='M29.8518%203H20.3873V5.0601H29.8518V3Z'%20fill='white'/%3e%3cpath%20d='M56%203L45.2247%2033.0696H42.7683L33.0211%203H35.6357L40.6676%2018.7679C42.0541%2023.0058%2043.2431%2026.8893%2044.075%2030.298H44.194C45.0259%2026.8514%2046.3718%2022.8881%2047.8394%2018.7679L53.3853%203H56Z'%20fill='white'/%3e%3cpath%20d='M30.5146%2018.7273H34.5523V16.6672H29.8477L26.4553%206.20038H23.9988L20.2479%2016.6672H15.6232V18.7273H19.5094L14.376%2033.052H16.9691L21.3828%2020.5034C21.5952%2019.9082%2021.8035%2019.3157%2022.0091%2018.7273H27.9784C28.1664%2019.3117%2028.3571%2019.9028%2028.5532%2020.5034L32.5585%2033.052H35.1569L30.5132%2018.7273H30.5146ZM22.7219%2016.6686C23.6485%2013.9389%2024.4601%2011.3351%2025.0296%208.97468H25.1486C25.7235%2011.3269%2026.4674%2013.9038%2027.3277%2016.6686H22.7219Z'%20fill='white'/%3e%3c/svg%3e");
}
.is-selected .p-drumroll-menu__link {
  padding-inline: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 5);
}
@media (any-hover: hover) {
  .is-selected .p-drumroll-menu__link:hover {
    color: #D5246A;
  }
}
.is-selected .p-drumroll-menu__link:focus-visible {
  color: #D5246A;
}

.p-drumroll-menu__selected-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  position: absolute;
  z-index: -50;
  top: var(--top);
  width: var(--width);
  height: calc(var(--height) * var(--liquid-size) * 0.0625);
  background: rgba(18, 18, 18, 0.3);
  -webkit-backdrop-filter: blur(calc(var(--liquid-size) * 0.5));
          backdrop-filter: blur(calc(var(--liquid-size) * 0.5));
  opacity: 0;
}
.p-drumroll-menu.is-active .p-drumroll-menu__selected-box {
  -webkit-transition: opacity 0.25s 0.25s, color 0.3s ease-in-out;
  transition: opacity 0.25s 0.25s, color 0.3s ease-in-out;
  opacity: 1;
}
@media (any-hover: hover) {
  .p-drumroll-menu:has(.is-selected a:hover) .p-drumroll-menu__selected-box {
    color: #D5246A;
  }
}
.p-drumroll-menu__selected-box:focus-visible {
  color: #D5246A;
}

.p-drumroll-menu__selected-box-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-inline: calc(var(--liquid-size) * 0.75);
  background: #000;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.p-drumroll-menu__selected-box-inner .m-link-icon {
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
}

@media (min-width: 768px) {
  .p-drumroll-menu {
    --right-pad: calc(var(--liquid-size) * 4);
    --width: calc(var(--liquid-size) * 25);
    --top: calc(var(--liquid-size) * 13);
    width: calc(var(--width) + var(--right-pad));
    padding-right: var(--right-pad);
    height: calc(var(--liquid-size) * 29);
  }
  .p-drumroll-menu__mask {
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 33.5%, #000 49%, rgba(0, 0, 0, 0.6) 66.5%, rgba(0, 0, 0, 0.3) 100%);
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 33.5%, #000 49%, rgba(0, 0, 0, 0.6) 66.5%, rgba(0, 0, 0, 0.3) 100%);
  }
  .p-drumroll-menu__item {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-drumroll-menu__item.is-selected {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-drumroll-menu__link {
    margin-left: calc(var(--liquid-size) * 2.25);
  }
}
.p-top-about {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding-block: calc(var(--liquid-size) * 5);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-top-about__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 3);
  width: calc(var(--liquid-size) * 21.375);
}

.p-top-about__title {
  background: -webkit-linear-gradient(320deg, #D5246A 7.25%, #FF78AD 72.35%) center/cover text;
  background: linear-gradient(130deg, #D5246A 7.25%, #FF78AD 72.35%) center/cover text;
  font-family: "Montserrat", serif;
  font-size: calc(var(--liquid-size) * 2.75);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 3);
  color: transparent;
}

.p-top-about__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  color: #D5246A;
  font-weight: 700;
}

.p-top-about__lead {
  padding-inline: calc(var(--liquid-size) * 0.75);
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 1.5);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.p-top-about___desc {
  padding-inline: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.6;
  letter-spacing: 0.01em;
}

@media (min-width: 768px) {
  .p-top-about {
    padding-block: calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-top-about__inner {
    width: calc(var(--liquid-size) * 87);
    gap: calc(var(--liquid-size) * 6);
  }
  .p-top-about__title {
    font-size: clamp(3rem, 6.329vw - 0.038rem, 5.5rem);
    line-height: 1;
    color: #D5246A;
  }
  .p-top-about__contents {
    gap: calc(var(--liquid-size) * 1.5);
  }
  .p-top-about__lead {
    padding-inline: calc(var(--liquid-size) * 3.5);
    font-size: calc(var(--liquid-size) * 1.875);
    line-height: 1.45;
  }
  .p-top-about___desc {
    padding-inline: calc(var(--liquid-size) * 3.5);
    font-size: calc(var(--liquid-size) * 1.25);
    line-height: 1.7;
  }
}
.p-top-section {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  padding-block: calc(var(--liquid-size) * 5);
}

.p-top-section__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 3);
  width: min(100%, var(--liquid-size) * 24.375);
}

.p-top-section__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.75);
  position: relative;
}

.p-top-section__thumbnail {
  position: relative;
  width: 100%;
  height: calc(var(--liquid-size) * 24.375);
}

.p-top-section__title {
  position: absolute;
  top: calc(var(--liquid-size) * 21.375);
  width: calc(100% - var(--liquid-size) * 0.75);
  background: #fefefe;
  padding-top: calc(var(--liquid-size) * 0.75);
  padding-inline: calc(var(--liquid-size) * 2.25) calc(var(--liquid-size) * 1.5);
}

.p-top-section__desc {
  padding-inline: calc(var(--liquid-size) * 2.25);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.75);
  letter-spacing: 0.01em;
}

.p-top-section__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding-inline: calc(var(--liquid-size) * 2.25);
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-section__list {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.75);
  overflow: auto;
  --right-pad: calc(var(--liquid-size) * 2.25);
  margin-right: calc(var(--right-pad) * -1);
}
.p-top-section__list > li {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 14.625);
}
.p-top-section__list > li:last-child {
  margin-right: var(--right-pad);
}

@media (min-width: 768px) {
  .p-top-section {
    width: 100%;
    padding-block: calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-top-section__inner {
    width: var(--contents);
    gap: calc(var(--liquid-size) * 4.5);
  }
  .p-top-section__header {
    gap: calc(var(--liquid-size) * 1);
  }
  .p-top-section__title {
    top: calc(var(--liquid-size) * 19.875);
    width: calc(var(--liquid-size) * 24.6875);
    padding-inline: 0;
  }
  .p-top-section__desc {
    padding-inline: 0;
    line-height: 1.6;
  }
  .p-top-section__contents {
    padding-inline: 0;
    width: 100%;
  }
  .p-top-section__list {
    gap: calc(var(--liquid-size) * 1.5);
    --right-pad: calc(var(--liquid-size) * 5);
  }
  .p-top-section__list > li {
    width: calc(var(--liquid-size) * 18.875);
  }
  .p-top-section__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.p-top-info-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.75);
  width: 100%;
  height: 100%;
  padding-bottom: calc(var(--liquid-size) * 0.5);
}

.p-top-info-card__image {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.25);
  overflow: hidden;
}

.p-top-info-card__text {
  font-weight: 700;
  margin-top: auto;
}
.p-top-info-card__text .c-under-line-link {
  font-size: calc(var(--liquid-size) * 0.875);
  gap: calc(var(--liquid-size) * 0.25);
}
.p-top-info-card__text .c-under-line-link__icon {
  width: calc(var(--liquid-size) * 1);
  height: calc(var(--liquid-size) * 1);
}

@media (min-width: 768px) {
  .p-top-info-card {
    gap: calc(var(--liquid-size) * 1.5);
  }
  .p-top-info-card__text .c-under-line-link {
    font-size: calc(var(--liquid-size) * 0.9375);
    gap: calc(var(--liquid-size) * 0.5);
  }
  .p-top-info-card__text .c-under-line-link__icon {
    width: calc(var(--liquid-size) * 1.5);
    height: calc(var(--liquid-size) * 1.5);
  }
  .p-top-info-card__text {
    font-size: calc(var(--liquid-size) * 1.125);
  }
}
.p-modal-detail {
  --height: calc(var(--liquid-size) * 30);
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overscroll-behavior-y: contain;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background: #fff;
  color: #000;
}
.p-modal-detail[open] {
  outline: none;
  outline-offset: 0;
  border: none;
  opacity: 1;
}
.p-modal-detail[open]::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.p-modal-detail[open]::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.p-modal-detail__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.p-modal-detail__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.p-modal-detail__controller {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  top: calc(var(--height) - var(--liquid-size) * 3.5);
  position: absolute;
  width: calc(var(--liquid-size) * 19.875);
  color: #fff;
  z-index: 49;
}

.p-top-service-slider__number {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  letter-spacing: 0.01em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.p-top-service-slider__number.m-current, .p-top-service-slider__number.m-total {
  width: calc(var(--liquid-size) * 3.75);
}
.p-top-service-slider__number.m-current {
  text-align: right;
}

@media (min-width: 768px) {
  .p-modal-detail {
    max-width: calc(var(--liquid-size) * 60);
    margin-block: calc(var(--liquid-size) * 5.375);
    max-height: calc(100% - var(--liquid-size) * 10.75);
    border-radius: calc(var(--liquid-size) * 0.5);
    box-shadow: 0 0 calc(var(--liquid-size) * 0.75) rgba(0, 0, 0, 0.5);
  }
  .p-modal-detail__controller {
    top: auto;
    right: calc(var(--liquid-size) * 6);
    bottom: calc(var(--liquid-size) * 1.5);
  }
}
@starting-style {
  .p-modal-detail[open] {
    opacity: 0;
  }
}
.p-modal-detail-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: -50;
  top: 0;
  inset: 0;
}
.p-modal-detail-card.is-current {
  visibility: visible;
  opacity: 1;
  z-index: 0;
}
.p-modal-detail-card.is-next {
  visibility: visible;
  opacity: 0.5;
  translate: 100%;
  z-index: -50;
}
.p-modal-detail-card.is-prev {
  visibility: visible;
  opacity: 0.5;
  translate: -100%;
}
.p-modal-detail-card.is-transition {
  -webkit-transition-property: opacity, translate;
  transition-property: opacity, translate;
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out;
          transition-timing-function: ease-in-out, ease-in-out;
}

.p-modal-detail-card__mv {
  position: relative;
  width: 100%;
  height: var(--height);
}
.p-modal-detail-card__mv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
}

.p-modal-detail-card__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  overflow: clip;
  width: 100%;
  height: calc(100% - var(--height));
  padding-block: calc(var(--liquid-size) * 1.5);
}

.p-modal-detail-card__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: var(--contents);
  overflow-y: auto;
}

.p-modal-detail-card__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.p-modal-detail-card__desc {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

.p-modal-detail-card__bg {
  position: absolute;
  bottom: 0;
  inset: 0;
  z-index: -51;
}
.p-modal-detail-card__bg img {
  scale: 2;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.p-modal-detail-card__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(calc(var(--liquid-size) * 1.125));
          backdrop-filter: blur(calc(var(--liquid-size) * 1.125));
}

@media (min-width: 768px) {
  .p-modal-detail-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-flow: row-reverse;
    -webkit-box-align: stretch;
            align-items: stretch;
  }
  .p-modal-detail-card__mv {
    flex-shrink: 0;
    width: calc(var(--liquid-size) * 31.875);
    height: 100%;
  }
  .p-modal-detail-card__contents {
    -webkit-box-align: center;
            align-items: center;
    height: 100%;
    padding: calc(var(--liquid-size) * 3);
  }
}
.p-top-membership {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: calc(var(--liquid-size) * 3) calc(var(--liquid-size) * 2.25) calc(var(--liquid-size) * 5);
  width: 100%;
}

@media (min-width: 768px) {
  .p-top-membership {
    padding: calc(var(--liquid-size) * 10);
  }
}
.p-top-contact {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  width: 100%;
  padding-block: calc(var(--liquid-size) * 5);
  background: #FAF8F1;
  font-size: calc(var(--liquid-size) * 0.9375);
}

.p-top-contact__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 3);
  width: min(100%, var(--contents));
}

.p-top-contact__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: start;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.75);
}

.p-top-contact__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.75);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

.p-top-contact__form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-contact__buttons {
  width: 100%;
}
.p-top-contact__buttons > * {
  width: 100%;
}

@media (min-width: 768px) {
  .p-top-contact {
    padding: calc(var(--liquid-size) * 10) 0;
  }
  .p-top-contact__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    gap: calc(var(--liquid-size) * 3);
    padding-inline: 0;
  }
  .p-top-contact__inner > * {
    width: 50%;
  }
  .p-top-contact__header {
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-top-contact__form {
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
}
.p-top-loading__screen {
  position: fixed;
  inset: 0;
  z-index: 99;
  background: #fff;
  pointer-events: none;
}
.is-loaded .p-top-loading__screen {
  pointer-events: none;
  -webkit-animation: right-slide 800ms ease-in both;
          animation: right-slide 800ms ease-in both;
}

:where(body:has(.p-top-loading__screen)) {
  overflow: hidden;
}
:where(body:has(.p-top-loading__screen)) > l-body-wrapper > :not(.p-top-loading__screen) {
  visibility: hidden;
}
:where(body:has(.p-top-loading__screen)).is-loaded {
  overflow: auto;
}

@-webkit-keyframes right-slide {
  from {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  99% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    visibility: visible;
    z-index: 99;
  }
  100% {
    display: none;
    visibility: hidden;
    z-index: -99;
  }
}

@keyframes right-slide {
  from {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  99% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    visibility: visible;
    z-index: 99;
  }
  100% {
    display: none;
    visibility: hidden;
    z-index: -99;
  }
}
.p-sapporo-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: clip;
}

.p-sapporo-first-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  overflow: clip;
  width: 100%;
  height: max(100svh, var(--liquid-size) * 37.5);
  background: #000;
  color: #fff;
  opacity: 0;
}
.p-sapporo-first-view.is-active {
  opacity: 1;
}

.p-sapporo-first-view__mv-list {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: #000;
}
.p-sapporo-first-view__mv-list::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  inset: 0;
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover, rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover, rgba(0, 0, 0, 0.3);
}

.p-sapporo-first-view__mv-item {
  display: -webkit-box;
  display: flex;
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-sapporo-first-view__mv-item.is-selected {
  opacity: 1;
  z-index: 1;
}
.p-sapporo-first-view__mv-item.is-next {
  opacity: 0;
  z-index: 2;
}
.p-sapporo-first-view__mv-item.is-prev {
  opacity: 0;
  z-index: 0;
}

.p-sapporo-first-view__mv-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.is-active .p-sapporo-first-view__mv-image {
  -webkit-animation: zoom-out 7s ease-out forwards;
          animation: zoom-out 7s ease-out forwards;
}
.is-selected .p-sapporo-first-view__mv-image {
  scale: 1;
}
.is-next .p-sapporo-first-view__mv-image {
  -webkit-animation: none;
          animation: none;
}

.p-sapporo-first-view__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-inline: calc(var(--liquid-size) * 1.5);
  padding-block: calc(var(--liquid-size) * 6.75) calc(var(--liquid-size) * 3);
}

.p-sapporo-first-view__catch-phrase {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  opacity: 1;
  text-align: center;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.p-sapporo-first-view__catch-phrase .m-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
}
.p-sapporo-first-view__catch-phrase .m-en {
  font-family: "Roboto", sans-serif;
}
.p-sapporo-first-view__catch-phrase .m-line-1 {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 1);
  line-height: calc(var(--liquid-size) * 1.5);
  font-weight: 400;
  letter-spacing: 0.015em;
}
.p-sapporo-first-view__catch-phrase .m-line-2 {
  width: calc(var(--liquid-size) * 7.375);
  aspect-ratio: 118/82;
}
.p-sapporo-first-view__catch-phrase .m-line-3 {
  width: 100%;
  font-size: calc(var(--liquid-size) * 1.375);
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.015em;
  font-weight: 700;
}
.p-sapporo-first-view__catch-phrase :is(.m-line-1, .m-line-2, .m-line-3) {
  opacity: 0;
  -webkit-filter: blur(calc(var(--liquid-size) * 0.625));
          filter: blur(calc(var(--liquid-size) * 0.625));
}
.p-sapporo-first-view__catch-phrase.is-active .m-line-1 {
  -webkit-animation: fade-in 1s ease-out forwards;
          animation: fade-in 1s ease-out forwards;
}
.p-sapporo-first-view__catch-phrase.is-active .m-line-2 {
  -webkit-animation: fade-in 1s ease-out forwards;
          animation: fade-in 1s ease-out forwards;
}
.p-sapporo-first-view__catch-phrase.is-active .m-line-3 {
  -webkit-animation: fade-in 1s ease-out forwards;
          animation: fade-in 1s ease-out forwards;
}

@media (min-width: 768px) {
  .p-sapporo-first-view__inner {
    width: min(100%, var(--liquid-size) * 94);
    margin-inline: calc(var(--liquid-size) * 3);
    padding-block: calc(var(--liquid-size) * 4.5625);
  }
  .p-sapporo-first-view__catch-phrase {
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-first-view__catch-phrase .m-line-1 {
    font-size: calc(var(--liquid-size) * 1.0625);
    line-height: calc(var(--liquid-size) * 1.5);
  }
  .p-sapporo-first-view__catch-phrase .m-line-2 {
    width: calc(var(--liquid-size) * 8.9375);
  }
  .p-sapporo-first-view__catch-phrase .m-line-3 {
    font-size: calc(var(--liquid-size) * 1.75);
    line-height: calc(var(--liquid-size) * 1.5);
    letter-spacing: 0.015em;
  }
}
@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(calc(var(--liquid-size) * 0.625));
            filter: blur(calc(var(--liquid-size) * 0.625));
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(calc(var(--liquid-size) * 0.625));
            filter: blur(calc(var(--liquid-size) * 0.625));
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.p-sapporo-top-fixed-button {
  align-self: flex-end;
  position: -webkit-sticky;
  position: sticky;
  z-index: 49;
  margin-bottom: calc(var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 0.75);
  bottom: calc(var(--liquid-size) * 0.75);
  opacity: 0;
  translate: 0 100%;
  -webkit-transition: opacity 0.25s ease-in-out, translate 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, translate 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.p-sapporo-top-fixed-button.is-visible {
  opacity: 1;
  translate: 0 0;
}
body:has(.is-open) .p-sapporo-top-fixed-button {
  opacity: 0;
  visibility: hidden;
}

.p-sapporo-book-now__button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: calc(var(--liquid-size) * 4.5);
  aspect-ratio: 1/1;
  padding: calc(var(--liquid-size) * 0.5);
  border-radius: 50%;
  background: #D5246A;
  color: #fff;
  font-family: "Montserrat", serif;
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1);
  letter-spacing: 0.01em;
  text-align: center;
}

@media (min-width: 768px) {
  .p-sapporo-top-fixed-button {
    right: calc(var(--liquid-size) * 3);
    bottom: calc(var(--liquid-size) * 3);
    margin-bottom: calc(var(--liquid-size) * 3);
  }
  .p-sapporo-book-now__button {
    width: calc(var(--liquid-size) * 8);
    padding: calc(var(--liquid-size) * 1);
    font-size: calc(var(--liquid-size) * 1.0625);
    font-weight: 700;
    line-height: calc(var(--liquid-size) * 1.5);
  }
}
.p-sapporo-rooms {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  position: relative;
  z-index: 0;
  padding-block: calc(var(--liquid-size) * 4);
  opacity: 1;
}

.p-sapporo-rooms__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  width: calc(var(--liquid-size) * 24.375);
}

.p-sapporo-rooms__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: calc(var(--liquid-size) * 0.75);
  position: relative;
  padding-inline: calc(var(--liquid-size) * 1.5);
  width: 100%;
}

.p-sapporo-rooms__title-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  font-weight: 700;
}

.p-sapporo-rooms__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 2);
  line-height: calc(var(--liquid-size) * 2);
}
.m-spa .p-sapporo-rooms__title {
  font-size: calc(var(--liquid-size) * 1.875);
  line-height: calc(var(--liquid-size) * 2.5);
}

.p-sapporo-rooms__lead {
  font-size: calc(var(--liquid-size) * 0.875);
  line-height: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-rooms__contents {
  position: relative;
  width: 100%;
  min-height: calc(var(--liquid-size) * 10);
}

.p-sapporo-rooms__list {
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: calc(var(--liquid-size) * 31.75);
  overflow: clip;
  background: #fff;
}
.p-sapporo-rooms__list:not(:has(.is-current)) {
  z-index: -50;
  height: 0;
  visibility: hidden;
}

.p-sapporo-rooms__item {
  position: relative;
  grid-area: stack;
}

.p-sapporo-rooms__notice {
  position: absolute;
  top: 0;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.25);
  padding-top: calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
}
.p-sapporo-rooms__contents:has(.is-current) .p-sapporo-rooms__notice {
  display: none;
}

.p-sapporo-rooms__controller {
  width: 100%;
}
.p-sapporo-rooms:not(:has(.is-current)) .p-sapporo-rooms__controller {
  display: none;
}

.p-sapporo-rooms__selector-box {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .p-sapporo-rooms__selector-box:hover {
    color: #D5246A;
  }
}
.p-sapporo-rooms:has(.p-sapporo-rooms__tags.is-open) .p-sapporo-rooms__selector-box {
  color: #D5246A;
}

.p-sapporo-rooms__tags {
  top: calc(100% - var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 1.5);
  position: absolute;
  z-index: 50;
  border-radius: calc(var(--liquid-size) * 0.75);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  background: #fefefe;
  box-shadow: 0 0 calc(var(--liquid-size) * 2) rgba(0, 0, 0, 0.2);
  -webkit-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.p-sapporo-rooms__tags.is-open {
  visibility: visible;
  opacity: 1;
}

.p-sapporo-rooms__tags-info {
  padding-block: calc(var(--liquid-size) * 0.5625) calc(var(--liquid-size) * 0.4375);
  padding-inline: calc(var(--liquid-size) * 0.75);
  color: #807e7b;
  font-size: calc(var(--liquid-size) * 0.6875);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.25);
}

.p-sapporo-rooms__tags-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: calc(var(--liquid-size) * 2.75);
  background: #fefefe;
  box-shadow: 0 calc(var(--liquid-size) * -0.5) calc(var(--liquid-size) * 0.6875) rgba(0, 0, 0, 0.05);
}

.p-sapporo-rooms__tag-close {
  padding: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.25);
  color: #D5246A;
}
.p-sapporo-rooms__tag-close:focus-visible {
  outline: calc(var(--liquid-size) * 0.125) solid #D5246A;
  outline-offset: calc(var(--liquid-size) * -0.375);
  box-shadow: none;
}

.p-sapporo-rooms__tags-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.p-sapporo-rooms__tags-list > li {
  border-top: 1px solid #e0e5e8;
}

.p-sapporo-rooms__item {
  visibility: hidden;
  opacity: 0;
}
.p-sapporo-rooms__item.is-current {
  visibility: visible;
  opacity: 1;
}
.p-sapporo-rooms__item.is-next {
  visibility: visible;
  opacity: 0.5;
  translate: -100%;
}
.p-sapporo-rooms__item.is-prev {
  visibility: visible;
  opacity: 0.5;
  translate: 100%;
}
.p-sapporo-rooms__item.is-transition {
  -webkit-transition-property: visibility, opacity, z-index, translate;
  transition-property: visibility, opacity, z-index, translate;
  -webkit-transition-duration: 300ms, 300ms, 300ms, 300ms;
          transition-duration: 300ms, 300ms, 300ms, 300ms;
  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
          transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

@media (min-width: 768px) {
  .p-sapporo-rooms {
    gap: calc(var(--liquid-size) * 0.75);
    width: 100%;
    padding-block: calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-sapporo-rooms__inner {
    position: relative;
    width: var(--contents);
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-rooms__header {
    width: 100%;
    padding-inline: 0;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .p-sapporo-rooms__title-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
            align-items: center;
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-rooms__title-group.m-spa {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: calc(var(--liquid-size) * 0.5);
  }
  .p-sapporo-rooms__title {
    font-size: calc(var(--liquid-size) * 3);
  }
  .m-spa .p-sapporo-rooms__title {
    font-size: calc(var(--liquid-size) * 2.5);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-rooms__lead {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .m-spa .p-sapporo-rooms__lead {
    font-weight: 400;
  }
  .p-sapporo-rooms__buttons {
    padding-block: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 0.75);
  }
  .p-sapporo-rooms__controller {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  .p-sapporo-rooms__controller.m-spa-list {
    position: absolute;
    top: calc(var(--liquid-size) * 0.25);
  }
  .p-sapporo-rooms__list {
    gap: calc(var(--liquid-size) * 3);
    width: calc(var(--liquid-size) * 76.75);
    min-height: calc(var(--liquid-size) * 26);
    margin-top: calc(var(--liquid-size) * 3);
  }
}
.p-sapporo-rooms-controller {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1);
  width: calc(var(--liquid-size) * 24.375);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-rooms-controller__number {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.25);
  font-size: calc(var(--liquid-size) * 1.0625);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 1.5);
  color: #807e7b;
}
.p-sapporo-rooms-controller__number .m-slash {
  font-size: calc(var(--liquid-size) * 0.875);
}
.p-sapporo-rooms-controller__number .m-current {
  color: #000;
  text-align: right;
}

.p-sapporo-rooms-controller__buttons {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.75);
}

.p-sapporo-rooms-controller__button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.75);
  width: calc(var(--liquid-size) * 2);
  padding: calc(var(--liquid-size) * 0.25);
  aspect-ratio: 1/1;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.p-sapporo-rooms-controller__button span {
  text-align: center;
  font-family: "Montserrat", serif;
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.25);
  letter-spacing: 0.01em;
}
.p-sapporo-rooms-controller__button.m-prev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-flow: row-reverse;
}
.p-sapporo-rooms-controller__button:disabled {
  color: #BFBEBD;
}
@media (any-hover: hover) {
  .p-sapporo-rooms-controller__button:not(:disabled):hover {
    color: #D5246A;
  }
}

@media (min-width: 768px) {
  .p-sapporo-rooms-controller {
    -webkit-box-pack: end;
            justify-content: flex-end;
    gap: calc(var(--liquid-size) * 1.75);
    width: auto;
    padding-inline: 0;
  }
  .p-sapporo-rooms-controller__buttons {
    gap: calc(var(--liquid-size) * 1.75);
  }
}
.p-sapporo-room-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--liquid-size) * 24.375);
  background: #fefefe;
  overflow: hidden;
}

.p-sapporo-room-card__images {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  width: 100%;
}

.p-sapporo-room-card__images-list {
  width: 100%;
  aspect-ratio: 390/234;
  position: relative;
}

.p-sapporo-room-card__images-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.p-sapporo-room-card__images:has(.image-1:checked) .p-sapporo-room-card__images-item.image-1 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-2:checked) .p-sapporo-room-card__images-item.image-2 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-3:checked) .p-sapporo-room-card__images-item.image-3 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-4:checked) .p-sapporo-room-card__images-item.image-4 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-5:checked) .p-sapporo-room-card__images-item.image-5 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-6:checked) .p-sapporo-room-card__images-item.image-6 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-7:checked) .p-sapporo-room-card__images-item.image-7 {
  opacity: 1;
}
.p-sapporo-room-card__images:has(.image-8:checked) .p-sapporo-room-card__images-item.image-8 {
  opacity: 1;
}

.p-sapporo-room-card__images-buttons {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: calc(var(--liquid-size) * 0.25);
  padding-inline: calc(var(--liquid-size) * 0.25);
  padding-bottom: calc(var(--liquid-size) * 0.25);
}
.p-sapporo-room-card__images-buttons:has(input:focus-visible) {
  outline: 2px solid #D5246A;
  outline-offset: 2px;
}

.p-sapporo-room-card__image-button {
  display: inline-block;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  opacity: 0.5;
  outline: 2px solid transparent;
  outline-offset: -2px;
  -webkit-transition: opacity 0.25s ease-in-out, outline-color 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, outline-color 0.25s ease-in-out;
}
.p-sapporo-room-card__image-button img {
  z-index: 0;
}
.p-sapporo-room-card__image-button input {
  position: absolute;
  opacity: 0;
  top: 0;
  z-index: -50;
}
.p-sapporo-room-card__image-button:has(input:checked) {
  opacity: 1;
  outline-color: #000;
}
.p-sapporo-room-card__image-button:has(input:checked) {
  opacity: 1;
  outline-color: #000;
}

.p-sapporo-room-card__body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-room-card__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  min-height: calc(var(--liquid-size) * 3);
}

.p-sapporo-room-card__title-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
}

.p-sapporo-room-card__rooms-logo {
  width: calc(var(--liquid-size) * 6.8125);
  height: calc(var(--liquid-size) * 0.625);
  -o-object-fit: cover;
     object-fit: cover;
}

.p-sapporo-room-card__title {
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.875);
}

.p-sapporo-room-card__info-button {
  flex-shrink: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.p-sapporo-room-card__info-button-text {
  display: none;
}

.p-sapporo-room-card__info-button-icon {
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
}

.p-sapporo-room-card__info {
  display: grid;
  grid-template-columns: repeat(2, calc(var(--liquid-size) * 3.75)) minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.75);
  width: 100%;
}

.p-sapporo-room-card__info-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  padding: calc(var(--liquid-size) * 0.5) calc(var(--liquid-size) * 0.25);
  border-bottom: 1px solid #e0e5e8;
}
.p-sapporo-room-card__info-item dt {
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: calc(var(--liquid-size) * 1.25);
}
.p-sapporo-room-card__info-item dd {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
}

.p-sapporo-room-card__books {
  padding-inline: calc(var(--liquid-size) * 1.5);
}

@media (min-width: 768px) {
  .p-sapporo-room-card {
    display: grid;
    grid-template-columns: calc(var(--liquid-size) * 48.75) minmax(0, 1fr);
    grid-template-areas: "images body" "images books";
    gap: calc(var(--liquid-size) * 3);
    width: 100%;
    min-height: calc(var(--liquid-size) * 30.9375);
  }
  .p-sapporo-room-card__images {
    grid-area: images;
    min-height: calc(var(--liquid-size) * 30.9375);
  }
  .p-sapporo-room-card__images-list {
    aspect-ratio: 780/439;
    position: relative;
  }
  .p-sapporo-room-card__body {
    grid-area: body;
    padding-inline: 0;
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-room-card__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-room-card__title {
    font-size: calc(var(--liquid-size) * 1.5);
    min-height: calc(var(--liquid-size) * 3);
  }
  .p-sapporo-room-card__info-button {
    gap: calc(var(--liquid-size) * 0.5);
    padding-block: calc(var(--liquid-size) * 0.25) calc(var(--liquid-size) * 0.125);
    padding-left: calc(var(--liquid-size) * 0.25);
    border-bottom: 2px solid #D5246A;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
  }
}
@media (min-width: 768px) and (any-hover: hover) {
  .p-sapporo-room-card__info-button:hover {
    color: #D5246A;
  }
}
@media (min-width: 768px) {
  .p-sapporo-room-card__info-button-text {
    display: inline-block;
    font-size: calc(var(--liquid-size) * 0.9375);
    font-weight: 700;
    line-height: calc(var(--liquid-size) * 1.25);
  }
  .p-sapporo-room-card__info-button-icon {
    width: calc(var(--liquid-size) * 2);
    aspect-ratio: 1/1;
  }
  .p-sapporo-room-card__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 0;
  }
  .p-sapporo-room-card__info-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
            align-items: center;
    gap: calc(var(--liquid-size) * 1.5);
    padding-block: calc(var(--liquid-size) * 0.75);
  }
  .p-sapporo-room-card__info-item dt {
    width: calc(var(--liquid-size) * 8.75);
    font-size: calc(var(--liquid-size) * 0.8125);
  }
  .p-sapporo-room-card__info-item dd {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-sapporo-room-card__books {
    align-self: end;
    padding-inline: 0;
    padding-bottom: calc(var(--liquid-size) * 0.25);
  }
}
.p-sapporo-room-properties {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 100%;
  padding: calc(var(--liquid-size) * 3) calc(var(--liquid-size) * 1.5);
  visibility: hidden;
  opacity: 0;
  z-index: -50;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.6);
}
.p-sapporo-room-properties.is-open {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  pointer-events: auto;
}
body:has(.p-sapporo-room-properties.is-open) {
  overflow: hidden;
  padding-right: var(--width, 0);
}
body:has(.p-sapporo-room-properties.is-open) .l-header {
  padding-right: var(--width, 0);
}
.l-main:has(.p-sapporo-room-properties.is-open) {
  z-index: 99;
}
.p-sapporo-rooms__inner:has(.p-sapporo-room-properties.is-open) {
  z-index: 99;
}

.p-sapporo-room-properties__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--liquid-size) * 21.375);
  height: 100%;
  border-radius: calc(var(--liquid-size) * 0.25);
  padding: calc(var(--liquid-size) * 1.5);
  background: #fff;
}

.p-sapporo-room-properties__close {
  align-self: flex-end;
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
  padding: calc(var(--liquid-size) * 0.25);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .p-sapporo-room-properties__close:hover {
    color: #D5246A;
  }
}

.p-sapporo-room-properties__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 2);
  overflow: auto;
}

.p-sapporo-room-properties__image {
  position: relative;
}
.p-sapporo-room-properties__image .splide__list {
  width: 100%;
  aspect-ratio: 294/166;
}
.p-sapporo-room-properties__image .splide__pagination {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.75);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.p-sapporo-room-properties__image .splide__pagination__page {
  margin: 0;
  background: #d9d9d9;
}
.p-sapporo-room-properties__image .splide__pagination__page.is-active {
  background: #000;
  -webkit-transform: none;
          transform: none;
}
.p-sapporo-room-properties__image .splide__slide {
  width: 100%;
}

.p-sapporo-room-properties__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  height: 100%;
  gap: calc(var(--liquid-size) * 0.5);
  padding-inline: calc(var(--liquid-size) * 0.25);
  overflow: auto;
}

.p-sapporo-room-properties__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  padding-block: calc(var(--liquid-size) * 0.75);
  border-bottom: 1px solid #e0e5e8;
}
.p-sapporo-room-properties__item dt {
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: calc(var(--liquid-size) * 1.25);
}
.p-sapporo-room-properties__item dd {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
}
.p-sapporo-room-properties__item dd.m-logo-dd {
  margin-top: calc(var(--liquid-size) * 0.75);
  margin-bottom: calc(var(--liquid-size) * 0.25);
}

.p-sapporo-room-properties__her-logo {
  display: inline-block;
  width: calc(var(--liquid-size) * 9.375);
  aspect-ratio: 150/34;
}

@media (min-width: 768px) {
  .p-sapporo-room-properties__inner {
    width: min(100%, var(--liquid-size) * 60);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(100dvh - var(--liquid-size) * 4.5);
  }
  .p-sapporo-room-properties__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: calc(var(--liquid-size) * 1);
  }
  .p-sapporo-room-properties__image {
    flex-shrink: 0;
    width: calc(var(--liquid-size) * 19.375);
  }
  .p-sapporo-room-properties__image .splide__list {
    aspect-ratio: 310/174;
  }
  .p-sapporo-room-properties__list {
    padding-inline: calc(var(--liquid-size) * 2.5);
  }
}
.p-rooms-tag-button {
  position: relative;
  z-index: 0;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.25);
}
.p-rooms-tag-button input {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: -50;
}

.p-rooms-tag-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  width: calc(var(--liquid-size) * 10);
  padding: calc(var(--liquid-size) * 0.625) calc(var(--liquid-size) * 0.75);
}
.p-rooms-tag-button::before {
  content: "";
  display: block;
  width: calc(var(--liquid-size) * 1.5);
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%206.5L10%2018.5L4%2011.3'%20stroke='%23807E7B'%20stroke-width='1.5'/%3e%3c/svg%3e") center/cover;
}
.p-rooms-tag-button:has(input:checked)::before {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%206L10%2018L4%2010.8'%20stroke='%23D5246A'%20stroke-width='1.5'/%3e%3c/svg%3e") center/cover;
}
.p-rooms-tag-button:has(input:focus-visible) {
  outline: calc(var(--liquid-size) * 0.125) solid #D5246A;
  outline-offset: calc(var(--liquid-size) * -0.125);
}

.p-sapporo-top-spa {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 4);
  background: #000;
  color: #fff;
  overflow: hidden;
}

.p-sapporo-top-spa__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--liquid-size) * 24.375);
}

.p-sapporo-top-spa__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
}

.p-sapporo-top-spa__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 2);
  font-weight: 700;
  line-height: 1;
}

.p-sapporo-top-spa__lead {
  font-size: calc(var(--liquid-size) * 0.875);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

.p-sapporo-top-spa__image {
  margin-inline: calc(var(--liquid-size) * -1.5);
  width: calc(var(--liquid-size) * 24.375);
  height: calc(var(--liquid-size) * 19.5);
}

.p-sapporo-top-spa__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-top-spa__desc {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
}

@media (min-width: 768px) {
  .p-sapporo-top-spa {
    padding-block: calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 1.5);
  }
  .p-sapporo-top-spa__inner {
    display: grid;
    grid-template-columns: calc(var(--liquid-size) * 27.5) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas: "header image" "contents image";
    gap: calc(var(--liquid-size) * 3);
    padding-inline: calc(var(--liquid-size) * 0);
    width: min(100%, var(--liquid-size) * 80);
    min-height: calc(var(--liquid-size) * 29.75);
  }
  .p-sapporo-top-spa__header {
    grid-area: header;
    gap: calc(var(--liquid-size) * 1.75);
    margin-top: calc(var(--liquid-size) * 0.75);
    padding-inline: calc(var(--liquid-size) * 3);
  }
  .p-sapporo-top-spa__title {
    font-size: calc(var(--liquid-size) * 3);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-top-spa__lead {
    font-size: calc(var(--liquid-size) * 1.125);
    line-height: calc(var(--liquid-size) * 2);
  }
  .p-sapporo-top-spa__image {
    grid-area: image;
    width: 100%;
    height: 100%;
    margin-inline: 0;
  }
  .p-sapporo-top-spa__contents {
    grid-template: contents;
    padding-inline: calc(var(--liquid-size) * 3);
  }
  .p-sapporo-top-spa__desc {
    font-size: calc(var(--liquid-size) * 0.9375);
    line-height: calc(var(--liquid-size) * 1.625);
  }
}
.p-sapporo-top-cafe {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 4);
  overflow: hidden;
}

.p-sapporo-top-cafe__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--liquid-size) * 24.375);
}

.p-sapporo-top-cafe__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  position: relative;
  gap: calc(var(--liquid-size) * 0.5);
}

.p-sapporo-top-cafe__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 2);
  font-weight: 700;
  line-height: 1;
}

.p-sapporo-top-cafe__logo {
  position: absolute;
  width: calc(var(--liquid-size) * 3);
  top: calc(var(--liquid-size) * 0.125);
  right: 0;
  aspect-ratio: 48/28;
}

.p-sapporo-top-cafe__lead {
  font-size: calc(var(--liquid-size) * 0.875);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

.p-sapporo-top-cafe__image {
  margin-inline: calc(var(--liquid-size) * -1.5);
  width: calc(var(--liquid-size) * 24.375);
  height: calc(var(--liquid-size) * 18.3125);
}

.p-sapporo-top-cafe__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.75);
}

.p-sapporo-top-cafe__desc {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
}

.p-sapporo-top-cafe__link {
  align-self: flex-start;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
}
@media (any-hover: hover) {
  .p-sapporo-top-cafe__link {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .p-sapporo-top-cafe__link:hover {
    color: #D5246A;
  }
}

.p-sapporo-top-cafe__link-icon {
  width: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
}

.p-sapporo-top-cafe__link-text {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
  text-decoration: underline;
}

.p-sapporo-top-cafe__gallery {
  margin-right: calc(var(--liquid-size) * -1.5);
}

.p-sapporo-top-cafe__slider {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
  overflow-x: auto;
}

.p-sapporo-top-cafe__slider-item {
  flex-shrink: 0;
  width: min(100%, var(--liquid-size) * 14.625);
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.25);
  overflow: hidden;
}
.p-sapporo-top-cafe__slider-item:last-child {
  margin-right: calc(var(--liquid-size) * 1.5);
}

@media (min-width: 768px) {
  .p-sapporo-top-cafe {
    padding-block: 0 calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 1.5);
  }
  .p-sapporo-top-cafe__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "image" "header" "contents";
    justify-items: center;
    gap: calc(var(--liquid-size) * 1.75);
    position: relative;
    z-index: 0;
    padding-inline: calc(var(--liquid-size) * 0);
    width: min(100%, var(--liquid-size) * 80);
    min-height: calc(var(--liquid-size) * 29.75);
  }
  .p-sapporo-top-cafe__header {
    grid-area: header;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
            align-items: center;
    gap: calc(var(--liquid-size) * 1.75);
    position: relative;
    z-index: 1;
    margin-top: calc(var(--liquid-size) * 2.75);
    width: 100%;
    background: #fefefe;
  }
  .p-sapporo-top-cafe__title {
    font-size: calc(var(--liquid-size) * 3);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-top-cafe__logo {
    width: calc(var(--liquid-size) * 4.3125);
  }
  .p-sapporo-top-cafe__lead {
    font-size: calc(var(--liquid-size) * 1.125);
    line-height: calc(var(--liquid-size) * 2);
  }
  .p-sapporo-top-cafe__image {
    grid-area: image;
    width: 100vw;
    height: calc(var(--liquid-size) * 31.25);
    margin-inline: 0;
  }
  .p-sapporo-top-cafe__contents {
    grid-template: contents;
    gap: calc(var(--liquid-size) * 1.75);
  }
  .p-sapporo-top-cafe__desc {
    font-size: calc(var(--liquid-size) * 0.9375);
    line-height: calc(var(--liquid-size) * 1.625);
  }
  .p-sapporo-top-cafe__gallery {
    margin-top: 0;
    margin-right: 0;
  }
  .p-sapporo-top-cafe__slider {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(var(--liquid-size) * 0.5);
    width: 100%;
    overflow-x: auto;
  }
  .p-sapporo-top-cafe__slider-item {
    width: 100%;
  }
  .p-sapporo-top-cafe__slider-item:last-child {
    margin-right: 0;
  }
}
.p-sapporo-gallery {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 4);
  background: #000;
  color: #fff;
}
.p-sapporo-gallery.m-spa {
  padding-block: 0;
}

.p-sapporo-gallery__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-gallery__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  width: min(100%, var(--liquid-size) * 24.375);
  padding-inline: calc(var(--liquid-size) * 1.5);
}
.p-sapporo-gallery__header.m-only-button {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.p-sapporo-gallery__title {
  font-size: calc(var(--liquid-size) * 2);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 2);
}

.p-sapporo-gallery__image-item {
  aspect-ratio: 3/4;
}

.p-sapporo-gallery .splide__arrows {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.75);
}
.p-sapporo-gallery .splide__arrow {
  position: static;
  top: 0;
  -webkit-transform: none;
          transform: none;
  background: none;
}
.p-sapporo-gallery .splide__arrow svg {
  -webkit-transform: none;
          transform: none;
}
@media (any-hover: hover) {
  .p-sapporo-gallery .splide__arrow:hover {
    color: #D5246A;
  }
}

@media (min-width: 768px) {
  .p-sapporo-gallery {
    padding-block: calc(var(--liquid-size) * 10);
  }
  .p-sapporo-gallery.m-spa {
    padding-block: 0;
    margin-right: calc(var(--liquid-size) * -10);
    width: calc(100% + var(--liquid-size) * 10);
  }
  .p-sapporo-gallery.m-spa .splide__arrows {
    gap: calc(var(--liquid-size) * 1.875);
    -webkit-box-align: center;
            align-items: center;
    margin-right: calc(var(--liquid-size) * 11.25);
  }
  .p-sapporo-gallery.m-spa .splide__arrow {
    width: calc(var(--liquid-size) * 2.5);
    height: calc(var(--liquid-size) * 2.5);
  }
  .p-sapporo-gallery.m-spa .splide__arrow svg {
    width: calc(var(--liquid-size) * 2.25);
    height: calc(var(--liquid-size) * 2.25);
  }
  .p-sapporo-gallery.m-spa::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: calc(var(--liquid-size) * 10);
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
  }
  .p-sapporo-gallery__inner {
    gap: calc(var(--liquid-size) * 1.25);
    width: width(100%);
    margin-top: calc(var(--liquid-size) * 3.25);
  }
  .p-sapporo-gallery__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    width: min(100%, var(--liquid-size) * 80);
    padding-inline: 0;
  }
  .p-sapporo-gallery__title {
    font-size: calc(var(--liquid-size) * 3);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-gallery__image-item {
    aspect-ratio: 1188/669;
  }
}
.p-sapporo-top-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 4) 0;
  overflow: hidden;
}

.p-sapporo-top-info__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  position: relative;
  width: min(100%, var(--liquid-size) * 24.375);
  padding-inline: calc(var(--liquid-size) * 2.25);
}

.p-sapporo-top-info__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  margin-top: calc(var(--liquid-size) * -1.25);
}

.p-sapporo-top-info__header {
  width: 100%;
}

.p-sapporo-top-info__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 2);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 2);
}

.p-sapporo-top-info__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.4375);
}

.p-sapporo-top-info__item-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  padding: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 0.25);
  border-bottom: 1px solid #e0e5e8;
}

.p-sapporo-top-info__item-title {
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: calc(var(--liquid-size) * 1.25);
}

.p-sapporo-top-info__item-desc {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
}
.p-sapporo-top-info__item-desc .m-not-wrap {
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.p-sapporo-top-info__link-text {
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.3);
          text-decoration-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: color 0.25s ease-in-out, -webkit-text-decoration-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, -webkit-text-decoration-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out, -webkit-text-decoration-color 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .p-sapporo-top-info__link-text:hover {
    color: #D5246A;
    -webkit-text-decoration-color: #D5246A;
            text-decoration-color: #D5246A;
  }
}

.p-sapporo-top-info__inner-list li {
  display: -webkit-box;
  display: flex;
}
.p-sapporo-top-info__inner-list li::before {
  content: "・";
}

.p-sapporo-top-info__flex-desc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-sapporo-top-info__flex-desc .m-letter7 {
  min-width: 8.5em;
}
.p-sapporo-top-info__flex-desc .m-title {
  min-width: 7em;
}

.p-sapporo-top-info__cafe-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
}

.p-sapporo-top-info__cafe-title {
  font-size: calc(var(--liquid-size) * 1.375);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

.p-sapporo-top-info__map {
  align-self: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  width: calc(var(--liquid-size) * 24.375);
  margin-top: calc(var(--liquid-size) * 2.5);
}

.p-sapporo-top-info__g-map {
  width: 100%;
  aspect-ratio: 1/1;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.p-sapporo-top-info__g-map iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .p-sapporo-top-info {
    gap: calc(var(--liquid-size) * 4.5);
    padding-block: calc(var(--liquid-size) * 10) 0;
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-sapporo-top-info__image {
    width: calc(var(--liquid-size) * 80);
    height: calc(var(--liquid-size) * 26.8125);
  }
  .p-sapporo-top-info__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "header header" "contents map";
    gap: calc(var(--liquid-size) * 4.5) calc(var(--liquid-size) * 3);
    width: var(--contents);
    padding-inline: 0;
  }
  .p-sapporo-top-info__contents {
    margin-top: 0;
  }
  .p-sapporo-top-info__header {
    grid-area: header;
    width: 100%;
  }
  .p-sapporo-top-info__title {
    font-size: calc(var(--liquid-size) * 3);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-top-info__item-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    gap: calc(var(--liquid-size) * 1.5);
    padding: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 0.25);
    border-bottom: 1px solid #e0e5e8;
  }
  .p-sapporo-top-info__item-title {
    min-width: calc(var(--liquid-size) * 12.5);
  }
  .p-sapporo-top-info__item-desc .m-not-wrap {
    letter-spacing: 0.01em;
  }
  .p-sapporo-top-info__map {
    grid-area: map;
    align-self: start;
    width: 100%;
    margin-top: 0;
  }
  .p-sapporo-top-info__cafe-title {
    font-size: calc(var(--liquid-size) * 0.9375);
    line-height: calc(var(--liquid-size) * 1.25);
  }
}
.p-sapporo-top-membership {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding-block: calc(var(--liquid-size) * 5) calc(var(--liquid-size) * 0.75);
  width: 100%;
}

@media (min-width: 768px) {
  .p-sapporo-top-membership {
    padding-block: calc(var(--liquid-size) * 10) calc(var(--liquid-size) * 3);
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
}
.p-sapporo-spa {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: clip;
}

.p-sapporo-spa-fv {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  overflow: clip;
  width: 100%;
  height: max(100svh, var(--liquid-size) * 37.5);
  background: #000;
  color: #fff;
  opacity: 0;
}
.p-sapporo-spa-fv.is-active {
  opacity: 1;
}

.p-sapporo-spa-fv__mv-image {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: #000;
}
.p-sapporo-spa-fv__mv-image::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  inset: 0;
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover, rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.6) 100%) center/cover, rgba(0, 0, 0, 0.3);
}

.p-sapporo-spa-fv__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-inline: calc(var(--liquid-size) * 1.5);
  padding-block: calc(var(--liquid-size) * 4) calc(var(--liquid-size) * 3);
}

.p-sapporo-spa-fv__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.25);
  opacity: 0;
  text-align: center;
}
.p-sapporo-spa-fv__header.is-active {
  -webkit-animation: fade-in 0.5s ease-out forwards;
          animation: fade-in 0.5s ease-out forwards;
}

.p-sapporo-spa-fv__title {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 1.875);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 2);
  letter-spacing: 0.05em;
}

.p-sapporo-spa-fv__lead {
  font-size: calc(var(--liquid-size) * 0.875);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.625);
  letter-spacing: 0.01em;
}

@media (min-width: 768px) {
  .p-sapporo-spa-fv__title {
    font-size: calc(var(--liquid-size) * 3);
    line-height: calc(var(--liquid-size) * 3);
    letter-spacing: 0.05em;
  }
  .p-sapporo-spa-fv__lead {
    font-size: calc(var(--liquid-size) * 1);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-filter: blur(calc(var(--liquid-size) * 0.625));
            filter: blur(calc(var(--liquid-size) * 0.625));
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.p-sapporo-spa-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding-block: calc(var(--liquid-size) * 4) calc(var(--liquid-size) * 3);
  background: #000;
  color: #fff;
}

.p-sapporo-spa-info__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-spa-info__contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: min(100%, var(--liquid-size) * 24.375);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-spa-info__title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 2.25);
  letter-spacing: 0.01em;
}

.p-sapporo-spa-info__lead {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

.p-sapporo-spa-info-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
}

.p-sapporo-spa-info-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
}
.p-sapporo-spa-info-item dt {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 500;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}
.p-sapporo-spa-info-item dd {
  font-size: calc(var(--liquid-size) * 0.875);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 1.5);
  letter-spacing: 0.01em;
}

@media (min-width: 768px) {
  .p-sapporo-spa-info {
    padding-block: calc(var(--liquid-size) * 10);
    padding-inline: calc(var(--liquid-size) * 2.25);
  }
  .p-sapporo-spa-info__inner {
    display: grid;
    position: relative;
    -webkit-box-align: start;
            align-items: start;
    grid-template-columns: calc(var(--liquid-size) * 26.5) minmax(0, 1fr);
    width: min(100%, var(--liquid-size) * 80);
    gap: calc(var(--liquid-size) * 3);
  }
  .p-sapporo-spa-info__contents {
    gap: calc(var(--liquid-size) * 3);
    position: relative;
    z-index: 1;
    width: 100%;
    padding-inline: 0;
    background: #000;
  }
  .p-sapporo-spa-info__title {
    font-size: calc(var(--liquid-size) * 2.5);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-spa-info__lead {
    margin-top: calc(var(--liquid-size) * 2);
    font-size: calc(var(--liquid-size) * 1.125);
    font-weight: 400;
    line-height: calc(var(--liquid-size) * 2);
  }
  .p-sapporo-spa-info-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: calc(var(--liquid-size) * 1.5);
  }
  .p-sapporo-spa-info-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: calc(var(--liquid-size) * 0.25);
  }
  .p-sapporo-spa-info-item dt {
    line-height: calc(var(--liquid-size) * 1.625);
  }
  .p-sapporo-spa-info-item dd {
    font-size: calc(var(--liquid-size) * 0.9375);
    line-height: calc(var(--liquid-size) * 1.625);
  }
}
.p-sapporo-spa-how-to {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding-block: calc(var(--liquid-size) * 3);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.p-sapporo-spa-how-to__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: min(100%, var(--liquid-size) * 24.375);
  gap: calc(var(--liquid-size) * 2.25);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-sapporo-spa-how-to__title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: calc(var(--liquid-size) * 2.25);
  letter-spacing: 0.01em;
}

.p-sapporo-spa-how-to__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  counter-reset: list;
}

.p-sapporo-spa-how-to__item {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.75);
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  counter-increment: list;
}

.p-sapporo-spa-how-to__item-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
}

.p-sapporo-spa-how-to__list-title {
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 2.25);
  letter-spacing: 0.01em;
}
.p-sapporo-spa-how-to__list-title::before {
  content: counter(list) ". ";
}

.p-sapporo-spa-how-to__list-text {
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 1.375);
  letter-spacing: 0.01em;
}

.p-sapporo-spa-how-to__item-icon {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 4.1875);
  aspect-ratio: 67/82;
}

@media (min-width: 768px) {
  .p-sapporo-spa-how-to {
    padding-block: calc(var(--liquid-size) * 10) calc(var(--liquid-size) * 5);
    padding-inline: calc(var(--liquid-size) * 2.25);
    background: #000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .p-sapporo-spa-how-to__inner {
    width: min(100%, var(--liquid-size) * 80);
    gap: calc(var(--liquid-size) * 6);
    padding-inline: 0;
  }
  .p-sapporo-spa-how-to__title {
    font-size: calc(var(--liquid-size) * 2.5);
    line-height: calc(var(--liquid-size) * 2.75);
  }
  .p-sapporo-spa-how-to__list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 11);
    padding-inline: calc(var(--liquid-size) * 5);
  }
  .p-sapporo-spa-how-to__list-title {
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .p-sapporo-spa-how-to__list-text {
    font-size: calc(var(--liquid-size) * 0.875);
  }
}
.p-sapporo-fade {
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.p-sapporo-fade.is-hidden {
  opacity: 0;
}
.p-sapporo-fade .m-fade__blur {
  -webkit-transition: -webkit-filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out;
  transition: filter 1s ease-in-out;
  transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out;
}
.p-sapporo-fade.is-hidden .m-fade__blur {
  -webkit-filter: blur(calc(var(--liquid-size) * 1.25));
          filter: blur(calc(var(--liquid-size) * 1.25));
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}[data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}[data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}[data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}[data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}[data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}[data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}