@charset "UTF-8";
/* @import must be at top of file, otherwise CSS will not work */
/* =========================================================

Foundation

========================================================= */
:root {
  --color-navy: #13294B;
  --color-white: #fff;
  --color-beige: #E7DAC9;
  --color-gray: #5d5d5d;
  --color-lightblue: #9CD9E9;
  --color-bg-primary: #F5E5D2;
  --color-bg-navy: #13294B;
  --color-bg-white: #fff;
  --color-bg-beige: #E7DAC9;
  --color-bg-black: #000;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-family-sans: "Zen Kaku Gothic New", sans-serif;
  --font-family-eng:"Montserrat", sans-serif;
  --font-family-eng-sub:"Inter", sans-serif;
  --site-padding: 8.46001322vw;
  --site-padding-lg:17.1296296vw;
  --site-padding-md: 10.87vw;
  --site-padding-sm: 7.69230769vw;
  --site-margin: 8.46001322vw;
  --site-margin-lg:17.1296296vw;
  --site-margin-md: 10.87vw;
  --site-margin-sm: 7.69230769vw;
  --easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);
  --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1);
  --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easeInOutCirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*, :after, :before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

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

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  margin: 0;
  overflow: visible;
  clear: both;
  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: transparent;
}

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

b, strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

[type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button: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 {
  -webkit-appearance: none;
  appearance: none;
}

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

[type=number] {
  -webkit-appearance: textfield;
  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;
}

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

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

html {
  font-size: calc(7 * 1px + 0.625vw);
}

html.is-header-search-open, html.is-megamenu-open, html.is-modal-show, html.is-side-nav-open {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 4.2666666667vw;
  }
}
/******************************************************************************

* BASIC

*******************************************************************************/
html {
  font-size: 62.5%;
}

body {
  /*height: 100%;*/
  color: var(--color-navy);
  font-size: 1rem;
  font-family: var(--font-family-sans);
  position: relative;
  font-weight: 400;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  /*-moz-font-feature-settings: "palt";
  font-feature-settings: "palt";*/
  font-feature-settings: "palt";
  -ms-font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  /*letter-spacing: $letter-spacing-md;*/
  background: var(--color-bg-primary);
  word-wrap: break-word;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--font-weight-medium);
}

a {
  color: currentcolor;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  color: currentcolor;
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

:active, :focus, :hover, :visited, a, a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  outline: none !important;
}

blockquote {
  margin: 0;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* =========================================================

Layout

========================================================= */
/*content*/
.l-content {
  width: 100%;
  position: relative;
  z-index: 101;
}

.l-content-body {
  position: relative;
  transition: var(--easeOutCubic) 0.3s;
}
.is-modal-open .l-content-body {
  opacity: 0.2;
}

.l-container {
  padding: 0 var(--site-padding);
  height: 100%;
}
@media (max-width: 767px) {
  .l-container {
    padding: 0 var(--site-padding-sm);
  }
}

.l-container-lg {
  padding: 0 var(--site-padding-lg);
  height: 100%;
}
@media (max-width: 767px) {
  .l-container-lg {
    padding: 0 var(--site-padding);
  }
}

.l-content-kv {
  width: 100%;
  height: 100vh;
  position: relative;
}
@media (max-width: 767px) {
  .l-content-kv {
    height: 100svh;
  }
}

.l-content-kv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.l-content-kv__img-item {
  height: 100%;
  transform: scale(1.2) translateZ(0);
  transition: var(--easeOutCubic) 3s;
  transition-delay: 0.5s;
}
.is-page-loaded .l-content-kv__img-item {
  transform: scale(1.001) translateZ(0);
}
.l-content-kv__img-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.l-content-kv__img-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-bg-black);
  opacity: 0.3;
  top: 0;
  left: 0;
}

.l-content-kv__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(45px, 3.33333vw, 50px);
  line-height: 1;
  color: var(--color-white);
  opacity: 0;
  transition: var(--easeOutCubic) 0.7s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .l-content-kv__heading {
    font-size: clamp(38px, 10vw, 40px);
    width: 100%;
  }
}
.is-page-loaded .l-content-kv__heading {
  opacity: 1;
}
.l-content-kv__heading p {
  overflow: hidden;
}
.l-content-kv__heading span {
  display: table;
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.7s;
  transition-delay: 1s;
  margin: 0 auto;
}
.is-page-loaded .l-content-kv__heading span {
  transform: translateY(0%);
}

.l-content-anchor {
  position: relative;
}
.is-about .l-content-anchor {
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .is-about .l-content-anchor {
    margin-bottom: 0rem;
  }
}

.l-content-lead {
  width: 33.333333vw;
  margin-left: var(--site-padding);
  padding: 16rem 0 9rem;
}
@media (max-width: 767px) {
  .l-content-lead {
    margin-left: 0;
    width: 100%;
    padding: 8rem var(--site-padding-sm) 6rem;
  }
  .is-bath_sauna .l-content-lead {
    padding: 8rem var(--site-padding-sm) 0rem;
  }
}

.l-content-lead__logo {
  margin-bottom: 7.5rem;
}
.is-food .l-content-lead__logo img {
  width: 19.2460317vw;
}
@media (max-width: 767px) {
  .is-food .l-content-lead__logo img {
    width: 46.66666667vw;
  }
}
.is-bath_sauna .l-content-lead__logo img {
  width: 12.6322751vw;
}
@media (max-width: 767px) {
  .is-bath_sauna .l-content-lead__logo img {
    width: 30.5128205vw;
  }
}
@media (max-width: 767px) {
  .l-content-lead__logo {
    margin-bottom: 4rem;
  }
}

.l-content-header {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(32px, 2.66666667vw, 40px);
  line-height: 1;
  color: var(--color-navy);
  opacity: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .l-content-header {
    font-size: clamp(38px, 10vw, 40px);
    display: block;
    margin-bottom: 6rem;
  }
}
.is-page-loaded .l-content-header {
  opacity: 1;
}
.l-content-header span {
  display: table;
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.7s;
  transition-delay: 0.5s;
}
.is-page-loaded .l-content-header span {
  transform: translateY(0%);
}

.is-topics .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-topics .l-content-body {
    margin-top: 12rem;
  }
}
.is-contact .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-contact .l-content-body {
    margin-top: 12rem;
  }
}
.is-faq .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-faq .l-content-body {
    margin-top: 12rem;
  }
}
.is-conditions .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-conditions .l-content-body {
    margin-top: 12rem;
  }
}
.is-service .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-service .l-content-body {
    margin-top: 12rem;
  }
}
.is-privacy .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-privacy .l-content-body {
    margin-top: 12rem;
  }
}
.is-company .l-content-body {
  margin-top: 24.2vh;
}
@media (max-width: 767px) {
  .is-company .l-content-body {
    margin-top: 12rem;
  }
}

.l-content-body__row {
  display: flex;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  transition: var(--easeOutCubic) 1s;
  opacity: 0;
  transition-delay: 0.5s;
}
@media (max-width: 767px) {
  .l-content-body__row {
    display: block;
  }
}
.is-page-loaded .l-content-body__row {
  opacity: 1;
}
.l-content-body__row:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  position: absolute;
  left: 0;
  overflow: hidden;
  bottom: 0;
}
@media (max-width: 767px) {
  .l-content-body__row:after {
    width: calc(100% + 7.69230769vw * 2);
    left: -7.69230769vw;
  }
}
.is-contact .l-content-body__row {
  padding-bottom: 10rem;
}
@media (max-width: 767px) {
  .is-contact .l-content-body__row {
    padding-bottom: 5rem;
  }
}

.l-content-body__side {
  width: calc(100% - 71.656051%);
  position: sticky;
  top: 24.4vh;
  height: calc(100vh - 24.4vh);
}
@media (max-width: 767px) {
  .l-content-body__side {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
  }
}

.l-content-body__main {
  width: 71.656051%;
}
@media (max-width: 767px) {
  .l-content-body__main {
    width: 100%;
  }
}

.l-footer {
  background: var(--color-bg-navy);
  position: relative;
  z-index: 999;
  transition: var(--easeOutCubic) 0.5s;
  overflow: hidden;
  padding-bottom: 14rem;
}
@media (max-width: 767px) {
  .l-footer {
    padding-bottom: 9rem;
  }
}

.l-footer-urban__box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--site-padding);
  z-index: 2;
}
@media (max-width: 767px) {
  .l-footer-urban__box {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .l-footer-urban__box .c-button {
    margin-top: 1.5rem;
  }
}

.l-footer-urban__img {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .l-footer-urban__img {
    height: 400px;
  }
}
.l-footer-urban__img:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-bg-navy);
  opacity: 0.6;
  transition: var(--easeOutCubic) 0.5s;
}
.l-footer-urban__img figure {
  height: 100%;
}
.l-footer-urban__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--easeOutCubic) 0.5s;
}
.l-footer-urban__img.is-active:after {
  opacity: 0;
}
.l-footer-urban__img.is-active figure img {
  transform: scale(1.05);
}

.l-footer-urban__ttl {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.2vw, 18px);
}

.l-footer-urban__logo {
  width: 15.1455026vw;
  margin: 0 auto 4rem;
}
@media (max-width: 767px) {
  .l-footer-urban__logo {
    width: 166px;
  }
}

.l-footer-top {
  display: flex;
  padding-top: 13rem;
  align-items: center;
}
@media (max-width: 767px) {
  .l-footer-top {
    padding-top: 6.5rem;
  }
}

.l-footer-logo {
  width: 14.243386vw;
}
@media (max-width: 767px) {
  .l-footer-logo {
    width: 33.5897436vw;
  }
}

.l-footer-logo__name {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: 0.866667vw;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .l-footer-logo__name {
    font-size: 2.5vw;
    white-space: nowrap;
  }
}

.l-footer-img {
  width: 195px;
  border-radius: 100px;
  margin-left: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .l-footer-img {
    width: 34.8717949vw;
  }
}

.l-footer-middle {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .l-footer-middle {
    margin-top: 4rem;
  }
}

.l-footer-middle__inner {
  display: flex;
  padding: 6rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .l-footer-middle__inner {
    display: block;
    padding: 5rem 0 2rem;
  }
}

