@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-intro {
  background: no-repeat center -1px/cover;
  height: calc(758 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro {
    height: calc(568.5 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    height: calc(568.5 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-intro:not(.js-inview), .p-intro.js-inview.is-inview {
    background-image: url("../images/home/bg_intro-pc.webp");
  }
}
@media only screen and (max-width: 767px) {
  .p-intro:not(.js-inview), .p-intro.js-inview.is-inview {
    background-image: url("../images/home/bg_intro-sp.webp");
  }
}
.p-intro > .inner {
  height: calc(488 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro > .inner {
    height: calc(366 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-intro__text {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  -moz-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  display: inline-block;
  margin-top: calc(50 / var(--akekure-parent-font-size) * 1rem);
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  display: block;
  line-height: 3;
}
@media only screen and (max-width: 767px) {
  .p-intro__text {
    line-height: 2.75;
  }
}

.p-rooms {
  display: flex;
  flex-direction: column;
  padding-top: calc(150 / var(--akekure-parent-font-size) * 1rem);
  padding-bottom: calc(115 / var(--akekure-parent-font-size) * 1rem);
  background: no-repeat center top/cover;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .p-rooms:not(.js-inview), .p-rooms.js-inview.is-inview {
    background-image: url("../images/home/bg_rooms-pc.webp");
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms:not(.js-inview), .p-rooms.js-inview.is-inview {
    background-image: url("../images/home/bg_rooms-sp.webp");
  }
}
.p-rooms::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: calc(327 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 327 / 625;
  background: url("../images/home/bg_rooms_yanagi01.svg") no-repeat center top/100% auto;
  mix-blend-mode: soft-light;
}
@media only screen and (max-width: 767px) {
  .p-rooms {
    padding-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
    padding-bottom: calc(120 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-rooms__header {
  position: relative;
}
.p-rooms__header::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(213 / var(--akekure-parent-font-size) * 1rem);
  display: block;
  width: calc(260 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 260 / 694;
  background: url("../images/home/bg_rooms_yanagi02.svg") no-repeat center top/100% auto;
}
.p-rooms__header > .inner {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
  display: flex;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-rooms__header > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-rooms__header > .inner {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-rooms__header > .inner {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-rooms__header > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__header > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__header > .inner {
    flex-direction: column;
    margin-top: calc(-50 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-rooms__header__content {
    width: calc(930 / 1360 * 100%);
    padding-top: calc(70 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-rooms__header__content > .inner {
  margin-right: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .p-rooms__header__content > .inner {
    width: calc(700 / 930 * 100%);
    max-width: calc(615 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-rooms__header__content > .inner > * {
    max-width: calc(440 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-rooms__header__image {
  width: calc(430 / 1360 * 100%);
  margin-top: calc(-65 / var(--akekure-parent-font-size) * 1rem);
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-rooms__header__image {
    width: calc(159 / 376 * 100%);
    margin-top: auto;
    order: -1;
    margin-left: auto;
    margin-right: calc(calc((428 - 376) / 2 * -1) / 376 * 100%);
  }
}
.p-rooms__header__catch {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}
.p-rooms__header__text {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
}
.p-rooms__image {
  order: -1;
  z-index: 1;
  position: relative;
  width: calc(1270 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-rooms__image {
    width: calc(402 / 428 * 100%);
  }
}
.p-rooms__content {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .p-rooms__content {
    margin-top: calc(130 / var(--akekure-parent-font-size) * 1rem);
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__content {
    margin-top: calc(60 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-rooms__nav {
  width: calc(295 / 1440 * 100%);
  margin-right: 0;
  margin-left: auto;
  padding-top: calc(50 / var(--akekure-parent-font-size) * 1rem);
  --ic-w: calc(25 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .p-rooms__nav {
    width: calc(375 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-rooms__nav {
    width: calc(375 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__nav {
    width: 100%;
  }
}
.p-rooms__nav__list {
  max-width: calc(250 / var(--akekure-parent-font-size) * 1rem);
  width: 88%;
}
.p-rooms__nav__item {
  border-bottom: 1px solid var(--akekure-color-gray-c);
}
.p-rooms__nav__item:not(:first-child) {
  margin-top: calc(7 / var(--akekure-parent-font-size) * 1rem);
}
.p-rooms__nav__button {
  height: calc(70 / var(--akekure-parent-font-size) * 1rem);
  width: 100%;
  display: flex;
  align-items: center;
}
.p-rooms__nav__button[aria-selected="true"] .ic {
  background-color: black;
  fill: white;
}
.p-rooms__nav .text {
  font-size: calc(var(--akekure-target-font-size) / var(--akekure-parent-font-size) * 1rem);
  --akekure-target-font-size: 14;
  font-weight: 700;
  font-family: var(--akekure-font-en);
  display: block;
  word-break: keep-all;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  width: calc(100% - var(--ic-w));
  letter-spacing: .05em;
  line-height: 1.75;
  padding-right: 1em;
}
.p-rooms__nav .ic {
  background-color: var(--akekure-color-accent2);
  display: block;
  width: var(--ic-w);
  height: calc(17 / var(--akekure-parent-font-size) * 1rem);
  border-radius: calc(8 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-rooms__types {
  width: calc(975 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-rooms__types {
    width: calc(376 / 428 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms .c-slider__wrapper {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__type {
    border-bottom: 1px solid var(--akekure-color-gray-c);
    display: block !important;
  }
}
.p-rooms__type__caption {
  margin-top: calc(30 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-rooms__type__caption {
    width: calc(885 / 973 * 100%);
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__type__caption {
    width: calc(320 / 376 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-rooms__type__caption > div {
    width: calc(555 / 885 * 100%);
  }
}
.p-rooms__type__name .jp {
  display: block;
  width: fit-content;
}
.p-rooms__type__name .en {
  display: block;
  font-weight: 500;
  width: fit-content;
}
.p-rooms__type__text {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-rooms__type__info {
    width: calc(330 / 885 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__type__info {
    width: 100%;
    padding-bottom: calc(50 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-rooms__type__info div {
  display: flex;
  border-bottom: 1px solid var(--akekure-color-gray-c);
}
.p-rooms__type__info dt, .p-rooms__type__info dd {
  font-size: calc(var(--akekure-target-font-size) / var(--akekure-parent-font-size) * 1rem);
  --akekure-target-font-size: 11;
  padding-left: calc(20 / 12 / (12 / 12) * 1em);
  padding-right: calc(20 / 12 / (12 / 12) * 1em);
  padding-top: calc(12 / var(--akekure-parent-font-size) * 1rem);
  padding-bottom: calc(12 / var(--akekure-parent-font-size) * 1rem);
  line-height: 1.5;
}
.p-rooms__type__info dt {
  width: calc(100 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--akekure-color-gray-c);
}
.p-rooms__type__info dd {
  padding-right: calc(10 / var(--akekure-parent-font-size) * 1rem);
  width: calc(100% - calc(100 / var(--akekure-parent-font-size) * 1rem));
}

.p-cuisine__header {
  overflow: hidden;
  display: flex;
  position: relative;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .p-cuisine__header {
    height: calc(680 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cuisine__header {
    height: calc(500 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__header {
    height: calc(391 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__header .inner {
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-cuisine__header .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-cuisine__header .inner {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-cuisine__header .inner {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cuisine__header .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__header .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .p-cuisine__header .inner {
    height: calc(340 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__header .inner {
    height: calc(250 / 391 * 100%);
  }
}
.p-cuisine__header__catch {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}
.p-cuisine__header__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-cuisine__header__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-cuisine__meals {
  background: no-repeat center top/cover;
}
@media only screen and (min-width: 768px) {
  .p-cuisine__meals:not(.js-inview), .p-cuisine__meals.js-inview.is-inview {
    background-image: url("../images/home/bg_cuisine-pc.webp");
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meals:not(.js-inview), .p-cuisine__meals.js-inview.is-inview {
    background-image: url("../images/home/bg_cuisine-sp.webp");
  }
}
.p-cuisine__meal {
  padding-top: calc(85 / var(--akekure-parent-font-size) * 1rem);
  padding-bottom: calc(100 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  align-items: flex-start;
  position: relative;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  --title-width: calc(60 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal {
    padding-top: calc(90 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__meal--breakfast::before {
  content: "";
  display: block;
  width: calc(478 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 478 / 173;
  background: url("../images/common/bg_wave01.png") no-repeat calc(-65 / var(--akekure-parent-font-size) * 1rem) top/cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal--breakfast::before {
    top: 100%;
    bottom: auto;
    z-index: 2;
    width: calc(254 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__meal--breakfast::after {
  content: "";
  display: block;
  width: calc(282 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 282 / 126;
  background: url("../images/common/bg_wave02.png") no-repeat calc(30 / var(--akekure-parent-font-size) * 1rem) top/cover;
  position: absolute;
  top: calc(35 / var(--akekure-parent-font-size) * 1rem);
  right: 0;
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal--breakfast::after {
    width: calc(161 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__meal--dinner {
  padding-top: calc(110 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal--dinner {
    padding-top: calc(175 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__meal > .inner {
  width: 100%;
  z-index: 3;
}
.p-cuisine__meal__content {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
  position: sticky;
  top: calc(var(--gnav-height) + 2em);
}
@media only screen and (min-width: 1025px) {
  .p-cuisine__meal__content {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-cuisine__meal__content {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-cuisine__meal__content {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cuisine__meal__content {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal__content {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-2);
  }
}
.p-cuisine__meal__content > .inner {
  display: flex;
  max-width: calc(340 / var(--akekure-parent-font-size) * 1rem);
  z-index: 2;
}
.p-cuisine__meal__content > .inner--dinner {
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal {
    --title-width: calc(60 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-cuisine__meal__title {
  width: var(--title-width);
}
.p-cuisine__meal__text {
  width: calc(100% - var(--title-width));
}
.p-cuisine__meal__images {
  display: flex;
  margin-right: 0;
  margin-left: auto;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .p-cuisine__meal__images {
    width: calc(884 / 1440 * 100%);
    margin-top: calc(-50 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cuisine__meal__images {
    width: calc(707.2 / 1440 * 100%);
    margin-top: calc(-50 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal__images {
    width: calc(376 / 428 * 100%);
    margin-top: calc(50 / var(--akekure-parent-font-size) * 1rem);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-cuisine__meal__images img {
    width: calc(441 / 884 * 100%);
  }
  .p-cuisine__meal__images img:nth-child(n+3) {
    margin-top: calc(2 / 884 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal__images img {
    width: calc(187 / 376 * 100%);
  }
  .p-cuisine__meal__images img:nth-child(n+3) {
    margin-top: calc(2 / 376 * 100%);
  }
}
.p-cuisine__meal__images .landscape {
  display: flex;
  flex-direction: column;
  transform: translateY(calc(50 / var(--akekure-parent-font-size) * 1rem));
  width: calc(441 / 884 * 100%);
  margin-left: calc(2 / 884 * 100%);
}
.p-cuisine__meal__images .landscape img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-cuisine__meal__images .landscape {
    width: calc(187 / 376 * 100%);
    margin-left: calc(2 / 376 * 100%);
    transform: translateY(calc(50 / var(--akekure-parent-font-size) * 1rem));
  }
}

.p-facility {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(100 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility {
    padding-bottom: calc(80 / var(--akekure-parent-font-size) * 1rem);
    padding-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-facility__main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .p-facility__main {
    width: calc(787 / 1440 * 100%);
  }
}
.p-facility__main__box-text {
  width: calc(440 / 787 * 100%);
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-facility__main__box-text {
    width: calc(317 / 428 * 100%);
    margin-top: 4em;
  }
}
.p-facility__main__box-image {
  width: calc(260 / 787 * 100%);
  order: -1;
}
@media only screen and (max-width: 767px) {
  .p-facility__main__box-image {
    width: calc(111 / 428 * 100%);
  }
}
.p-facility__main__box-text2 {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
}
@media only screen and (max-width: 767px) {
  .p-facility__main__box-text2 {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__main__box-text2 {
    margin-top: 4em;
  }
}
.p-facility__title {
  margin-right: calc(26 / 428 * 100%);
}
.p-facility__catch {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility__catch {
    margin-top: -1em;
  }
}
.p-facility__text {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
}
.p-facility__image-main {
  order: -2;
  width: calc(1400 / 1440 * 100%);
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .p-facility__image-main {
    width: calc(402 / 428 * 100%);
  }
}
.p-facility__image-sub {
  width: calc(1260 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  order: -1;
}
@media only screen and (min-width: 768px) {
  .p-facility__image-sub {
    margin-top: calc(-57 / var(--akekure-parent-font-size) * 1rem);
    margin-bottom: calc(-200 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__image-sub {
    width: calc(376 / 428 * 100%);
    margin-right: calc(-26 / 428 * 100%);
    margin-top: calc(-50 / var(--akekure-parent-font-size) * 1rem);
    margin-bottom: calc(-50 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-facility__image-sub img {
  width: calc(564 / 1260 * 100%);
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-facility__image-sub img {
    width: calc(179 / 320 * 100%);
  }
}
.p-facility__detail {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-facility__detail {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-facility__detail {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-facility__detail {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-facility__detail {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__detail {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-2);
  }
}
@media only screen and (min-width: 768px) {
  .p-facility__detail {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__detail {
    margin-top: calc(100 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-facility__detail__element--left {
    margin-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
    width: calc(564 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-facility__detail__element--right {
    width: calc(416 / 1100 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__detail__element--right {
    margin-top: calc(60 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-facility__detail__text {
  margin-top: calc(30 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility__detail__text {
    width: calc(280 / 320 * 100%);
    margin-top: calc(30 / var(--akekure-parent-font-size) * 1rem);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-facility__detail__text--left {
    width: calc(517 / 564 * 100%);
    margin-right: 0;
    margin-left: auto;
    max-width: 41em;
  }
}
.p-facility__experience {
  margin-top: calc(100 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .p-facility__experience {
    padding-bottom: calc(130 / var(--akekure-parent-font-size) * 1rem);
    width: 100%;
  }
}
.p-facility__experience__title {
  margin-top: calc(37 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility__experience__title {
    margin-top: calc(100 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-facility__experience__intro {
  order: -1;
}
@media only screen and (min-width: 768px) {
  .p-facility__experience__intro {
    width: calc(1000 / 1100 * 100%);
    max-width: calc(900 / var(--akekure-parent-font-size) * 1rem);
    display: flex;
    margin-right: calc(20 / 1100 * 100%);
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-facility__experience__intro__box-image {
    width: calc(564 / 900 * 100%);
  }
}
.p-facility__experience__intro__box-text {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .p-facility__experience__intro__box-text {
    width: calc(300 / 900 * 100%);
    max-width: calc(265 / var(--akekure-parent-font-size) * 1rem);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__experience__intro__box-text {
    width: calc(320 / 428 * 100%);
    margin-right: auto;
    margin-left: auto;
    margin-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-facility__experience__intro__catch {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
}
.p-facility__experience__intro__catch::before {
  content: "";
  width: calc(152 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 151.96 / 30.8;
  display: block;
  background: url("../images/common/ic_facility_deco.svg") no-repeat center top;
  position: absolute;
  left: calc(calc(33 / var(--akekure-parent-font-size) * 1rem) * -1);
  bottom: calc(100% + calc(33 / var(--akekure-parent-font-size) * 1rem));
}
.p-facility__experience__intro__text {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
  margin-bottom: auto;
}
.p-facility__experience__list1 {
  display: flex;
  align-items: flex-start;
  max-width: calc(920 / var(--akekure-parent-font-size) * 1rem);
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: calc(18 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility__experience__list1 {
    width: calc(376 / 428 * 100%);
  }
}
.p-facility__experience__list1 li {
  margin-bottom: calc(30 / var(--akekure-parent-font-size) * 1rem);
  border: 1px solid var(--akekure-color-gray-43);
}
@media only screen and (min-width: 768px) {
  .p-facility__experience__list1 li {
    padding-top: calc(55 / var(--akekure-parent-font-size) * 1rem);
    padding-bottom: calc(55 / var(--akekure-parent-font-size) * 1rem);
    width: calc(300 / 920 * 100%);
  }
  .p-facility__experience__list1 li:not(:first-child) {
    margin-left: calc(10 / 920 * 100%);
  }
  .p-facility__experience__list1 li:nth-child(1) {
    margin-top: calc(38 / var(--akekure-parent-font-size) * 1rem);
  }
  .p-facility__experience__list1 li:nth-child(3) {
    margin-top: calc(-38 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility__experience__list1 li {
    padding-top: calc(20 / var(--akekure-parent-font-size) * 1rem);
    padding-bottom: calc(20 / var(--akekure-parent-font-size) * 1rem);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: calc(176 / 376 * 100%);
  }
  .p-facility__experience__list1 li:nth-child(2) {
    margin-left: calc(24 / 376 * 100%);
  }
}
.p-facility__experience__list1 li figure {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-facility__experience__list1 li figure img {
  width: calc(115 / var(--akekure-parent-font-size) * 1rem);
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.p-facility__experience__list1 li figure figcaption {
  margin-top: calc(20 / var(--akekure-parent-font-size) * 1rem);
  text-align: center;
}
.p-facility__experience__list2 {
  display: flex;
  align-items: flex-start;
  max-width: calc(920 / var(--akekure-parent-font-size) * 1rem);
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: calc(18 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-facility__experience__list2 {
    width: calc(376 / 428 * 100%);
  }
}
.p-facility__experience__list2 li:not(:first-child)::before {
  content: "/";
  margin-right: 1em;
  margin-left: 1em;
}

.p-access {
  position: relative;
  padding: calc(100 / var(--akekure-parent-font-size) * 1rem) 0;
}
.p-access::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  top: 0;
  left: calc(40 / 1440 * 100%);
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .p-access::before {
    left: 0;
  }
}
.p-access::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  opacity: .5;
  display: block;
  width: calc(339 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 339 / 564;
  background: url("../images/home/bg_access_yanagi.svg") no-repeat center bottom/100% auto;
  mix-blend-mode: soft-light;
}
.p-access > .inner {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-access > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-access > .inner {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-access > .inner {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-access > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-2);
  }
}
@media only screen and (min-width: 768px) {
  .p-access > .inner {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1025px) and (max-width: 1200px) {
  .p-access > .inner {
    align-items: normal;
  }
}

.p-access__box-text {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
}
@media only screen and (max-width: 767px) {
  .p-access__box-text {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .p-access__box-text {
    width: calc(390 / 1100 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-access__box-text {
    padding-bottom: calc(60 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-access__address {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
  word-break: keep-all;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}
.p-access__way {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}
.p-access__way__title {
  background-color: var(--akekure-color-gray-2f);
  padding: calc(7 / var(--akekure-parent-font-size) * 1rem) calc(10 / var(--akekure-parent-font-size) * 1rem);
  line-height: 1;
  width: fit-content;
}
.p-access__way + .p-access__way {
  margin-top: calc(20 / var(--akekure-parent-font-size) * 1rem);
}
.p-access__way__list {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
}
.p-access__text {
  margin-top: calc(15 / var(--akekure-parent-font-size) * 1rem);
}
.p-access__box-image {
  order: -1;
}
@media only screen and (min-width: 768px) {
  .p-access__box-image {
    width: calc(660 / 1100 * 100%);
  }
}
.p-access__box-image iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 660 / 440;
  filter: grayscale(1);
}
@media only screen and (max-width: 767px) {
  .p-access__box-image iframe {
    aspect-ratio: 428 / 321;
  }
}
.p-access__link {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}

.p-sightseeing {
  position: relative;
  display: flex;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .p-sightseeing {
    background: var(--akekure-color-bg-dark) no-repeat center top/cover;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1025px) {
  .p-sightseeing {
    height: calc(680 / var(--akekure-parent-font-size) * 1rem);
  }
}

@media only screen and (max-width: 767px) {
  .p-sightseeing {
    padding-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
    padding-bottom: calc(120 / var(--akekure-parent-font-size) * 1rem);
    background-image: var(--akekure-color-bg-dark) no-repeat center calc(120 / var(--akekure-parent-font-size) * 1rem)/100% auto;
  }
}
.p-sightseeing .bg {
  position: absolute;
}
.p-sightseeing .bg picture {
  display: block;
}
@media only screen and (min-width: 768px) {
  .p-sightseeing .bg {
    left: 0;
    top: 0;
    right: 0;
    bottom: -2px;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .p-sightseeing .bg {
    top: calc(120 / var(--akekure-parent-font-size) * 1rem);
    right: 0;
    left: 0;
    aspect-ratio: 428 / 790;
  }
}
.p-sightseeing > .inner {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-sightseeing > .inner {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-sightseeing > .inner {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-sightseeing > .inner {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 1025px) {
  .p-sightseeing > .inner {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .p-sightseeing > .inner {
    width: 100%;
  }
}
.p-sightseeing__box-text {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-sightseeing__box-text {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-3);
  }
}
@media only screen and (max-width: 767px) {
  .p-sightseeing__box-text {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-sightseeing__box-text {
    margin-left: 0;
    width: calc(100% - calc(278 / var(--akekure-parent-font-size) * 1rem));
    max-width: calc(455 / var(--akekure-parent-font-size) * 1rem);
    min-height: calc(400 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-sightseeing__box-text {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .p-sightseeing__box-text {
    padding-bottom: calc(335 / var(--akekure-parent-font-size) * 1rem);
  }
}
.p-sightseeing__title {
  margin-right: -1em;
}
.p-sightseeing__catch {
  margin-top: calc(40 / var(--akekure-parent-font-size) * 1rem);
}
.p-sightseeing__text {
  margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
}
.p-sightseeing__marquee {
  --marquee-element-size: calc(278 / var(--akekure-parent-font-size) * 1rem);
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .p-sightseeing__marquee {
    --marquee-animation-duration: 30s;
    margin-right: calc(-100 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 1024px) {
  .p-sightseeing__marquee {
    --marquee-animation-duration: 10s;
    --marquee-element-size: calc(278 / var(--akekure-parent-font-size) * 1rem);
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-sightseeing__marquee p {
    margin-top: calc(10 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-sightseeing__marquee p {
    margin-right: calc(10 / var(--akekure-parent-font-size) * 1rem);
  }
}

.p-faq {
  background-color: var(--akekure-color-bg-dark);
  position: relative;
  width: 100%;
  overflow: hidden;
}
.p-faq > .inner2 {
  margin-right: auto;
  margin-left: auto;
  --akekure-container-width: var(--akekure-content-0);
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-faq > .inner2 {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-faq > .inner2 {
    max-width: calc(var(--akekure-child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-faq > .inner2 {
    max-width: calc(var(--akekure-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-faq > .inner2 {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq > .inner2 {
    width: calc(var(--akekure-child-width) / var(--akekure-container-width) * 100%);
    --akekure-child-width: var(--akekure-content-1);
  }
}
.p-faq > .inner2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2130px;
  background: no-repeat center top/cover;
}
.p-faq > .inner2:not(.js-inview)::before, .p-faq > .inner2.js-inview.is-inview::before {
  background-image: url("../images/home/bg_faq-pc.webp");
}
.p-faq > .inner2::after {
  content: "";
  position: absolute;
  left: calc(50 / var(--akekure-parent-font-size) * 1rem);
  top: 0;
  display: block;
  width: calc(305 / var(--akekure-parent-font-size) * 1rem);
  aspect-ratio: 305 / 463;
  background: url("../images/home/bg_faq_yanagi.svg") no-repeat center bottom/100% auto;
}
@media only screen and (min-width: 768px) {
  .p-faq > .inner2 {
    padding-bottom: calc(60 / var(--akekure-parent-font-size) * 1rem);
    padding-top: calc(110 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq > .inner2 {
    padding-bottom: 0;
  }
}
.p-faq > .inner2 > .inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .p-faq > .inner2 > .inner {
    width: calc(1260 / 1360 * 100%);
    max-width: calc(1100px * ((var(--akekure-parent-font-size) + 3 + 0) / var(--akekure-parent-font-size)));
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .p-faq > .inner2 > .inner {
    width: calc(320 / 376 * 100%);
    padding-top: calc(120 / var(--akekure-parent-font-size) * 1rem);
    padding-bottom: calc(120 / var(--akekure-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-faq__title {
    width: calc(360 / 1260 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-faq__main {
    width: calc(900 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__main {
    margin-top: 2rem;
  }
}
.p-faq__select {
  position: relative;
  margin-bottom: 1em;
  height: calc(60 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  align-items: center;
  background-color: var(--akekure-color-gray-e7);
}
.p-faq__select__text {
  padding-right: calc(20 / var(--akekure-parent-font-size) * 1rem);
  padding-left: calc(20 / var(--akekure-parent-font-size) * 1rem);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.p-faq__select .t {
  display: block;
}
.p-faq__select .o-icon {
  margin-right: 0;
  margin-left: auto;
}
.p-faq__select__element {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.p-faq__tabs {
  margin-bottom: calc(30 / var(--akekure-parent-font-size) * 1rem);
}
.p-faq__tabs__list {
  display: flex;
  flex-wrap: wrap;
}
.p-faq__tabs__button {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: calc(10 / var(--akekure-parent-font-size) * 1rem) calc(15 / var(--akekure-parent-font-size) * 1rem);
  color: var(--akekure-color-accent);
}
.p-faq__tabs__button[aria-selected="true"] {
  background-color: var(--akekure-color-gray-e7);
}
.p-faq__tabs__button .o-icon {
  margin-left: calc(7 / var(--akekure-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-faq__panels {
    min-height: calc(var(--vh) * 60);
  }
}