@import url(https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css);
@charset "UTF-8";
*,
::before,
::after {
  box-sizing: border-box;
  min-width: 0;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

:where(p, table, blockquote, address, pre, iframe, form, figure, dl) {
  margin: 0;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

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

dt {
  font-weight: inherit;
}

dd {
  margin-left: 0;
}

hr {
  clear: both;
  box-sizing: content-box;
  height: 0;
  margin: 0;
  overflow: visible;
  color: inherit;
  border-top-width: 1px;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}

abbr[title] {
  text-decoration: underline dotted;
}

:where(b, strong) {
  font-weight: bolder;
}

:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

:where(sub, sup) {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

:where(svg, img, embed, object, iframe) {
  vertical-align: bottom;
}

:where(button, input, optgroup, select, textarea) {
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: middle;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  cursor: pointer;
}

:where(button, [type=button], [type=reset], [type=submit]):disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  appearance: button;
}

[type=number] {
  appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-collapse: collapse;
  border-color: inherit;
}

caption {
  text-align: left;
}

:where(td, th) {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}

:root {
  --vw: 1vw;
  --vh: 1vh;
  --font-base: "Noto Serif JP", "sans-serif";
  --color-contrast-darker: #7d7573;
  --color-contrast-dark: #afabb0;
  --color-contrast: #dddcdd;
  --color-contrast-light: #eae9ea;
  --color-contrast-lighter: #f0eff0;
  --color-base: #ededed;
  --color-base-rgb: 237 237 237;
  --color-main: #473d48;
  --color-accent: #7f1b0b;
  --color-inactive: #b7b5ba;
  --color-primary: #b68f87;
  --shadow-banner: 0 4px 4px rgb(0 0 0 / 25%);
  --icon-arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewport="0 0 17 8" fill="none"><path fill="currentColor" d="M16.354 4.036a.5.5 0 0 0 0-.707L13.172.147a.5.5 0 1 0-.708.707l2.829 2.828-2.828 2.829a.5.5 0 1 0 .707.707zM0 3.682v.5h16v-1H0z"/></svg>');
  --icon-pdf: url('data:image/svg+xml,<svg viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.1139 0H5.39688H4.95388L4.64083 0.31301L0.313009 4.6411L0 4.95411V5.39691V14.3199C0 15.9115 1.29479 17.2065 2.88665 17.2065H11.1139C12.7052 17.2065 14 15.9115 14 14.3199V2.88665C14 1.29479 12.7052 0 11.1139 0ZM12.9314 14.3198C12.9314 15.3239 12.1177 16.1376 11.1139 16.1376H2.88665C1.88236 16.1376 1.06861 15.3239 1.06861 14.3198V5.39688H3.882C4.7183 5.39688 5.39688 4.71877 5.39688 3.88224V1.06882H11.1139C12.1177 1.06882 12.9314 1.88256 12.9314 2.88665V14.3198Z" fill="currentColor"/><path d="M4.17498 8.49512H3.21622C3.03367 8.49512 2.92432 8.61385 2.92432 8.79169V11.2703C2.92432 11.485 3.0656 11.6265 3.26176 11.6265C3.45368 11.6265 3.59493 11.485 3.59493 11.2703V10.5173C3.59493 10.499 3.60431 10.4899 3.62262 10.4899H4.17498C4.8503 10.4899 5.2567 10.079 5.2567 9.4947C5.25673 8.90128 4.855 8.49512 4.17498 8.49512ZM4.13371 9.91005H3.62262C3.60431 9.91005 3.59493 9.9009 3.59493 9.88282V9.10215C3.59493 9.08383 3.60431 9.07473 3.62262 9.07473H4.13371C4.41667 9.07473 4.58561 9.24366 4.58561 9.49474C4.58565 9.74578 4.41667 9.91005 4.13371 9.91005Z" fill="currentColor"/><path d="M6.80513 8.49512H6.07023C5.88768 8.49512 5.77832 8.61385 5.77832 8.79169V11.3069C5.77832 11.485 5.88764 11.599 6.07023 11.599H6.80513C7.46684 11.599 7.87794 11.389 8.04218 10.8824C8.10133 10.7043 8.13369 10.4899 8.13369 10.0471C8.13369 9.60429 8.10129 9.38982 8.04218 9.21174C7.87791 8.70512 7.46684 8.49512 6.80513 8.49512ZM7.39878 10.6497C7.32089 10.896 7.0975 11.0011 6.78681 11.0011H6.47663C6.45831 11.0011 6.44894 10.992 6.44894 10.9737V9.12046C6.44894 9.10215 6.45831 9.09301 6.47663 9.09301H6.78681C7.0975 9.09301 7.32089 9.19813 7.39878 9.44453C7.43071 9.54965 7.45323 9.7322 7.45323 10.0471C7.45323 10.362 7.43068 10.5445 7.39878 10.6497Z" fill="currentColor"/><path d="M10.5342 8.49512H9.02822C8.84567 8.49512 8.73584 8.61385 8.73584 8.79169V11.2703C8.73584 11.485 8.87759 11.6265 9.07375 11.6265C9.26521 11.6265 9.40692 11.485 9.40692 11.2703V10.3847C9.40692 10.3667 9.41583 10.3575 9.43415 10.3575H10.3108C10.507 10.3575 10.621 10.2388 10.621 10.0698C10.621 9.90087 10.507 9.78241 10.3108 9.78241H9.43415C9.41583 9.78241 9.40692 9.77327 9.40692 9.75495V9.10215C9.40692 9.08383 9.41583 9.07473 9.43415 9.07473H10.5342C10.7214 9.07473 10.8449 8.95153 10.8449 8.78729C10.8448 8.61828 10.7214 8.49512 10.5342 8.49512Z" fill="currentColor"/></svg>');
  --icon-arrow2: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 7'><path d='M0.313 0.391L4.088 3.411L0.313 6.431' stroke='currentColor' fill='none' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --icon-arrow3: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 17'><path d='M0.313 0.39L10.313 8.39L0.313 16.39' stroke='currentColor' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --icon-arrow-long: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 8'><path fill='currentColor' d='M38.258 4.035a.5.5 0 0 0 0-.707L35.076.146a.5.5 0 1 0-.707.707l2.828 2.828-2.828 2.829a.5.5 0 1 0 .707.707l3.182-3.182ZM0 3.682v.5h37.904v-1H0z'/></svg>");
  --icon-external: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" d="M16.916 20H1.504C.675 20 0 19.325 0 18.495V3.085C0 2.255.675 1.58 1.504 1.58h10.82v1.772H1.771v14.876H16.65V7.711h1.771v10.784C18.421 19.325 17.746 20 16.916 20Z"/><path fill="currentColor" d="M8.428 12.354a.783.783 0 0 1-.556-.23.786.786 0 0 1 0-1.114L18.647.23a.786.786 0 0 1 1.113 0c.308.307.308.806 0 1.113L8.984 12.123a.783.783 0 0 1-.556.23Z"/><path fill="currentColor" d="M19.204 1.575h-5.058a.787.787 0 1 1 0-1.575h5.058a.787.787 0 0 1 0 1.575Z"/><path fill="currentColor" d="M19.213 6.663a.787.787 0 0 1-.787-.787V.817a.787.787 0 0 1 1.574 0v5.059c0 .434-.352.787-.787.787Z"/></svg>');
  --header-height: 60px;
  --z-reservation-btn: 10;
  --z-menu: 20;
  --z-header: 30;
  --z-modal: 40;
  --z-loading: 50;
}
@media screen and (min-width: 1024px) {
  :root {
    --header-height: 80px;
  }
}

html {
  scrollbar-gutter: stable;
}

html.is_menuOpen,
html.is_menuOpen body {
  overflow: hidden;
}

body {
  width: 100%;
  font-family: var(--font-base);
  font-size: 1rem;
  font-weight: 500;
  font-optical-sizing: auto;
  color: var(--color-base);
  background-color: var(--color-contrast);
  -webkit-font-smoothing: antialiased;
}
@supports (overflow-x: clip) {
  body {
    overflow-x: clip;
  }
}
@supports not (overflow-x: clip) {
  body {
    overflow-x: hidden;
  }
}

*:focus-visible:not(.no-focus-style) {
  outline-color: var(--color-base);
  animation: focus-effect 0.3s;
}

.no-focus-style {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: top;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

.sm_block {
  display: none;
}
@media screen and (min-width: 576px) {
  .sm_block {
    display: block;
  }
}

.sm_none {
  display: block;
}
@media screen and (min-width: 576px) {
  .sm_none {
    display: none;
  }
}

.md_block {
  display: none;
}
@media screen and (min-width: 768px) {
  .md_block {
    display: block;
  }
}

.md_none {
  display: block;
}
@media screen and (min-width: 768px) {
  .md_none {
    display: none;
  }
}

.lg_block {
  display: none;
}
@media screen and (min-width: 1024px) {
  .lg_block {
    display: block;
  }
}

.lg_none {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lg_none {
    display: none;
  }
}

.xl_none {
  display: block;
}
@media screen and (min-width: 1280px) {
  .xl_none {
    display: none;
  }
}

.el_enLineHeading {
  display: inline-block;
  padding-bottom: 4px;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-main);
  border-bottom: 0.5px solid var(--color-main);
}
@media screen and (min-width: 768px) {
  .el_enLineHeading {
    padding-bottom: 12px;
    font-size: 1.125rem;
  }
}
.el_enLineHeading.el_enLineHeading--white {
  color: var(--color-base);
  border-bottom: 0.5px solid var(--color-base);
}
.el_enLineHeading.el_enLineHeading--sm {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .el_enLineHeading.el_enLineHeading--sm {
    font-size: 1.125rem;
  }
}

.el_heading {
  display: grid;
  row-gap: 4px;
}
.el_heading_ja {
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .el_heading_ja {
    font-size: 1.5rem;
  }
}
.el_heading_en {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .el_heading_en {
    font-size: 1rem;
  }
}

.el_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-modal);
  display: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  transition: opacity 0.3s;
}
.el_modal_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 90vw;
  height: 100%;
  aspect-ratio: 16/9;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .el_modal_wrapper {
    max-width: 80vw;
  }
}
.el_modal_inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .el_modal_inner {
    padding-inline: 70px;
  }
}
.el_modal_btnClose {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .el_modal_btnClose {
    top: 0;
    right: 30px;
  }
}
.el_modal_btnClose::before, .el_modal_btnClose::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 32px;
  height: 2px;
  content: "";
  background: var(--color-base);
}
.el_modal_btnClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.el_modal_btnClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.el_modal_contents {
  transform: translateY(30px);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.el_newsCard {
  color: var(--color-main);
}
.el_newsCard_link {
  transition: opacity 0.3s;
}
.el_newsCard_link:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_newsCard_link:hover {
    opacity: 0.7;
  }
}
.el_newsCard_thumb {
  display: block;
  width: 100%;
  aspect-ratio: 260/145;
}
.el_newsCard_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.el_newsCard_date {
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
}
.el_newsCard_title {
  margin-top: 4px;
  font-size: 0.875rem;
  font-size: 14px;
}

.el_swiper_button {
  display: none;
  transition: opacity 0.3s;
}
.el_swiper_button:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_swiper_button:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .el_swiper_button {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: var(--color-main);
    mask-image: var(--icon-arrow);
    mask-repeat: no-repeat;
    transform: translate(0%, -50%);
  }
}
@media screen and (min-width: 768px) {
  .el_swiper_button--prev {
    left: 0;
    transform: translate(0%, -50%) scale(-1, 1);
  }
}
@media screen and (min-width: 768px) {
  .el_swiper_button--next {
    right: 0;
  }
}

.el_swiper_nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 768px) {
  .el_swiper_nav {
    height: 64px;
  }
}
.el_swiper_nav_button {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.el_swiper_nav_button:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_swiper_nav_button:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .el_swiper_nav_button {
    width: 64px;
    height: 64px;
  }
}
.el_swiper_nav_button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 5px;
  height: 7px;
  content: "";
  background-color: var(--color-base);
  mask-image: var(--icon-arrow2);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .el_swiper_nav_button::after {
    width: 7px;
    height: 12px;
  }
}
.el_swiper_nav_button--prev {
  transform: scale(-1, 1);
}
.el_swiper_nav_pagination {
  display: flex;
  align-items: center;
  width: auto !important;
}
.el_swiper_nav_pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  margin: 0 3px !important;
  background-color: var(--color-contrast-dark);
  opacity: 1;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .el_swiper_nav_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px !important;
  }
}
.el_swiper_nav_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 6px;
  height: 6px;
  background-color: var(--color-base);
}
@media screen and (min-width: 768px) {
  .el_swiper_nav_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
  }
}
.el_swiper_nav_pagination .swiper-pagination-bullet:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_swiper_nav_pagination .swiper-pagination-bullet:hover {
    opacity: 0.7;
  }
}