.l-footer-menu {
  display: flex;
  gap: 5.95238095vw;
}
@media (max-width: 767px) {
  .l-footer-menu {
    gap: 0;
    width: 100%;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media (max-width: 767px) {
  .l-footer-menu__list {
    flex-basis: 50%;
  }
}

.l-footer-menu__item {
  margin-bottom: 3rem;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  overflow: hidden;
}
.l-footer-menu__item a {
  display: table;
}
@media (max-width: 767px) {
  .l-footer-menu__item {
    margin-bottom: 2.5rem;
    font-size: clamp(13px, 3.25vw, 14px);
  }
}

.l-footer-info {
  margin-left: auto;
}
@media (max-width: 767px) {
  .l-footer-info {
    padding: 5rem 0 0;
  }
}

.l-footer-info__list {
  display: flex;
  gap: 3.96825397vw;
}
@media (max-width: 1023px) {
  .l-footer-info__list {
    display: block;
  }
}

@media (max-width: 1023px) {
  .l-footer-info__item {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .l-footer-info__item {
    display: flex;
    align-items: start;
  }
}

.l-footer-info__ttl {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-bold);
  font-size: clamp(11px, 0.8vw, 13px);
  margin-bottom: 1rem;
}
@media (max-width: 1023px) {
  .l-footer-info__ttl {
    margin-bottom: 0rem;
    line-height: 1.8;
  }
}
@media (max-width: 767px) {
  .l-footer-info__ttl {
    font-size: clamp(12px, 3vw, 13px);
    width: 100px;
  }
}

.l-footer-info__detail {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .l-footer-info__detail {
    font-size: clamp(12px, 3vw, 13px);
    width: calc(100% - 100px);
  }
  .l-footer-info__detail .c-button {
    margin-top: 1.5rem;
    line-height: 1;
  }
}

.l-footer-sns {
  margin-left: auto;
  margin-top: 5rem;
  display: none;
}
@media (max-width: 767px) {
  .l-footer-sns {
    position: absolute;
    right: var(--site-padding-sm);
    bottom: 12rem;
  }
}

.l-footer-sns__list {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .l-footer-sns__list {
    gap: 1.5rem;
  }
}

.l-footer-bottom {
  padding-top: 5rem;
}

.l-footer-bottom__inner {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .l-footer-bottom__inner {
    align-items: end;
  }
}

.l-footer-bottom-menu__list {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 767px) {
  .l-footer-bottom-menu__list {
    display: block;
  }
}

.l-footer-bottom-menu__item {
  overflow: hidden;
}
.l-footer-bottom-menu__item a {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
}
@media (max-width: 767px) {
  .l-footer-bottom-menu__item a {
    font-size: clamp(12px, 3vw, 13px);
  }
}
@media (max-width: 767px) {
  .l-footer-bottom-menu__item {
    margin-bottom: 3rem;
  }
  .l-footer-bottom-menu__item:last-child {
    margin-bottom: 0;
  }
}

.l-footer-copyright {
  margin-left: auto;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(9px, 0.66667vw, 11px);
}

.l-gnav-toggle {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 5.50055006vh;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 111111;
  opacity: 0;
}
@media (max-width: 767px) {
  .l-gnav-toggle {
    top: 3.33333333vh;
  }
}
.l-gnav-toggle:hover span {
  transform: translateY(-100%);
}
.is-page-loaded .l-gnav-toggle {
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
.is-home .l-gnav-toggle {
  opacity: 0;
  pointer-events: none;
  transition: var(--easeOutCubic) 0s;
  transition-delay: 0s;
}
@media (max-width: 1023px) {
  .is-home .l-gnav-toggle {
    transition: var(--easeOutCubic) 0.8s;
    transition-delay: 0.5s;
  }
  .is-page-loaded .is-home .l-gnav-toggle {
    opacity: 1;
    pointer-events: all;
  }
}
.is-about .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-stay .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-food .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-bath_sauna .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-bicycle .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-ride_spot .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-facility .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-access .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-topics .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-contact .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-faq .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-conditions .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-service .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-privacy .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-company .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-error .l-gnav-toggle {
  opacity: 1;
  pointer-events: all;
}
.is-gnav-open .l-gnav-toggle--menu {
  opacity: 0 !important;
  pointer-events: none !important;
  transition-delay: 0s;
}
.l-gnav-toggle--close {
  pointer-events: none !important;
  left: 50%;
  background: var(--color-white);
  box-shadow: none;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: var(--easeOutCubic) 0.8s;
  position: relative;
  top: 0;
}
.l-gnav-toggle--close .l-gnav-toggle__inner {
  padding: 0;
}
.is-gnav-open .l-gnav-toggle--close {
  pointer-events: all !important;
  margin-top: 1rem;
}

.l-gnav-toggle__inner {
  padding: 1.4rem 3.6rem;
}

.l-gnav-toggle__text {
  color: var(--color-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(12px, 0.8vw, 12px);
  overflow: hidden;
}

.l-gnav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  color: var(--color-navy);
  transition: var(--easeOutCubic) 0.8s;
}
.is-gnav-open .l-gnav {
  opacity: 1;
  pointer-events: all;
}

.l-gnav__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.l-gnav__bg {
  width: 100%;
  height: 100%;
  background: var(--color-navy);
  opacity: 0.5;
}

.l-gnav__inner {
  position: absolute;
  width: 0;
  height: 0;
  top: 5.50055006vh;
  left: 50%;
  background: var(--color-white);
  transform: translateX(-50%);
  transition: var(--easeOutCubic) 0.6s;
  z-index: 2;
  border-radius: 0.8rem;
}
@media (max-width: 767px) {
  .l-gnav__inner {
    top: 3.33333333vh;
  }
}
.is-gnav-open .l-gnav__inner {
  width: 474px;
  padding: 3rem;
  min-height: 560px;
}
@media (max-width: 767px) {
  .is-gnav-open .l-gnav__inner {
    width: calc(100% - 7.69230769vw);
    padding: 2.5rem;
    height: 60vh;
    min-height: 520px;
  }
}

.l-gnav-menu {
  display: flex;
  width: 100%;
  padding-top: 3rem;
  margin-top: 3rem;
  position: relative;
}
@media (max-width: 767px) {
  .l-gnav-menu {
    padding-top: 3rem;
    margin-top: 2.5rem;
  }
}
.l-gnav-menu:after {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
}

.l-gnav-menu__list {
  width: 50%;
}
@media (max-width: 767px) {
  .l-gnav-menu__list {
    width: 60%;
  }
  .l-gnav-menu__list:nth-child(2) {
    width: 40%;
  }
}

.l-gnav-menu__item {
  overflow: hidden;
  margin-bottom: 3rem;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  white-space: nowrap;
}
.is-gnav-open .l-gnav-menu__item {
  -webkit-clip-path: inset(0 0 0% 0);
          clip-path: inset(0 0 0% 0);
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
.l-gnav-menu__item a {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(16px, 1.2vw, 18px);
}

.l-gnav-footer {
  margin-top: 3rem;
  padding-top: 3rem;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .l-gnav-footer {
    margin-top: 0rem;
    align-items: end;
    display: block;
  }
}
.l-gnav-footer:after {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
}

.l-gnav-footer-menu {
  display: flex;
  gap: 2rem;
}

.l-gnav-footer-menu__item {
  overflow: hidden;
  margin-bottom: 1.5rem;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  white-space: nowrap;
}
.is-gnav-open .l-gnav-footer-menu__item {
  -webkit-clip-path: inset(0 0 0% 0);
          clip-path: inset(0 0 0% 0);
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
.l-gnav-footer-menu__item a {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(10px, 0.8vw, 12px);
}
@media (max-width: 767px) {
  .l-gnav-footer-menu__item a {
    font-size: clamp(10px, 3vw, 12px);
  }
}

.l-gnav-footer__sns {
  margin-left: auto;
  display: none;
}
@media (max-width: 767px) {
  .l-gnav-footer__sns {
    display: none;
  }
}

.l-gnav-footer__sns-list {
  display: flex;
  gap: 1.5rem;
  opacity: 0;
}
.is-gnav-open .l-gnav-footer__sns-list {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.l-gnav-reservation {
  z-index: 111111;
  overflow: hidden;
  opacity: 0;
}
.l-gnav-reservation .c-reservation__icon {
  margin-left: auto;
}
@media (max-width: 767px) {
  .l-gnav-reservation {
    display: none;
  }
}
.l-gnav-reservation a {
  display: block;
  padding: 1.9rem 1.5rem;
  border-radius: 0.4rem;
  transition: var(--easeOutCubic) 0.5s;
  border: 1px solid var(--color-navy);
}
@media (max-width: 767px) {
  .l-gnav-reservation a {
    padding: 1.7rem 1.4rem;
  }
}
.l-gnav-reservation a:hover {
  background: var(--color-lightblue);
}
.l-gnav-reservation a:hover .u-hover-text span {
  transform: translateY(-100%);
}
.is-gnav-open .l-gnav-reservation {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.l-header {
  position: fixed;
  z-index: 11111;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}
.is-page-loaded .l-header {
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
  opacity: 1;
}

.l-header-logo {
  position: absolute;
  left: 2.64550265vw;
  top: 4.40044004vh;
}
@media (max-width: 767px) {
  .l-header-logo {
    left: 5.12820513vw;
    top: 3.84615385vh;
    -webkit-clip-path: inset(0 70% 0 0);
            clip-path: inset(0 70% 0 0);
  }
  .is-gnav-open .l-header-logo {
    transition: var(--easeOutCubic) 0.8s;
    left: 9.12820513vw;
    top: 6.44615385vh;
  }
}
.l-header-logo a {
  display: block;
}
.is-home .l-header-logo {
  opacity: 0;
  pointer-events: none;
}
.is-gnav-open .is-home .l-header-logo {
  opacity: 1 !important;
  transition: var(--easeOutCubic) 0.8s;
}

.l-header-logo__item {
  width: 8.7962963vw;
}
@media (max-width: 767px) {
  .l-header-logo__item {
    width: 23.33333vw;
  }
}

.l-header-logo__item--navy {
  position: absolute;
  top: 0;
  left: 0;
}
.is-active .l-header-logo__item--navy {
  opacity: 0 !important;
  transition: var(--easeOutCubic) 0.3s;
}
.is-about .l-header-logo__item--navy {
  opacity: 0;
}
.is-stay .l-header-logo__item--navy {
  opacity: 0;
}
.is-food .l-header-logo__item--navy {
  opacity: 0;
}
.is-bath_sauna .l-header-logo__item--navy {
  opacity: 0;
}
.is-bicycle .l-header-logo__item--navy {
  opacity: 0;
}
.is-ride_spot .l-header-logo__item--navy {
  opacity: 0;
}
.is-facility .l-header-logo__item--navy {
  opacity: 0;
}
.is-access .l-header-logo__item--navy {
  opacity: 0;
}
.is-active-contents .l-header-logo__item--navy {
  opacity: 1 !important;
  transition: var(--easeOutCubic) 0.3s;
}
.is-active-bicycle .l-header-logo__item--navy {
  opacity: 0 !important;
  transition: var(--easeOutCubic) 0.3s;
}
@media (max-width: 767px) {
  .is-gnav-open .l-header-logo__item--navy {
    opacity: 1 !important;
    transition: var(--easeOutCubic) 0.3s;
  }
}

.l-header-logo__item--white {
  opacity: 0;
}
.is-about .l-header-logo__item--white {
  opacity: 1;
}
.is-stay .l-header-logo__item--white {
  opacity: 1;
}
.is-food .l-header-logo__item--white {
  opacity: 1;
}
.is-bath_sauna .l-header-logo__item--white {
  opacity: 1;
}
.is-ride_spot .l-header-logo__item--white {
  opacity: 1;
}
.is-bicycle .l-header-logo__item--white {
  opacity: 1;
}
.is-facility .l-header-logo__item--white {
  opacity: 1;
}
.is-access .l-header-logo__item--white {
  opacity: 1;
}
.is-active .l-header-logo__item--white {
  opacity: 1 !important;
  transition: var(--easeOutCubic) 0.3s;
}
.is-active-contents .l-header-logo__item--white {
  opacity: 0 !important;
  transition: var(--easeOutCubic) 0.3s;
}
.is-active-bicycle .l-header-logo__item--white {
  opacity: 1 !important;
  transition: var(--easeOutCubic) 0.3s;
}

.l-main {
  position: relative;
  z-index: 2;
  transition: var(--easeOutCubic) 1.2s;
  width: 100%;
}

/*wrapper*/
.l-wrapper {
  position: relative;
  width: 100%;
}

/*@import "layout/parallax";*/
/* =========================================================

Object

========================================================= */
/* ---------------------------------------------------------

Component

--------------------------------------------------------- */
.c-anchor {
  position: relative;
}
@media (max-width: 767px) {
  .c-anchor {
    width: 100%;
    display: block;
  }
}

.c-anchor-menu {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .c-anchor-menu {
    display: flex;
  }
}

@media (max-width: 767px) {
  .c-anchor-menu__list {
    width: 50%;
    box-sizing: border-box;
  }
}

.c-anchor-menu__item {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .c-anchor-menu__item {
    font-size: clamp(11px, 3vw, 12px);
  }
}

.c-background-noise {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999;
}
.c-background-noise img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.c-background-line {
  background-repeat: repeat-y;
  width: 11px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
  background-size: 11px;
  background-position: center 0;
}
.is-topics .c-background-line {
  display: none;
}
.is-contact .c-background-line {
  display: none;
}
.is-faq .c-background-line {
  display: none;
}
.is-conditions .c-background-line {
  display: none;
}
.is-service .c-background-line {
  display: none;
}
.is-privacy .c-background-line {
  display: none;
}
.is-company .c-background-line {
  display: none;
}
.is-error .c-background-line {
  display: none;
}

.c-background-transition {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: var(--color-navy);
}

.c-background-opening {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-navy);
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
.is-page-loaded .c-background-opening {
  height: 0%;
}
.is-page-opening .c-background-opening {
  height: 0%;
  transition: var(--easeOutCubic) 0s;
}

.c-button {
  margin-top: 4rem;
  display: table;
}
@media (max-width: 767px) {
  .c-button {
    margin-top: 3rem;
  }
}
.c-button a {
  display: flex;
  color: var(--color-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  gap: 0.6rem;
  align-items: end;
  overflow: hidden;
}
.c-button a:hover .c-button-icon__item-back {
  transform: translateX(12px);
}
.c-button a:hover .c-button-icon__item-front {
  transform: translate(0, -50%);
}
.c-button a:hover svg path {
  stroke: var(--color-white);
}
.c-button a:hover .c-button-icon {
  background: var(--color-navy);
}
.c-button a:hover .c-button-text::before {
  width: 100%;
}
.c-button a:hover .c-button-text::after {
  width: 0;
}
.c-button--white a {
  color: var(--color-white);
}
.c-button--white a svg path {
  stroke: var(--color-white);
}
.c-button--white a:hover svg path {
  stroke: var(--color-navy);
}
.c-button--white a:hover .c-button-icon {
  background: var(--color-white);
}
.c-button--white a:hover .c-button-text::before {
  width: 100%;
}
.c-button--white a:hover .c-button-text::after {
  width: 0;
}
.c-button--white .c-button-text:after {
  background: var(--color-white);
}
.c-button--white .c-button-text:before {
  background: var(--color-white);
}
.c-button--white .c-button-icon {
  border: 1px solid var(--color-white);
}
.c-button--other {
  display: table;
  min-width: 250px;
  border-radius: 40px;
}
.c-button--other a {
  padding: 2rem;
  border-radius: 30px;
  background: var(--color-navy);
  transition: var(--easeOutCubic) 0.3s;
}
.c-button--other a:hover {
  background: var(--color-white);
  color: var(--color-navy);
}
.c-button--other a:hover .c-button-icon {
  border: 1px solid var(--color-navy);
}
.c-button--other .c-button-icon {
  margin-left: auto;
}
.c-button--other .c-button-text {
  transition: var(--easeOutCubic) 0.3s;
}
.c-button--other .c-button-text:after {
  content: none;
}
.c-button--other .c-button-text:before {
  content: none;
}
.c-button--spot {
  display: block;
  position: relative;
  margin-top: 0;
  padding-bottom: 1.5rem;
  margin-bottom: 1.3rem;
  max-width: 15.2116402vw;
}
@media (max-width: 767px) {
  .c-button--spot {
    max-width: 100%;
  }
}
.c-button--spot:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}
.c-button--spot .c-button-icon {
  margin-left: auto;
}
.c-button--spot .c-button-text {
  transition: var(--easeOutCubic) 0.3s;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .c-button--spot .c-button-text {
    font-size: 1.4rem;
  }
}
.c-button--spot .c-button-text:after {
  content: none;
}
.c-button--spot .c-button-text:before {
  content: none;
}
.c-button--center {
  margin: 4rem auto 0;
}
.c-button--footer {
  margin-top: 3rem;
}
.c-button--footer a {
  align-items: start;
}
.c-button--footer a svg path {
  stroke: none;
}
.c-button--footer a:hover svg path {
  stroke: none;
}
.c-button--footer a:hover .c-button-icon {
  background: var(--color-navy);
}
.c-button--footer .c-button-icon {
  border: none;
  position: relative;
  padding: 0;
}
.c-button--pdf {
  margin-top: 3rem;
}
.c-button--pdf a {
  align-items: start;
}
.c-button--pdf a svg path {
  stroke: none;
}
.c-button--pdf a:hover svg path {
  stroke: none;
}
.c-button--pdf a:hover .c-button-icon {
  background: var(--color-navy);
}
.c-button--pdf .c-button-icon {
  border: none;
  position: relative;
  padding: 0;
}
.c-button--back .c-button-icon {
  transform: rotate(180deg);
}
.c-button:hover .u-hover-button span {
  transform: translateY(calc(-100% - 0.6rem));
}

.c-button-text {
  position: relative;
  display: table;
  padding-bottom: 0.6rem;
  font-size: 1.2rem;
  overflow: hidden;
}
.c-button-text:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background: var(--color-navy);
  width: 100%;
  height: 1px;
  transition: var(--easeOutCubic) 0.3s;
}
.c-button-text:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background: var(--color-navy);
  width: 0%;
  height: 1px;
  transition: var(--easeOutCubic) 0.3s;
  transition-delay: 0.2s;
}

.c-button-icon {
  border-radius: 4rem;
  border: 1px solid var(--color-navy);
  position: relative;
  padding: 0.7rem 1.8rem;
  min-width: 4.3rem;
  min-height: 2.3rem;
  transition: var(--easeOutCubic) 0.3s;
}

.c-button-icon__inner {
  overflow: hidden;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  transition: var(--easeOutCubic) 0.8s;
}
.c-button-icon__inner span {
  display: block;
}

.c-button-icon__item-back {
  transform: translateX(0);
  transition: linear 0.3s;
}

.c-button-icon__item-front {
  transform: translate(-15px, -50%);
  transition: linear 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
}

.c-button-splide__nav {
  display: table;
}
.p-stay .c-button-splide__nav {
  margin: 2rem auto 0;
}
@media (max-width: 767px) {
  .p-stay .c-button-splide__nav {
    margin-left: auto;
    margin-right: var(--site-padding-sm);
    margin-top: 1rem;
  }
}
.p-food .c-button-splide__nav {
  margin: -1rem auto 0;
}
@media (max-width: 767px) {
  .p-food .c-button-splide__nav {
    margin-left: auto;
    margin-right: var(--site-padding-sm);
  }
}
.p-bath_sauna .c-button-splide__nav {
  margin: -1rem auto 0;
}
@media (max-width: 767px) {
  .p-bath_sauna .c-button-splide__nav {
    margin-left: auto;
    margin-right: var(--site-padding-sm);
  }
}
.p-ride_spot .c-button-splide__nav {
  margin: -1rem auto 0;
}
@media (max-width: 767px) {
  .p-ride_spot .c-button-splide__nav {
    margin-left: auto;
    margin-right: var(--site-padding-sm);
  }
}

.c-button-splide__nav-inner {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  position: relative;
  width: auto;
}
.c-button-splide__nav-inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: #4e596a;
  width: 1.4rem;
  height: 0.1rem;
}

.c-button-splide__circle {
  position: relative;
  width: 42px;
  height: 42px;
}

.c-button-splide__circle-back {
  position: absolute;
  top: 0;
  left: 0;
}

.c-button-splide__nav-btn {
  position: relative;
}
.c-button-splide__nav-btn:hover .c-button-splide__circle {
  transform: rotate(360deg);
}
.c-button-splide__nav-btn:hover .c-button-splide__circle-front {
  stroke-dashoffset: 0px;
}
.c-button-splide__nav-btn:hover .c-button-splide__arrow-back {
  transform: translateX(12px);
}
.c-button-splide__nav-btn:hover .c-button-splide__arrow-front {
  transform: translate(0, -50%);
}

.c-button-splide__circle {
  position: relative;
  transition: var(--easeOutCubic) 1.3s;
}
.c-button-splide__circle svg {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transform: rotate(90deg);
}

.c-button-splide__circle-front {
  position: absolute;
  top: 0;
  left: 0;
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
  transition: var(--easeOutCubic) 1.3s;
}

.c-button-splide__arrow {
  width: 100%;
  height: 100%;
}

.c-button-splide__arrow-inner {
  overflow: hidden;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  transition: var(--easeOutCubic) 0.8s;
  margin-top: -1px;
}
.c-button-splide__arrow-inner span {
  display: block;
}
.c-button-splide__nav-btn--prev .c-button-splide__arrow-inner {
  transform: translate(-50%, -50%) rotate(-180deg);
  margin-top: 1px;
}

.c-button-splide__arrow-back {
  transform: translateX(0);
  transition: linear 0.3s;
}

.c-button-splide__arrow-front {
  transform: translate(-15px, -50%);
  transition: linear 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
}

.c-button-pdf {
  display: table;
  width: 250px;
  margin-bottom: 6rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-button-pdf {
    margin-bottom: 4rem;
    margin: 0 auto 4rem;
  }
}
.c-button-pdf a {
  display: flex;
  padding: 2.6rem;
  border-radius: 50px;
  align-items: center;
  background: var(--color-bg-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  line-height: 1.2;
  overflow: hidden;
  transition: var(--easeOutCubic) 0.3s;
}
.c-button-pdf a:hover {
  background: var(--color-white);
  color: var(--color-navy);
}
.c-button-pdf a:hover .u-hover-text span {
  transform: translateY(-100%);
}
.c-button-pdf a:hover svg path {
  stroke: var(--color-navy);
}
.c-button-pdf span {
  display: table;
  padding: 0;
}
.c-button-pdf span:after {
  content: none;
}
.c-button-pdf span:before {
  content: none;
}
.c-button-pdf .c-button-pdf-icon {
  margin-left: auto;
}

.c-button-map {
  display: table;
  width: 250px;
  margin-bottom: 6rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-button-map {
    margin-bottom: 4rem;
    margin: 0 auto 4rem;
  }
}
.c-button-map a {
  display: flex;
  padding: 2.6rem;
  border-radius: 50px;
  align-items: center;
  border: 1px solid var(--color-navy);
  background: var(--color-bg-primary);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  overflow: hidden;
  transition: var(--easeOutCubic) 0.3s;
}
.c-button-map a:hover {
  background: var(--color-white);
  border: 1px solid var(--color-white);
}
.c-button-map a:hover .u-hover-text span {
  transform: translateY(-100%);
}
.c-button-map span {
  display: table;
  padding: 0;
}
.c-button-map span:after {
  content: none;
}
.c-button-map span:before {
  content: none;
}
.c-button-map .c-button-map-icon {
  margin-left: auto;
}

.c-button-modal {
  display: table;
  width: 250px;
  margin-bottom: 2rem;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
  .c-button-modal {
    margin: 0 auto 4rem;
  }
}
.c-button-modal a {
  display: flex;
  padding: 2.6rem;
  border-radius: 50px;
  align-items: center;
  color: var(--color-white);
  background: var(--color-bg-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  overflow: hidden;
  transition: var(--easeOutCubic) 0.3s;
}
.c-button-modal a:hover {
  color: var(--color-navy);
  background: var(--color-white);
}
.c-button-modal a:hover .u-hover-text span {
  transform: translateY(-100%);
}
.c-button-modal a:hover svg line {
  stroke: var(--color-navy);
}
.c-button-modal span {
  display: table;
  padding: 0;
}
.c-button-modal span:after {
  content: none;
}
.c-button-modal span:before {
  content: none;
}
.c-button-modal .c-button-map-icon {
  margin-left: auto;
}

.c-common {
  position: relative;
  margin-top: 30rem;
}
@media (max-width: 767px) {
  .c-common {
    margin-top: 10rem;
  }
}
.c-common .c-heading-section {
  display: table;
  margin: 0 auto 9rem;
}
@media (max-width: 767px) {
  .c-common .c-heading-section {
    margin: 0 auto 5rem;
    padding-left: var(--site-padding-sm);
  }
}
.is-home .c-common {
  margin-top: 0;
}

.c-common__list {
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .c-common__list {
    display: block;
  }
}
.c-common__list:before {
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
  top: 0;
  left: 0;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.2s;
}
.c-common__list:after {
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
  bottom: 0;
  left: 0;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .c-common__list:after {
    content: none;
  }
}
.c-common__list.is-onscreen:after {
  width: 100%;
}
.c-common__list.is-onscreen:before {
  width: 100%;
}

.c-common__item {
  box-sizing: border-box;
  padding: 7rem 0 11rem;
  flex: 3;
  position: relative;
}
@media (max-width: 767px) {
  .c-common__item {
    padding: 5rem 0;
  }
}
.c-common__item .c-button {
  display: table;
  margin: 0 auto;
}
.c-common__item:before {
  position: absolute;
  width: 1px;
  height: 0;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
  top: 0;
  left: 0;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
.c-common__item.is-onscreen:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .c-common__item.is-onscreen:before {
    width: 100%;
    height: 1px;
  }
}

.c-common__img {
  width: 21.494709vw;
  height: 12.962963vw;
  overflow: hidden;
  border-radius: 50vh;
  margin: 0 auto 3rem;
  transform: scale(0.5);
  transition: var(--easeOutCubic) 0.8s;
}
@media (max-width: 767px) {
  .c-common__img {
    width: 83.33333vw;
    height: 50.25641vw;
  }
}
.c-common__img figure {
  width: 100%;
  height: 100%;
}
.is-onscreen .c-common__img {
  transform: scale(1);
}
.is-onscreen .c-common__img img {
  transform: scale(1);
}
.c-common__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--easeOutCubic) 0.8s;
  transform: scale(2);
}
.c-common__img.is-active img {
  transform: scale(1.05);
}

.c-common__heading {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(26px, 2vw, 32px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-common__heading {
    font-size: clamp(28px, 7.5vw, 30px);
  }
}
.c-common__heading span {
  display: table;
  transform: translateY(101%);
  margin: 0 auto 5rem;
  transition: var(--easeOutCubic) 0.5s;
}
@media (max-width: 767px) {
  .c-common__heading span {
    margin: 0 auto 4rem;
  }
}
.c-common__heading.is-onscreen span {
  transform: translateY(0);
}

.c-fixed-elm {
  position: fixed;
  left: 2.64550265vw;
  bottom: 4.40044004vh;
  z-index: 1111;
  color: var(--color-white);
  mix-blend-mode: exclusion;
}
@media (max-width: 767px) {
  .c-fixed-elm {
    bottom: 2.5dvh;
    left: 5.12820513vw;
  }
}

.c-fixed-elm__body {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.c-form {
  overflow: hidden;
}

.c-form__header {
  margin: 0 0 6rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .c-form__header {
    display: block;
    margin: 0 0 4rem;
  }
}

.c-form-current {
  display: flex;
  align-items: center;
}

.c-form-current__item {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  padding: 0 4.5rem 0 1.5rem;
  position: relative;
  margin-right: 1.5rem;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .c-form-current__item {
    display: block;
  }
}
.c-form-current__item.is-current {
  opacity: 1;
}
.c-form-current__item:last-child::after {
  content: none;
}
.c-form-current__item::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  left: 0;
  background: var(--color-navy);
  border-radius: 1rem;
}
.c-form-current__item::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 3rem;
  right: 0;
  height: 1px;
  border-top: 1px dotted var(--color-navy);
}

.c-form__header-note {
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  margin-left: auto;
}
@media (max-width: 767px) {
  .c-form__header-note {
    margin-top: 2rem;
    display: table;
  }
}

.c-form-require {
  color: #dc433b;
}

.c-form-row {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .c-form-row {
    margin-bottom: 3rem;
  }
}

.c-form-label {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333vw, 15px);
  margin-bottom: 2rem;
  display: table;
}
@media (max-width: 767px) {
  .c-form-label {
    font-size: clamp(12px, 3.25vw, 13px);
    margin-bottom: 1.5rem;
  }
}

.c-form-label__required {
  color: #dc433b;
}

.c-form-field {
  border-radius: 4px;
  background: #e7d9c9;
  padding: 2.4rem 2rem;
  width: 35.7142857vw;
}
@media (max-width: 767px) {
  .c-form-field {
    width: 100%;
    padding: 1.9rem 2rem;
  }
}
.c-form-field--message {
  width: 100%;
}
.c-form-field--select {
  position: relative;
}
.c-form-field select {
  width: 100%;
}
.c-form-field textarea {
  width: 100%;
  height: 30rem;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
}
@media (max-width: 767px) {
  .c-form-field textarea {
    height: 18rem;
  }
}
.c-form-field input {
  width: 50%;
}

.c-form-select {
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
}
@media (max-width: 767px) {
  .c-form-select {
    font-size: clamp(10px, 2.75vw, 11px);
  }
}

.c-form-input {
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
}

input::placeholder {
  color: var(--color-navy);
  /* 好きな色に変更 */
  opacity: 0.2;
  /* iOS Safari の薄すぎ問題を防ぐ */
}

/* Chrome / Safari / Edge */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--color-navy);
  /* 文字色 */
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.c-form-select__icon {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.c-form-row--submit {
  overflow: hidden;
  display: flex;
  gap: 3rem;
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333vw, 14px);
}
@media (max-width: 767px) {
  .c-form-row--submit {
    font-size: clamp(13px, 3.5vw, 14px);
    justify-content: center;
    gap: 1.5rem;
    margin-top: 4rem;
  }
}
.c-form-row--submit span {
  display: table;
  margin: 0 auto;
}
.c-form-row--submit button {
  display: table;
  border-radius: 50px;
  color: var(--color-white);
  background: var(--color-navy);
  padding: 2.8rem 6rem;
  transition: var(--easeOutCubic) 0.8s;
  min-width: 250px;
  text-align: center;
}
@media (max-width: 767px) {
  .c-form-row--submit button {
    min-width: auto;
    padding: 2.8rem 3rem;
    width: 100%;
  }
}
.c-form-row--submit button.c-form-back {
  color: var(--color-navy);
  background: #e7d9c9;
}
.c-form-row--submit button:hover {
  color: var(--color-navy);
  background: var(--color-white);
}
.c-form-row--submit button:hover .u-hover-text span {
  transform: translateY(-100%);
}

.c-form-submit__inner {
  overflow: hidden;
}

.c-form-errors {
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.066667vw, 16px);
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .c-form-errors {
    font-size: clamp(13px, 3.5vw, 14px);
    line-height: 1.6;
    margin-bottom: 4rem;
  }
}
.c-form-errors span {
  color: #dc433b;
}

.c-form-confirm {
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.066667vw, 16px);
  margin-bottom: 5rem;
  line-height: 2;
}
@media (max-width: 767px) {
  .c-form-confirm {
    font-size: clamp(13px, 3.5vw, 14px);
    line-height: 1.6;
    margin-bottom: 4rem;
  }
}

