[lang=ja],
[lang=ja] body {
  font-family: sans-serif;
}
[lang=en],
[lang=en] body {
  font-family: "Noto Sans JP", sans-serif;
}
[lang=ko],
[lang=ko] body {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
[lang=zh-CN],
[lang=zh-CN] body {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
[lang=zh-TW],
[lang=zh-TW] body {
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
}

html:not([lang=en]) {
  --font-baskervville: serif;
  --font-alexbrush: serif;
}

html:not([lang=en]) :where(h1, h2, h3, h4, h5, h6) {
  font-family: serif;
}

html:not([lang=en]) .section-heading-with-english .en span {
  font-style: italic;
}

html:lang(en) :where(h1, h2, h3, h4, h5, h6),
.en,
.serif,
.guestroom_roomtype-header h2,
.page-header p,
.guestroom_roomtype-wrap .lead,
.guestroom_roomtype-lower h3,
.site-header,
.link-button {
  font-family: var(--font-baskervville);
}

.header-language-switch {
  font-size: 1rem;
}

.language-list a {
  display: block;
}

.site-header .black {
  display: none;
}

@media (width >= 85rem) {
  .header-language-switch {
    position: relative;
    top: 0;
    right: 0;
    margin-right: 30px;
  }
  .language-trigger {
    align-items: center;
    padding: 18px 10px;
  }
  .language-list {
    position: absolute;
    top: 100%;
  }
  .language-list a {
    padding: 8px 10px;
  }
  .header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .drawer-menu {
    width: auto;
  }
  .site-header {
    position: absolute;
  }
  .site-header.fixed {
    position: fixed;
    opacity: 0;
    background-color: var(--color-white);
    color:  var(--color-black);
  }
  .site-header.fixed::after {
    content: none;
  }
  .site-header.fixed .language-list {
    width: 100%;
    background-color: var(--color-white);
  }
  .site-header.fixed .language-trigger img {
    display: none;
  }
  .site-header.fixed .language-trigger .black {
    display: inline-block;
  }
  .site-header.show {
    opacity: 1;
    transition: opacity 0.3s ease-out;
  }
  .site-header.fixed .logo {
    max-width: 15.5rem;
    height: 60px;
  }
  .site-header.fixed .link-plan,
  .site-header.fixed .drawer-menu a {
    font-size: 1rem;
  }
  .site-header.fixed .link-plan {
    color: var(--color-white);
  }
}

@media (width >= 40rem) {
  .page-header {
    height: 465px;
  }
}
.page-header p {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-content: center;
  color: var(--color-white);
  font-size: var(--font-size-24);
  font-weight: 400;
  text-align: center;
}
@media (width >= 40rem) {
  .page-header p {
    font-size: 36px;
  }
}
@media (width < 60rem) {
  .page-header p {
    padding-top: var(--header-height);
  }
}

.facilities_howto.checkin {
  padding-top: clamp(48px, 48px + 48 * (100vw - 390px) / 250, 96px);
}
.facilities_howto.checkout {
  padding-bottom: clamp(48px, 48px + 48 * (100vw - 390px) / 250, 96px);
}

.mcc {
  padding-top: clamp(48px, 48px + 48 * (100vw - 390px) / 250, 60px);
  text-align: center;
}
@media (width >= 40rem) {
  .mcc {
    padding-bottom: 24px;
  }
}

[lang=en] .site-header .link-plan {
  min-width: 8.63rem;
  width: fit-content;
}
@media (width >= 40rem) {
  [lang=en] .site-header .link-plan {
    min-width: 14.38rem;
    font-size: var(--font-size-16);
  }
  [lang=en] .drawer-menu a {
    font-size: var(--font-size-16);
  }
}
@media (60rem <= width < 95rem) {
  [lang=en] .site-header .logo img {
    max-height: 45px;
    height: auto;
  }
}
@media (width >= 85rem) {
  .header-nav {
    padding-left: 30px;
  }
}

.footer-nav li:nth-of-type(8) {
  grid-column: span 4;
}
.footer-nav li:nth-of-type(9) {
  margin-top: -16px;
}
.footer-nav {
  max-width: calc(33.75rem + 5%);
  padding-right: 5%;
}
.footer-nav li:nth-of-type(-n+6) {
  font-size: var(--font-size-16);
}

[lang=en] .section-anchor .anchor-list .en {
  font-family: "Noto Sans JP", sans-serif;
}
[lang=ko] .section-anchor .anchor-list .en {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
[lang=zh-CN] .section-anchor .anchor-list .en {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
[lang=zh-TW] .section-anchor .anchor-list .en {
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
}

@media (width >= 40rem) {
  .home_concept-lead > *:not(.bg) {
    max-width: 36.9em;
  }
}
@media (40rem < width <= 90rem) {
  [lang=en] .home_concept-lead {
    padding-bottom: 60px;
  }
  [lang=en] .home_concept-container:nth-of-type(2) {
    margin-top: -50px;
  }
}
@media (width >= 90rem) {
  [lang=en] .home_concept-lead {
    padding-bottom: 356px;
  }
}

[lang=en] .area-list .time {
  align-items: flex-start;
}
[lang=en] .area-list .time i {
  padding-top: 0.5em;
}
[lang=en] .area-list .link {
  flex-wrap: wrap;
  gap: 4px;
}

.drawer-menu li.hide-md {
  display: list-item;
}
@media (width >= 85rem) {
  .drawer-menu li.hide-md {
    display: none;
  }
}

[lang=en] .access_howto-wrap h4,
[lang=en] .area-list h3 {
  font-family: "Noto Sans JP", sans-serif;
}
[lang=ko] .access_howto-wrap h4,
[lang=ko] .area-list h3 {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
[lang=zh-CN] .access_howto-wrap h4,
[lang=zh-CN] .area-list h3 {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
[lang=zh-TW] .access_howto-wrap h4,
[lang=zh-TW] .area-list h3 {
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
}

.page-header h1 {
  padding-right: var(--side-padding);
  padding-left: var(--side-padding);
}

@media (40rem < width < 64rem) {
  [lang=en] .contact-form dt {
    flex-basis: 35%;
  }

  [lang=en] .contact-form dd {
    flex-basis: 60%;
  }
}