.el_btn_grad {
  display: block;
  padding-block: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28;
  color: var(--color-main);
  text-align: center;
  letter-spacing: 0.05em;
  background: linear-gradient(90deg, rgb(var(--color-base-rgb)/0%) 0%, rgb(var(--color-base-rgb)/5%) 1%, rgb(var(--color-base-rgb)/22%) 7%, rgb(var(--color-base-rgb)/37%) 12%, rgb(var(--color-base-rgb)/49%) 18%, rgb(var(--color-base-rgb)/58%) 25%, rgb(var(--color-base-rgb)/65%) 32%, rgb(var(--color-base-rgb)/69%) 40%, rgb(var(--color-base-rgb)/70%) 51%, rgb(var(--color-base-rgb)/69%) 61%, rgb(var(--color-base-rgb)/65%) 68%, rgb(var(--color-base-rgb)/58%) 75%, rgb(var(--color-base-rgb)/48%) 82%, rgb(var(--color-base-rgb)/35%) 88%, rgb(var(--color-base-rgb)/20%) 94%, rgb(var(--color-base-rgb)/0%) 100%);
  transition: opacity 0.3s;
}
.el_btn_grad:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_btn_grad:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .el_btn_grad {
    padding-block: 14px;
    font-size: 1rem;
  }
}
.el_btn_grad::after {
  display: inline-block;
  width: 17px;
  aspect-ratio: 17/8;
  margin-left: 4px;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-arrow);
  mask-repeat: no-repeat;
}

.el_btn_external {
  display: inline-block;
  height: 48px;
  padding-inline: 16px 14px;
  font-size: 0.8125rem;
  color: var(--color-main);
  text-align: center;
  background-color: #fff;
  transition: opacity 0.3s;
}
.el_btn_external:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .el_btn_external:hover {
    opacity: 0.7;
  }
}
.el_btn_external span {
  display: flex;
  align-items: center;
  height: 100%;
}
.el_btn_external span::after {
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  margin-left: 8px;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-external);
  mask-repeat: no-repeat;
}

.el_btn_box {
  display: inline-block;
  height: 56px;
  padding-inline: 39px;
  font-size: 1.25rem;
  color: var(--color-main);
  text-align: center;
  background-color: #fff;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .el_btn_box {
    width: min(100%, 513px);
    height: 70px;
    font-size: 1.5rem;
  }
}
.el_btn_box span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.el_btn_box span::after {
  display: block;
  width: 17px;
  aspect-ratio: 17/8;
  margin-left: 8px;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-arrow);
  mask-repeat: no-repeat;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .el_btn_box span::after {
    width: 39px;
    aspect-ratio: 39/8;
    margin-left: 16px;
    mask-image: var(--icon-arrow-long);
  }
}
.el_btn_box:focus-visible {
  opacity: 0.7;
}
.el_btn_box:focus-visible span::after {
  transform: translate(8px, 0%);
}
@media (any-hover: hover) {
  .el_btn_box:hover {
    opacity: 0.7;
  }
  .el_btn_box:hover span::after {
    transform: translate(8px, 0%);
  }
}

.el_btns {
  display: flex;
  gap: 24px;
}

.el_formPart {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .el_formPart {
    display: flex;
    align-items: center;
    margin-top: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .el_formPart {
    width: min(100%, 737px);
  }
}
.el_formPart dt {
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .el_formPart dt {
    flex-shrink: 0;
    width: 218px;
    font-size: 1.25rem;
  }
}
.el_formPart dd {
  margin-top: 8px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .el_formPart dd {
    width: 100%;
    margin-top: 0;
  }
}
.el_formPart dd input[type=text],
.el_formPart dd input[type=email],
.el_formPart dd input[type=tel],
.el_formPart dd input[type=password] {
  width: 100%;
  height: 48px;
  padding-right: 24px;
  padding-left: 24px;
  font-size: 1rem;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 768px) {
  .el_formPart dd input[type=text],
  .el_formPart dd input[type=email],
  .el_formPart dd input[type=tel],
  .el_formPart dd input[type=password] {
    height: 56px;
  }
}
.el_formPart dd textarea {
  display: block;
  width: 100%;
  height: 144px;
  padding: 24px;
  font-size: 1rem;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 768px) {
  .el_formPart dd textarea {
    height: 180px;
  }
}
.el_formPart input:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--color-contrast-lighter) inset;
}

.el_selectBox {
  position: relative;
  width: 100%;
  height: 48px;
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 768px) {
  .el_selectBox {
    height: 56px;
  }
}
.el_selectBox::after {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 2;
  display: block;
  width: 12px;
  aspect-ratio: 12/17;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-arrow3);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  transform: translate(0, -50%) rotate(90deg);
}
.el_selectBox select {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;
  font-size: 1rem;
  color: var(--color-main);
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
}

.el_btn_cf7 {
  position: relative;
  display: inline-block;
  height: 56px;
  font-size: 1.25rem;
  color: var(--color-main);
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .el_btn_cf7 {
    height: 70px;
  }
}
.el_btn_cf7::after {
  position: absolute;
  top: 50%;
  right: 24px;
  z-index: 2;
  display: block;
  width: 17px;
  aspect-ratio: 17/8;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-arrow);
  mask-repeat: no-repeat;
  transform: translate(0%, -50%);
  transition: transform 0.3s;
}
@media screen and (min-width: 768px) {
  .el_btn_cf7::after {
    right: 70px;
    width: 39px;
    aspect-ratio: 39/8;
    mask-image: var(--icon-arrow-long);
  }
}
.el_btn_cf7 input {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: 100%;
  padding-right: 46px;
  padding-left: 23px;
  appearance: none;
  border: none;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .el_btn_cf7 input {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .el_btn_cf7 input {
    padding-right: 118px;
    padding-left: 70px;
  }
}
.el_btn_cf7 input:disabled {
  cursor: not-allowed;
}
.el_btn_cf7:focus-visible:not(:has(input:disabled)) {
  opacity: 0.7;
}
.el_btn_cf7:focus-visible:not(:has(input:disabled))::after {
  transform: translate(8px, -50%);
}
@media (any-hover: hover) {
  .el_btn_cf7:hover:not(:has(input:disabled)) {
    opacity: 0.7;
  }
  .el_btn_cf7:hover:not(:has(input:disabled))::after {
    transform: translate(8px, -50%);
  }
}

.bl_access {
  --side-gap: 24px;
  padding-block: 24px 16px;
  color: var(--color-main);
  background-color: var(--color-contrast-dark);
}
@media screen and (min-width: 576px) {
  .bl_access {
    --side-gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .bl_access {
    padding-block: 48px 56px;
  }
}
.bl_access_inner {
  width: min(100% - var(--side-gap) * 2, 1280px);
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .bl_access_inner {
    display: grid;
    grid-template-columns: max(25%, 300px) 1fr;
    column-gap: 3.75%;
    width: 88.8888888889%;
    margin-right: 0;
  }
}
.bl_access_head {
  display: grid;
  row-gap: 20px;
  padding-inline: 24px;
}
@media screen and (min-width: 1024px) {
  .bl_access_head {
    grid-template-columns: 1fr;
    row-gap: 24px;
    align-self: start;
    padding-inline: 0;
  }
}
.bl_access_heading {
  align-self: start;
  width: 133px;
}
.bl_access_btnList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
  gap: 20px 16px;
}
@media screen and (min-width: 1024px) {
  .bl_access_btnList {
    grid-template-columns: 1fr;
    row-gap: 24px;
    align-self: start;
  }
}
.bl_access_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 35px;
  padding: 4px 16px 3px 11px;
  font-size: 0.875rem;
  line-height: 1.18;
  background-color: var(--color-contrast-light);
  transition: opacity 0.3s;
}
@media screen and (min-width: 576px) {
  .bl_access_btn {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 1024px) {
  .bl_access_btn {
    padding-left: 1em;
    font-size: 1rem;
  }
}
.bl_access_btn:focus-visible {
  opacity: 0.6;
}
.bl_access_btn:focus-visible::after {
  transform: translateX(5px);
}
@media (any-hover: hover) {
  .bl_access_btn:hover {
    opacity: 0.6;
  }
  .bl_access_btn:hover::after {
    transform: translateX(5px);
  }
}
.bl_access_btn::after {
  display: block;
  flex-shrink: 0;
  width: 17px;
  aspect-ratio: 17/8;
  content: "";
  background-color: var(--color-main);
  mask-image: var(--icon-arrow);
  mask-repeat: no-repeat;
  transition: transform 0.3s;
}
.bl_access_map {
  position: relative;
  width: calc(var(--vw) * 100);
  aspect-ratio: 375/190;
  margin-inline: calc(var(--side-gap) * -1);
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .bl_access_map {
    width: 100%;
    aspect-ratio: 848/360;
    margin-inline: 0;
    margin-top: 0;
  }
}
.bl_access_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bl_access.bl_access--mtTop {
  margin-top: clamp(40px, 3.3802816901px + 9.765258216vw, 144px);
}
.bl_access.bl_access--mt {
  margin-top: clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
}

.bl_instagramBlock {
  --side-gap: 16px;
  display: flex;
  flex-direction: column;
  gap: var(--side-gap);
  align-items: center;
  width: min(100% - var(--side-gap) * 2, 1036px);
  padding-bottom: clamp(48px, 8.5633802817px + 10.5164319249vw, 160px);
  margin-inline: auto;
  margin-top: clamp(48px, 14.1971830986px + 9.014084507vw, 144px);
}
@media screen and (width >= 801px) {
  .bl_instagramBlock {
    --side-gap: 20px;
    flex-direction: row;
  }
}
.bl_instagramBlock_head {
  flex-shrink: 0;
}
.bl_instagramBlock_logo, .bl_instagramBlock_txt {
  margin-inline: auto;
}
.bl_instagramBlock_logo img, .bl_instagramBlock_txt img {
  width: 100%;
  height: auto;
}
.bl_instagramBlock_logo {
  width: 52px;
}
.bl_instagramBlock_txt {
  width: 155px;
  margin-top: 24px;
}
.bl_instagramBlock_link {
  display: block;
  margin-top: 17px;
  font-size: 0.875rem;
  color: var(--color-main);
  text-align: center;
}
.bl_instagramBlock_link > span {
  display: block;
  line-height: 1.64;
}
.bl_instagramBlock_link > span + span {
  margin-top: -5px;
}
.bl_instagramBlock_body {
  width: 100%;
  margin-top: 20px;
}
@media screen and (width >= 801px) {
  .bl_instagramBlock_body {
    width: 83.0115830116%;
    margin-top: 0;
  }
}
.bl_instagramBlock_body #sb_instagram {
  padding-bottom: 0 !important;
}
.bl_instagramBlock_body #sb_instagram #sbi_images {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bl_reservation_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--z-reservation-btn);
  height: 148px;
  aspect-ratio: 236/148;
  background: url("../img/bg_reservation-btn_sp.svg") 0% 0% no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  transition: transform 0.9s ease, opacity 0.7s ease-in;
}
.bl_reservation_btn.is_hide {
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 0.9s ease-out, opacity 0.7s ease;
}
.bl_reservation_btn:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .bl_reservation_btn:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1024px) {
  .bl_reservation_btn {
    height: 184px;
    aspect-ratio: 304/184;
    background-image: url("../img/bg_reservation-btn_pc.svg");
  }
}
.bl_reservation_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.bl_reservation_btn_txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 6.7796610169% 10.1694915254%;
  font-size: 0.875rem;
  line-height: 1;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .bl_reservation_btn_txt {
    justify-content: flex-end;
    font-size: 1rem;
  }
}
.bl_reservation_btn_ja {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--color-accent);
  letter-spacing: 0.13em;
}
.bl_reservation_btn_ja::before, .bl_reservation_btn_ja::after {
  display: inline-block;
  width: 1px;
  height: 1.14em;
  content: "";
  background: var(--color-accent);
}
.bl_reservation_btn_en {
  color: var(--color-main);
  letter-spacing: 0.07em;
}