.c-form-complate {
  font-size: clamp(13px, 0.933333vw, 14px);
  font-weight: var(--font-weight-medium);
  line-height: 2;
}

.c-form-error-text {
  color: #dc433b;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-form-error-text {
    font-size: clamp(10px, 2.5vw, 11px);
    margin-top: 1rem;
  }
}

.c-form-confirm-text {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333vw, 14px);
}

.c-form__ttl {
  font-weight: var(--font-weight-medium);
  font-size: clamp(20px, 1.533333vw, 23px);
  margin-bottom: 3rem;
}

/* ─────────────────────
  業務委託による追記箇所ここから
   ───────────────────── */
.c-form .wpcf7-not-valid-tip {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.c-form-errors__text,
.c-form-error-text {
  display: none;
}

.wpcf7-form:has(.wpcf7-not-valid) .c-form-errors__text,
.c-form-row:has(.wpcf7-not-valid) .c-form-error-text {
  display: revert;
}

.c-form-errors .wpcf7-response-output {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.wpcf7-spinner {
  display: none !important;
}

.c-form-submit:has(input),
.c-form-back:has(input) {
  border-radius: 50px;
  position: relative;
  transition: var(--easeOutCubic) 0.8s;
}

.c-form-submit:has(input) .u-hover-text,
.c-form-back:has(input) .u-hover-text {
  position: absolute;
  inset: 0;
  margin-block: auto;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  transition: var(--easeOutCubic) 0.8s;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 767px) {
  .c-form-submit:has(input),
.c-form-back:has(input) {
    inline-size: 100%;
  }
}
.c-form-submit:has(input) {
  background: var(--color-navy);
}

.c-form-submit:has(input) .u-hover-text {
  color: var(--color-white);
}

.c-form-back:has(input) {
  background: #e7d9c9;
}

.c-form-back:has(input) .u-hover-text {
  color: var(--color-navy);
}

.c-form-submit:has(input:hover) {
  background: var(--color-white);
}

.c-form-submit:has(input:hover) .u-hover-text > span {
  color: var(--color-navy);
  transform: translateY(-100%);
}

.c-form-back:has(input:hover) {
  background: var(--color-white);
}

.c-form-back:has(input:hover) .u-hover-text > span {
  transform: translateY(-100%);
}

.c-form-row--submit input {
  display: table;
  border-radius: 50px;
  color: var(--color-white);
  padding: 2.8rem 6rem;
  transition: var(--easeOutCubic) 0.8s;
  min-width: 250px;
  opacity: 0;
}

@media (max-width: 767px) {
  .c-form-row--submit input {
    min-width: auto;
    padding: 2.8rem 3rem;
    width: 100%;
  }
}
.c-form-row--submit input:hover {
  color: var(--color-navy);
  background: var(--color-white);
  border-radius: 50px;
}

.c-form-row--submit .u-hover-text:hover span {
  transform: initial !important;
}

.l-breadcrumb {
  padding-top: 1.5rem;
}

.l-breadcrumb--mb {
  position: absolute;
  right: 0;
  top: -8rem;
}
@media (max-width: 767px) {
  .l-breadcrumb--mb {
    margin-block-end: 4em;
    position: relative;
    top: 0;
  }
}

.c-breadcrumb {
  color: var(--color-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(10px, 0.8vw, 13px);
  line-height: 1.5;
  word-break: break-word;
}
@media (max-width: 767px) {
  .c-breadcrumb {
    text-align: start;
  }
}
.c-breadcrumb > span {
  display: inline flex;
  flex-wrap: wrap;
  column-gap: 0.5em;
}
.c-breadcrumb a {
  transition: opacity var(--easeOutCubic) 0.5s;
}
.c-breadcrumb a:hover {
  opacity: 0.5;
}

/* ─────────────────────
    業務委託による追記箇所ここまで
   ───────────────────── */
.c-heading {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.8;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .c-heading {
    font-size: clamp(15px, 4vw, 16px);
    margin-bottom: 2rem;
  }
}
.c-heading--lg {
  font-size: clamp(18px, 1.5333333vw, 23px);
  line-height: 1.8;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .c-heading--lg {
    font-size: clamp(16px, 4.5vw, 18px);
    margin-bottom: 2rem;
  }
}
.c-heading--l {
  font-size: clamp(18px, 1.5333333vw, 23px);
  line-height: 1.8;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .c-heading--l {
    font-size: clamp(16px, 4.5vw, 18px);
    margin-bottom: 2rem;
  }
}
.c-heading--md {
  font-size: clamp(14px, 1.0666667vw, 16px);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .c-heading--md {
    font-size: clamp(14px, 1.0666667vw, 16px);
  }
}

.c-heading-sub {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-regular);
  font-size: clamp(10px, 0.8vw, 12px);
  display: block;
  margin-top: 1rem;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .c-heading-sub {
    font-size: clamp(9px, 2.5vw, 10px);
    margin-top: 0.5rem;
  }
}

.c-heading-tag {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(10px, 0.8vw, 13px);
  color: var(--color-navy);
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-heading-tag {
    font-size: clamp(11px, 3vw, 12px);
  }
}
.c-heading-tag span {
  display: table;
  transform: translateY(-100%);
  opacity: 0;
  transition: var(--easeOutCubic) 0.5s;
}
.c-heading-tag.is-onscreen span {
  transform: translateY(0);
  opacity: 1;
}

.c-heading-section {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(50px, 4vw, 70px);
  color: var(--color-navy);
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-heading-section {
    font-size: clamp(40px, 12.5vw, 50px);
  }
}
.c-heading-section p {
  overflow: hidden;
}
.c-heading-section span {
  display: table;
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.5s;
}
.c-heading-section.is-onscreen span {
  transform: translateY(0);
}
.c-heading-section--contact {
  font-size: clamp(100px, 8vw, 120px);
}
@media (max-width: 767px) {
  .c-heading-section--contact {
    font-size: clamp(40px, 12.5vw, 50px);
  }
}

.c-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-info {
  color: var(--color-white);
  z-index: 11;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-regular);
  font-size: clamp(9px, 0.666667vw, 12px);
  opacity: 0;
}
@media (max-width: 767px) {
  .c-info {
    font-weight: var(--font-weight-medium);
    font-size: clamp(10px, 2.5vw, 11px);
    white-space: nowrap;
  }
}
.is-page-loaded .c-info {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 1s;
}
@media (max-width: 767px) {
  .is-page-loaded .c-info {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .is-gnav-open .c-info {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .c-info {
    color: var(--color-navy);
  }
}

.c-info__body {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .c-info__body {
    display: block;
    opacity: 0.4;
  }
}

.c-info-address a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .c-info-address a {
    margin-bottom: 1rem;
    margin-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .c-info-address {
    display: table;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .c-info-address__icon {
    display: none;
  }
}

.c-info-address__text {
  padding-right: 1.8rem;
  border-right: 1px solid var(--color-beige);
}
@media (max-width: 767px) {
  .c-info-address__text {
    border-right: none;
    padding-right: 0;
  }
}

.c-info-weather {
  padding-left: 1.8rem;
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
@media (max-width: 767px) {
  .c-info-weather {
    padding-left: 0;
    justify-content: center;
  }
}
.c-info-weather .dash {
  width: 9px;
  height: 1px;
  background: var(--color-white);
  margin: 0 0.2em;
}
@media (max-width: 767px) {
  .c-info-weather .dash {
    background: var(--color-navy);
  }
}
.c-info-weather .slash {
  margin: 0 0.2em;
}
.c-info-weather .minute {
  padding-right: 1.8rem;
  border-right: 1px solid var(--color-white);
  margin-right: 1.8rem;
}
@media (max-width: 767px) {
  .c-info-weather .minute {
    border-right: 1px solid var(--color-navy);
    margin-right: 1rem;
    padding-right: 1rem;
  }
}

.c-kv__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.c-kv__circle svg {
  width: 47.5529101vw;
  height: 28.505291vw;
  /* ← これでcircleがはみ出しても見えるようにする */
  overflow: visible;
}
@media (max-width: 767px) {
  .c-kv__circle svg {
    width: 54.6153846vw;
    height: 91.5384615vw;
  }
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 111;
  opacity: 0;
  pointer-events: none;
  transition: var(--easeOutCubic) 0.5s;
}
.is-modal-open .c-modal {
  opacity: 1;
  pointer-events: all;
}
.is-modal-open .c-modal .c-heading-tag span {
  transform: translateY(0);
  opacity: 1;
}

.c-modal__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 33.33333vw;
  min-width: 504px;
  overflow: hidden;
  border-radius: 3rem;
  transition: var(--easeOutCubic) 0.5s;
}
@media (max-width: 767px) {
  .c-modal__body {
    min-width: auto;
    width: 89.7435897vw;
  }
}
.is-modal-open .c-modal__body {
  transform: translate(-50%, -50%) scale(1);
}

.c-modal__inner {
  height: 56.4356436vh;
  min-height: 513px;
  background: var(--color-white);
  overflow: scroll;
  padding: 5.5vh 0 0rem;
  scrollbar-width: none;
}
@media (max-width: 767px) {
  .c-modal__inner {
    min-height: auto;
    height: 64.23307692vh;
  }
}

.c-modal__item {
  overflow: scroll;
  display: none;
}
.is-modal-open--short .c-modal__item--short {
  display: block;
}
.is-modal-open--long .c-modal__item--long {
  display: block;
}
.is-modal-open--island .c-modal__item--island {
  display: block;
}

.c-modal__ttl span {
  margin: 0 auto;
}

.c-modal-spot {
  margin-top: 6rem;
  padding: 0 2.6vw;
}
@media (max-width: 767px) {
  .c-modal-spot {
    margin-top: 4rem;
    padding: 0 5.12820513vw;
  }
}
.c-modal-spot .c-button-icon {
  position: absolute;
  top: calc(50% - 1rem);
  transform: translateY(-50%);
  right: 0;
}

.c-modal-spot__list {
  padding-bottom: 2rem;
}

.c-modal-spot__item {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .c-modal-spot__item {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.c-modal-spot__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: var(--color-navy);
  opacity: 0.2;
}
.c-modal-spot__item a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .c-modal-spot__item a {
    gap: 1rem;
  }
}
.c-modal-spot__item a:hover .c-button-icon__item-back {
  transform: translateX(12px);
}
.c-modal-spot__item a:hover .c-button-icon__item-front {
  transform: translate(0, -50%);
}
.c-modal-spot__item a:hover svg path {
  stroke: var(--color-white);
}
.c-modal-spot__item a:hover .c-button-icon {
  background: var(--color-navy);
}
.c-modal-spot__item a:hover .c-modal-spot__ttl {
  opacity: 0.5;
}

.c-modal-spot__num {
  width: 2.8rem;
  position: relative;
}
.c-modal-spot__num span {
  display: table;
  position: absolute;
  top: 0.9rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-bold);
  font-size: clamp(11px, 0.8vw, 12px);
  color: var(--color-white);
}

.c-modal-spot__ttl {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-medium);
  font-size: clamp(12px, 0.8vw, 13px);
  line-height: 1.2;
  gap: 1rem;
  padding-right: 5rem;
  transition: var(--easeOutCubic) 0.3s;
  width: calc(100% - 2.8rem - 4.3rem);
}

.c-modal-spot__ttl-icon {
  width: 1.8rem;
  min-width: 1.8rem;
  display: none;
}

.c-modal__close {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 5rem;
  top: 2rem;
  right: 2rem;
  background: var(--color-navy);
  z-index: 111;
  cursor: pointer;
}
.c-modal__close:hover .c-modal__close-icon:before {
  transform: translateY(-50%) rotate(-45deg);
}
.c-modal__close:hover .c-modal__close-icon:after {
  transform: translateY(-50%) rotate(-45deg);
}

.c-modal__close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1.1rem;
  height: 1.1rem;
}
.c-modal__close-icon:before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(0);
  transition: var(--easeOutCubic) 0.3s;
  position: absolute;
}
.c-modal__close-icon:after {
  content: "";
  width: 100%;
  height: 1px;
  height: 1px;
  background: var(--color-white);
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: var(--easeOutCubic) 0.3s;
  position: absolute;
}

.c-modal-icon {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: var(--color-white);
  padding: 3rem 2.6vw 3.5rem;
  z-index: 2;
  display: none;
  border-top: 1px dashed var(--color-navy);
}
@media (max-width: 767px) {
  .c-modal-icon {
    padding: 2rem 7rem 0rem;
  }
}

.c-modal-icon__list {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .c-modal-icon__list {
    gap: 0;
  }
}

.c-modal-icon__item {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-weight: var(--font-weight-bold);
  font-size: clamp(11px, 0.8vw, 12px);
}
@media (max-width: 767px) {
  .c-modal-icon__item {
    width: 50%;
    margin-bottom: 2rem;
  }
}

/* 画面全体にかぶせるオープニング */
.c-opening {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.8s var(--easeOutCubic);
}

/* オープニング中だけ表示 */
.is-page-opening .c-opening {
  opacity: 1;
}

/* ロード完了後はフェードアウト */
.is-page-loaded .c-opening {
  opacity: 0;
}

/* 全部重ねる */
.c-opening__inner {
  position: relative;
  width: 47.5529101vw;
  height: 28.505291vw;
}
@media (max-width: 767px) {
  .c-opening__inner {
    width: 54.6153846vw;
    height: 91.5384615vw;
  }
}

.c-opening__list {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 500px;
}

.c-opening__item {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transition: none;
  transform: scale(1);
  transition: linear 3.8s;
}
.is-page-opening .c-opening__item {
  transform: scale(1.3);
}
.c-opening__item figure {
  width: 100%;
  height: 100%;
}
.c-opening__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  opacity: 0;
}

/* ▼ 1枚分の「出てくる→止まる→消える」アニメ */
@keyframes openingItem {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ▼ .is-page-opening が付いている間だけ再生 */
/*   duration や delay で「順番に切り替わる」ように */
.is-page-opening .c-opening__item--1 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 0.1s;
}
.is-page-opening .c-opening__item--2 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 0.5s;
}
.is-page-opening .c-opening__item--3 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 0.9s;
}
.is-page-opening .c-opening__item--4 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 1.3s;
}
.is-page-opening .c-opening__item--5 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 1.7s;
}
.is-page-opening .c-opening__item--6 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 2.1s;
}
.is-page-opening .c-opening__item--7 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 2.5s;
}
.is-page-opening .c-opening__item--8 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 2.9s;
}
.is-page-opening .c-opening__item--9 img {
  animation: openingItem 1.6s ease-in-out forwards;
  animation-delay: 3.3s;
}

.c-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 6rem;
}
@media (max-width: 767px) {
  .c-pager {
    margin-top: 4rem;
  }
}
.c-pager .c-button {
  margin-top: 0;
}

.c-pager__list {
  display: flex;
  align-items: center;
}

.c-pager-button {
  opacity: 0.2;
  pointer-events: none;
}
.c-pager-button--next {
  margin-left: auto;
}
.c-pager-button--prev {
  transform: rotate(180deg);
  margin-right: auto;
}
.c-pager-button.is-active {
  opacity: 1;
  pointer-events: all;
}

.c-pager__item {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  margin: 0 1rem;
  position: relative;
  padding-bottom: 0.5rem;
}
.c-pager__item.is-active:after {
  opacity: 1;
}
.c-pager__item:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 3px;
  height: 3px;
  background: var(--color-navy);
  border-radius: 4px;
  opacity: 0.2;
}
.c-pager__item--line {
  width: 1.5rem;
  height: 1px;
  padding-bottom: 0;
  background: var(--color-navy);
}
.c-pager__item--line:after {
  content: none;
}

.c-paragraph {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(12.5px, 0.9333333vw, 14.5px);
  line-height: 2;
}
@media (max-width: 767px) {
  .c-paragraph {
    font-size: clamp(12px, 3.25vw, 13px);
  }
}
.c-paragraph--md {
  font-size: clamp(11px, 0.8vw, 13px);
}
@media (max-width: 767px) {
  .c-paragraph--md {
    font-size: clamp(11px, 2.75vw, 11px);
  }
}
.c-paragraph--sm {
  font-size: clamp(9px, 0.67777vw, 11px);
}
@media (max-width: 767px) {
  .c-paragraph--sm {
    font-size: clamp(9px, 2.5vw, 10px);
  }
}
.c-paragraph a {
  text-decoration: underline;
}

.c-reservation {
  position: fixed;
  right: 2.64550265vw;
  bottom: 4.40044004vh;
  z-index: 111111;
  overflow: hidden;
  opacity: 0;
}
@media (max-width: 767px) {
  .c-reservation {
    bottom: 2.5dvh;
    right: 5.12820513vw;
  }
}
.c-reservation a {
  display: block;
  padding: 1.9rem 1.5rem;
  background: var(--color-lightblue);
  border-radius: 0.4rem;
  transition: var(--easeOutCubic) 0.5s;
}
@media (max-width: 767px) {
  .c-reservation a {
    padding: 1.7rem 1.4rem;
  }
}
@media (max-width: 375px) {
  .c-reservation a {
    padding: 1.5rem 1rem;
  }
}
.c-reservation a:hover {
  background: var(--color-white);
}
.c-reservation a:hover .u-hover-text span {
  transform: translateY(-100%);
}
.is-page-loaded .c-reservation {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.c-reservation__row {
  display: flex;
  align-items: center;
}

.c-reservation__text {
  color: var(--color-navy);
  position: relative;
  padding-right: 1.3rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  overflow: hidden;
}
.c-reservation__text-en {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(12px, 0.8vw, 13px);
}
.c-reservation__text-jp {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: clamp(9px, 0.6vw, 10px);
}

.c-reservation__icon {
  padding-left: 1.3rem;
  position: relative;
  padding-left: 1.3rem;
}
.c-reservation__icon:after {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  width: 1px;
  height: calc(100% - 4px);
  background: var(--color-navy);
}
.c-reservation__icon img {
  width: clamp(16px, 1.0666667vw, 17px);
}

.c-splide__caption {
  margin-top: 2rem;
  font-weight: var(--font-weight-regular);
  font-size: clamp(10px, 0.8vw, 12px);
  transition: var(--easeOutCubic) 0.5s;
  opacity: 0;
}
@media (max-width: 767px) {
  .c-splide__caption {
    opacity: 0.5;
    line-height: 1.5;
    margin-top: 1rem;
  }
}
.is-visible .c-splide__caption {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .c-splide__caption {
    padding-left: var(--site-padding-sm);
  }
  .p-top-spot .c-splide__caption {
    padding: 0;
  }
  .is-food .c-splide__caption {
    padding: 0 var(--site-padding-sm);
  }
}

.c-splide-slide__img {
  width: 83.134921vw !important;
}
@media (max-width: 767px) {
  .c-splide-slide__img {
    width: 100vw !important;
  }
}

.c-splide-slide__img-item {
  width: 83.134921vw !important;
  height: 47.619048vw;
}
@media (max-width: 767px) {
  .c-splide-slide__img-item {
    width: 100vw !important;
    height: 64.3589744vw;
  }
}

.c-scroll {
  opacity: 0;
}
.is-page-loaded .c-scroll {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 1s;
}
.is-topics .c-scroll {
  display: none;
}
.is-contact .c-scroll {
  display: none;
}
.is-faq .c-scroll {
  display: none;
}
.is-conditions .c-scroll {
  display: none;
}
.is-service .c-scroll {
  display: none;
}
.is-privacy .c-scroll {
  display: none;
}
.is-company .c-scroll {
  display: none;
}

.c-scroll__body {
  position: relative;
  display: flex;
  gap: 1rem;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-regular);
  font-size: clamp(12px, 0.8vw, 12px);
  align-items: center;
}
@media (max-width: 767px) {
  .c-scroll__body {
    transform: scale(0.9);
  }
}

.c-scroll__percent {
  align-items: center;
  width: 3rem;
  white-space: nowrap;
  display: flex;
  gap: 0.1em;
}

.c-scroll-icon {
  border-radius: 4rem;
  border: 1px solid var(--color-white);
  position: relative;
  padding: 0.7rem 1.8rem;
  min-width: 4.3rem;
  min-height: 2.3rem;
}

.c-scroll-icon__inner {
  overflow: hidden;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  transition: var(--easeOutCubic) 0.8s;
}
.is-bottom .c-scroll-icon__inner {
  transform: translate(-50%, -50%) rotate(180deg);
}
.c-scroll-icon__inner span {
  display: block;
}

.c-scroll-icon__item-back {
  transform: translateY(-12px);
}
.is-loop .c-scroll-icon__item-back {
  transform: translateY(0px);
  transition: linear 0.6s;
}

.c-scroll-icon__item-front {
  transform: translateY(-12px);
}
.is-loop .c-scroll-icon__item-front {
  transform: translateY(0px);
  transition: linear 0.6s;
}

.c-section {
  position: relative;
}

.c-section-heading {
  position: relative;
}
.c-section-heading span {
  display: table;
}

.c-section-heading__num {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  margin-bottom: 3rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-section-heading__num {
    font-size: clamp(10px, 2.5vw, 12px);
    margin-bottom: 2rem;
  }
}
.c-section-heading__num span {
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.6s;
  transition-delay: 0.3s;
}
.is-onscreen .c-section-heading__num span {
  transform: translateY(0%);
}

.c-section-heading__main {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(23px, 2vw, 32px);
  line-height: 1.1;
}
@media (max-width: 767px) {
  .c-section-heading__main {
    font-size: clamp(28px, 7.5vw, 30px);
  }
}

.c-section-heading__sub {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  margin-top: 1.5rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-section-heading__sub {
    font-size: clamp(12px, 3vw, 14px);
  }
}
.c-section-heading__sub span {
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.6s;
  transition-delay: 0.3s;
}
.is-onscreen .c-section-heading__sub span {
  transform: translateY(0%);
}

.c-section-heading__other {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.066667vw, 17px);
  margin-top: 3rem;
  overflow: hidden;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .c-section-heading__other {
    font-size: clamp(12px, 3vw, 14px);
  }
}
.c-section-heading__other span {
  transform: translateY(100%);
  transition: var(--easeOutCubic) 0.6s;
  transition-delay: 0.3s;
}
.is-onscreen .c-section-heading__other span {
  transform: translateY(0%);
}

.c-section-heading__inner {
  overflow: hidden;
}
.c-section-heading__inner span {
  position: relative;
  display: table;
  transition: var(--easeOutCubic) 1s;
  transition-delay: 0.3s;
  transform: translateY(100%);
}
.c-section-heading__inner span:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  /* 下に配置 */
  width: 100%;
}
.is-onscreen .c-section-heading__inner span {
  transform: translateY(-102%);
}

.c-side-nav {
  position: absolute;
  height: auto;
  top: auto !important;
  padding-bottom: 8rem;
  bottom: 0;
}
@media (max-width: 767px) {
  .c-side-nav {
    position: relative;
    top: inherit !important;
    background: #e7d9c9;
    padding: 2.4rem 2rem;
    border-radius: 4px;
    margin-bottom: 5rem;
    overflow: hidden;
    min-height: 6rem;
  }
}

@media (max-width: 767px) {
  .c-side-nav__header-toggle {
    position: absolute;
    right: 2rem;
    width: 1.1rem;
    height: 1.1rem;
    top: 2.4rem;
    transition: var(--easeOutCubic) 0.8s;
  }
  .c-side-nav__header-toggle:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.1rem;
    height: 0.1rem;
    background: var(--color-navy);
    content: "";
    transform: translateY(-50%) rotate(0);
  }
  .c-side-nav__header-toggle:before {
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 0.1rem;
    height: 1.1rem;
    background: var(--color-navy);
    transition: var(--easeOutCubic) 0.3s;
    content: "";
  }
  .is-side-nav-open .c-side-nav__header-toggle:before {
    transform: rotate(-90deg);
  }
}

.c-side-nav__header-ttl {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(12px, 0.8vw, 13px);
  margin-bottom: 3rem;
  transition: var(--easeOutCubic) 0.5s;
}
@media (max-width: 767px) {
  .c-side-nav__header-ttl {
    margin-bottom: 0rem;
  }
  .is-side-nav-open .c-side-nav__header-ttl {
    margin-bottom: 3rem;
  }
}

.c-side-nav__list {
  overflow: hidden;
}

.c-side-nav__item {
  overflow: hidden;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(12px, 0.8vw, 13px);
  margin-bottom: 2rem;
  transition: var(--easeOutCubic) 0.5s;
}
@media (max-width: 767px) {
  .c-side-nav__item {
    margin-bottom: 0;
    margin-top: -10%;
  }
  .is-side-nav-open .c-side-nav__item {
    margin-top: 0%;
    margin-bottom: 2rem;
  }
  .c-side-nav__item:last-child {
    margin-bottom: 0;
  }
}
.c-side-nav__item.is-active a {
  border-bottom: 1px solid var(--color-navy);
}
.c-side-nav__item a {
  display: table;
  overflow: hidden;
}

.c-table {
  position: relative;
  width: 100%;
}
.c-table tbody {
  width: 100%;
  display: table;
}

@media (max-width: 767px) {
  .c-table {
    display: block;
  }

  .c-table colgroup {
    display: none;
  }
}
.c-table__row {
  position: relative;
  border-bottom: 1px solid rgba(19, 41, 75, 0.2);
}

.c-table__heading {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.9333333vw, 14px);
  line-height: 1.6;
  padding: 3rem 3rem 3rem 0;
  width: 24%;
}
@media (max-width: 767px) {
  .c-table__heading {
    font-size: clamp(11px, 3vw, 12px);
    width: 40%;
    padding: 2rem 2rem 2rem 0;
  }
}

.c-table__desc {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.9333333vw, 14px);
  line-height: 2;
  padding: 3rem 0 3rem 0;
  width: 76%;
}
@media (max-width: 767px) {
  .c-table__desc {
    font-size: clamp(11px, 3vw, 12px);
    width: 60%;
    padding: 2rem 0;
  }
}

.c-terms__ttl {
  padding-bottom: 4rem;
  position: relative;
  transition: var(--easeOutCubic) 0.3s;
  font-size: clamp(18px, 1.3333333vw, 20px);
}
@media (max-width: 767px) {
  .c-terms__ttl {
    font-size: clamp(17px, 4.5vw, 18px);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}
.c-terms__ttl:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.c-terms__block {
  margin-top: 6rem;
  list-style-type: disc;
}
@media (max-width: 767px) {
  .c-terms__block {
    margin-top: 5rem;
  }
}
.c-terms__block ul.num {
  list-style-type: decimal;
}
.c-terms__block ul.num .num-list {
  margin-left: 1.5em;
  padding-left: 0.5em;
  margin-bottom: 5px;
}
.c-terms__block ul.annotation li {
  padding-left: 2em;
  margin-bottom: 5px;
  position: relative;
}
.c-terms__block ul.annotation li span {
  position: absolute;
  left: 0;
}
.c-terms__block ul.annotation-2 li {
  padding-left: 2.7em;
  margin-bottom: 5px;
  position: relative;
}
.c-terms__block ul.annotation-2 li span {
  position: absolute;
  left: 0;
}
.c-terms__block ul.annotation-3 li {
  padding-left: 3.5rem;
  margin-bottom: 5px;
  position: relative;
}
.c-terms__block ul.annotation-3 li span {
  position: absolute;
  left: 0;
}
.c-terms__block ul li::marker {
  font-size: clamp(12.5px, 0.9333333vw, 14.5px);
  font-weight: var(--font-weight-medium);
}
@media (max-width: 767px) {
  .c-terms__block ul li::marker {
    font-size: clamp(12px, 3.25vw, 13px);
  }
}
.c-terms__block .graph {
  margin-top: 3rem;
}

.c-terms__body {
  padding-bottom: 10rem;
}
@media (max-width: 767px) {
  .c-terms__body {
    padding-bottom: 7.5rem;
  }
}

.p-terms-table {
  border-collapse: collapse;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .p-terms-table {
    width: 100%;
  }
}

.p-terms-table th,
.p-terms-table td {
  padding: 1rem 2rem;
  border: solid 1px var(--color-navy);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 1.3;
  vertical-align: inherit;
  text-align: center;
  font-weight: var(--font-weight-medium);
}
.p-terms-table th span,
.p-terms-table td span {
  font-size: clamp(9px, 0.67777vw, 11px);
}
@media (max-width: 767px) {
  .p-terms-table th span,
.p-terms-table td span {
    font-size: clamp(9px, 2.5vw, 10px);
  }
}
@media (max-width: 767px) {
  .p-terms-table th,
.p-terms-table td {
    font-size: clamp(11px, 2.75vw, 11px);
    padding: 1rem 0.2rem;
  }
}

/* ---------------------------------------------------------

Project

--------------------------------------------------------- */
.p-top-kv {
  width: 100%;
  position: relative;
}
.p-top-kv__body {
  position: sticky;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  overflow: hidden;
}

.p-top-kv__space {
  height: 100lvh;
}

.p-top-kv__space-2 {
  height: 100lvh;
}

.p-top-kv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
  overflow: visible;
}