.bl_roomMain {
  padding: clamp(32px, -0.7464788732px + 8.7323943662vw, 125px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  background-color: var(--color-main);
}
@media screen and (min-width: 1024px) {
  .bl_roomMain {
    margin-top: -72px;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_header {
    margin-inline: -24px;
  }
}
@media screen and (min-width: 768px) {
  .bl_roomMain_header_heading {
    flex-shrink: 0;
  }
}
.bl_roomMain_header_heading h1 {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_header_heading h1 {
    font-size: 1.5rem;
  }
}
.bl_roomMain_header_heading span {
  display: inline-block;
  margin-top: 8px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_header_heading span {
    font-size: 1rem;
  }
}
.bl_roomMain_header p {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_header p {
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_header p {
    width: min(100%, 520px);
    margin-top: 0;
    margin-left: 26px;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_headerInner {
    display: flex;
    align-items: center;
    padding-right: 24px;
    margin-left: max(26.5277777778%, 360px);
  }
}
.bl_roomMain_detail {
  margin-top: clamp(32px, 9.4647887324px + 6.0093896714vw, 96px);
}
@media screen and (min-width: 768px) {
  .bl_roomMain_detail {
    display: grid;
    grid-template-columns: 49.0625% 1fr;
    column-gap: 10.390625%;
    align-items: center;
    width: min(100%, 1280px);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1280px) {
  .bl_roomMain_detail {
    align-items: start;
  }
}
.bl_roomMain_detail_slider {
  position: relative;
  width: 100%;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_detail_slider {
    padding-bottom: 64px;
  }
}
.bl_roomMain_detail_slider img {
  width: 100%;
  height: auto;
}
.bl_roomMain_detail_fix {
  position: relative;
  width: 100%;
}
.bl_roomMain_detail_fix img {
  width: 100%;
  height: auto;
}
.bl_roomMain_detail_contents {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_detail_contents {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .bl_roomMain_detail_contents {
    margin-top: 64px;
  }
}
.bl_roomMain_detail_txt1 {
  font-size: 0.9375rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_detail_txt1 {
    font-size: 1.125rem;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_detail_txt1 {
    font-size: 1.25rem;
  }
}
.bl_roomMain_col2Table {
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_col2Table {
    margin-top: 40px;
  }
}
.bl_roomMain_col2Table > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.bl_roomMain_col2Table > div + div {
  margin-top: 20px;
}
.bl_roomMain_col2Table dt {
  flex-shrink: 0;
  width: 35.1681957187%;
  padding-bottom: 4px;
  font-size: 1rem;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .bl_roomMain_col2Table dt {
    width: 140px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_col2Table dt {
    width: 193px;
  }
}
.bl_roomMain_col2Table dd {
  width: 58.4097859327%;
  padding-top: 0.2em;
  padding-bottom: 2px;
  font-size: 0.875rem;
  line-height: 1.4;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .bl_roomMain_col2Table dd {
    width: 100%;
    margin-left: 24px;
    font-size: 1rem;
  }
}
.bl_roomMain_cont {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_cont {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_cont {
    margin-right: max((100% - 1280px) / 2, 0px);
    margin-left: max(25.7183908046%, 336px);
  }
}
.bl_roomMain_note {
  width: 75.2vw;
  margin-inline: auto;
  font-size: 1.125rem;
  line-height: 1.61;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_note {
    width: auto;
    font-size: 1.5rem;
  }
}
.bl_roomMain_info {
  margin-top: 64px;
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_info {
    margin-top: 72px;
  }
}
.bl_roomMain_info + .bl_roomMain_info {
  margin-top: 72px;
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_info + .bl_roomMain_info {
    margin-top: 80px;
  }
}
.bl_roomMain_table {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_table > div {
    display: grid;
    grid-template-columns: 200px 1fr;
    column-gap: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMain_table > div {
    column-gap: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .bl_roomMain_table > div {
    grid-template-columns: 241px 1fr;
    column-gap: 85px;
  }
}
.bl_roomMain_table > div + div {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_table > div + div {
    margin-top: 40px;
  }
}
.bl_roomMain_table dt {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .bl_roomMain_table dt {
    font-size: 1.125rem;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1280px) {
  .bl_roomMain_table dt {
    width: 241px;
  }
}
.bl_roomMain_table dd {
  width: 100%;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .bl_roomMain_table dd {
    padding-top: 0.2em;
    padding-bottom: 10px;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.55;
    border-bottom: 1px solid var(--color-base);
  }
}

.bl_roomMV {
  position: relative;
}
.bl_roomMV_inner {
  position: relative;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_inner {
    display: grid;
    grid-template-columns: max(26.5277777778%, 360px) 1fr;
    margin-top: -29px;
  }
}
.bl_roomMV_labelTtl {
  padding-right: 10.6666666667vw;
  margin-left: 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_labelTtl {
    display: block;
    width: 200px;
    padding-right: 0;
    margin-left: 134px;
  }
}
@media screen and (min-width: 1440px) {
  .bl_roomMV_labelTtl {
    width: 14.9305555556%;
    margin-left: 9.3055555556%;
  }
}
.bl_roomMV_thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 74.9333333333%;
  aspect-ratio: 281/200;
  margin-left: auto;
  opacity: 0;
  transition: opacity 1s;
}
@media screen and (min-width: 768px) {
  .bl_roomMV_thumb {
    aspect-ratio: 1058/700;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_thumb {
    order: 1;
    width: 100%;
  }
}
.bl_roomMV_thumb.is_ready {
  opacity: 1;
}
.bl_roomMV_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bl_roomMV_ttl {
  position: absolute;
  top: 0;
  left: 5.8666666667%;
  font-size: 1.5rem;
  color: var(--color-main);
  letter-spacing: 0.25em;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .bl_roomMV_ttl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_ttl {
    left: 0;
    width: 200px;
    margin-top: 56px;
    margin-left: 134px;
    font-size: 2.5rem;
    text-align: right;
  }
}
@media screen and (min-width: 1440px) {
  .bl_roomMV_ttl {
    width: 14.9305555556%;
    margin-left: 9.3055555556%;
  }
}
.bl_roomMV_link {
  display: inline-block;
  inline-size: max-content;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  writing-mode: vertical-rl;
  transition: color 0.3s;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .bl_roomMV_link {
    font-size: 0.875rem;
  }
}
.bl_roomMV_link:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .bl_roomMV_link:hover {
    color: var(--color-accent);
  }
}
.bl_roomMV_nav {
  position: relative;
  padding-block: 74px 35px;
  margin-top: -58px;
  line-height: 1.1;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_nav {
    display: grid;
    grid-template-columns: 1fr auto;
    align-self: start;
    order: 0;
    padding-block: 6.2827225131% 8.3769633508%;
    padding-right: 12.5654450262%;
    margin-top: 171px;
  }
}
.bl_roomMV_nav_list {
  display: flex;
  gap: 19px;
  justify-content: flex-start;
  margin-left: 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .bl_roomMV_nav_list {
    gap: 24px;
    justify-content: flex-end;
    margin-top: 4px;
    margin-left: auto;
  }
}
.bl_roomMV_nav_list li {
  min-inline-size: 1em;
}
.bl_roomMV_nav_list li.is_current a {
  color: var(--color-accent);
}

.bl_pagination {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .bl_pagination {
    margin-top: 64px;
  }
}
.bl_pagination ul.page-numbers {
  display: flex;
  gap: 1.5em;
  justify-content: center;
  font-size: 0.9375rem;
}
.bl_pagination ul.page-numbers li a,
.bl_pagination ul.page-numbers li span {
  position: relative;
  display: block;
  transition: opacity 0.3s;
}
.bl_pagination ul.page-numbers li a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .bl_pagination ul.page-numbers li a:hover {
    opacity: 0.7;
  }
}
.bl_pagination ul.page-numbers li span.current::after {
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  display: block;
  width: 300%;
  height: 1px;
  content: "";
  background: var(--color-base);
  transform: translate(-50%, 0%);
}

.bl_adjacent_post {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .bl_adjacent_post {
    width: min(100%, 550px);
    margin-inline: auto;
    margin-top: 64px;
  }
}
.bl_adjacent_post_prev, .bl_adjacent_post_back, .bl_adjacent_post_next {
  width: 100%;
  font-size: 0.875rem;
}
.bl_adjacent_post_prev > a, .bl_adjacent_post_back > a, .bl_adjacent_post_next > a {
  transition: opacity 0.3s;
}
.bl_adjacent_post_prev > a:focus-visible, .bl_adjacent_post_back > a:focus-visible, .bl_adjacent_post_next > a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .bl_adjacent_post_prev > a:hover, .bl_adjacent_post_back > a:hover, .bl_adjacent_post_next > a:hover {
    opacity: 0.7;
  }
}
.bl_adjacent_post_back {
  text-align: center;
}
.bl_adjacent_post_next {
  text-align: right;
}
.bl_adjacent_post_prev > a, .bl_adjacent_post_next > a {
  position: relative;
}
.bl_adjacent_post_prev > a::after, .bl_adjacent_post_next > a::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 8px;
  aspect-ratio: 5/7;
  content: "";
  background-color: var(--color-base);
  mask-image: var(--icon-arrow2);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  transform: translate(0%, -50%);
}
.bl_adjacent_post_prev > a {
  padding-left: 16px;
}
.bl_adjacent_post_prev > a::after {
  left: 0;
  transform: translate(0%, -50%) scale(-1, 1);
}
.bl_adjacent_post_next > a {
  padding-right: 16px;
}
.bl_adjacent_post_next > a::after {
  right: 0;
}

.bl_loading {
  position: fixed;
  inset: 0;
  z-index: var(--z-loading);
  display: grid;
  visibility: visible;
  place-items: center;
  background: var(--color-contrast);
  opacity: 1;
  transition: opacity 1s ease, visibility 1s ease;
}
.bl_loading.is_hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.bl_loading-logo img {
  width: 200px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .bl_loading-logo img {
    width: 400px;
  }
}

body.is_loading {
  overflow: hidden;
}

.bl_pageHeadLg {
  position: relative;
}
.bl_pageHeadLg_inner {
  position: relative;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_inner {
    display: grid;
    grid-template-columns: max(26.5277777778%, 360px) 1fr;
    margin-top: -29px;
  }
}
.bl_pageHeadLg_labelTtl {
  padding-right: 10.6666666667vw;
  margin-left: 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_labelTtl {
    display: block;
    width: 200px;
    padding-right: 0;
    margin-left: 134px;
  }
}
@media screen and (min-width: 1440px) {
  .bl_pageHeadLg_labelTtl {
    width: 14.9305555556%;
    margin-left: 9.3055555556%;
  }
}
.bl_pageHeadLg_thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 74.9333333333%;
  aspect-ratio: 281/200;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .bl_pageHeadLg_thumb {
    aspect-ratio: 1058/700;
  }
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_thumb {
    order: 1;
    width: 100%;
  }
}
.bl_pageHeadLg_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bl_pageHeadLg_ttl {
  position: absolute;
  top: 0;
  left: 5.8666666667%;
  font-size: 1.5rem;
  color: var(--color-main);
  letter-spacing: 0.124em;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .bl_pageHeadLg_ttl {
    font-size: 2rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_ttl {
    left: 0;
    width: 200px;
    margin-top: 56px;
    margin-left: 134px;
    font-size: 2.5rem;
    text-align: right;
  }
}
@media screen and (min-width: 1440px) {
  .bl_pageHeadLg_ttl {
    width: 14.9305555556%;
    margin-left: 9.3055555556%;
  }
}
.bl_pageHeadLg_content {
  position: relative;
  padding-block: 29px 67px;
  margin-top: -119px;
  line-height: 1.1;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_content {
    display: grid;
    grid-template-columns: 1fr auto;
    align-self: start;
    order: 0;
    padding-block: 6.2827225131% 8.3769633508%;
    padding-right: 9.9476439791%;
    margin-top: 171px;
  }
}
.bl_pageHeadLg_content_list {
  display: flex;
  justify-content: flex-end;
  padding-right: 74.9333333333%;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_content_list {
    justify-content: flex-end;
    padding-right: 0;
    margin-left: auto;
  }
}
.bl_pageHeadLg_content_list p {
  margin-right: 10%;
  font-size: 0.75rem;
  line-height: 1.4;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .bl_pageHeadLg_content_list p {
    font-size: 0.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_content_list p {
    margin-right: 0;
  }
}
.bl_pageHeadLg_nav {
  position: relative;
  padding-block: 74px 35px;
  margin-top: -58px;
  line-height: 1.1;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_nav {
    display: grid;
    grid-template-columns: 1fr auto;
    align-self: start;
    order: 0;
    padding-block: 6.2827225131% 8.3769633508%;
    padding-right: 12.5654450262%;
    margin-top: 273px;
  }
}
.bl_pageHeadLg_list {
  display: flex;
  gap: 19px;
  margin-left: 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_list {
    gap: 24px;
    margin-top: 4px;
    margin-left: auto;
  }
}
.bl_pageHeadLg_item {
  min-inline-size: 1em;
}
.bl_pageHeadLg_item.is_current a {
  color: var(--color-accent);
}
.bl_pageHeadLg_item.bl_pageHeadLg_item--luggage .bl_pageHeadLg_linkTxtSpacing {
  letter-spacing: 0.3em;
}
.bl_pageHeadLg_item.bl_pageHeadLg_item--luggage .bl_pageHeadLg_linkIndent {
  display: block;
  text-indent: 1.5em;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_item.bl_pageHeadLg_item--luggage .bl_pageHeadLg_linkIndent {
    text-indent: 1.5em;
  }
}
.bl_pageHeadLg_item.bl_pageHeadLg_item--luggage .bl_pageHeadLg_linkIndent + .bl_pageHeadLg_linkIndent {
  text-indent: 4em;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_item.bl_pageHeadLg_item--luggage .bl_pageHeadLg_linkIndent + .bl_pageHeadLg_linkIndent {
    text-indent: 3.5em;
  }
}
.bl_pageHeadLg_item.bl_pageHeadLg_item--limuseum .bl_pageHeadLg_linkIndent {
  display: block;
  text-indent: 3.5em;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg_item.bl_pageHeadLg_item--limuseum .bl_pageHeadLg_linkIndent {
    display: inline;
    text-indent: 0;
  }
}
.bl_pageHeadLg_link {
  display: inline-block;
  inline-size: max-content;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  writing-mode: vertical-rl;
  transition: color 0.3s;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .bl_pageHeadLg_link {
    font-size: 0.875rem;
  }
}
.bl_pageHeadLg_link:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .bl_pageHeadLg_link:hover {
    color: var(--color-accent);
  }
}
.bl_pageHeadLg_linkIndent {
  display: block;
}
.bl_pageHeadLg.bl_pageHeadLg--service .bl_pageHeadLg_list {
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .bl_pageHeadLg.bl_pageHeadLg--service .bl_pageHeadLg_list {
    justify-content: flex-end;
  }
}
.bl_pageHeadLg.bl_pageHeadLg--facility .bl_pageHeadLg_list {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.bl_pageHead {
  position: relative;
}
.bl_pageHead_inner {
  position: relative;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .bl_pageHead_inner {
    display: grid;
    grid-template-columns: max(39.3055555556%, 360px) 1fr;
    margin-top: -29px;
  }
  .bl_pageHead_inner::after {
    content: "";
  }
}
.bl_pageHead_labelTtl {
  padding-right: 21.3333333333vw;
  margin-left: 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .bl_pageHead_labelTtl {
    display: block;
    width: 32.0833333333%;
    padding-right: 0;
    margin-left: 5.5555555556%;
  }
}
.bl_pageHead_thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 72.2666666667%;
  aspect-ratio: 271/135;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .bl_pageHead_thumb {
    order: 1;
    width: 100%;
  }
}
.bl_pageHead_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bl_pageHead_ttl {
  position: absolute;
  top: 0;
  left: 5.8666666667%;
  font-size: 1rem;
  color: var(--color-main);
  letter-spacing: 0.06em;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .bl_pageHead_ttl {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1024px) {
  .bl_pageHead_ttl {
    left: 0;
    width: 32.0833333333%;
    margin-top: 56px;
    margin-left: 5.5555555556%;
  }
}
@media screen and (min-width: 1440px) {
  .bl_pageHead_ttl {
    width: 32.0833333333%;
    margin-left: 5.5555555556%;
    font-size: 2rem;
  }
}
.bl_pageHead.bl_pageHead--access .bl_pageHead_ttl {
  letter-spacing: 0.25em;
}

.ly_wrapper {
  padding-top: var(--header-height);
}
.ly_wrapper--bg_baseColor {
  background-color: var(--color-main);
}

.ly_header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-header);
  display: grid;
  place-items: center;
  height: var(--header-height);
  aspect-ratio: 1;
}
.ly_header_openBtn {
  --logo-main: #473d48;
  --logo-accent: #7f1b0b;
  display: block;
  width: 32px;
  height: 45px;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1024px) {
  .ly_header_openBtn {
    width: 40px;
    height: 56px;
  }
}
.ly_header_openBtn:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .ly_header_openBtn:hover {
    opacity: 0.7;
  }
}
.ly_header_openBtn svg {
  width: 100%;
  height: 100%;
}
.ly_header.is_active .ly_header_openBtn {
  --logo-main: var(--color-base);
  --logo-accent: var(--color-base);
}
.ly_header_menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-menu);
  visibility: hidden;
  width: 100%;
  height: 100vh;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.ly_header_menu.is_open {
  visibility: visible;
  opacity: 1;
}
.ly_header_menuInner {
  width: 100%;
  height: 100%;
  padding-top: 94px;
  padding-bottom: 68px;
  overflow: auto;
  cursor: auto;
  background: linear-gradient(270deg, rgba(71, 61, 72, 0.95) 73.56%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 1024px) {
  .ly_header_menuInner {
    max-width: 50%;
    padding-bottom: 125px;
    margin-left: auto;
    background: linear-gradient(270deg, rgba(71, 61, 72, 0.95) 63.46%, rgba(71, 61, 72, 0) 100%);
  }
}
.ly_header_nav {
  padding-right: 5.3333333333vw;
  line-height: 26px;
}
@media screen and (min-width: 1024px) {
  .ly_header_nav {
    padding-right: 24px;
  }
}
.ly_header_nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ly_header_nav li {
  margin-top: 16px;
}
.ly_header_nav li:first-child {
  margin-top: 0;
}
.ly_header_nav li a {
  font-size: 1rem;
  transition: opacity 0.3s;
}
.ly_header_nav li a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .ly_header_nav li a:hover {
    opacity: 0.7;
  }
}
.ly_header_nav li.is_pdf a {
  position: relative;
  padding-left: 18px;
}
.ly_header_nav li.is_pdf a::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 14px;
  aspect-ratio: 14/17.21;
  content: "";
  background-color: var(--color-base);
  mask-image: var(--icon-pdf);
  mask-repeat: no-repeat;
  transform: translate(0%, -50%);
}
.ly_header_closeBtn {
  position: absolute;
  top: 29px;
  right: 24px;
  width: 25px;
  aspect-ratio: 1;
  cursor: pointer;
  transition: opacity 0.3s;
}
.ly_header_closeBtn:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .ly_header_closeBtn:hover {
    opacity: 0.7;
  }
}
.ly_header_closeBtn::before, .ly_header_closeBtn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 32px;
  height: 2px;
  content: "";
  background: var(--color-base);
}
.ly_header_closeBtn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ly_header_closeBtn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ly_header_reservation {
  position: relative;
  height: 185px;
  aspect-ratio: 241/185;
  margin-top: 40px;
  margin-left: auto;
  background: url("../img/bg_menu_reservation_sp.svg") 0% 0% no-repeat;
  background-size: 100% 100%;
  transition: opacity 0.3s;
}
.ly_header_reservation:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .ly_header_reservation:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1024px) {
  .ly_header_reservation {
    height: 154px;
    aspect-ratio: 224/154;
    background-image: url("../img/bg_menu_reservation_pc.svg");
  }
}
.ly_header_reservation a {
  display: block;
  width: 100%;
  height: 100%;
}
.ly_header_reservation_txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 9.1286307054% 0 9.1286307054% 17.4273858921%;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .ly_header_reservation_txt {
    padding: 7.5892857143% 0 7.5892857143% 14.2857142857%;
    font-size: 0.875rem;
  }
}
.ly_header_reservation_ja {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--color-accent);
  letter-spacing: 0.12em;
}
.ly_header_reservation_ja::before, .ly_header_reservation_ja::after {
  display: inline-block;
  width: 1px;
  height: 1em;
  content: "";
  background: var(--color-accent);
}
@media screen and (min-width: 1024px) {
  .ly_header_reservation_ja::before, .ly_header_reservation_ja::after {
    height: 1.14em;
  }
}
.ly_header_reservation_en {
  font-size: 0.875rem;
  color: var(--color-main);
  letter-spacing: 0.06em;
}
.ly_header_reservation_logo {
  position: absolute;
  top: 147px;
  left: 99px;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .ly_header_reservation_logo {
    top: 121px;
    left: 95px;
  }
}
.ly_header_reservation_logo img {
  width: 119px;
  height: 17px;
}
@media screen and (min-width: 1024px) {
  .ly_header_reservation_logo img {
    width: 110px;
    height: 16px;
  }
}