.p-top-kv__img-item {
  height: 100%;
  transform: scale(1.2);
  transition: var(--easeOutCubic) 3s;
}
.is-page-loaded .p-top-kv__img-item {
  transform: scale(1.001);
}
.p-top-kv__img-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-top-kv__img-item .js-kv-01 {
  opacity: 0;
}
.p-top-kv__img-item .js-fv:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-bg-black);
  opacity: 0.3;
  top: 0;
  left: 0;
}

.p-top-kv__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 23;
  top: 0;
  left: 0;
}

.p-top-kv__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.p-top-kv__logo img {
  width: 28.6375661vw;
  opacity: 0;
  transition: var(--easeOutCubic) 1.5s;
  margin: 0 auto;
  display: table;
}
.is-page-loaded .p-top-kv__logo img {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-top-kv__logo img {
    width: 64.358974vw;
  }
}

.p-top-kv__copy {
  position: absolute;
  top: 50%;
  left: 15.8730159vw;
  transform: translateY(-50%);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-regular);
  color: var(--color-white);
  font-size: 2vw;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-top-kv__copy {
    left: 5.12820513vw;
    top: 11.025641vh;
    transform: translateY(0%);
    font-size: 5vw;
  }
}
.p-top-kv__copy span {
  display: block;
  opacity: 0;
}
.is-page-loaded .p-top-kv__copy span {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.p-top-kv__lead {
  position: absolute;
  top: 50%;
  right: 15.8730159vw;
  transform: translateY(-50%);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-regular);
  color: var(--color-white);
  font-size: 0.8vw;
  line-height: 1.8;
  width: 13.7566138vw;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-top-kv__lead {
    right: 5.12820513vw;
    top: 11.7948718vh;
    transform: translateY(0%);
    font-size: 2vw;
    width: 46.4102564vw;
  }
}
.is-page-loaded .p-top-kv__lead {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.p-top-kv-topics {
  position: absolute;
  left: 2.64550265vw;
  bottom: 9.9009901vh;
  border-radius: 0.4rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.27);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  color: var(--color-white);
  opacity: 0;
}
@media (max-width: 767px) {
  .p-top-kv-topics {
    left: 5.12820513vw;
    bottom: calc(50px + 2.5dvh + 1rem);
    width: calc(100% - 5.12820513dvw * 2);
  }
}
.is-page-loaded .p-top-kv-topics {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}

.p-top-kv-topics__inner {
  display: flex;
  align-items: center;
  padding: 2rem;
}
@media (max-width: 767px) {
  .p-top-kv-topics__inner {
    padding: 1.5rem;
  }
}

.p-top-kv-topics__item a {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  position: relative;
}
.p-top-kv-topics__item a:hover .p-top-kv-topics__date {
  opacity: 0.6;
}
.p-top-kv-topics__item a:hover .p-top-kv-topics__heading {
  opacity: 0.6;
}

.p-top-kv-topics__ttl {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  padding-right: 1.5rem;
  margin-right: 2rem;
  border-right: 1px solid var(--color-white);
}
@media (max-width: 767px) {
  .p-top-kv-topics__ttl {
    font-size: clamp(9px, 2.5vw, 11px);
  }
}

.p-top-kv-topics__date {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  transition: var(--easeOutCubic) 0.3s;
}
@media (max-width: 767px) {
  .p-top-kv-topics__date {
    font-size: clamp(9px, 2.5vw, 11px);
  }
}

.p-top-kv-topics__heading {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 12px);
  transition: var(--easeOutCubic) 0.3s;
}
@media (max-width: 767px) {
  .p-top-kv-topics__heading {
    font-size: clamp(9px, 2.5vw, 11px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* 垂直方向に配置 */
    overflow: hidden;
    /* 溢れた部分を隠す */
    text-overflow: ellipsis;
    /* 溢れた部分に「...」を表示 */
    -webkit-line-clamp: 1;
  }
}

.p-top-kv-menu {
  position: absolute;
  left: 0;
  top: 6.60066007vh;
  z-index: 222;
  width: 100%;
  opacity: 0;
}
.is-page-loaded .p-top-kv-menu {
  opacity: 1;
  transition: var(--easeOutCubic) 0.8s;
  transition-delay: 0.5s;
}
@media (max-width: 1023px) {
  .p-top-kv-menu {
    display: none;
  }
}

.p-top-kv-menu__list {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  width: 100%;
  gap: 5vw;
}

.p-top-kv-menu__item {
  overflow: hidden;
  white-space: nowrap;
}
.p-top-kv-menu__item a {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(10px, 0.8vw, 14px);
  color: var(--color-white);
}

.p-top-concept {
  position: fixed;
  left: 0;
  z-index: 22;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.p-top-concept__inner {
  position: absolute;
  top: 50%;
  transform: translateY(-64%);
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-top-concept__inner {
    width: 100%;
    height: 100dvh;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.p-top-concept__inner .c-heading-tag {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .p-top-concept__inner .c-heading-tag {
    position: absolute;
    top: 16.9230769vh;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-top-concept__ttl {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  color: var(--color-navy);
}
@media (max-width: 767px) {
  .p-top-concept__ttl {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 64.2307692vh;
    left: 0;
    text-align: center;
    width: 100%;
  }
}
.p-top-concept__ttl span {
  display: table;
}
.p-top-concept__ttl img {
  transform: translateY(100%);
}
.p-top-concept__ttl-sub {
  overflow: hidden;
}
.p-top-concept__ttl-sub img {
  width: 40.8068783vw;
  height: 5.687831vw;
}
@media (max-width: 767px) {
  .p-top-concept__ttl-sub img {
    width: 72.3076923vw;
    height: auto;
  }
}
.p-top-concept__ttl-main {
  overflow: hidden;
}
.p-top-concept__ttl-main img {
  width: 40.8068783vw;
  height: 7.010582vw;
}
@media (max-width: 767px) {
  .p-top-concept__ttl-main img {
    width: 72.3076923vw;
    height: auto;
  }
}

.p-top-concept__ttl-img {
  overflow: hidden;
}

.p-top-concept-textbox {
  width: 50%;
  margin-left: auto;
  padding: 0 var(--site-padding);
  position: relative;
  z-index: 2;
  margin-bottom: 30rem;
}
@media (max-width: 767px) {
  .p-top-concept-textbox {
    width: 100%;
    padding: 0 var(--site-padding-sm);
    margin-bottom: 10rem;
    margin-top: -15svh;
  }
}

.p-top-concept-urban {
  margin-top: 8rem;
}

.p-top-concept-urban__ttl {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .p-top-concept-urban__ttl {
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.p-top-concept-urban__ttl a {
  display: flex;
  gap: 1rem;
  overflow: hidden;
}
.p-top-concept-urban__ttl a:hover .p-top-concept-urban__link::before {
  width: 100%;
}
.p-top-concept-urban__ttl a:hover .p-top-concept-urban__link::after {
  width: 0;
}

.p-top-concept-urban__img {
  width: 7.6vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-top-concept-urban__img {
    width: 24.1vw;
  }
}
.p-top-concept-urban__img img {
  border-radius: 300px;
}

.p-top-concept-urban__link {
  padding-bottom: 0.6rem;
  font-size: 1.6rem;
  position: relative;
  color: var(--color-navy);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
}
@media (max-width: 767px) {
  .p-top-concept-urban__link {
    font-size: 3.5vw;
  }
}
.p-top-concept-urban__link:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background: var(--color-navy);
  width: 100%;
  height: 1px;
  transition: var(--easeOutCubic) 0.3s;
}
.p-top-concept-urban__link:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background: var(--color-navy);
  width: 0%;
  height: 1px;
  transition: var(--easeOutCubic) 0.3s;
  transition-delay: 0.2s;
}

.p-top-topics {
  position: relative;
  padding-bottom: 26rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-top-topics {
    padding-bottom: 10rem;
  }
  .p-top-topics .c-heading-section {
    margin-bottom: 3rem;
    padding-left: var(--site-padding-sm);
  }
  .p-top-topics .c-button {
    margin-left: auto;
    margin-right: var(--site-padding-sm);
  }
}

.p-top-topics__wrapper {
  padding-left: 8.46001322vw;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .p-top-topics__wrapper {
    display: block;
    padding-left: 0;
  }
}

.p-top-topics__content {
  width: 67.989418vw;
  margin-left: auto;
  position: relative;
}
@media (max-width: 767px) {
  .p-top-topics__content {
    width: 100%;
  }
}

.p-top-topics-splide__index {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3.9vw;
}
@media (max-width: 767px) {
  .p-top-topics-splide__index {
    top: inherit;
    bottom: 0;
    left: var(--site-padding-sm);
    transform: translateY(0%);
  }
}
.p-top-topics-splide__index span {
  display: block;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  color: var(--color-navy);
  text-align: center;
  font-size: clamp(13px, 0.9333333vw, 15px);
}

.p-top-topics-splide__index-line {
  margin: 2rem 0;
  width: 100%;
  height: 1px;
  background: var(--color-navy);
}
@media (max-width: 767px) {
  .p-top-topics-splide__index-line {
    margin: 1.5rem 0;
  }
}

.p-top-topics__item {
  overflow: hidden;
  border-radius: 0.4rem;
}
.p-top-topics__item:hover .p-top-topics__img {
  overflow: hidden;
}
.p-top-topics__item:hover .p-top-topics__img img {
  transform: scale(1.1);
}

.p-top-topics__img {
  overflow: hidden;
}
.p-top-topics__img img {
  transition: var(--easeOutCubic) 0.3s;
  border-radius: 0.4rem;
}

.p-top-topics__meta {
  display: flex;
  align-items: center;
  margin: 2rem 0 1.5rem;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
}

.p-top-topics__meta-tag {
  border-radius: 0.4rem;
  border: 1px solid var(--color-white);
  font-size: clamp(9px, 0.666667vw, 12px);
  padding: 0.6rem 1.4rem;
}

.p-top-topics__meta-date {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(9px, 0.666667vw, 12px);
  margin-left: auto;
}

.p-top-topics__ttl {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333333vw, 15px);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 垂直方向に配置 */
  overflow: hidden;
  /* 溢れた部分を隠す */
  text-overflow: ellipsis;
  /* 溢れた部分に「...」を表示 */
  -webkit-line-clamp: 2;
}

.p-top-topics-splide {
  background: var(--color-navy);
  padding: 11rem 0 6rem 15rem;
  border-top-left-radius: 30vw;
  border-bottom-left-radius: 30vw;
  width: calc(100% + 6.6vw);
}
@media (max-width: 767px) {
  .p-top-topics-splide {
    width: calc(100% + 16.4vw + 19.4871795vw);
    padding: 6rem 0 2.5rem 9.4rem;
    transform: translateX(-16.4vw);
    border-top-left-radius: 300px;
    border-bottom-left-radius: 300px;
  }
}

.p-top-topics-splide__bottom {
  position: relative;
  margin-top: 4rem;
  padding-top: 4rem;
}
@media (max-width: 767px) {
  .p-top-topics-splide__bottom {
    margin-top: 2rem;
    padding-top: 0;
  }
}
.p-top-topics-splide__bottom .c-button-splide__nav {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-top-topics-splide__bottom .c-button-splide__nav {
    margin: 0 0 0 auto;
    margin-right: calc(5.12820513vw + 19.4871795vw);
  }
}
.p-top-topics-splide__bottom .c-button {
  position: absolute;
  right: calc(6rem + 6.6vw);
  bottom: 0;
}

/* ラッパー */
.p-top-topics__progress {
  width: calc(100% - calc(6rem + 6.6vw));
  top: 0;
  margin-bottom: 4rem;
  position: absolute;
}
@media (max-width: 767px) {
  .p-top-topics__progress {
    display: none;
  }
}

/* 線（レール） */
.p-top-topics__progress-bar {
  width: 100%;
  height: 1px;
  background: #4e596a;
  position: relative;
  overflow: visible;
}

/* 動く点（丸） */
.p-top-topics__progress-dot {
  position: absolute;
  top: 50%;
  left: 0%;
  /* JSで left を更新 */
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dcccba;
  transform: translate(-50%, -50%);
  /* center 基準 */
  transition: left 0.35s ease;
  /* ふわっと動く */
}

.p-top-feature {
  position: relative;
  width: 100%;
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
@media (max-width: 767px) {
  .p-top-feature .c-button {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-top-feature__inner {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
}
.p-top-feature__inner .splide__slide {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.p-top-feature__inner .splide__slide.is-active {
  opacity: 1 !important;
}

.p-top-feature__bg {
  position: relative;
  width: 100%;
  height: 100vh;
}

.p-top-feature__bg-item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  background: var(--color-bg-beige);
}
.p-top-feature__bg-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-black);
  content: "";
  opacity: 0.3;
}
.p-top-feature__bg-item img {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}
.p-top-feature__bg-item--stay {
  z-index: 3;
}
.p-top-feature__bg-item--food {
  z-index: 2;
}
.p-top-feature__bg-item--nagi {
  z-index: 1;
}

.p-top-feature__thumb {
  position: absolute;
  top: 50%;
  left: 25.7936508vw;
  z-index: 2;
  transform: translateY(-50%);
  width: 20.5687831vw;
  height: 34.1931217vw;
  z-index: 4;
}
@media (max-width: 767px) {
  .p-top-feature__thumb {
    position: relative;
    left: 0;
    transform: translateY(0);
    top: 0;
    width: 46.9230769vw;
    height: 78.2051282vw;
    margin: -1.5rem auto 2.5rem;
  }
}

.p-top-feature__thumb-img {
  overflow: hidden;
  border-radius: 300px;
  -webkit-clip-path: inset(0 0 0% 0);
          clip-path: inset(0 0 0% 0);
}
@media (max-width: 767px) {
  .p-top-feature__thumb-img {
    height: 78.2051282vw;
  }
}
.p-top-feature__thumb-img figure {
  width: 100%;
  height: 100%;
}
.p-top-feature__thumb-img img {
  height: 100%;
  object-fit: cover;
}

.p-top-feature__thumb-list {
  height: 100%;
}

.s-fade-splide-2-sp {
  height: 100%;
}

.p-top-feature__thumb-item {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 300px;
  height: 100%;
}
.p-top-feature__thumb-item--stay {
  z-index: 3;
}
@media (max-width: 767px) {
  .p-top-feature__thumb-item--stay {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
.p-top-feature__thumb-item--stay .splide {
  background: var(--color-bg-beige);
  border-radius: 300px;
}
.p-top-feature__thumb-item--food {
  z-index: 2;
}
@media (max-width: 767px) {
  .p-top-feature__thumb-item--food {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
.p-top-feature__thumb-item--nagi {
  z-index: 1;
}
@media (max-width: 767px) {
  .p-top-feature__thumb-item--nagi {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
.p-top-feature__thumb-item img {
  transition: var(--easeOutCubic) 0.6s;
}
.p-top-feature__thumb-item.is-active .p-top-feature__thumb-img img {
  transform: scale(1.05);
}

.p-top-feature__ttl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -8.5978836vw;
}
@media (max-width: 767px) {
  .p-top-feature__ttl {
    position: relative;
    left: 0;
    transform: translateY(1rem);
    top: 0;
    z-index: 11;
    width: 100%;
  }
  .p-top-feature__ttl span {
    margin: 0 auto;
  }
}
.p-top-feature__ttl h2 {
  color: var(--color-white);
}
.p-top-feature__thumb-item--food span .p-top-feature__ttl {
  opacity: 0;
}
.p-top-feature__thumb-item--nagi span .p-top-feature__ttl {
  opacity: 0;
}

.p-top-feature__logo {
  margin-top: 3rem;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-top-feature__logo {
    opacity: 1;
    margin: -3.5rem auto 3rem;
    position: relative;
    z-index: 22;
  }
}
.p-top-feature__logo--food {
  width: 7.14285714vw;
}
@media (max-width: 767px) {
  .p-top-feature__logo--food {
    width: 30.3076923vw;
  }
}
.p-top-feature__logo--nagi {
  width: 4.4973545vw;
}
@media (max-width: 767px) {
  .p-top-feature__logo--nagi {
    width: 25.4358974vw;
  }
}

.p-top-feature-text {
  position: relative;
  width: 29.1005291vw;
  margin-left: auto;
  margin-right: 17.0634921vw;
  z-index: 1;
  padding-bottom: 35vh;
}
@media (max-width: 767px) {
  .p-top-feature-text {
    width: 100%;
    margin: 0;
    padding: 0 var(--site-padding-sm) 10rem;
  }
  .p-top-feature-text .c-heading {
    text-align: center;
  }
}

.p-top-feature-text__item {
  margin-bottom: 50vh;
}
.p-top-feature-text__item--nagi {
  margin-bottom: 0;
}

.p-top-bicycle {
  position: relative;
}

.p-top-bicycle__inner {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
}

.p-top-bicycle__space {
  height: 200vh;
}

.p-top-bicycle__copy {
  margin-top: 8.80088009vh;
}
@media (max-width: 767px) {
  .p-top-bicycle__copy {
    margin-top: 3.5rem;
  }
}

.p-top-bicycle-text {
  width: 29.1005291vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--site-padding);
  z-index: 2;
}
@media (max-width: 767px) {
  .p-top-bicycle-text {
    width: calc(100% - var(--site-padding-sm) * 2);
    left: var(--site-padding-sm);
    transform: translateY(-55%);
  }
}

.p-top-bicycle-img {
  width: 247.685185vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -191.005291vw;
}
@media (max-width: 767px) {
  .p-top-bicycle-img {
    width: 328.205128vw;
    height: 32vh;
    right: -336.153846vw;
  }
}

.p-top-bicycle-img__list {
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
}

.p-top-bicycle-img__item {
  overflow: hidden;
  border-radius: 0.4rem;
}

.p-top-bicycle-img__item--1 {
  width: 48.2804233vw;
  margin-right: 17.7910053vw;
}
@media (max-width: 767px) {
  .p-top-bicycle-img__item--1 {
    width: 67.948179vw;
    margin-right: 20vw;
    margin-bottom: 3rem;
  }
}

.p-top-bicycle-img__item--2 {
  width: 17.526455vw;
  margin-right: 17.7910053vw;
  margin-top: 2rem;
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .p-top-bicycle-img__item--2 {
    width: 24.358974vw;
    margin-top: -3rem;
  }
}

.p-top-bicycle-img__item--3 {
  width: 48.2804233vw;
  margin-right: 17.7910053vw;
  margin-top: auto;
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .p-top-bicycle-img__item--3 {
    width: 67.948179vw;
    margin-right: 20vw;
    margin-top: 7rem;
  }
}

.p-top-bicycle-img__item--4 {
  width: 17.526455vw;
  margin-right: 14.484127vw;
  margin-top: auto;
  margin-bottom: 31.9031903vh;
}
@media (max-width: 767px) {
  .p-top-bicycle-img__item--4 {
    width: 24.358974vw;
    margin-right: 20vw;
  }
}

.p-top-bicycle-img__item--5 {
  width: 48.2804233vw;
  margin-top: auto;
  margin-bottom: 15.4015402vh;
}
@media (max-width: 767px) {
  .p-top-bicycle-img__item--5 {
    width: 67.948179vw;
    margin-top: 9rem;
  }
}

.p-top-spot {
  padding: 10rem 0 15rem;
}
@media (max-width: 767px) {
  .p-top-spot {
    padding: 6rem 0 5rem;
  }
  .p-top-spot .l-container {
    padding: 0;
  }
}

.p-top-spot__inner {
  background: var(--color-navy);
  border-radius: 1000px;
  padding: 6.61375661vw 5.29100529vw 6.61375661vw 8.5978836vw;
  max-width: 83vw;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .p-top-spot__inner {
    padding: 6.61375661vw 6rem 6.61375661vw 10rem;
  }
}
@media (max-width: 767px) {
  .p-top-spot__inner {
    padding: 5rem var(--site-padding-sm) 6rem;
    max-width: 100%;
    border-radius: 350px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.p-top-spot__row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .p-top-spot__row {
    display: block;
  }
}

.p-top-spot__slide {
  width: 38vw;
  position: relative;
}
@media (max-width: 767px) {
  .p-top-spot__slide {
    width: 100%;
  }
  .p-top-spot__slide .c-heading-tag {
    margin-bottom: 1.3rem;
  }
  .p-top-spot__slide .c-heading-tag span {
    margin: 0 auto;
  }
  .p-top-spot__slide .c-heading {
    text-align: center;
    color: var(--color-white);
  }
}
.p-top-spot__slide img {
  object-fit: cover;
  width: 100%;
  height: 27vw;
  border-radius: 0.4rem;
}
@media (max-width: 767px) {
  .p-top-spot__slide img {
    height: 60.5128205vw;
  }
}
.p-top-spot__slide .c-button-splide__nav {
  position: absolute;
  right: 0;
  bottom: -2rem;
}
.p-top-spot__slide .c-splide__caption {
  color: var(--color-white);
}

.p-top-spot__text {
  width: 25.6613757vw;
  color: var(--color-white);
  position: relative;
  z-index: 2;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-top-spot__text {
    width: 100%;
  }
}
.p-top-spot__text .c-heading-tag {
  margin-bottom: 1.3rem;
}

.p-top-spot-rec {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .p-top-spot-rec {
    padding-top: 3rem;
    margin-top: 3rem;
  }
}

.p-top-spot-rec__ttl {
  color: var(--color-white);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  opacity: 0.5;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .p-top-spot-rec__ttl {
    font-size: clamp(11px, 3vw, 13px);
  }
}

.p-top-facility {
  padding: 15rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .p-top-facility {
    padding: 5rem 0 0;
  }
}
.p-top-facility .c-heading-section {
  display: table;
  margin: 0 auto 9rem;
}
@media (max-width: 767px) {
  .p-top-facility .c-heading-section {
    display: block;
    margin-left: var(--site-padding-sm);
    margin-bottom: 6rem;
  }
}
.p-top-facility .c-button {
  margin: 5rem auto 0;
  display: table;
}
@media (max-width: 767px) {
  .p-top-facility .c-button {
    margin: 4.5rem auto 0;
  }
}

.p-top-access {
  position: relative;
  padding: 15rem 0;
}
@media (max-width: 767px) {
  .p-top-access {
    padding: 10rem 0 0;
  }
}

.p-top-access__row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .p-top-access__row {
    display: block;
  }
}
.p-top-access__row .c-paragraph--md {
  margin-top: 2rem;
}

.p-top-access__map {
  width: 49.6031746vw;
  height: 29.4312169vw;
  margin-left: auto;
  overflow: hidden;
  border-radius: 0.4rem;
  position: relative;
}
@media (max-width: 767px) {
  .p-top-access__map {
    height: 61.025641vw;
    width: calc(100% + 7.69230769vw * 2);
    margin-left: -7.69230769vw;
    margin-bottom: 2rem;
  }
}
.p-top-access__map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-top: 0;
  filter: grayscale(1);
}

.p-top-access__text .c-heading-section {
  margin-bottom: 8rem;
}

.p-top-conctact {
  position: relative;
}

.p-top-contact__inner {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
}

.p-top-contact__space {
  height: 100vh;
}

.p-top-contact__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-top-contact__headging {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.2vw, 18px);
  text-align: center;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-top-contact__headging {
    margin-top: 1.5rem;
  }
}

.p-top-contact-img {
  width: 43.9814815vw;
  height: 26.4550265vw;
  overflow: hidden;
  border-radius: 300px;
}
@media (max-width: 767px) {
  .p-top-contact-img {
    width: 82.5641026vw;
    height: 49.7435897vw;
  }
}
.p-top-contact-img--top {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -44vw;
}
@media (max-width: 767px) {
  .p-top-contact-img--top {
    left: -82vw;
    top: 12.5641026vh;
    transform: translateY(0%);
  }
}
.p-top-contact-img--bottom {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -44vw;
}
@media (max-width: 767px) {
  .p-top-contact-img--bottom {
    right: -82vw;
    top: auto;
    bottom: 12.5641026vh;
    transform: translateY(0%);
  }
}

@media (max-width: 767px) {
  .p-about .c-anchor-menu__list {
    width: 100%;
  }
}

.p-about-concept__inner {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
}

.p-about-concept__space {
  height: 200vh;
}

.p-about-concept__space-2 {
  height: 150vh;
}

.p-about-concept__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .p-about-concept__box {
    width: 100%;
  }
}
.p-about-concept__box .c-heading-tag {
  margin: 0 auto;
  display: table;
}

.p-about-concept__ttl {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  color: var(--color-navy);
  margin: 6rem 0 8rem;
}
@media (max-width: 767px) {
  .p-about-concept__ttl {
    padding: 0 var(--site-padding);
    margin: 4.5rem auto 6rem;
    display: table;
  }
}
.p-about-concept__ttl span {
  display: table;
}
.p-about-concept__ttl img {
  transform: translateY(100%);
}
.p-about-concept__ttl-sub {
  overflow: hidden;
}
.p-about-concept__ttl-sub img {
  width: 31.8783069vw;
}
@media (max-width: 767px) {
  .p-about-concept__ttl-sub img {
    width: 72.3076923vw;
  }
}
.p-about-concept__ttl-main {
  overflow: hidden;
}
.p-about-concept__ttl-main img {
  width: 31.8783069vw;
}
@media (max-width: 767px) {
  .p-about-concept__ttl-main img {
    width: 72.3076923vw;
  }
}

.p-about-concept__lead {
  width: 33.333333vw;
}
@media (max-width: 767px) {
  .p-about-concept__lead {
    padding: 0 var(--site-padding-sm);
    width: 100%;
  }
}
.p-about-concept__lead--bottom {
  width: 56.0846561vw;
  margin: 0 auto;
  padding-bottom: 12rem;
  position: relative;
  z-index: 11;
}
@media (max-width: 767px) {
  .p-about-concept__lead--bottom {
    width: 100%;
  }
}

.p-about-concept__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-about-concept__img-item {
  width: 27.0502646vw;
  height: 16.2698413vw;
}
@media (max-width: 767px) {
  .p-about-concept__img-item {
    width: 41.5384615vw;
    height: 41.5384615vw;
  }
}
.p-about-concept__img-item--1 {
  position: absolute;
  top: -16.2698413vw;
  left: -27.0502646vw;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-about-concept__img-item--1 {
    top: -41.5384615vw;
    left: -41.5384615vw;
  }
}
.p-about-concept__img-item--2 {
  position: absolute;
  top: -16.2698413vw;
  right: -27.0502646vw;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-about-concept__img-item--2 {
    top: -41.5384615vw;
    right: -41.5384615vw;
  }
}
.p-about-concept__img-item--3 {
  position: absolute;
  bottom: -16.2698413vw;
  left: -27.0502646vw;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-about-concept__img-item--3 {
    bottom: -41.5384615vw;
    left: -41.5384615vw;
  }
}
.p-about-concept__img-item--4 {
  position: absolute;
  bottom: -16.2698413vw;
  right: -27.0502646vw;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-about-concept__img-item--4 {
    bottom: -41.5384615vw;
    right: -41.5384615vw;
  }
}

.p-about-concept-bottom__slide {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
@media (max-width: 767px) {
  .p-about-concept-bottom__slide {
    height: 100dvh;
  }
}
.p-about-concept-bottom__slide .js-about-splide {
  background: var(--color-bg-beige);
  -webkit-clip-path: inset(0 0 0% 0);
          clip-path: inset(0 0 0% 0);
  position: relative;
}
.p-about-concept-bottom__slide .js-about-splide:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 2rem));
  content: "";
  width: 91.9312169vw;
  height: 72.4972497vh;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-about-concept-bottom__slide .js-about-splide:after {
    width: 80.4358974vw;
    height: 70.4972497vh;
  }
}
.p-about-concept-bottom__slide .c-button-splide__nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7rem;
}
.p-about-concept-bottom__slide .c-button-splide__nav .c-button-splide__nav-inner:after {
  background: var(--color-white);
}

.p-about-concept-bottom__img {
  width: 100%;
  height: 87.4587459vh;
}
@media (max-width: 767px) {
  .p-about-concept-bottom__img {
    height: 87.4587459dvh;
  }
}
.p-about-concept-bottom__img figure {
  width: 100%;
  height: 100%;
}
.p-about-concept-bottom__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-about-area {
  padding: 15vh 0;
}
@media (max-width: 767px) {
  .p-about-area {
    padding: 10rem 0 0;
  }
}

.p-about-area__textarea {
  padding: 0 var(--site-padding);
  width: 46.1455026vw;
}
@media (max-width: 767px) {
  .p-about-area__textarea {
    padding: 0 var(--site-padding-sm);
    width: 100%;
  }
}
.p-about-area__textarea .c-section-heading {
  margin-bottom: 8rem;
}
@media (max-width: 767px) {
  .p-about-area__textarea .c-section-heading {
    margin-bottom: 3rem;
  }
}

.p-about-area__row {
  display: flex;
}
@media (max-width: 767px) {
  .p-about-area__row {
    display: block;
  }
}
.p-about-area__row.is-reverse {
  flex-direction: row-reverse;
}
.p-about-area__row.is-reverse .p-about-area__img {
  border-top-left-radius: 0vh;
  border-bottom-left-radius: 0vh;
  border-top-right-radius: 50vh;
  border-bottom-right-radius: 50vh;
}
@media (max-width: 767px) {
  .p-about-area__row.is-reverse .p-about-area__img {
    margin-left: -7.69230769vw;
  }
}

.p-about-area__img {
  width: 54.85444974vw;
  height: 70.0066007vh;
  border-top-left-radius: 50vh;
  border-bottom-left-radius: 50vh;
  overflow: hidden;
  position: relative;
  min-height: 550px;
  transition: var(--easeOutCubic) 1s;
}
@media (max-width: 767px) {
  .p-about-area__img {
    width: calc(100vw - var(--site-padding-sm));
    height: 30.5128205vh;
    margin-bottom: 3rem;
    min-height: auto;
  }
}

.p-about-access {
  margin: 7rem 0 15rem;
  position: relative;
}
@media (max-width: 767px) {
  .p-about-access {
    display: block;
    margin: 10rem 0;
  }
}

.p-about-access__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.p-about-access__inner a {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 3rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .p-about-access__inner a {
    display: block;
    padding: 3rem 0;
  }
}
.p-about-access__inner a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: var(--color-navy);
  opacity: 0.2;
}
@media (max-width: 767px) {
  .p-about-access__inner a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: var(--color-navy);
    opacity: 0.2;
  }
}
.p-about-access__inner a:hover .u-hover-button span {
  transform: translateY(calc(-100% - 0.6rem));
}
.p-about-access__inner a:hover .p-about-access__heading {
  opacity: 0.5;
}
.p-about-access__inner a:hover .p-about-access__img img {
  transform: scale(1.1);
}
.p-about-access__inner a:hover .c-button-icon__item-back {
  transform: translateX(12px);
}
.p-about-access__inner a:hover .c-button-icon__item-front {
  transform: translate(0, -50%);
}
.p-about-access__inner a:hover svg path {
  stroke: var(--color-white);
}
.p-about-access__inner a:hover .c-button-icon {
  background: var(--color-navy);
}
.p-about-access__inner a:hover .c-button-text::before {
  width: 100%;
}
.p-about-access__inner a:hover .c-button-text::after {
  width: 0;
}

.p-about-access__img {
  width: 116px;
  border-radius: 50vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-about-access__img {
    position: absolute;
    right: 0;
    top: 3rem;
  }
}
.p-about-access__img img {
  transition: var(--easeOutCubic) 0.5s;
}

.p-about-access__heading {
  transition: var(--easeOutCubic) 0.5s;
}
.p-about-access__heading span {
  display: block;
}

.p-about-access__heading-eng {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(30px, 2vw, 30px);
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .p-about-access__heading-eng {
    font-size: clamp(22px, 5.75vw, 23px);
    margin-bottom: 0.5rem;
  }
}

.p-about-access__heading-jp {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(18px, 1.2vw, 18px);
}
@media (max-width: 767px) {
  .p-about-access__heading-jp {
    font-size: clamp(10px, 2.5vw, 11px);
  }
}

.p-about-access__button {
  display: flex;
  color: var(--color-navy);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  gap: 0.6rem;
  align-items: end;
  overflow: hidden;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-about-access__button {
    margin-top: 2rem;
  }
}
.p-topics__item {
  position: relative;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .p-topics__item {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.p-topics__item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  content: "";
  transition: var(--easeOutCubic) 0.5s;
}
.p-topics__item a:hover .p-topics__ttl span {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.p-topics__item a:hover img {
  transform: scale(1.1);
}

.p-topics__frame {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
@media (max-width: 767px) {
  .p-topics__frame {
    gap: 2rem;
  }
}

.p-topics__thumb {
  width: 128px;
  height: 90px;
  border-radius: 0.4rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-topics__thumb {
    width: 100px;
    height: 71px;
  }
}
.p-topics__thumb img {
  transition: var(--easeOutCubic) 0.5s;
}

.p-topics__textbox {
  width: calc(100% - 128px);
}
@media (max-width: 767px) {
  .p-topics__textbox {
    width: calc(100% - 100px);
  }
}

.p-topics__meta {
  display: flex;
  align-items: center;
  margin: 0rem 0 1.5rem;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .p-topics__meta {
    margin: 0rem 0 0.6rem;
  }
}

.p-topics__meta-tag {
  border-radius: 0.4rem;
  border: 1px solid var(--color-navy);
  font-size: clamp(11px, 0.666667vw, 12px);
  padding: 0.6rem 1.4rem;
}

.p-topics__meta-date {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.666667vw, 12px);
}

.p-topics__ttl {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(14px, 0.933333333vw, 15px);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .p-topics__ttl {
    font-size: clamp(12px, 3vw, 13px);
  }
}
.p-topics__ttl span {
  display: inline;
  background: linear-gradient(currentcolor, currentcolor) 100% 100%/0 1px no-repeat;
  transition: background-size 1s cubic-bezier(0.33, 1, 0.68, 1) 0s;
  will-change: background-size;
}

.p-topics__list-wrap {
  padding-bottom: 8rem;
}

.p-topics-detail .p-topics__ttl {
  font-size: clamp(20px, 1.533333333vw, 23px);
  line-height: 1.6;
  margin-top: 3rem;
  padding-bottom: 4.5rem;
  -webkit-line-clamp: inherit;
}
@media (max-width: 767px) {
  .p-topics-detail .p-topics__ttl {
    font-size: clamp(15px, 4vw, 16px);
    margin-top: 1rem;
    padding-bottom: 3rem;
  }
}
.p-topics-detail .wp-element-caption {
  text-align: left !important;
  font-weight: var(--font-weight-regular);
  font-size: clamp(10px, 0.8vw, 12px);
  margin-top: 2rem;
  margin-bottom: 0;
  line-height: 1.4;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .p-topics-detail .wp-element-caption {
    margin-top: 1rem;
  }
}
.p-topics-detail .wp-block-image {
  margin-bottom: 5rem;
  overflow: hidden;
}
.p-topics-detail .wp-block-image img {
  border-radius: 0.4rem;
}
@media (max-width: 767px) {
  .p-topics-detail .wp-block-image {
    margin-bottom: 3rem;
  }
}

.p-topics-detail__img {
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .p-topics-detail__img {
    margin-bottom: 3rem;
  }
}

.p-topics-detail__body {
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body {
    padding-bottom: 4rem;
  }
}
.p-topics-detail__body h2 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: clamp(17px, 1.2vw, 18px);
  line-height: 1.6;
  margin-bottom: 2.3rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body h2 {
    margin-bottom: 2rem;
  }
}
.p-topics-detail__body h3 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: clamp(15px, 1.066667vw, 16px);
  line-height: 1.6;
  margin-bottom: 2.3rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body h3 {
    margin-bottom: 2rem;
  }
}
.p-topics-detail__body h4 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: clamp(13px, 0.933333vw, 14px);
  line-height: 1.6;
  margin-bottom: 2.3rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body h4 {
    margin-bottom: 2rem;
  }
}
.p-topics-detail__body h5 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: clamp(11px, 0.8vw, 12px);
  line-height: 1.6;
  margin-bottom: 2.3rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body h5 {
    margin-bottom: 2rem;
  }
}
.p-topics-detail__body h6 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: clamp(9px, 0.666667vw 10px);
  line-height: 1.6;
  margin-bottom: 2.3rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body h6 {
    margin-bottom: 2rem;
  }
}
.p-topics-detail__body p {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.9333333vw, 15px);
  line-height: 2;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body p {
    margin-bottom: 4rem;
    font-size: clamp(12px, 3.25vw, 13px);
  }
}
.p-topics-detail__body ul {
  margin-bottom: 6rem;
  list-style: disc;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body ul {
    margin-bottom: 4rem;
  }
}
.p-topics-detail__body li {
  margin-bottom: 2rem;
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.9333333vw, 15px);
}
@media (max-width: 767px) {
  .p-topics-detail__body li {
    font-size: clamp(12px, 3.25vw, 13px);
  }
}
.p-topics-detail__body .c-button {
  line-height: 1;
  margin-top: 0;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .p-topics-detail__body .c-button {
    margin-bottom: 4rem;
  }
}
.p-topics-detail__body a {
  text-decoration: underline;
}