.ly_cont {
  --side-gap: 24px;
  width: min(100% - var(--side-gap) * 2, 1280px);
  margin-inline: auto;
}
@media screen and (min-width: 576px) {
  .ly_cont {
    --side-gap: 40px;
  }
}
.ly_cont.ly_cont--sm {
  width: min(100% - var(--side-gap) * 2, 1080px);
}

.ly_footer {
  padding-top: clamp(56px, 44.7323943662px + 3.0046948357vw, 88px);
  background-color: var(--color-contrast-light);
}
.ly_footer_head {
  position: relative;
  width: min(100% - 48px, 868px);
  margin-inline: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .ly_footer_head {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }
}
.ly_footer_logo {
  display: block;
  transition: opacity 0.3s;
}
.ly_footer_logo:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .ly_footer_logo:hover {
    opacity: 0.7;
  }
}
.ly_footer_info {
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.64;
  color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .ly_footer_info {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .ly_footer_info {
    margin-top: 0;
    margin-left: 40px;
  }
}
.ly_footer_defList {
  display: flex;
  column-gap: 1em;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .ly_footer_defList {
    justify-content: flex-start;
  }
}
.ly_footer_defList > div {
  display: flex;
  align-items: center;
}
.ly_footer_defTtl {
  font-weight: 500;
}
.ly_footer_snsLogo {
  display: block;
  width: 38px;
  margin-inline: auto;
  margin-top: 32px;
  transition: opacity 0.3s;
}
.ly_footer_snsLogo:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .ly_footer_snsLogo:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1024px) {
  .ly_footer_snsLogo {
    margin-top: 16px;
    margin-left: 13px;
  }
}
.ly_footer_snsLogo img {
  width: 100%;
  height: auto;
}
.ly_footer_topBtn {
  position: absolute;
  bottom: -29px;
  display: none;
  transition: opacity 0.3s;
}
.ly_footer_topBtn:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .ly_footer_topBtn:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1024px) {
  .ly_footer_topBtn {
    right: -9.2165898618%;
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .ly_footer_topBtn {
    right: -14.2857142857%;
  }
}
.ly_footer_foot {
  padding-block: clamp(56px, 44.7323943662px + 3.0046948357vw, 88px) 20px;
  margin-top: clamp(48px, 33.9154929577px + 3.7558685446vw, 88px);
  background-color: var(--color-main);
}
@media screen and (min-width: 1024px) {
  .ly_footer_foot {
    padding-bottom: clamp(56px, 44.7323943662px + 3.0046948357vw, 88px);
  }
}
.ly_footer_footInner {
  position: relative;
}
.ly_footer_bannerList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr));
  grid-auto-rows: minmax(40px, 1fr);
  gap: 12px 17px;
}
@media screen and (min-width: 576px) {
  .ly_footer_bannerList {
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    grid-auto-rows: minmax(60px, 1fr);
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .ly_footer_bannerList {
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: minmax(80px, 1fr);
  }
}
.ly_footer_bannerLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-block: 6px;
  background-color: var(--color-contrast-darker);
  box-shadow: var(--shadow-banner);
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .ly_footer_bannerLink {
    padding-block: 8px 7px;
  }
}
.ly_footer_bannerLink:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .ly_footer_bannerLink:hover {
    opacity: 0.6;
  }
}
.ly_footer_bannerLink img {
  height: auto;
}
.ly_footer_bannerLink.ly_footer_bannerLink--hotel-naito {
  row-gap: 6px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--hotel-naito img {
  width: 66.4516129032%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sironohotel {
  row-gap: 8px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sironohotel img {
  width: 65.1612903226%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--kainohotel {
  row-gap: 3px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--kainohotel img {
  width: 69.6774193548%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--spaland {
  row-gap: 9px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--spaland img {
  width: 60.6451612903%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sentia {
  row-gap: 4px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sentia img {
  width: 64.5161290323%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--mitamanoyu {
  row-gap: 6px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--mitamanoyu img {
  width: 39.3548387097%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--yuyu {
  row-gap: 2px;
}
.ly_footer_bannerLink.ly_footer_bannerLink--yuyu img {
  width: 52.9032258065%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-ueno {
  row-gap: 17px;
}
@media screen and (min-width: 768px) {
  .ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-ueno {
    justify-content: flex-start;
  }
}
.ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-ueno img {
  width: 80.6451612903%;
}
.ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-tokyo {
  row-gap: 17px;
}
@media screen and (min-width: 768px) {
  .ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-tokyo {
    justify-content: flex-start;
  }
}
.ly_footer_bannerLink.ly_footer_bannerLink--sardonyx-tokyo img {
  width: 76.7741935484%;
}
.ly_footer_bannerLabel {
  display: none;
  font-size: 0.75rem;
  line-height: 1.45;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .ly_footer_bannerLabel {
    display: block;
  }
}
.ly_footer_copy {
  display: block;
  margin-inline: -16px;
  margin-top: clamp(48px, 36.7323943662px + 3.0046948357vw, 80px);
  font-size: 0.75rem;
  line-height: 1.72;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 1024px) {
  .ly_footer_copy {
    position: absolute;
    right: -17px;
    bottom: 17px;
    margin-inline: 0;
    margin-top: 0;
    text-align: left;
  }
}
@media screen and (min-width: 1280px) {
  .ly_footer_copy {
    right: 0;
  }
}

.un_top_mv {
  position: relative;
  width: 100%;
  padding: 0 6.4vw 10.6666666667vw;
  margin-top: -18px;
}
@media screen and (min-width: 768px) {
  .un_top_mv {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-top: 0;
  }
}
.un_top_mv_logo {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_top_mv_logo {
    flex-shrink: 0;
    width: 25%;
    padding-top: 3.6805555556vw;
  }
}
@media screen and (min-width: 1280px) {
  .un_top_mv_logo {
    width: max(360px, 25%);
    padding-top: 53px;
  }
}
.un_top_mv_logo img {
  width: 161px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_top_mv_logo img {
    width: 15.625vw;
  }
}
@media screen and (min-width: 1280px) {
  .un_top_mv_logo img {
    width: 217px;
  }
}
.un_top_mv_copy {
  width: 8em;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(0.75rem, 0.3214285714rem + 0.8928571429vw, 1.125rem);
  font-weight: 600;
  line-height: 2;
  vertical-align: middle;
  color: var(--color-main);
  letter-spacing: 0.16em;
  writing-mode: vertical-lr;
}
@media screen and (min-width: 768px) {
  .un_top_mv_copy {
    position: absolute;
    top: 16.6666666667vw;
    left: 0;
    display: grid;
    place-items: center;
    width: 25%;
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .un_top_mv_copy {
    top: 240px;
    width: max(360px, 25%);
  }
}
.un_top_mv_slider {
  width: 100%;
  padding-bottom: 16px !important;
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider {
    box-sizing: border-box;
    width: 100%;
    height: min(53.0555555556vw, 100vh - 50px);
    padding-bottom: 64px !important;
    margin-top: 0;
  }
}
.un_top_mv_slider figure {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider figure {
    position: relative;
    height: 100%;
  }
}
.un_top_mv_slider figure img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider figure img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider .swiper-wrapper {
    height: 100%;
    overflow: hidden;
  }
}
.un_top_mv_slider .swiper-pagination {
  bottom: 0 !important;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider .swiper-pagination {
    bottom: 40px !important;
  }
}
.un_top_mv_slider .swiper-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 2px;
  margin: 0 1px !important;
  background-color: var(--color-inactive);
  border-radius: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.un_top_mv_slider .swiper-pagination .swiper-pagination-bullet:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .un_top_mv_slider .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .un_top_mv_slider .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 6px;
    margin: 0 2px !important;
  }
}
.un_top_mv_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
.un_top_about {
  padding: clamp(80px, 38.4507042254px + 11.0798122066vw, 198px) 50px clamp(80px, 64.1549295775px + 4.2253521127vw, 125px);
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_top_about {
    margin-top: -102px;
  }
}
.un_top_about_inner {
  width: min(100%, 1152px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_top_about_inner {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding-bottom: 110px;
  }
}
@media screen and (min-width: 768px) {
  .un_top_about_contents {
    flex-shrink: 0;
    width: 64.84375%;
    margin-left: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_about_contents {
    width: 664px;
  }
}
.un_top_about_contents p {
  margin-top: 21px;
  font-size: 0.875rem;
  line-height: 1.91;
}
@media screen and (min-width: 768px) {
  .un_top_about_contents p {
    margin-top: 0;
    font-size: 1rem;
    line-height: 2.2;
  }
}
.un_top_about_heading {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_top_about_heading {
    height: 174px;
  }
}
.un_top_about_heading span {
  display: block;
  margin-top: 8px;
  font-size: 1rem;
}
.un_top_about_heading img {
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_top_about_heading img {
    width: 492px;
  }
}
.un_top_about_btn {
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .un_top_about_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.un_top_about_txt {
  display: none;
}
@media screen and (min-width: 768px) {
  .un_top_about_txt {
    display: block;
    width: 100%;
    padding-top: 174px;
    padding-bottom: 4px;
    font-size: 1.5rem;
    color: var(--color-base);
    border-bottom: 1px solid var(--color-base);
  }
}
.un_top_youtube {
  width: 100%;
  padding-bottom: clamp(40px, 28.0281690141px + 3.1924882629vw, 74px);
  background-color: var(--color-main);
}
.un_top_youtube_inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.un_top_youtube .js_youtube {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.un_top_movies {
  margin-top: 68px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .un_top_movies {
    margin-top: 118px;
  }
}
.un_top_movies_heading {
  padding-left: 15.4666666667vw;
}
@media screen and (min-width: 768px) {
  .un_top_movies_heading {
    width: min(1152px, 94.1176470588%);
    padding-left: 0;
    margin-inline: auto;
  }
}
.un_top_movies_heading span {
  display: inline-block;
  width: 32vw;
  padding-bottom: 10px;
  font-size: 1rem;
  color: var(--color-main);
  border-bottom: 1px solid var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_top_movies_heading span {
    width: 130px;
    font-size: 1.125rem;
  }
}
.un_top_movies_items {
  width: 220%;
  margin-top: 24px;
  transform: translate(15.4666666667vw, 0);
}
@media screen and (min-width: 768px) {
  .un_top_movies_items {
    width: 100%;
    margin-top: 32px;
    transform: translate(0, 0);
  }
}
.un_top_movies_items_item {
  transition: opacity 0.3s;
}
.un_top_movies_items_item:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .un_top_movies_items_item:hover {
    opacity: 0.7;
  }
}
.un_top_movies_items_item img {
  width: 100%;
  height: auto;
}
.un_top_movies_items .un_top_movies_modal {
  display: none;
}
.un_top_movies_items.swiper {
  visibility: hidden;
  overflow: hidden;
}
.un_top_movies_items.swiper.swiper-initialized {
  visibility: visible;
  overflow: visible;
}
.un_top_movies_modal {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.un_top_movies_modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.un_top_news {
  position: relative;
  margin-top: 47px;
}

@media screen and (min-width: 768px) {
  .un_top_news {
    width: min(1152px, 94.1176470588%);
    margin-inline: auto;
    margin-top: 190px;
  }
}

@media screen and (min-width: 768px) {
  .un_top_news_inner {
    position: relative;
    display: flex;
    width: min(100%, 924px);
    padding-inline: 40px;
    margin-inline: auto;
  }
}

@media screen and (min-width: 1280px) {
  .un_top_news_inner {
    margin-left: 156px;
  }
}

.un_top_news_heading {
  padding-left: 15.4666666667vw;
}

@media screen and (min-width: 768px) {
  .un_top_news_heading {
    padding-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .un_top_news_heading {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.un_top_news_heading span {
  display: inline-block;
  width: 32vw;
  padding-bottom: 10px;
  font-size: 1rem;
  color: var(--color-main);
  border-bottom: 1px solid var(--color-main);
}

@media screen and (min-width: 768px) {
  .un_top_news_heading span {
    width: 130px;
    font-size: 1.125rem;
  }
}

.un_top_news_swiperWrapper {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .un_top_news_swiperWrapper {
    padding-left: 15.4666666667vw;
    padding-right: 15.4666666667vw;
    box-sizing: border-box;
  }
}

.un_top_news_items {
  width: 100%;
  margin-top: 24px;
  overflow: visible;
  transform: none;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .un_top_news_items {
    width: 100%;
    margin-top: 32px;
    transform: translate(0, 0);
  }
}

@media screen and (min-width: 1280px) {
  .un_top_news_items {
    margin-top: 0;
  }
}

.un_top_news_items .un_top_movies_modal {
  display: none;
}

.un_top_news_banner {
  max-width: 69.3333333333vw;
  margin-inline: auto;
  margin-top: 36px;
  transition: opacity 0.3s;
}

.un_top_news_banner:focus-visible {
  opacity: 0.7;
}

@media (any-hover: hover) {
  .un_top_news_banner:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 768px) {
  .un_top_news_banner {
    max-width: 924px;
    padding-right: 40px;
    padding-left: 40px;
    margin-top: 27px;
    text-align: right;
  }
}

@media screen and (min-width: 1280px) {
  .un_top_news_banner {
    margin-left: 156px;
  }
}

.un_top_news_banner img {
  width: min(100%, 844px);
  height: auto;
}

/* 枚数が少ないときの静止表示 */
@media screen and (max-width: 767px) {
  .un_top_news_items.is-swiper-static {
    width: 100%;
    transform: none;
    overflow: hidden;
  }

  .un_top_news_items.is-swiper-static .swiper-wrapper {
    justify-content: center;
    transform: translate3d(0, 0, 0) !important;
  }

  .un_top_news_items.is-swiper-static .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.un_top_reverseMedia {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_inner {
    position: relative;
    display: grid;
    grid-template-columns: max(26.5277777778%, 360px) 1fr;
  }
}
.un_top_reverseMedia_labelTtl {
  position: absolute;
  top: -36px;
  left: 14.9333333333%;
}
@media screen and (min-width: 768px) {
  .un_top_reverseMedia_labelTtl {
    top: -52px;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_labelTtl {
    top: -0.5em;
    left: 11.4583333333%;
  }
}
.un_top_reverseMedia_thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 74.9333333333%;
  aspect-ratio: 281/245;
  margin-left: auto;
  overflow: hidden;
}
.un_top_reverseMedia_thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-contrast);
}
@media screen and (min-width: 768px) {
  .un_top_reverseMedia_thumb {
    aspect-ratio: 1058/600;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_thumb {
    order: 1;
    width: 100%;
  }
}
.un_top_reverseMedia_thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}
.un_top_reverseMedia_thumb img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, transform 0.3s;
}
.un_top_reverseMedia_thumb img:focus-visible {
  opacity: 0.7;
  transform: scale(1.08);
}
@media (any-hover: hover) {
  .un_top_reverseMedia_thumb img:hover {
    opacity: 0.7;
    transform: scale(1.08);
  }
}
.un_top_reverseMedia_body {
  position: relative;
  line-height: 1.1;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_body {
    display: grid;
    grid-template-columns: 1fr auto;
    align-self: start;
    order: 0;
    padding-right: 8.3769633508%;
  }
}
.un_top_reverseMedia_ttl {
  position: absolute;
  top: 14px;
  left: 12.8%;
  font-size: 1.5rem;
  letter-spacing: 0.25em;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .un_top_reverseMedia_ttl {
    top: 24px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_ttl {
    position: relative;
    top: auto;
    left: auto;
    grid-area: 1/2/2/3;
    font-size: 2.5rem;
  }
}
.un_top_reverseMedia_ttl a {
  transition: color 0.3s;
}
.un_top_reverseMedia_ttl a:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .un_top_reverseMedia_ttl a:hover {
    color: var(--color-accent);
  }
}
.un_top_reverseMedia_txtWrap {
  width: 74.9333333333%;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_txtWrap {
    display: flex;
    grid-area: 1/1/2/2;
    justify-content: flex-end;
    width: 100%;
  }
}
.un_top_reverseMedia_txt {
  margin-right: 16px;
  margin-left: -4px;
  font-size: 0.75rem;
  line-height: 1.75;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .un_top_reverseMedia_txt {
    font-size: 0.875rem;
    line-height: 2;
  }
}
.un_top_reverseMedia_list {
  display: flex;
  justify-content: flex-start;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_list {
    justify-content: flex-end;
    margin-top: 4px;
  }
}
.un_top_reverseMedia_list li {
  min-inline-size: 1em;
}
.un_top_reverseMedia_link {
  display: inline-block;
  inline-size: max-content;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  writing-mode: vertical-rl;
  transition: color 0.3s;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .un_top_reverseMedia_link {
    font-size: 0.875rem;
  }
}
.un_top_reverseMedia_link:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .un_top_reverseMedia_link:hover {
    color: var(--color-accent);
  }
}
.un_top_reverseMedia_linkTxtSpacing {
  letter-spacing: 0.3em;
}
.un_top_reverseMedia_linkIndent {
  display: block;
  text-indent: 0.5em;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_linkIndent {
    text-indent: 1em;
  }
}
.un_top_reverseMedia_linkIndent + .un_top_service_linkIndent {
  text-indent: 1em;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_linkIndent + .un_top_service_linkIndent {
    text-indent: 2em;
  }
}
.un_top_reverseMedia_desc {
  position: absolute;
  right: 4px;
  bottom: 14px;
  font-size: clamp(0.6875rem, -0.8125rem + 6.6666666667vw, 0.75rem);
  line-height: 1.29;
  color: var(--color-main);
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia_desc {
    bottom: 0;
    left: 0;
    width: max(26.5277777778%, 360px);
    padding-right: 1em;
    font-size: 0.875rem;
    text-align: right;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--room {
  margin-top: clamp(108px, 77.014084507px + 8.2629107981vw, 196px);
}
.un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_labelTtl {
  width: 120px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_labelTtl {
    width: 50%;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_body {
  padding-block: 128px 64px;
  margin-top: -115px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_body {
    padding-block: 6.2827225131% 8.3769633508%;
    margin-top: 56px;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_list {
  padding-left: 25%;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_list {
    padding-left: 0;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_list li {
  margin-right: 18px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--room .un_top_reverseMedia_list li {
    margin-right: 20px;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--breakfast {
  margin-top: clamp(88px, 68.2816901408px + 5.2582159624vw, 144px);
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--breakfast::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    content: "";
    background-color: var(--color-main);
  }
}
.un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_labelTtl {
  width: 180px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_labelTtl {
    width: 50%;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_body {
  padding-block: 162px 40px;
  margin-top: -150px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_body {
    padding-block: 8.3769633508% 12.5654450262%;
    margin-top: 56px;
  }
}
.un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_list li {
  margin-left: 18px;
}
@media screen and (min-width: 1024px) {
  .un_top_reverseMedia.un_top_reverseMedia--breakfast .un_top_reverseMedia_list li {
    margin-left: 20px;
  }
}
.un_top_media {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .un_top_media_inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr max(26.5277777778%, 360px);
  }
}
.un_top_media_labelTtl {
  position: absolute;
  right: 14.1333333333%;
  width: 186px;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .un_top_media_labelTtl {
    right: 5.5555555556%;
    width: 50%;
  }
}
.un_top_media_thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 74.9333333333%;
  aspect-ratio: 281/245;
  overflow: hidden;
}
.un_top_media_thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-contrast);
}
@media screen and (min-width: 768px) {
  .un_top_media_thumb {
    aspect-ratio: 1058/600;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_media_thumb {
    width: 100%;
  }
}
.un_top_media_thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}
.un_top_media_thumb img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, transform 0.3s;
}
.un_top_media_thumb img:focus-visible {
  opacity: 0.7;
  transform: scale(1.08);
}
@media (any-hover: hover) {
  .un_top_media_thumb img:hover {
    opacity: 0.7;
    transform: scale(1.08);
  }
}
.un_top_media_body {
  position: relative;
  line-height: 1.1;
  color: var(--color-main);
  background-color: var(--color-contrast-lighter);
}
@media screen and (min-width: 1024px) {
  .un_top_media_body {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: start;
  }
}
.un_top_media_ttl {
  position: absolute;
  top: 14px;
  right: 12.8%;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .un_top_media_ttl {
    top: 24px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_media_ttl {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media screen and (min-width: 1280px) {
  .un_top_media_ttl {
    font-size: 2.5rem;
  }
}
.un_top_media_ttl a {
  transition: color 0.3s;
}
.un_top_media_ttl a:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .un_top_media_ttl a:hover {
    color: var(--color-accent);
  }
}
.un_top_media_list {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 1024px) {
  .un_top_media_list {
    justify-content: flex-start;
    margin-top: 4px;
  }
}
.un_top_media_list li {
  min-inline-size: 1em;
}
.un_top_media_list li.un_top_media_list__fld {
  min-inline-size: 3em;
}
.un_top_media_link {
  display: inline-block;
  inline-size: max-content;
  font-size: 0.75rem;
  writing-mode: vertical-rl;
  transition: color 0.3s;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .un_top_media_link {
    font-size: 0.875rem;
  }
}
.un_top_media_link:focus-visible {
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .un_top_media_link:hover {
    color: var(--color-accent);
  }
}
.un_top_media_linkTxtSpacing {
  letter-spacing: 0.3em;
}
.un_top_media_linkIndent {
  display: block;
  text-indent: 0.5em;
}
@media screen and (min-width: 1024px) {
  .un_top_media_linkIndent {
    text-indent: 1em;
  }
}
.un_top_media_linkIndent + .un_top_media_linkIndent {
  text-indent: 1em;
}
@media screen and (min-width: 1024px) {
  .un_top_media_linkIndent + .un_top_media_linkIndent {
    text-indent: 2em;
  }
}
.un_top_media.un_top_media--facility {
  margin-top: clamp(88px, 68.2816901408px + 5.2582159624vw, 144px);
}
.un_top_media.un_top_media--facility .un_top_media_labelTtl {
  top: -40px;
}
@media screen and (min-width: 768px) {
  .un_top_media.un_top_media--facility .un_top_media_labelTtl {
    top: -52px;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--facility .un_top_media_labelTtl {
    top: -0.5em;
  }
}
.un_top_media.un_top_media--facility .un_top_media_body {
  padding-block: 130px 17px;
  margin-top: -118px;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--facility .un_top_media_body {
    column-gap: 8.1871345029%;
    padding-block: 8.3769633508% 12.5654450262%;
    padding-left: 10.4712041885%;
    margin-top: 80px;
  }
}
.un_top_media.un_top_media--facility .un_top_media_list {
  padding-right: 25%;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--facility .un_top_media_list {
    padding-right: 0;
  }
}
.un_top_media.un_top_media--facility .un_top_media_list li {
  margin-right: 18px;
}
.un_top_media.un_top_media--facility .un_top_media_list li:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--facility .un_top_media_list li {
    margin-right: 20px;
  }
}
.un_top_media.un_top_media--service {
  padding-bottom: 48px;
  margin-top: clamp(88px, 68.2816901408px + 5.2582159624vw, 144px);
  background-color: var(--color-main);
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--service {
    padding-bottom: 72px;
  }
}
.un_top_media.un_top_media--service::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: clamp(90px, 70.2816901408px + 5.2582159624vw, 146px);
  content: "";
  background-color: var(--color-main);
  transform: translateY(-100%);
}
.un_top_media.un_top_media--service .un_top_media_labelTtl {
  top: -40px;
}
@media screen and (min-width: 768px) {
  .un_top_media.un_top_media--service .un_top_media_labelTtl {
    top: -52px;
  }
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--service .un_top_media_labelTtl {
    top: -0.5em;
  }
}
.un_top_media.un_top_media--service .un_top_media_body {
  padding-block: 126px 20px;
  margin-top: -112px;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--service .un_top_media_body {
    padding-block: 7.3298429319% 9.4240837696%;
    padding-left: 8.3769633508%;
    margin-top: 80px;
  }
}
.un_top_media.un_top_media--service .un_top_media_list {
  padding-right: 25%;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--service .un_top_media_list {
    padding-right: 0;
  }
}
.un_top_media.un_top_media--service .un_top_media_list li {
  margin-left: 18px;
}
@media screen and (min-width: 1024px) {
  .un_top_media.un_top_media--service .un_top_media_list li {
    margin-left: 20px;
  }
}

.un_guestRoom {
  padding: clamp(40px, -14.5774647887px + 14.5539906103vw, 195px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
}
.un_guestRoom_firstSection {
  width: min(100%, 1064px);
  margin-inline: auto;
}
.un_guestRoom_firstSection_heading {
  font-size: 1.25rem;
  line-height: 1.7;
  color: var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_heading {
    font-size: 1.5rem;
  }
}
.un_guestRoom_firstSection p {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 2.2;
  color: var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection p {
    font-size: 0.9375rem;
  }
}
.un_guestRoom_firstSection_cols {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_cols {
    flex-direction: row;
    justify-content: space-between;
  }
}
.un_guestRoom_firstSection_cols picture {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_cols picture {
    width: 48.7781954887%;
  }
}
.un_guestRoom_firstSection_cols picture:nth-child(1) img {
  width: 65.0666666667vw;
  max-width: 244px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_cols picture:nth-child(1) img {
    width: 61.2716763006%;
  }
}
.un_guestRoom_firstSection_cols picture:nth-child(2) {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_cols picture:nth-child(2) {
    margin-top: 0;
  }
}
.un_guestRoom_firstSection_cols picture:nth-child(2) img {
  width: 64.2666666667vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_firstSection_cols picture:nth-child(2) img {
    width: 100%;
  }
}
.un_guestRoom_list {
  width: min(100%, 1064px);
  margin-inline: auto;
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_list {
    margin-top: 80px;
  }
}
.un_guestRoom_list_sec {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_list_sec {
    margin-top: 100px;
  }
}
.un_guestRoom_lineHeading {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_lineHeading {
    column-gap: 32px;
    font-size: 1.25rem;
  }
}
.un_guestRoom_lineHeading::after {
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-base);
}
.un_guestRoom_cards {
  display: grid;
  gap: 64px 10.922787194%;
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_cards {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 72px;
    margin-top: 44px;
  }
}
.un_guestRoom_card:focus-visible .un_guestRoom_card_thumb::before {
  opacity: 0.7;
}
.un_guestRoom_card:focus-visible .un_guestRoom_card_thumb::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .un_guestRoom_card:hover .un_guestRoom_card_thumb::before {
    opacity: 0.7;
  }
  .un_guestRoom_card:hover .un_guestRoom_card_thumb::after {
    opacity: 1;
  }
}
.un_guestRoom_card_heading {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_card_heading {
    font-size: 1.125rem;
  }
}
.un_guestRoom_card_spec {
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_card_spec {
    margin-top: 8px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
}
.un_guestRoom_card_thumb {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
}
.un_guestRoom_card_thumb::before, .un_guestRoom_card_thumb::after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
}
.un_guestRoom_card_thumb::before {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-main);
}
.un_guestRoom_card_thumb::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-base);
  content: "詳細を見る";
  border: 1px solid var(--color-base);
  transform: translate(-50%, -50%);
}
.un_guestRoom_card_thumb img {
  width: 100%;
  height: auto;
}
.un_guestRoom_card_description {
  margin-top: 12px;
}
.un_guestRoom_card_description p {
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.62;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_card_description p {
    font-size: 0.9375rem;
    line-height: 1.91;
  }
}
.un_guestRoom_card_description p:first-child {
  margin-top: 0;
}
.un_guestRoom_note {
  margin-top: 56px;
  font-size: 1.25rem;
  line-height: 1.66;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_guestRoom_note {
    margin-top: 56px;
    font-size: 1.5rem;
    line-height: 1.44;
  }
}
.un_guestRoom_note p {
  display: inline-block;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
}

.un_about_lineHeading {
  margin-left: 11.7333333333vw;
}
@media screen and (min-width: 768px) {
  .un_about_lineHeading {
    margin-left: 5.5555555556vw;
  }
}
.un_about_first {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .un_about_first {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: -31px;
  }
}
.un_about_first_cont {
  width: 100%;
  padding-inline: 13.8666666667vw;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .un_about_first_cont {
    padding-inline: 5.5555555556vw min(4.1666666667vw, 64px);
    margin-top: 56px;
  }
}
.un_about_inner {
  max-width: 519px;
}
@media screen and (min-width: 768px) {
  .un_about_inner {
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .un_about_inner.un_about_inner--mlAuto {
    margin-inline: auto 0;
  }
}
.un_about_heading {
  display: grid;
  row-gap: 4px;
}
.un_about_heading_ja {
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .un_about_heading_ja {
    font-size: 2.25rem;
  }
}
.un_about_heading_en {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .un_about_heading_en {
    font-size: 0.875rem;
  }
}
.un_about_heading.un_about_heading--mt {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_about_heading.un_about_heading--right {
    text-align: right;
  }
}
.un_about_subHeading {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_about_subHeading {
    font-size: 1.25rem;
  }
}
.un_about_subHeading.un_about_subHeading--mt {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_about_subHeading.un_about_subHeading--mt {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .un_about_subHeading.un_about_subHeading--right {
    text-align: right;
  }
}
.un_about_txt {
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .un_about_txt {
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
.un_about_txt + .un_about_txt {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_about_txt + .un_about_txt {
    margin-top: 32px;
  }
}
.un_about_txt.un_about_txt--mt {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .un_about_txt.un_about_txt--mt {
    margin-top: 16px;
  }
}
.un_about_txt.un_about_txt--mtMd {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_about_txt.un_about_txt--mtMd {
    margin-top: 40px;
  }
}
.un_about_joinImg {
  width: 78.6666666667vw;
  margin-inline: auto 0;
}
@media screen and (min-width: 768px) {
  .un_about_joinImg {
    flex-shrink: 0;
    width: 46.1805555556%;
  }
}
.un_about_joinImg_logo {
  padding-block: clamp(22px, 11.0845070423px + 2.9107981221vw, 53px) clamp(22px, 7.9154929577px + 3.7558685446vw, 62px);
  text-align: center;
  background-color: var(--color-base);
}
.un_about_joinImg_logo img {
  width: 37.6vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_about_joinImg_logo img {
    width: 315px;
  }
}
.un_about_joinImg_photo img {
  width: 100%;
  height: auto;
}
.un_about_image {
  width: 78.6666666667vw;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .un_about_image {
    flex-shrink: 0;
    width: 46.1805555556%;
  }
}
.un_about_image img {
  width: 100%;
  height: auto;
}
.un_about_image.un_about_image--mlAuto {
  margin-inline: auto 0;
}
.un_about_gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 5.5555555556%;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_about_gallery {
    column-gap: 5.4794520548%;
    width: 84.3930635838%;
    margin-top: 40px;
  }
}
.un_about_gallery_img {
  display: block;
  width: 100%;
}
.un_about_gallery_img img {
  width: 100%;
  height: auto;
}
.un_about_spot {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .un_about_spot {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-top: 156px;
  }
}
.un_about_spot_cont {
  width: 100%;
  padding-inline: 13.8666666667vw;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .un_about_spot_cont {
    padding-inline: 24px min(5.2083333333vw, 80px);
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .un_about_spot.un_about_spot--reverse {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .un_about_spot.un_about_spot--reverse .un_about_spot_cont {
    padding-inline: min(4.1666666667vw, 64px) 24px;
  }
}
.un_about_spot.un_about_spot--reverse .un_about_inner {
  margin-inline: auto 0;
}
.un_about_spot.un_about_spot--mtSm {
  margin-top: 120px;
}
@media screen and (min-width: 768px) {
  .un_about_spot.un_about_spot--mtSm {
    margin-top: 160px;
  }
}
.un_about_spot.un_about_spot--mtMd {
  margin-top: 120px;
}
@media screen and (min-width: 768px) {
  .un_about_spot.un_about_spot--mtMd {
    margin-top: 160px;
  }
}
.un_about_banner {
  padding-inline: 13.8666666667vw;
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  .un_about_banner {
    width: min(100%, 1026px);
    padding-inline: 40px;
    margin-inline: auto;
    margin-top: 180px;
  }
}
.un_about_banner_txt {
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .un_about_banner_txt {
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
@media screen and (min-width: 1024px) {
  .un_about_banner_txt {
    text-align: center;
  }
}
.un_about_banner_link {
  display: block;
  margin-top: 12px;
  transition: opacity 0.3s;
}
.un_about_banner_link:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .un_about_banner_link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .un_about_banner_link {
    margin-top: 8px;
  }
}
.un_about_banner_link img {
  width: 100%;
  height: auto;
}
.un_about_smImage {
  width: 78.6666666667vw;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .un_about_smImage {
    flex-shrink: 0;
    width: 42.9861111111%;
  }
}
.un_about_smImage img {
  width: 100%;
  height: auto;
}
.un_about_illust {
  display: block;
  width: 100%;
  margin-inline: auto;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .un_about_illust {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .un_about_illust {
    margin-top: 0;
  }
}
.un_about_illust img {
  width: 100%;
  height: auto;
}
.un_about.un_about--bg {
  padding-bottom: clamp(120px, 98.8732394366px + 5.6338028169vw, 180px);
  color: var(--color-base);
  background: url("../img/bg_about_primary_top_sp.webp") 0% 267px no-repeat, url("../img/bg_about_primary_bottom_sp.webp") 0% 100% no-repeat;
  background-color: var(--color-main);
  background-size: 100% auto, 100% auto;
}
@media screen and (min-width: 768px) {
  .un_about.un_about--bg {
    background: url("../img/bg_about_primary_top_pc.webp") 0% 342px no-repeat, url("../img/bg_about_primary_bottom_pc.webp") 0% 100% no-repeat;
    background-size: 100% auto, 100% auto;
  }
}
.un_about.un_about--bg .un_about_lineHeading {
  width: 136px;
  margin-left: 6%;
}
@media screen and (min-width: 768px) {
  .un_about.un_about--bg .un_about_lineHeading {
    width: 80%;
    margin-left: 5.5555555556vw;
  }
}
.un_about.un_about--normal {
  padding-block: clamp(120px, 98.8732394366px + 5.6338028169vw, 180px) clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  color: var(--color-main);
  background-color: var(--color-base);
}
.un_about.un_about--normal .un_about_lineHeading {
  width: 300px;
  margin-left: 6%;
  text-align: center;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .un_about.un_about--normal .un_about_lineHeading {
    width: 48.2638888889vw;
    margin-left: 5.5555555556vw;
    text-align: left;
    font-size: 1.5rem;
  }
}
.un_about.un_about--normal .un_about_first {
  margin-top: 45px;
}
@media screen and (min-width: 768px) {
  .un_about.un_about--normal .un_about_first {
    margin-top: 0;
  }
}
.un_about.un_about--normal .un_about_first_cont {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .un_about.un_about--normal .un_about_first_cont {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .un_about.un_about--normal .un_about_first_cont {
    padding-inline: min(13.125%, 189px) min(7.8472222222%, 113px);
    margin-top: 56px;
  }
}

.un_breakfast {
  padding: clamp(27px, -7.5070422535px + 9.2018779343vw, 125px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  background-color: var(--color-main);
}
@media screen and (min-width: 1024px) {
  .un_breakfast {
    margin-top: -72px;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfast_header {
    margin-right: -24px;
    margin-left: -24px;
  }
}
.un_breakfast_header_ja {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .un_breakfast_header_ja {
    font-size: 1.5rem;
  }
}
.un_breakfast_header_en {
  display: inline-block;
  margin-top: 8px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .un_breakfast_header_en {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un_breakfast_header_heading {
    flex-shrink: 0;
  }
}
.un_breakfast_header p {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_breakfast_header p {
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfast_header p {
    width: min(100%, 560px);
    margin-top: 0;
    margin-left: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfast_headerInner {
    display: flex;
    align-items: center;
    padding-right: 24px;
    margin-left: max(26.5277777778%, 360px);
  }
}

.un_breakfastDetail {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail {
    display: flex;
    align-items: center;
    width: min(100%, 1280px);
    margin-inline: auto;
    margin-top: 145px;
  }
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_contents {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail_contents {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .un_breakfastDetail_contents {
    padding-right: 10.546875%;
  }
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail_header {
    justify-content: flex-start;
    padding-left: 16px;
  }
}
.un_breakfastDetail_header_logo {
  text-align: center;
}
.un_breakfastDetail_header_logo img {
  width: 177px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_header_logo img {
    width: 150px;
  }
}
.un_breakfastDetail_header_txt {
  margin-top: 34px;
  font-size: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_header_txt {
    margin-top: 0;
    margin-left: 48px;
    font-size: 24px;
  }
}
.un_breakfastDetail_table {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_table {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail_table {
    margin-top: 24px;
  }
}
.un_breakfastDetail_table dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.un_breakfastDetail_table dl:first-child {
  margin-top: 0;
}
.un_breakfastDetail_table dl dt {
  flex-shrink: 0;
  width: 35.1681957187%;
  padding-bottom: 4px;
  padding-left: 8px;
  font-size: 1rem;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_table dl dt {
    padding-left: 0;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail_table dl dt {
    width: 120px;
  }
}
@media screen and (min-width: 1280px) {
  .un_breakfastDetail_table dl dt {
    width: 193px;
  }
}
.un_breakfastDetail_table dl dt span {
  display: flex;
  align-items: center;
  height: 100%;
}
.un_breakfastDetail_table dl dd {
  width: 100%;
  padding-top: 0.1em;
  padding-bottom: 4px;
  margin-left: 5.6vw;
  font-size: 0.875rem;
  line-height: 1.4;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_table dl dd {
    margin-left: 21px;
    font-size: 1rem;
  }
}
.un_breakfastDetail_table dl dd span {
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .un_breakfastDetail_table dl dd span {
    font-size: 1rem;
  }
}
.un_breakfastDetail_photo {
  width: 100%;
  margin-top: 48px;
}
@media screen and (min-width: 1024px) {
  .un_breakfastDetail_photo {
    flex-shrink: 0;
    width: 49.0625%;
    margin-top: 0;
  }
}
.un_breakfastDetail_photo img {
  width: 100%;
  height: auto;
}

.un_breakfastItems {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .un_breakfastItems {
    display: flex;
    width: min(100%, 1280px);
    margin-inline: auto;
    margin-top: 214px;
  }
}
.un_breakfastItems_item {
  margin-top: 48px;
}
.un_breakfastItems_item:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .un_breakfastItems_item {
    width: 30.78125%;
    margin-top: 0;
    margin-left: 3.828125%;
  }
  .un_breakfastItems_item:first-child {
    margin-left: 0;
  }
}
.un_breakfastItems_item_heading {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .un_breakfastItems_item_heading {
    font-size: 1.5rem;
  }
}
.un_breakfastItems_item figure {
  width: 100%;
  margin-top: 16px;
}
.un_breakfastItems_item figure img {
  width: 100%;
  height: auto;
}
.un_breakfastItems_item_title {
  margin-top: 20px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_breakfastItems_item_title {
    font-size: 1.125rem;
  }
}
.un_breakfastItems_item p {
  margin-top: 14px;
  font-size: 0.875rem;
  line-height: 1.62;
}
@media screen and (min-width: 768px) {
  .un_breakfastItems_item p {
    font-size: 0.9375rem;
    line-height: 1.91;
  }
}

.un_breakfastSecs {
  margin-top: clamp(120px, 111.5492957746px + 2.2535211268vw, 144px);
}
@media screen and (min-width: 768px) {
  .un_breakfastSecs {
    width: min(100%, 1280px);
    margin-inline: auto;
  }
}
.un_breakfastSecs_item {
  display: grid;
  grid-template-areas: "heading" "image" "text";
  row-gap: 20px;
}
.un_breakfastSecs_item + .un_breakfastSecs_item {
  margin-top: clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
}
@media screen and (min-width: 768px) {
  .un_breakfastSecs_item {
    grid-template-areas: "heading image" "text image";
    grid-template-columns: minmax(0, 412px) minmax(0, 820px);
    gap: 32px 48px;
  }
}
@media screen and (min-width: 768px) {
  .un_breakfastSecs_item:nth-child(2n) {
    grid-template-areas: "image heading" "image text";
    grid-template-columns: minmax(0, 820px) minmax(0, 412px);
  }
}
.un_breakfastSecs_item_heading {
  grid-area: heading;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .un_breakfastSecs_item_heading {
    align-self: end;
    font-size: 1.5rem;
    font-weight: 600;
  }
}
.un_breakfastSecs_item_text {
  grid-area: text;
  font-size: 0.875rem;
  line-height: 1.9;
}
@media screen and (min-width: 768px) {
  .un_breakfastSecs_item_text {
    align-self: start;
    font-size: 0.9375rem;
    line-height: 2;
  }
}
.un_breakfastSecs_item_image {
  grid-area: image;
  align-self: center;
  width: 100%;
}
.un_breakfastSecs_item_image img {
  display: block;
  width: 100%;
  height: auto;
}

.un_facility {
  padding: clamp(64px, 5.9014084507px + 15.4929577465vw, 229px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_facility {
    margin-top: -72px;
  }
}
@media screen and (min-width: 768px) {
  .un_facility_header {
    width: min(100%, 1062px);
    margin-inline: auto;
  }
}
.un_facility_header_ja {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .un_facility_header_ja {
    font-size: 1.5rem;
  }
}
.un_facility_header_en {
  display: block;
  margin-top: 4px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .un_facility_header_en {
    font-size: 1rem;
  }
}

.un_facilityItems {
  width: min(100%, 1062px);
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .un_facilityItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
  }
}
.un_facilityItems_item {
  margin-top: 64px;
}
.un_facilityItems_item:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .un_facilityItems_item {
    width: 44.538606403%;
    margin-top: 64px;
  }
  .un_facilityItems_item:first-child {
    width: 100%;
    margin-top: 0;
  }
}
.un_facilityItems_item figure {
  width: 100%;
  margin-top: 16px;
}
.un_facilityItems_item figure img {
  width: 100%;
  height: auto;
}
.un_facilityItems_item_title {
  margin-top: 12px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_facilityItems_item_title {
    margin-top: 16px;
    font-size: 1.125rem;
  }
}
.un_facilityItems_item p {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.62;
}
@media screen and (min-width: 768px) {
  .un_facilityItems_item p {
    margin-top: 16px;
    font-size: 0.9375rem;
    line-height: 1.91;
  }
}

.un_facilitySecs {
  width: min(100%, 1062px);
  margin-inline: auto;
  margin-top: 120px;
}
@media screen and (min-width: 768px) {
  .un_facilitySecs {
    margin-top: 144px;
  }
}
.un_facilitySecs_item {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  padding-top: 40px;
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .un_facilitySecs_item {
    align-items: center;
    padding-top: 0;
    margin-top: 160px;
  }
  .un_facilitySecs_item:nth-child(2n+1) {
    flex-direction: row;
  }
  .un_facilitySecs_item:nth-child(2n+1) .un_facilitySecs_item_contents {
    padding-right: 48px;
  }
  .un_facilitySecs_item:nth-child(2n+2) {
    flex-direction: row-reverse;
  }
  .un_facilitySecs_item:nth-child(2n+2) .un_facilitySecs_item_contents {
    padding-left: 48px;
  }
}
.un_facilitySecs_item:first-child {
  margin-top: 0;
}
.un_facilitySecs_item_contents p {
  margin-top: 14px;
  font-size: 0.875rem;
  line-height: 1.62;
}
@media screen and (min-width: 768px) {
  .un_facilitySecs_item_contents p {
    margin-top: 32px;
    font-size: 0.9375rem;
    line-height: 1.91;
  }
}
.un_facilitySecs_item_heading {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 2em;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .un_facilitySecs_item_heading {
    position: relative;
    padding-bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
  }
}
.un_facilitySecs_item figure {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_facilitySecs_item figure {
    flex-shrink: 0;
    width: 49.34086629%;
  }
}
@media screen and (min-width: 1024px) {
  .un_facilitySecs_item figure {
    width: 61.7702448211%;
  }
}
@media screen and (min-width: 1280px) {
  .un_facilitySecs_item figure {
    width: 77.2128060264%;
  }
}
.un_facilitySecs_item figure img {
  width: 100%;
  height: auto;
}

.un_service {
  padding: clamp(67px, -7.2957746479px + 19.8122065728vw, 278px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_service {
    margin-top: -72px;
  }
}
@media screen and (min-width: 768px) {
  .un_service_inner {
    width: min(100%, 1280px);
    margin-inline: auto;
  }
}
.un_service_heading {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .un_service_heading {
    font-size: 1.5rem;
    font-weight: 600;
  }
}
.un_service_heading + * {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .un_service_heading + * {
    margin-top: 32px;
  }
}
.un_service_media {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .un_service_media {
    flex-direction: row;
    column-gap: 48px;
    align-items: center;
  }
}
.un_service_media + .un_service_media {
  margin-top: clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
}
.un_service_media_inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .un_service_media_inner {
    flex-direction: row;
    column-gap: 48px;
    align-items: center;
  }
}
.un_service_media_contents {
  display: contents;
}
@media screen and (min-width: 768px) {
  .un_service_media_contents {
    display: block;
  }
}
.un_service_media_txt {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_service_media_txt {
    margin-top: 32px;
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
.un_service_media_thumbWrap {
  width: 100%;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .un_service_media_thumbWrap {
    flex-shrink: 0;
    width: 40.9375%;
  }
}
@media screen and (min-width: 1024px) {
  .un_service_media_thumbWrap {
    width: 51.25%;
  }
}
@media screen and (min-width: 1280px) {
  .un_service_media_thumbWrap {
    width: 64.0625%;
  }
}
.un_service_media_thumb {
  display: block;
}
.un_service_media_thumb img {
  width: 100%;
  height: auto;
}
.un_service_media_btn {
  order: 1;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .un_service_media_btn {
    position: relative;
    order: revert;
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--reverse {
    flex-direction: row-reverse;
  }
}
.un_service_media.un_service_media--fujiyama {
  display: block;
}
.un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap {
    width: 36.84375%;
  }
}
@media screen and (min-width: 1024px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap {
    width: 46.125%;
  }
}
@media screen and (min-width: 1280px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap {
    width: 57.65625%;
  }
}
.un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_thumbWrap img {
    width: 70.7317073171%;
  }
}
.un_service_media.un_service_media--fujiyama .un_service_media_btn {
  margin-top: 32px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_btn {
    margin-top: 72px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_btn .el_btn_external {
    width: min(100%, 228px);
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un_service_media.un_service_media--fujiyama .un_service_media_btn .el_btn_external span {
    justify-content: center;
  }
  .un_service_media.un_service_media--fujiyama .un_service_media_btn .el_btn_external span::after {
    width: 24px;
    margin-left: 16px;
  }
}
.un_service_txtBlock {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .un_service_txtBlock {
    margin-top: 160px;
  }
}
.un_service_txtBlock + .un_service_txtBlock {
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .un_service_txtBlock + .un_service_txtBlock {
    margin-top: 80px;
  }
}
.un_service_txtBlock_desc {
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_service_txtBlock_desc {
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
.un_service_txtBlock_desc.un_service_txtBlock_desc--mt {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .un_service_txtBlock_desc.un_service_txtBlock_desc--mt {
    margin-top: 32px;
  }
}

.un_access {
  padding: clamp(80px, 13.8028169014px + 17.6525821596vw, 268px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  margin-top: -10.6666666667vw;
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_access {
    margin-top: -3.90625vw;
  }
}
@media screen and (min-width: 1024px) {
  .un_access {
    margin-top: -80px;
  }
}
@media screen and (min-width: 1280px) {
  .un_access {
    margin-top: -148px;
  }
}
@media screen and (min-width: 768px) {
  .un_access_map {
    width: min(100%, 1280px);
    margin-inline: auto;
  }
}
.un_access_map_btn {
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_access_map_btn {
    margin-top: 56px;
  }
}
@media screen and (min-width: 768px) {
  .un_access_map_btn .el_btn_box {
    width: min(100%, 412px);
  }
}
.un_access_map p {
  margin-top: 24px;
  font-size: 1rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_access_map p {
    font-size: 1.25rem;
    line-height: 2.2;
  }
}
.un_access_map iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 326/190;
  margin-top: 10px;
  border: 0;
}
@media screen and (min-width: 768px) {
  .un_access_map iframe {
    aspect-ratio: 1284/500;
  }
}
.un_access_public {
  margin-top: 72px;
}
@media screen and (min-width: 768px) {
  .un_access_public {
    width: min(100%, 1280px);
    margin-inline: auto;
    margin-top: 140px;
  }
}
.un_access_public_btn {
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_access_public_btn {
    margin-top: 56px;
  }
}
.un_access_public p {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_access_public p {
    margin-top: 32px;
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
.un_access_publicSec {
  margin-top: 20px;
}
.un_access_publicSec_heading {
  margin-top: 32px;
  font-size: 1.125rem;
  font-weight: 600;
}
.un_access .un_accessItems {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.un_access .un_accessItems_item {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems_item {
    width: 48.671875%;
  }
}
.un_access .un_accessItems_item:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems_item {
    margin-top: 0;
  }
}
.un_access .un_accessItems_item iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 325/183;
  border: 0;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems_item iframe {
    aspect-ratio: 623/350;
  }
}
.un_access .un_accessItems_item_title {
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems_item_title {
    font-size: 1.5rem;
    font-weight: 600;
  }
}
.un_access .un_accessItems--no_image {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems--no_image {
    margin-top: 128px;
  }
}
.un_access .un_accessItems--no_image .un_accessItems_item {
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems--no_image .un_accessItems_item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .un_access .un_accessItems--no_image .un_accessItems_item p {
    margin-top: 20px;
  }
}

.un_accessSecs {
  margin-top: 72px;
}
@media screen and (min-width: 768px) {
  .un_accessSecs {
    width: min(100%, 1280px);
    margin-inline: auto;
    margin-top: 120px;
  }
}
.un_accessSecs_item {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .un_accessSecs_item {
    display: flex;
    margin-top: 160px;
  }
  .un_accessSecs_item:nth-child(2n+1) .un_accessSecs_itemInner {
    flex-direction: row;
  }
  .un_accessSecs_item:nth-child(2n+1) .un_accessSecs_item_contents:has(+ figure) {
    padding-right: 48px;
  }
  .un_accessSecs_item:nth-child(2n+2) .un_accessSecs_itemInner {
    flex-direction: row-reverse;
  }
  .un_accessSecs_item:nth-child(2n+2) .un_accessSecs_item_contents:has(+ figure) {
    padding-left: 48px;
  }
}
.un_accessSecs_item:first-child {
  margin-top: 0;
}
.un_accessSecs_item_contents {
  width: 100%;
}
.un_accessSecs_item_contents p {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_accessSecs_item_contents p {
    margin-top: 32px;
    font-size: 0.9375rem;
    line-height: 2.2;
  }
}
.un_accessSecs_item figure {
  width: 100%;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .un_accessSecs_item figure {
    flex-shrink: 0;
    width: 48.671875%;
  }
}
.un_accessSecs_item figure img {
  width: 100%;
  height: auto;
}
.un_accessSecs_itemInner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.un_news {
  padding: clamp(111px, 55.7183098592px + 14.7417840376vw, 268px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  margin-top: -10.6666666667vw;
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_news {
    margin-top: -3.90625vw;
  }
}
@media screen and (min-width: 1024px) {
  .un_news {
    margin-top: -80px;
  }
}
@media screen and (min-width: 1280px) {
  .un_news {
    margin-top: -148px;
  }
}

@media screen and (min-width: 768px) {
  .un_newsItems {
    width: min(100%, 1062px);
    margin-inline: auto;
  }
}
.un_newsItems_item {
  padding-bottom: 22px;
  margin-top: 24px;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_newsItems_item {
    padding-bottom: 32px;
    margin-top: 32px;
  }
}
.un_newsItems_item a {
  display: block;
  transition: opacity 0.3s;
}
.un_newsItems_item a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .un_newsItems_item a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .un_newsItems_item a {
    position: relative;
    display: flex;
    align-items: center;
  }
}
.un_newsItems_item a::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .un_newsItems_item a::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 12px;
    aspect-ratio: 12/17;
    content: "";
    background-color: var(--color-base);
    mask-image: var(--icon-arrow3);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    transform: translate(0, -50%);
  }
}
.un_newsItems_item:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .un_newsItems_item_content {
    width: 100%;
    padding-left: 40px;
  }
}
.un_newsItems_item_content time {
  display: block;
  margin-top: 16px;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .un_newsItems_item_content time {
    margin-top: 0;
    font-size: 0.9375rem;
  }
}
.un_newsItems_item figure {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_newsItems_item figure {
    flex-shrink: 0;
    width: 28.4369114878%;
  }
}
.un_newsItems_item figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 327/185;
  object-fit: cover;
}
.un_newsItems_item_title {
  margin-top: 8px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .un_newsItems_item_title {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .un_newsSingle {
    width: min(100%, 1062px);
    margin-inline: auto;
  }
}
.un_newsSingle time {
  display: block;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .un_newsSingle time {
    font-size: 1rem;
  }
}
.un_newsSingle_title {
  margin-top: 8px;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .un_newsSingle_title {
    font-size: 1.5rem;
  }
}
.un_newsSingle .post-content {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_newsSingle .post-content {
    margin-top: 48px;
  }
}

.un_contact {
  padding: clamp(60px, 7.8873239437px + 13.896713615vw, 208px) 24px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  margin-top: -5.3333333333vw;
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_contact {
    margin-top: -3.90625vw;
  }
}
@media screen and (min-width: 1024px) {
  .un_contact {
    padding-right: 0;
    padding-left: 0;
    margin-top: -80px;
  }
}
@media screen and (min-width: 1280px) {
  .un_contact {
    margin-top: -148px;
  }
}
@media screen and (min-width: 1024px) {
  .un_contact_cols {
    display: grid;
    grid-template-columns: max(39.3055555556%, 360px) 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .un_contact_cols_form {
    padding-right: 24px;
  }
}
.un_contact_cols_form .cf-turnstile {
  margin-top: 40px !important;
  margin-bottom: 0 !important;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_contact_cols_form .cf-turnstile {
    margin-top: 64px !important;
    margin-left: 218px;
    text-align: left;
  }
}
.un_contact_cols_form .el_btns {
  justify-content: center;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .un_contact_cols_form .el_btns {
    justify-content: flex-start;
    padding-left: 218px;
    margin-top: 48px;
  }
}
.un_contact_cols_form .el_btns .el_btn_box {
  width: min(100%, 250px);
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .un_contact_cols_form .el_btns .el_btn_box {
    width: min(100%, 412px);
  }
}
.un_contact_cols_form .wpcf7-not-valid-tip {
  margin-top: 8px;
  color: #f17070;
}
.un_contact_requiredNote {
  margin-top: 40px;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .un_contact_requiredNote {
    margin-top: 0;
    font-size: 1rem;
  }
}
.un_contact .confirm_area {
  display: none;
}
.un_contact .wpcf7-response-output {
  display: none;
}

@media screen and (min-width: 1024px) {
  .un_contactNote_inner {
    padding-right: min(115px, 20.3180212014%);
    padding-left: min(80px, 14.1342756184%);
  }
}
.un_contactNote_heading {
  margin-top: 40px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_contactNote_heading {
    margin-top: 32px;
    font-size: 1.125rem;
  }
}
.un_contactNote p {
  font-size: 0.875rem;
  line-height: 1.57;
}
@media screen and (min-width: 768px) {
  .un_contactNote p {
    font-size: 1rem;
    line-height: 1.79;
  }
}
.un_contactNote * + p {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .un_contactThanks {
    margin-left: max(39.3055555556%, 360px);
  }
}
@media screen and (min-width: 768px) {
  .un_contactThanks_inner {
    width: min(100%, 737px);
  }
}
.un_contactThanks_title {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .un_contactThanks_title {
    font-size: 1.5rem;
  }
}
.un_contactThanks p {
  margin-top: 24px;
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .un_contactThanks p {
    font-size: 1rem;
  }
}
.un_contactThanks_btn {
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_contactThanks_btn {
    margin-top: 56px;
  }
}
.un_contactThanks_btn .el_btn_box {
  width: min(100%, 264px);
}
@media screen and (min-width: 768px) {
  .un_contactThanks_btn .el_btn_box {
    padding-right: 0;
    padding-left: 0;
  }
}

.un_privacy {
  padding: clamp(84px, 24.8450704225px + 15.7746478873vw, 252px) 52px clamp(80px, 51.8309859155px + 7.5117370892vw, 160px);
  margin-top: -5.3333333333vw;
  background-color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .un_privacy {
    margin-top: -3.90625vw;
  }
}
@media screen and (min-width: 1024px) {
  .un_privacy {
    padding-right: 0;
    padding-left: 0;
    margin-top: -80px;
  }
}
@media screen and (min-width: 1280px) {
  .un_privacy {
    margin-top: -148px;
  }
}
@media screen and (min-width: 1024px) {
  .un_privacy_wrapper {
    padding-right: 24px;
    margin-left: max(39.3055555556%, 360px);
  }
}
@media screen and (min-width: 1024px) {
  .un_privacy_inner {
    width: min(100%, 794px);
  }
}
.un_privacy p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.2;
}
@media screen and (min-width: 768px) {
  .un_privacy p {
    font-size: 1rem;
  }
}
.un_privacy .un_privacy_subHeading + p,
.un_privacy .un_privacy_heading + p {
  margin-top: 2em;
}
.un_privacy a {
  text-decoration: underline;
}
.un_privacy a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .un_privacy a:hover {
    text-decoration: none;
  }
}
.un_privacy table {
  margin-top: 32px;
  border-top: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_privacy table {
    border-top: none;
  }
}
.un_privacy table th {
  display: block;
  padding-top: 24px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .un_privacy table th {
    display: table-cell;
    width: auto;
    padding-top: 16px;
    padding-right: 40px;
    padding-bottom: 16px;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-base);
  }
}
@media screen and (min-width: 1280px) {
  .un_privacy table th {
    width: 320px;
    padding-right: 0;
  }
}
.un_privacy table td {
  display: block;
  padding-bottom: 24px;
  margin-top: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.64;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_privacy table td {
    display: table-cell;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 1rem;
  }
}
.un_privacy table td ul {
  font-size: 0.875rem;
  line-height: 1.64;
}
@media screen and (min-width: 768px) {
  .un_privacy table td ul {
    font-size: 1rem;
  }
}
.un_privacy table td ul li {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .un_privacy table td ul li {
    margin-top: 0;
  }
}
.un_privacy table td ul li:first-child {
  margin-top: 0;
}
.un_privacy table td * + p {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .un_privacy table td * + p {
    margin-top: 0;
  }
}
.un_privacy_heading {
  font-size: 1.25rem !important;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .un_privacy_heading {
    font-size: 1.5rem !important;
  }
}
.un_privacy_heading--mt {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .un_privacy_heading--mt {
    margin-top: 48px;
  }
}
.un_privacy_subHeading {
  display: flex;
  align-items: center;
  min-height: 67px;
  padding-left: 18px;
  margin-top: 40px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.68;
  border-left: 5px solid var(--color-base);
}
@media screen and (min-width: 768px) {
  .un_privacy_subHeading {
    padding-left: 22px;
    margin-top: 48px;
    font-size: 1.5rem;
  }
}
.un_privacy_end {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .un_privacy_end {
    margin-top: 10px;
  }
}
.un_privacy_list {
  padding-left: 1.5em;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.2;
  list-style: decimal;
}
@media screen and (min-width: 768px) {
  .un_privacy_list {
    font-size: 1rem;
  }
}
.un_privacy_list > li > ul {
  padding-left: 1.5em;
  list-style: lower-alpha;
}
.un_privacy_list > li > ul > li > ul {
  padding-left: 1.5em;
  list-style: lower-roman;
}
.un_privacy .un_privacy_subHeading + .un_privacy_list,
.un_privacy .un_privacy_heading + .un_privacy_list {
  margin-top: 2em !important;
}