.p-topics-other {
  padding-top: 10rem;
}
@media (max-width: 767px) {
  .p-topics-other {
    padding-top: 8rem;
  }
}

.p-topics-other__row {
  display: flex;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-topics-other__row {
    display: block;
  }
}

.p-topics-other__side {
  width: calc(100% - 71.656051%);
  position: relative;
}
@media (max-width: 767px) {
  .p-topics-other__side {
    width: 100%;
    margin-bottom: 3rem;
  }
}

.p-topics-other__main {
  width: 100%;
}

.p-stay-room {
  padding-top: 15vh;
  margin-bottom: 15rem;
}
@media (max-width: 767px) {
  .p-stay-room {
    padding-top: 10rem;
    margin-bottom: 0rem;
  }
}

.p-stay-room__lead {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .p-stay-room__lead {
    margin-top: 3rem;
  }
}

.p-stay-room__row {
  display: flex;
  align-items: start;
  gap: 16.92002644vw;
}
@media (max-width: 767px) {
  .p-stay-room__row {
    display: block;
  }
}

.p-stay-room__left {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .p-stay-room__left {
    width: 100%;
  }
}

.p-stay-room__right {
  width: 50%;
  box-sizing: border-box;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .p-stay-room__right {
    width: 100%;
  }
}

.p-stay-room__slide {
  position: relative;
}
.p-stay-room__slide .splide__track {
  position: relative;
}
.p-stay-room__slide .splide__track:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 91.9312169vw;
  height: 43.5846561vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-stay-room__slide .splide__track:after {
    width: 94.8717949vw;
    height: 57.4358974vw;
  }
}

.p-stay-room__item {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 2;
}
.p-stay-room__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-stay-room__category {
  width: 8rem;
}

.p-stay-room__description {
  width: calc(100% - 12rem);
  margin-left: auto;
}

.p-stay-room-button {
  margin-top: 4rem;
}

.p-stay-room-button__text {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333vw, 15px);
  line-height: 1.2;
}
@media (max-width: 767px) {
  .p-stay-room-button__text {
    margin-bottom: 2.5rem;
  }
}

.p-stay-room-button__inner {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 3rem;
}
@media (max-width: 767px) {
  .p-stay-room-button__inner {
    display: block;
    text-align: center;
  }
  .p-stay-room-button__inner .c-button {
    margin: 0 auto;
  }
}
.p-stay-room-button__inner .c-button {
  margin-top: 0;
}

.p-stay-amenities {
  padding-top: 15rem;
  color: var(--color-white);
}
@media (max-width: 2000px) {
  .p-stay-amenities {
    margin-left: var(--site-margin);
  }
}
@media (max-width: 767px) {
  .p-stay-amenities {
    margin-left: 0;
    padding-top: 10rem;
    overflow: hidden;
  }
}

.p-stay-amenities__inner {
  background: var(--color-navy);
  display: flex;
  gap: 8.46001322vw;
  padding: 13rem var(--site-padding) 10rem 15rem;
  overflow: hidden;
  border-radius: 50vh;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 2000px) {
  .p-stay-amenities__inner {
    border-top-left-radius: 50vh;
    border-bottom-left-radius: 50vh;
    border-top-right-radius: 0vh;
    border-bottom-right-radius: 0vh;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .p-stay-amenities__inner {
    display: block;
    padding: 5rem var(--site-padding-sm) 3rem;
    max-width: 100%;
    border-radius: 300px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-stay-amenities__inner:after {
    position: absolute;
    top: 10rem;
    left: -2rem;
    width: calc(100% + 4rem);
    background: var(--color-navy);
    content: "";
    height: calc(100% - 10rem);
    border-radius: 300px;
    z-index: -1;
  }
}

@media (max-width: 767px) {
  .p-stay-amenities__heading {
    margin-bottom: 4rem;
  }
  .p-stay-amenities__heading span {
    margin: 0 auto;
  }
  .p-stay-amenities__heading .c-heading-tag {
    font-size: clamp(14px, 3vw, 12px);
  }
}

.p-stay-amenities__detail {
  width: 59.5238095vw;
}
@media (max-width: 767px) {
  .p-stay-amenities__detail {
    width: 100%;
  }
}

.p-stay-amenities__item {
  position: relative;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 2;
}
.p-stay-amenities__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-stay-amenities__category {
  width: 11rem;
}
@media (max-width: 767px) {
  .p-stay-amenities__category {
    width: 10rem;
  }
}

.p-stay-amenities__description {
  width: calc(100% - 15rem);
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-stay-amenities__description {
    width: calc(100% - 12rem);
  }
}

.p-stay-amenities__info {
  margin-top: 3rem;
  color: var(--color-white);
}

.p-food-sidetrack {
  padding-top: 15vh;
  margin-bottom: 15rem;
}
@media (max-width: 767px) {
  .p-food-sidetrack {
    padding-top: 10rem;
    margin-bottom: 0rem;
  }
}

.p-food-sidetrack__lead {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .p-food-sidetrack__lead {
    margin-top: 3rem;
  }
}

.p-food-sidetrack__detail {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-food-sidetrack__detail {
    margin-top: 0rem;
  }
}

.p-food-sidetrack__slide .splide__track {
  position: relative;
}
.p-food-sidetrack__slide .splide__track:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 1.65vh));
  content: "";
  width: 91.9312169vw;
  height: 43.5846561vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-food-sidetrack__slide .splide__track:after {
    width: 94.8717949vw;
    height: 57.4358974vw;
    transform: translate(-50%, calc(-50% - 2.6vh));
  }
}

.p-food-sidetrack__row {
  display: flex;
  align-items: start;
  gap: 16.92002644vw;
}
@media (max-width: 767px) {
  .p-food-sidetrack__row {
    display: block;
  }
}

.p-food-sidetrack__left {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .p-food-sidetrack__left {
    width: 100%;
  }
}

.p-food-sidetrack__right {
  width: 50%;
  box-sizing: border-box;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .p-food-sidetrack__right {
    width: 100%;
  }
}

.p-food-sidetrack__item {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 2;
}
.p-food-sidetrack__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-food-sidetrack__category {
  width: 6rem;
}
@media (max-width: 767px) {
  .p-food-sidetrack__category {
    width: 5rem;
  }
}

.p-food-sidetrack__description {
  width: calc(100% - 10rem);
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-food-sidetrack__description {
    width: calc(100% - 8rem);
  }
}

.p-food-sidetrack-button {
  margin-top: 4rem;
}

.p-food-sidetrack-button__text {
  font-weight: var(--font-weight-medium);
  font-size: clamp(13px, 0.933333vw, 15px);
}
@media (max-width: 767px) {
  .p-food-sidetrack-button__text {
    margin-bottom: 2.5rem;
  }
}

.p-food-sidetrack-button__inner {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 3rem;
}
.p-food-sidetrack-button__inner .c-button-pdf {
  margin: 0;
}
@media (max-width: 767px) {
  .p-food-sidetrack-button__inner {
    display: block;
    text-align: center;
  }
  .p-food-sidetrack-button__inner .c-button-pdf {
    margin: 0 auto;
  }
}

.p-food-special {
  background: var(--color-navy);
  margin-top: 30rem;
  padding: 12rem 0;
}
@media (max-width: 767px) {
  .p-food-special {
    margin-top: 10rem;
    position: relative;
    padding: 5rem 0;
    overflow: hidden;
    background: none;
  }
  .p-food-special .l-container {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .p-food-special__inner {
    position: relative;
    padding: 0 var(--site-padding-sm);
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
  }
  .p-food-special__inner:after {
    position: absolute;
    top: -5rem;
    left: -5em;
    width: calc(100% + 10rem);
    background: var(--color-navy);
    content: "";
    height: calc(100% + 10rem);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    z-index: -1;
  }
}

@media (max-width: 767px) {
  .p-food-special__ttl span {
    margin: 0 auto;
  }
}

.p-food-special__row {
  display: flex;
  margin-top: 8rem;
  color: var(--color-white);
  gap: 9rem;
  align-items: center;
}
@media (max-width: 767px) {
  .p-food-special__row {
    display: block;
    position: relative;
    margin-top: 4rem;
  }
}

.p-food-special__img {
  width: 51.5873016vw;
  height: 34.1269841vw;
  overflow: hidden;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .p-food-special__img {
    width: 100%;
    height: 55.8974359vw;
  }
}

.p-food-special__textarea {
  width: calc(100% - 51.5873016vw);
}
@media (max-width: 767px) {
  .p-food-special__textarea {
    width: 100%;
    margin-top: 3rem;
  }
}
.p-food-special__textarea .c-heading {
  margin-bottom: 2rem;
}

.p-food-special__heading {
  position: relative;
  margin-bottom: 5rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .p-food-special__heading {
    margin-bottom: 3rem;
    padding-bottom: 4rem;
  }
}
.p-food-special__heading:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-bath_sauna-nagi {
  padding-top: 15vh;
  margin-bottom: 15rem;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi {
    padding-top: 10rem;
    margin-bottom: 0rem;
  }
}

.p-bath_sauna-nagi__lead {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__lead {
    margin-top: 3rem;
  }
}

.p-bath_sauna-nagi__detail {
  margin-top: 2rem;
}

.p-bath_sauna-nagi__slide {
  position: relative;
}
.p-bath_sauna-nagi__slide .splide__track {
  position: relative;
}
.p-bath_sauna-nagi__slide .splide__track:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 1.65vh));
  content: "";
  width: 91.9312169vw;
  height: 43.5846561vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__slide .splide__track:after {
    width: 94.8717949vw;
    height: 57.4358974vw;
    transform: translate(-50%, calc(-50% - 1.6vh));
  }
}

.p-bath_sauna-nagi__row {
  display: flex;
  align-items: start;
  gap: 16.92002644vw;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__row {
    display: block;
  }
}

.p-bath_sauna-nagi__left {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__left {
    width: 100%;
  }
}

.p-bath_sauna-nagi__right {
  width: 50%;
  box-sizing: border-box;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__right {
    width: 100%;
  }
}

.p-bath_sauna-nagi__item {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 2;
}
.p-bath_sauna-nagi__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-bath_sauna-nagi__category {
  width: 7rem;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__category {
    width: 6rem;
  }
}

.p-bath_sauna-nagi__description {
  width: calc(100% - 11rem);
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-bath_sauna-nagi__description {
    width: calc(100% - 9rem);
  }
}
#sauna .p-bath_sauna-nagi__description {
  width: calc(100% - 12rem);
}

.p-bath_sauna-nagi__info {
  margin-top: 3rem;
}

.p-bicycle-service {
  padding-top: 10vh;
}
@media (max-width: 767px) {
  .p-bicycle-service {
    padding-top: 10rem;
  }
}

.p-bicycle-service__wrapper {
  position: relative;
}

.p-bicycle-service__inner {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-bicycle-service__inner {
    height: 100dvh;
  }
}
.p-bicycle-service__inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 91.9312169vw;
  height: 72.49725vh;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-bicycle-service__inner:after {
    width: 57.4358974vw;
    height: 47.4358974dvh;
  }
}

.p-bicycle__space {
  height: 200vh;
  position: relative;
  pointer-events: none;
}

.p-bicycle__space-anchor {
  position: absolute;
  top: 51%;
}
.p-bicycle__space-anchor#navigators {
  top: 30%;
}

.p-bicycle-service-bg {
  height: 100dvh;
}

.p-bicycle-service-bg__item {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
}
.p-bicycle-service-bg__item img {
  transform: scale(1.3);
}
@media (max-width: 767px) {
  .p-bicycle-service-bg__item img {
    transform: scale(1.5);
  }
}
.p-bicycle-service-bg__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: var(--color-bg-black);
  top: 0;
  left: 0;
}

.p-bicycle-service-detail {
  position: absolute;
  left: 0;
  bottom: 40vh;
  color: var(--color-white);
  width: 100%;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail {
    position: static;
  }
}

.p-bicycle-service-detail__box--02 .p-bicycle-service__heading {
  position: absolute;
  top: 0;
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--02 .p-bicycle-service__heading {
    position: static;
  }
}
.p-bicycle-service-detail__box--03 .p-bicycle-service__heading {
  position: absolute;
  top: 0;
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--03 .p-bicycle-service__heading {
    position: static;
  }
}
.p-bicycle-service-detail__box--04 .p-bicycle-service__heading {
  position: absolute;
  top: 0;
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--04 .p-bicycle-service__heading {
    position: static;
  }
}
.p-bicycle-service-detail__box--05 .p-bicycle-service__heading {
  position: absolute;
  top: 0;
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--05 .p-bicycle-service__heading {
    position: static;
  }
}
.p-bicycle-service-detail__box--06 .p-bicycle-service__heading {
  position: absolute;
  top: 0;
  left: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--06 .p-bicycle-service__heading {
    position: static;
  }
}

.p-bicycle-service-detail__box {
  display: flex;
  align-items: start;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box {
    display: block;
    padding: 50lvh 0;
  }
  .p-bicycle-service-detail__box--01 {
    padding-top: 0;
  }
  .p-bicycle-service-detail__box--04 {
    padding-bottom: 100vh;
  }
}

.p-bicycle-service__description {
  width: 33.3333vw;
  margin-left: auto;
  opacity: 0;
  min-width: 504px;
  pointer-events: none;
}
.p-bicycle-service__description a {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .p-bicycle-service__description {
    min-width: auto;
    width: 40vw;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .p-bicycle-service__description {
    width: 100%;
    margin: 6rem auto 0;
    position: relative;
    pointer-events: all;
  }
}
.p-bicycle-service__description.is-hidden {
  opacity: 0 !important;
  transition: var(--easeOutCubic) 0.6s;
}
.p-bicycle-service-detail__box--02 .p-bicycle-service__description {
  position: absolute;
  top: 0;
  right: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--02 .p-bicycle-service__description {
    position: relative;
    right: 0;
  }
}
.p-bicycle-service-detail__box--03 .p-bicycle-service__description {
  position: absolute;
  top: 0;
  right: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--03 .p-bicycle-service__description {
    position: relative;
    right: 0;
  }
}
.p-bicycle-service-detail__box--04 .p-bicycle-service__description {
  position: absolute;
  top: 0;
  right: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--04 .p-bicycle-service__description {
    position: relative;
    right: 0;
  }
}
.p-bicycle-service-detail__box--05 .p-bicycle-service__description {
  position: absolute;
  top: 0;
  right: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--05 .p-bicycle-service__description {
    position: relative;
    right: 0;
  }
}
.p-bicycle-service-detail__box--06 .p-bicycle-service__description {
  position: absolute;
  top: 0;
  right: 8.46001322vw;
}
@media (max-width: 767px) {
  .p-bicycle-service-detail__box--06 .p-bicycle-service__description {
    position: relative;
    right: 0;
  }
}

.p-bicycle-service-progress {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 13vh;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
}
@media (max-width: 767px) {
  .p-bicycle-service-progress {
    bottom: 13dvh;
  }
}

.p-bicycle-service-progress__list {
  display: flex;
  gap: 1rem;
  color: var(--color-white);
  width: 100%;
}

.p-bicycle-service-progress__item {
  position: relative;
  /*flex-basis: 16.777777%;*/
  flex-basis: 25%;
}

.p-bicycle-service-progress__line {
  display: block;
  position: relative;
  margin-bottom: 1.5rem;
}
.p-bicycle-service-progress__line:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--color-white);
  opacity: 0.2;
  top: 0;
  left: 0;
  content: "";
}

.p-bicycle-service-progress__line-item {
  display: block;
  height: 1px;
  background: var(--color-white);
  width: 0;
}

.p-bicycle-service-progress__num {
  margin-right: 1.3rem;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .p-bicycle-service-progress__num {
    margin-right: 0.8rem;
  }
}

.p-bicycle-service-progress__name {
  opacity: 0.2;
}

.p-bicycle-service-progress__sp {
  position: absolute;
  left: 7.69230769vw;
  color: var(--color-white);
  bottom: 12vh;
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(9px, 2.5vw, 11px);
  width: 100%;
}
.p-bicycle-service-progress__sp span {
  opacity: 1 !important;
  transform: translateY(100%);
  transition: var(--easeOutCubic) 1s;
  display: inline-block;
}

.p-bicycle-service-progress__sp-item {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.p-bicycle-service-progress__sp-item.is-active span {
  transform: translateY(0%);
}

.p-facility .c-common {
  margin-top: 20rem;
}

.p-facility-detail__wrapper {
  position: relative;
}

.p-facility-detail__inner {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-facility-detail__inner {
    overflow: visible;
    z-index: 1111;
  }
}

.p-facility-detail-img {
  position: absolute;
  top: 50%;
  left: 5.29100529vw;
  transform: translateY(-50%);
  width: 40.740741vw;
  height: 41.732804vw;
  overflow: hidden;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .p-facility-detail-img {
    display: none;
  }
}

.p-facility-detail-img__item {
  position: absolute;
  top: 0;
  left: 0;
}

.p-facility-detail-current {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-medium);
  font-size: clamp(14px, 0.93333vw, 14px);
}
@media (max-width: 767px) {
  .p-facility-detail-current {
    left: -1rem;
    top: 32vh;
    transform: translateY(0);
  }
}

.p-facility-detail-current__list {
  display: flex;
  align-items: start;
  overflow: hidden;
  height: 1.5rem;
}

.p-facility-detail-current__num span {
  display: table;
  text-align: center;
  margin: 0 auto;
}

.p-facility-detail-current__total {
  padding-top: 2rem;
  margin-top: 2rem;
  position: relative;
}
.p-facility-detail-current__total:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  top: 0;
  left: 0;
}

.p-facility-detail-textbox {
  width: 27.645503vw;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-facility-detail-textbox {
    width: 100%;
    margin-top: -100vh;
  }
}

.p-facility-detail__description {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .p-facility-detail__description {
    margin-top: 6rem;
  }
}
.p-facility-detail__description p {
  margin-bottom: 4rem;
}

.p-facility-detail-textbox__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 100vh;
}
@media (max-width: 767px) {
  .p-facility-detail-textbox__item {
    height: auto;
    padding-top: 10rem;
    margin-bottom: 10rem;
  }
}
.p-facility-detail-textbox__item:before {
  position: absolute;
  width: 1px;
  height: 15rem;
  content: "";
  top: calc(100% - 7.5rem);
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px dashed var(--color-navy);
  z-index: 1;
}
@media (max-width: 767px) {
  .p-facility-detail-textbox__item:before {
    content: none;
  }
}
.p-facility-detail-textbox__item:after {
  position: absolute;
  width: 10px;
  height: 15rem;
  content: "";
  top: calc(100% - 7.5rem);
  left: 50%;
  background: var(--color-bg-primary);
  animation: moveLineTopToBottom 2s linear infinite;
  z-index: 2;
}
@media (max-width: 767px) {
  .p-facility-detail-textbox__item:after {
    content: none;
  }
}
.p-facility-detail-textbox__item--5:before {
  content: none;
}
.p-facility-detail-textbox__item--5:after {
  content: none;
}

@media (max-width: 767px) {
  .p-facility-detail-textbox__inner .c-img {
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 3rem;
  }
}

@keyframes moveLineTopToBottom {
  0% {
    transform: scaleY(1) translateX(-50%);
    transform-origin: center bottom;
  }
  49.9% {
    transform: scaleY(0) translateX(-50%);
    transform-origin: center bottom;
  }
  50% {
    transform: scaleY(0) translateX(-50%);
    transform-origin: center top;
  }
  100% {
    transform: scaleY(1) translateX(-50%);
    transform-origin: center top;
  }
}
.p-ride_spot-section {
  padding-top: 15vh;
  margin-bottom: 15rem;
}
@media (max-width: 767px) {
  .p-ride_spot-section {
    padding-top: 10rem;
    margin-bottom: 0rem;
  }
}

.p-ride_spot__header {
  width: 33.33333vw;
  margin: 0 auto;
  min-width: 504px;
}
@media (max-width: 767px) {
  .p-ride_spot__header {
    width: 100%;
    min-width: 100%;
    padding: 0 var(--site-padding-sm);
  }
}
.p-ride_spot__header .c-section-heading span {
  margin: 0 auto;
}

.p-ride_spot__slide {
  margin: 8rem auto 10rem;
}
@media (max-width: 767px) {
  .p-ride_spot__slide {
    margin: 4rem auto 3rem;
  }
}
.p-ride_spot__slide .splide__track {
  position: relative;
}
.p-ride_spot__slide .splide__track:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 1.65vh));
  content: "";
  width: 91.9312169vw;
  height: 43.5846561vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50vh;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-ride_spot__slide .splide__track:after {
    width: 94.8717949vw;
    height: 57.4358974vw;
    transform: translate(-50%, calc(-50% - 1.6vh));
  }
}

.p-ride_spot-map__inenr {
  display: flex;
}
@media (max-width: 767px) {
  .p-ride_spot-map__inenr {
    display: block;
  }
}

.p-ride_spot-map__text {
  display: grid;
}
@media (max-width: 767px) {
  .p-ride_spot-map__text {
    display: block;
  }
}

.p-ride_spot-map__button {
  margin-top: auto;
}
@media (max-width: 767px) {
  .p-ride_spot-map__button {
    display: flex;
    margin-top: 2rem;
    gap: 1rem;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-modal {
    width: 50%;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-modal .c-button-modal {
    width: 100%;
    margin-bottom: 0;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-modal .c-button-modal a {
    padding: 2rem 1.5rem;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-map {
    width: 50%;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-map .c-button-map {
    width: 100%;
    margin-bottom: 0;
  }
  .p-ride_spot-map__button .p-ride_spot-map__button-map .c-button-map a {
    padding: 2rem 1.5rem;
  }
}
.p-ride_spot-map__button .c-button-map {
  margin-bottom: 0;
}

.p-ride_spot-map__mymap {
  width: 59.5238095vw;
  height: 35.7142857vw;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-ride_spot-map__mymap {
    width: 100%;
    height: 24rem;
    margin-top: 2rem;
  }
}
.p-ride_spot-map__mymap iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .p-access .c-anchor-menu__list {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .p-access-map .l-container {
    padding: 0;
  }
}

.p-access-map__iframe {
  margin-top: 15rem;
  width: 100%;
  height: 45.6190476vw;
}
@media (max-width: 767px) {
  .p-access-map__iframe {
    margin-top: 8rem;
    height: 24rem;
  }
}
.p-access-map__iframe iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-top: 0;
  filter: grayscale(1);
}

.p-access-map-bottom {
  display: flex;
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-access-map-bottom {
    margin-top: 2rem;
    display: block;
    padding: 0 var(--site-margin-sm);
  }
}

.p-access-map-bottom__button {
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-access-map-bottom__button {
    margin-top: 4rem;
  }
}

.p-access-info {
  padding-top: 10rem;
  margin-bottom: 28rem;
  color: var(--color-white);
}
@media (max-width: 2000px) {
  .p-access-info {
    margin-left: var(--site-margin);
  }
}
@media (max-width: 767px) {
  .p-access-info {
    padding-top: 0rem;
    margin-bottom: 28rem;
    overflow: hidden;
    margin: 10rem 0 10rem;
  }
}

.p-access-info__inner {
  background: var(--color-navy);
  border-top-left-radius: 50vh;
  border-bottom-left-radius: 50vh;
  display: flex;
  gap: 8.46001322vw;
  padding: 12rem var(--site-padding) 10rem 14rem;
  border-radius: 50vh;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 2000px) {
  .p-access-info__inner {
    border-top-left-radius: 50vh;
    border-bottom-left-radius: 50vh;
    border-top-right-radius: 0vh;
    border-bottom-right-radius: 0vh;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .p-access-info__inner {
    padding: 5rem var(--site-margin-sm) 4rem;
    display: block;
    border-top-right-radius: 50vh;
    border-bottom-left-radius: 0;
  }
  .p-access-info__inner:after {
    position: absolute;
    top: 0rem;
    left: -5em;
    width: calc(100% + 10rem);
    background: var(--color-navy);
    content: "";
    height: calc(100% + 0rem);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    z-index: -1;
  }
}

.p-access-info__heading {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-access-info__heading {
    margin-bottom: 4rem;
  }
  .p-access-info__heading span {
    margin: 0 auto;
  }
}

.p-access-info__detail {
  width: 59.5238095vw;
}
@media (max-width: 767px) {
  .p-access-info__detail {
    width: 100%;
  }
}

.p-access-info__item {
  position: relative;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 1.8;
}
.p-access-info__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-access-info__category {
  width: 11rem;
}
@media (max-width: 767px) {
  .p-access-info__category {
    width: 5rem;
  }
}

.p-access-info__description {
  width: calc(100% - 15rem);
  margin-left: auto;
}
.p-access-info__description a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .p-access-info__description {
    width: calc(100% - 9rem);
  }
}

.p-access-public {
  padding-top: 15vh;
  margin-bottom: 15rem;
}
@media (max-width: 767px) {
  .p-access-public {
    padding-top: 10rem;
    margin-bottom: 0rem;
  }
}

.p-access-info__info {
  margin-top: 3rem;
  color: var(--color-white);
}

.p-access-public__inner {
  display: flex;
  align-items: start;
}
@media (max-width: 767px) {
  .p-access-public__inner {
    display: block;
  }
}

.p-access-public-illust {
  width: 59.5238095vw;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-access-public-illust {
    width: 100%;
  }
}

.p-access-public-illust__heading {
  font-weight: var(--font-weight-bold);
  font-size: clamp(15px, 1.066667vw, 17px);
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .p-access-public-illust__heading {
    margin: 6rem 0 4rem;
    font-size: clamp(14px, 3.75vw, 15px);
  }
}

.p-access-public-detail {
  margin-top: 4rem;
  box-sizing: border-box;
}

.p-access-public-detail__inner {
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-access-public-detail__inner {
    display: block;
  }
}

.p-access-public__heading {
  position: sticky;
  top: 15vh;
}
@media (max-width: 767px) {
  .p-access-public__heading {
    position: relative;
    top: 0;
  }
}

.p-access-public-detail__frame {
  background: var(--color-bg-beige);
  border-radius: 4px;
  flex: 0 0 calc(50% - 2rem);
  padding: 3rem 1.98vw 0;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-access-public-detail__frame {
    margin-bottom: 2rem;
    padding: 2.5rem 6.41025641vw 0;
  }
}
.p-access-public-detail__frame--img {
  padding: 0;
}

.p-access-public-detail__list {
  box-sizing: border-box;
}

.p-access-public-detail__item {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: clamp(11px, 0.8vw, 13px);
  line-height: 2;
}
.p-access-public-detail__item:last-child {
  margin-bottom: 1rem;
}
.p-access-public-detail__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}
.p-access-public-detail__item:last-child:after {
  content: none;
}

.p-access-public-detail__heading {
  font-weight: var(--font-weight-bold);
  font-size: clamp(13px, 0.933333vw, 15px);
  margin-bottom: 3rem;
}

.p-access-public-detail__category {
  width: 9rem;
}
@media (max-width: 767px) {
  .p-access-public-detail__category {
    width: 8rem;
  }
}

.p-access-public-detail__description {
  width: calc(100% - 9rem);
  display: flex;
}
@media (max-width: 767px) {
  .p-access-public-detail__description {
    width: calc(100% - 8rem);
  }
}

.p-access-public-detail__other {
  margin-left: auto;
}
.p-access-public-detail__other a {
  display: table;
  text-decoration: underline;
  white-space: nowrap;
}

.p-access-public-detail__note {
  margin-top: 4rem;
}

.p-contact {
  overflow: hidden;
}

.p-contact__lead {
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .p-contact__lead {
    margin-bottom: 2.5rem;
  }
}

.p-faq__body {
  padding-bottom: 3rem;
}

.p-faq__heading {
  font-size: clamp(18px, 1.3333333vw, 20px);
  line-height: 1.3;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .p-faq__heading {
    font-size: clamp(17px, 4.5vw, 18px);
    margin-bottom: 3rem;
  }
}

.p-faq__block {
  margin-bottom: 10rem;
  padding-top: 24.4vh;
  margin-top: -24.4vh;
}
@media (max-width: 767px) {
  .p-faq__block {
    padding-top: 10rem;
    margin-top: -10rem;
    margin-bottom: 5rem;
  }
  .p-faq__block .c-heading {
    font-size: clamp(13px, 3.5vw, 14px);
  }
}

.p-faq__item-box-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-faq__item-box-inner {
    gap: 1rem;
  }
}

.p-faq__item-box-inner {
  position: relative;
  padding-right: 1rem;
  width: 100%;
}

.p-faq__item {
  margin-bottom: 4rem;
  position: relative;
  transition: var(--easeOutCubic) 0.3s;
}
@media (max-width: 767px) {
  .p-faq__item {
    margin-bottom: 3rem;
  }
}
.p-faq__item.is-open {
  overflow: visible;
}
.p-faq__item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-navy);
  opacity: 0.2;
  left: 0;
  bottom: 0;
}

.p-faq__item-box {
  width: 100%;
  background: var(--color-bg-primary);
  padding-bottom: 4rem;
}
@media (max-width: 767px) {
  .p-faq__item-box {
    padding-bottom: 3rem;
    padding-right: 2rem;
  }
}
.p-faq__item-box .c-heading {
  margin-bottom: 0;
}

.p-faq__item-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translate(0%, -50%) rotate(0);
  width: 3rem;
  height: 3rem;
  transition: var(--easeOutCubic) 0.3s;
  border-radius: 40px;
}
@media (max-width: 767px) {
  .p-faq__item-icon {
    right: -2rem;
  }
}
.is-open .p-faq__item-icon {
  background: var(--color-navy);
}
.is-open .p-faq__item-icon:before {
  background: var(--color-white);
}
.is-open .p-faq__item-icon:after {
  transform: translate(-50%) rotate(0deg);
  background: var(--color-white);
}
.p-faq__item-icon:before {
  content: "";
  width: 1.1rem;
  height: 1px;
  background: var(--color-navy);
  top: 50%;
  left: 50%;
  transform: translate(-50%) rotate(0);
  transition: var(--easeOutCubic) 0.3s;
  position: absolute;
}
.p-faq__item-icon:after {
  content: "";
  width: 1.1rem;
  height: 1px;
  background: var(--color-navy);
  top: 50%;
  left: 50%;
  transform: translate(-50%) rotate(90deg);
  transition: var(--easeOutCubic) 0.3s;
  position: absolute;
}

.p-faq__item-label {
  font-family: var(--font-family-eng);
  font-weight: var(--font-weight-bold);
  font-size: clamp(18px, 1.3333333vw, 20px);
}
@media (max-width: 767px) {
  .p-faq__item-label {
    font-size: clamp(13px, 3.5vw, 14px);
  }
}

.p-faq__item-question.c-heading {
  line-height: 1.5;
}

.p-faq__item-answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-18px);
  transition: height 0.4s var(--easeOutCubic), opacity 0.4s var(--easeOutCubic), transform 0.4s var(--easeOutCubic);
  padding-bottom: 0.4s var(--easeOutCubic);
}
.is-open .p-faq__item-answer {
  transform: translateY(-8px);
  opacity: 1;
  height: auto;
}

.p-faq__item-answer-inner {
  margin-bottom: 4rem;
  display: flex;
  align-items: baseline;
  line-height: 2;
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-faq__item-answer-inner {
    margin-bottom: 3rem;
  }
}

.p-company__body {
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .p-company__body {
    margin-bottom: 0rem;
  }
}

.p-company__ttl {
  padding-bottom: 4rem;
  font-size: clamp(18px, 1.3333333vw, 20px);
}
@media (max-width: 767px) {
  .p-company__ttl {
    font-size: clamp(17px, 4.5vw, 18px);
    padding-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .p-company__table {
    padding-bottom: 8rem;
  }
}

.p-error {
  position: relative;
  width: 100%;
  height: 100vh;
}

.p-error__body {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.p-error__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.p-error__inner .l-content-header__heading {
  font-size: clamp(100px, 8vw, 120px);
}
.p-error__inner .l-content-header__heading span {
  margin: 0 auto;
}

.p-error__heading {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.5;
  text-align: center;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-error__heading {
    margin-top: 1.5rem;
  }
}

/* ---------------------------------------------------------


Utility

--------------------------------------------------------- */
.u-sp-block {
  display: none !important;
}
@media (max-width: 767px) {
  .u-sp-block {
    display: block !important;
  }
}

.u-pc-block {
  display: block !important;
}
@media (max-width: 767px) {
  .u-pc-block {
    display: none !important;
  }
}

.u-sp-inline {
  display: none !important;
}
@media (max-width: 767px) {
  .u-sp-inline {
    display: inline !important;
  }
}

.u-pc-inline {
  display: inline !important;
}
@media (max-width: 767px) {
  .u-pc-inline {
    display: none !important;
  }
}

.u-font-jp {
  font-family: var(--font-family-sans);
}

.u-c-white {
  color: var(--color-white);
}

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

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

.u-hover-text span {
  position: relative;
  display: table;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.35, 1);
}
.u-hover-text span:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  /* 下に配置 */
  width: 100%;
}
.u-hover-text:hover span {
  transform: translateY(-100%);
}

.u-hover-button span {
  position: relative;
  display: table;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.35, 1);
}
.u-hover-button span:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: calc(100% + .6rem);
  /* 下に配置 */
  width: 100%;
}
.u-hover-button:hover span {
  transform: translateY(calc(-100% - .6rem));
}

/* =========================================================
IMG
========================================================= */
.u-img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes blinking {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Flash */
@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
  }
  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes updown {
  0% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(3px);
  }
}
.u-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  /* 新旧両対応 */
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}