@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-origin: border-box;
}

@font-face {
  font-family: "Snell Roundhand";
  src: url("../font/SnellBT-Regular.otf") format("opentype");
  font-display: swap;
}
:root {
  --main-primary: #a07506;
  --txt-primary: #3c321e;
  --color-white: #fff;
  font-size: 10px;
}

html {
  scroll-behavior: smooth;
}

body {
  display: block;
  overflow-x: hidden;
  width: 100%;
  font-style: normal;
  font-family: "Shippori Mincho", serif;
  color: var(--color-white);
  background-color: #fff;
}

/*====================================*/
/* base contents */
/*====================================*/
h1 {
  font-weight: 400;
  line-height: 1.8;
}

h2 {
  font-weight: 700;
  line-height: 1.7;
}

h3 {
  font-weight: 500;
  line-height: 1.8;
}

p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

ul li {
  color: currentColor;
}

img {
  width: 100%;
  height: auto;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.animate,
.animate-delay {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  position: relative;
}

.animate-delay {
  transition-delay: 0.5s;
}

.slide-up {
  transform: translateY(100px);
}

.slide-down {
  transform: translateY(-100px);
}

.slide-left {
  transform: translateX(100px);
}

.slide-right {
  transform: translateX(-100px);
}

.animate.active {
  opacity: 1;
  transform: translate(0, 0);
}

.gallery_img.animate {
  transition-delay: calc(var(--delay) * 0.1s);
}

/* ------------------------
    edit contents
------------------------- */
/* 指定フォント ここから */
/* ----pc,sp/on_off---- */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media (max-width: 767.98px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
.copyright {
  background-color: var(--color-white);
}

.copyright p {
  padding: 14px 0;
  font-size: 1.2rem;
  text-align: center;
  font-weight: 500;
  line-height: 15.2px;
  letter-spacing: 0.36px;
  color: #000;
  font-family: "Noto Serif JP", serif;
}

/* pageTop */
.pageTop a {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  rotate: 180deg;
  background-color: var(--color-white);
  transition: all 0.3s ease, filter 0.3s ease;
  opacity: 0.5;
}

.pageTop a:hover {
  background-color: var(--main-primary);
  filter: drop-shadow(0px 8px 5px rgba(61, 38, 4, 0.5333333333));
  rotate: 270deg;
  opacity: 1;
}

.pageTop a:hover svg path,
.pageTop a:hover svg circle {
  stroke: white;
  fill: var(--color-primary);
}

.pageTop a:hover svg circle {
  stroke: var(--color-primary);
}

.pageTop a svg {
  width: 80px;
}

main {
  overflow: hidden !important;
}

.kv {
  width: 100vw;
  height: 44.53125vw;
  background-image: url("../img/kv_bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .kv {
    width: 100vw;
    height: 86.9333333333vw;
    background-image: url("../img/sp/kv_bg-sp.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

.kv__inner {
  width: 100%;
  padding-top: 3.6979166667vw;
  padding-left: 4.7916666667vw;
  padding-right: 3.28125vw;
  position: relative;
}
@media (max-width: 767.98px) {
  .kv__inner {
    padding-top: 1.6vw;
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    position: static;
  }
}

.kv__logo {
  width: 19.1145833333vw;
}
@media (max-width: 767.98px) {
  .kv__logo {
    width: 40vw;
    margin-inline: auto;
  }
}
.kv__logo img {
  display: block;
  width: 100%;
}

.kv__img-wrap {
  width: 71.09375vw;
  position: absolute;
  top: 6.1979166667vw;
  right: 3.28125vw;
}
@media (max-width: 767.98px) {
  .kv__img-wrap {
    position: static;
    padding-top: 4.8vw;
    margin-inline: auto;
    width: 100%;
  }
}

.kv__img {
  position: relative;
}
.kv__img::before {
  content: "";
  background: url("../img/kv_ico_tanpopo_01.svg") no-repeat center center/contain;
  width: 26.3921354167vw;
  height: 28.8428125vw;
  position: absolute;
  top: -7.8125vw;
  right: -9.6875vw;
}
.kv__img::before img {
  display: block;
  width: 100%;
}
.kv__img::after {
  content: "";
  background: url("../img/kv_ico_tanpopo_02.svg") no-repeat center center/contain;
  width: 26.3276041667vw;
  height: 29.1934895833vw;
  position: absolute;
  bottom: -13.0208333333vw;
  left: -13.0208333333vw;
}

.kv__title {
  position: relative;
  z-index: 2;
}

.kv__title-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 48.4921875vw;
}
@media (max-width: 767.98px) {
  .kv__title-bg {
    position: static;
    width: 100%;
  }
}
.kv__title-bg img {
  display: block;
  width: 100%;
}

.kv__title-text {
  position: absolute;
  top: 2.8213541667vw;
  left: 2.6015625vw;
}
@media (max-width: 767.98px) {
  .kv__title-text {
    top: 2.9333333333vw;
    left: 4.2666666667vw;
  }
}
.kv__title-text.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.kv__title-text-en {
  display: block;
  color: #45a3ba;
  font-family: "Palanquin Dark";
  font-size: 3.6979166667vw;
  font-weight: 600;
  line-height: 1.09;
  letter-spacing: 0.0520833333vw;
}
@media (max-width: 767.98px) {
  .kv__title-text-en {
    font-family: "M PLUS 1";
    font-size: 6.4vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.09;
    letter-spacing: 0.2666666667vw;
  }
}

.kv__title-text-ja {
  display: block;
  color: #45a3ba;
  font-family: "M PLUS 1";
  font-size: 2.8645833333vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0520833333vw;
  margin-top: 0.2083333333vw;
}
@media (max-width: 767.98px) {
  .kv__title-text-ja {
    font-size: 5.0666666667vw;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2666666667vw;
  }
}

.plan__inner {
  padding-top: clamp(0px, 19.4270833333vw, 373px);
}
@media (max-width: 767.98px) {
  .plan__inner {
    padding-inline: clamp(24px, 6.4vw, 49px);
    padding-top: clamp(132px, 35.2vw, 200px);
  }
}

.plan__title {
  text-align: center;
}
.plan__title span {
  display: inline-block;
  color: #12334c;
  font-family: "M PLUS 1";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 600;
  line-height: 59%;
  letter-spacing: 1px;
  position: relative;
}
@media (max-width: 767.98px) {
  .plan__title span {
    font-size: clamp(24px, 6.4vw, 49px);
    line-height: 157.333%;
  }
}
.plan__title span::before {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_01.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: clamp(-89.69px, -4.2026041667vw, 0px);
}
@media (max-width: 767.98px) {
  .plan__title span::before {
    width: clamp(15px, 4vw, 38px);
    height: clamp(33px, 8.8vw, 82px);
  }
}
.plan__title span::after {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_02.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: clamp(-80.69px, -4.2026041667vw, 0px);
}
@media (max-width: 767.98px) {
  .plan__title span::after {
    width: clamp(15px, 4vw, 38px);
    height: clamp(33px, 8.8vw, 82px);
  }
}

.plan__description {
  color: #12334c;
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-weight: 500;
  line-height: 205%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  margin-top: clamp(0px, 2.8645833333vw, 55px);
}
@media (max-width: 767.98px) {
  .plan__description {
    margin-top: clamp(20px, 5.3333333333vw, 55px);
    font-size: clamp(16px, 4.2666666667vw, 18px);
    line-height: 200%; /* 32px */
    letter-spacing: clamp(0px, 0.2666666667vw, 1px);
  }
}

.plan__goods-container {
  width: 100%;
  max-width: 1144px;
  margin-inline: auto;
  margin-top: clamp(0px, 2.96875vw, 57px);
}
@media (max-width: 767.98px) {
  .plan__goods-container {
    margin-block-end: clamp(80px, 21.3333333333vw, 150px);
  }
}
.plan__goods-container.splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .plan__goods-container.splide .splide__slide {
    margin-bottom: 16px;
  }
}
.plan__goods-container.splide .splide__arrow {
  background-color: var(--main-primary);
  opacity: 1;
  transition: all 0.3s ease;
}
.plan__goods-container.splide .splide__arrow:hover {
  opacity: 0.7;
}
.plan__goods-container.splide .splide__arrow svg {
  fill: var(--color-white);
}
.plan__goods-container.splide .splide__pagination {
  bottom: clamp(-53px, -2.7604166667vw, 0px) !important;
}
@media (max-width: 767.98px) {
  .plan__goods-container.splide .splide__pagination {
    bottom: clamp(-60px, -16vw, -150px);
  }
}
.plan__goods-container.splide .splide__pagination .is-active {
  background: #333 !important;
  transform: scale(1) !important;
}
.plan__goods-container.splide .splide__pagination__page {
  width: 10px;
  height: 10px;
  margin: 8px;
  background: #ccc;
  opacity: 0.6;
}
@media (max-width: 767.98px) {
  .plan__goods-container.splide .splide__pagination__page {
    width: 5px;
    height: 5px;
  }
}
.plan__goods-container.splide .splide__pagination__page.is-active {
  background: var(--main-primary);
  opacity: 1;
}

.plan__goods-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0px, 1.5625vw, 30px);
  width: 100%;
}
@media (max-width: 767.98px) {
  .plan__goods-item {
    flex-direction: column;
    row-gap: clamp(20px, 5.3333333333vw, 50px);
  }
}

.plan__goods-item-img {
  width: clamp(0px, 34.21875vw, 657px);
}
@media (max-width: 767.98px) {
  .plan__goods-item-img {
    width: 100%;
  }
}
.plan__goods-item-img img {
  display: block;
  width: 100%;
}

.plan__goods-item-text {
  width: clamp(0px, 23.8020833333vw, 457px);
  color: #333;
  font-family: "Noto Sans JP";
  font-size: clamp(16px, 1.0416666667vw, 20px);
  font-weight: 300;
  line-height: 150%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .plan__goods-item-text {
    width: 100%;
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 187.5%;
    letter-spacing: clamp(0px, 0.2666666667vw, 1px);
  }
}

.plan__room-container-wrapper {
  position: relative;
  max-width: 1920px;
  margin-inline: auto;
}
.plan__room-container-wrapper .plan__deco.--tanpopo {
  width: clamp(0px, 16.866875vw, 323.844px);
  height: clamp(0px, 11.7919270833vw, 226.405px);
  top: -4%;
  left: 2%;
  z-index: 2;
}
.plan__room-container-wrapper .plan__deco.--right {
  width: clamp(0px, 3.0729166667vw, 59px);
  height: clamp(0px, 5.15625vw, 99px);
  top: 17%;
  right: 6%;
}
.plan__room-container-wrapper .plan__deco.--left {
  width: clamp(0px, 2.2395833333vw, 43px);
  height: clamp(0px, 3.75vw, 72px);
  top: 62%;
  left: 5%;
}
.plan__room-container-wrapper .plan__deco {
  position: absolute;
}
.plan__room-container-wrapper .plan__deco img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.plan__room-container {
  margin-top: clamp(0px, 7.4739583333vw, 143.5px);
}
.plan__room-container.splide {
  width: clamp(0px, 67.0833333333vw, 1288px);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .plan__room-container.splide {
    width: 100%;
  }
}
.plan__room-container.splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.plan__room-container.splide .splide__slide .plan__room-item--moomin,
.plan__room-container.splide .splide__slide .plan__room-item--littlemie {
  width: 100%;
}
.plan__room-container.splide .splide__arrow {
  background-color: transparent;
  opacity: 1;
  transition: all 0.3s ease;
}
.plan__room-container.splide .splide__arrow:hover {
  opacity: 0.7;
}
.plan__room-container.splide .splide__arrow svg {
  fill: var(--color-white);
}
.plan__room-container.splide .splide__pagination__page {
  width: 10px;
  height: 10px;
  margin: 8px;
  background: #ccc;
  opacity: 0.6;
}
.plan__room-container.splide .splide__pagination__page.is-active {
  background: var(--main-primary);
  opacity: 1;
}

.plan__room-item--moomin {
  width: clamp(0px, 67.0833333333vw, 1288px) !important;
  max-width: 1288px;
  margin-inline: auto;
  border-radius: clamp(0px, 1.5625vw, 30px);
  background: #b8d5cb;
  padding-top: clamp(0px, 5.2083333333vw, 100px);
  padding-bottom: clamp(0px, 4.1666666667vw, 80px);
  padding-left: clamp(0px, 4.21875vw, 81px);
  padding-right: clamp(0px, 4.21875vw, 81px);
}
@media (max-width: 767.98px) {
  .plan__room-item--moomin {
    width: 100% !important;
    padding-top: clamp(30px, 8vw, 100px);
    padding-bottom: clamp(30px, 8vw, 100px);
    padding-left: clamp(13.5px, 3.6vw, 50px);
    padding-right: clamp(13.5px, 3.6vw, 50px);
    border-radius: clamp(15px, 4vw, 30px);
  }
}

.plan__room-item--littlemie {
  width: clamp(0px, 67.0833333333vw, 1288px) !important;
  max-width: 1288px;
  margin-inline: auto;
  border-radius: clamp(0px, 1.5625vw, 30px);
  background: #e7b0ab;
  padding-top: clamp(0px, 5.2083333333vw, 100px);
  padding-bottom: clamp(0px, 4.1666666667vw, 80px);
  padding-left: clamp(0px, 4.21875vw, 81px);
  padding-right: clamp(0px, 4.21875vw, 81px);
}
@media (max-width: 767.98px) {
  .plan__room-item--littlemie {
    width: 100% !important;
    padding-top: clamp(30px, 8vw, 100px);
    padding-bottom: clamp(30px, 8vw, 100px);
    padding-left: clamp(13.5px, 3.6vw, 50px);
    padding-right: clamp(13.5px, 3.6vw, 50px);
    border-radius: clamp(15px, 4vw, 30px);
  }
}

.plan__room-item-img img {
  display: block;
  width: 100%;
}

.plan__room-item-content {
  margin-top: clamp(0px, 3.125vw, 60px);
  display: flex;
  gap: clamp(0px, 1.0416666667vw, 30px);
}
@media (max-width: 767.98px) {
  .plan__room-item-content {
    display: block;
  }
}

.plan__room-item-content-text-box {
  width: clamp(0px, 36.3020833333vw, 697px);
}
@media (max-width: 767.98px) {
  .plan__room-item-content-text-box {
    width: 100%;
  }
}

.plan__room-item-content-text-box-title {
  color: #12334c;
  font-family: "M PLUS 1";
  font-size: clamp(0px, 1.6666666667vw, 32px);
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .plan__room-item-content-text-box-title {
    font-size: clamp(18px, 4.8vw, 32px);
    font-style: normal;
    line-height: 200%; /* 36px */
    letter-spacing: 1px;
  }
}
.plan__room-item-content-text-box-title--littlemie {
  color: #ffffff;
}

.plan__room-item-content-text-box-text {
  margin-top: clamp(0px, 1.5625vw, 30px);
  color: #12334c;
  font-family: "Shippori Mincho";
  font-size: clamp(16px, 0.9375vw, 18px);
  font-weight: 600;
  line-height: 2.05556;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .plan__room-item-content-text-box-text {
    font-size: clamp(16px, 4.2666666667vw, 18px);
    line-height: 180%; /* 28.8px */
    letter-spacing: 1px;
  }
}
.plan__room-item-content-text-box-text--littlemie {
  color: #ffffff;
}

.plan__room-item-content-img {
  width: clamp(0px, 22.7604166667vw, 437px);
}
@media (max-width: 767.98px) {
  .plan__room-item-content-img {
    display: none;
  }
}
.plan__room-item-content-img img {
  display: block;
  width: 100%;
}

.splide__arrow--prev {
  display: flex;
  position: relative;
}
.splide__arrow--prev svg {
  display: none;
}
.splide__arrow--prev::before {
  content: "";
  width: clamp(0px, 6.0416666667vw, 116px);
  height: clamp(0px, 6.0416666667vw, 116px);
  position: absolute;
  top: 122%;
  left: -92%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767.98px) {
  .splide__arrow--prev::before {
    width: clamp(32px, 8.5333333333vw, 116px);
    height: clamp(32px, 8.5333333333vw, 116px);
    top: -685%;
    left: -92%;
  }
}

.splide__arrow--next {
  display: flex;
  position: relative;
}
.splide__arrow--next svg {
  display: none;
}
.splide__arrow--next::before {
  content: "";
  width: clamp(0px, 6.0416666667vw, 116px);
  height: clamp(0px, 6.0416666667vw, 116px);
  position: absolute;
  top: 122%;
  left: 144%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767.98px) {
  .splide__arrow--next::before {
    width: clamp(32px, 8.5333333333vw, 116px);
    height: clamp(32px, 8.5333333333vw, 116px);
    top: -685%;
    left: 144%;
  }
}

.plan__room-container .splide__arrow--prev::before {
  background: url("../img/plan_room_ico_arrow_left.svg") no-repeat center center/contain;
}
.plan__room-container .splide__arrow--next::before {
  background: url("../img/plan_room_ico_arrow_right.svg") no-repeat center center/contain;
}

.breakfast__menu-container .splide__arrow--prev::before {
  background: url("../img/breakfast_menu_ico_arrow_left.svg") no-repeat center center/contain;
  top: -619%;
  left: 334%;
  width: clamp(0px, 5.2083333333vw, 100px);
  height: clamp(0px, 5.2083333333vw, 100px);
  aspect-ratio: 1;
}
@media (max-width: 767.98px) {
  .breakfast__menu-container .splide__arrow--prev::before {
    top: -446%;
    left: -46%;
    width: clamp(32px, 1.6666666667vw, 100px);
    height: clamp(32px, 1.6666666667vw, 100px);
  }
}
.breakfast__menu-container .splide__arrow--next::before {
  background: url("../img/breakfast_menu_ico_arrow_right.svg") no-repeat center center/contain;
  top: -619%;
  left: -237%;
  width: clamp(0px, 5.2083333333vw, 100px);
  height: clamp(0px, 5.2083333333vw, 100px);
  aspect-ratio: 1;
}
@media (max-width: 767.98px) {
  .breakfast__menu-container .splide__arrow--next::before {
    top: -446%;
    left: 143%;
    width: clamp(32px, 1.6666666667vw, 100px);
    height: clamp(32px, 1.6666666667vw, 100px);
  }
}

.plan__action {
  text-align: center;
  margin-block-start: clamp(0px, 4.0104166667vw, 77px);
  display: flex;
  flex-direction: column;
  row-gap: clamp(0px, 2.6041666667vw, 50px);
  align-items: center;
}
@media (max-width: 767.98px) {
  .plan__action {
    margin-block-start: clamp(43px, 11.4666666667vw, 100px);
  }
}

.plan__link-title {
  color: #c36b27;
  text-align: center;
  font-family: "M PLUS 1";
  font-size: clamp(24px, 1.4583333333vw, 28px);
  font-weight: 500;
  line-height: 146.429%;
  letter-spacing: 1px;
  padding-inline: clamp(0px, 3.125vw, 60px);
  position: relative;
}
@media (max-width: 767.98px) {
  .plan__link-title {
    font-size: clamp(16px, 4.2666666667vw, 100px);
    padding-inline: clamp(25px, 6.6666666667vw, 60px);
    line-height: 180%;
  }
}
.plan__link-title::before {
  content: "";
  position: absolute;
  width: clamp(0px, 1.9135416667vw, 36.74px);
  height: clamp(0px, 3.0570833333vw, 58.696px);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/plan_ico_03.svg") no-repeat center center/contain;
}
@media (max-width: 767.98px) {
  .plan__link-title::before {
    width: clamp(15.355px, 4.0946666667vw, 100px);
    height: clamp(24.543px, 6.5448vw, 100px);
    left: clamp(22px, 5.8666666667vw, 100px);
    top: 20%;
  }
}
.plan__link-title::after {
  content: "";
  position: absolute;
  width: clamp(0px, 1.9135416667vw, 36.74px);
  height: clamp(0px, 3.0570833333vw, 58.696px);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/plan_ico_04.svg") no-repeat center center/contain;
}
@media (max-width: 767.98px) {
  .plan__link-title::after {
    width: clamp(15.355px, 4.0946666667vw, 100px);
    height: clamp(24.543px, 6.5448vw, 100px);
    right: clamp(22px, 5.8666666667vw, 100px);
    top: 20%;
  }
}
.plan__link-title .highlight {
  color: #46a4c8;
  padding-inline-end: 5px;
}

.plan__link-wrapper {
  display: flex;
  -moz-column-gap: clamp(0px, 1.8229166667vw, 35px);
       column-gap: clamp(0px, 1.8229166667vw, 35px);
}
@media (max-width: 767.98px) {
  .plan__link-wrapper {
    flex-direction: column;
    row-gap: clamp(20.5px, 5.4666666667vw, 100px);
  }
}

.plan__link-member {
  display: block;
  width: clamp(287px, 18.2291666667vw, 350px);
  height: clamp(60px, 4.1666666667vw, 80px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: #b1a796;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  .plan__link-member {
    width: clamp(287px, 76.5333333333vw, 350px);
    height: clamp(60px, 16vw, 80px);
    border-radius: clamp(10px, 2.6666666667vw, 20px);
  }
}
.plan__link-member span {
  font-family: "Crimson Text", serif;
  font-size: clamp(12px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 106.25%;
  letter-spacing: 1px;
  display: block;
}
@media (max-width: 767.98px) {
  .plan__link-member span {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 121.429%;
  }
}
.plan__link-member {
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 150% */
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .plan__link-member {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 171.429%;
  }
}

.plan__link-guest {
  display: block;
  width: clamp(287px, 18.2291666667vw, 350px);
  height: clamp(60px, 4.1666666667vw, 80px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: #89a1aa;
  display: grid;
  place-items: center;
  color: var(--color-white);
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  .plan__link-guest {
    width: clamp(287px, 76.5333333333vw, 350px);
    height: clamp(60px, 16vw, 80px);
    font-size: clamp(15px, 4vw, 16px);
    line-height: 160%;
    border-radius: clamp(10px, 2.6666666667vw, 20px);
  }
}

/*----------------------------------
  breakfast朝食について
-----------------------------------*/
.breakfast {
  background: linear-gradient(180deg, #fff 0%, #fffbd6 100%);
  padding-block-end: clamp(0px, 8.8541666667vw, 170px);
}

.breakfast__inner {
  margin-block-start: clamp(0px, 11.4583333333vw, 220px);
  max-width: 1920px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 767.98px) {
  .breakfast__inner {
    margin-block-start: clamp(120px, 32vw, 200px);
    padding-inline: clamp(24px, 6.4vw, 50px);
  }
}

.breakfast__deco {
  position: absolute;
}
.breakfast__deco img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.breakfast__deco.--first {
  width: clamp(0px, 3.0729166667vw, 59px);
  height: clamp(0px, 5.15625vw, 99px);
  top: -14%;
  left: 6%;
}
.breakfast__deco.--second {
  width: clamp(0px, 7.8077083333vw, 149.908px);
  height: clamp(0px, 9.1226041667vw, 175.154px);
  top: -4%;
  right: 6%;
}
.breakfast__deco.--third {
  width: clamp(0px, 17.656875vw, 339.012px);
  height: clamp(0px, 20.5094791667vw, 393.782px);
  top: 77%;
  left: 6%;
  z-index: 2;
}

.breakfast__title {
  text-align: center;
  margin-block-end: clamp(0px, 3.6979166667vw, 71px);
}
.breakfast__title span {
  display: inline-block;
  color: #45a3ba;
  font-family: "M PLUS 1";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 600;
  line-height: 59%;
  letter-spacing: 1px;
  position: relative;
}
@media (max-width: 767.98px) {
  .breakfast__title span {
    font-size: clamp(24px, 6.4vw, 64px);
    line-height: 157.333%;
  }
}
.breakfast__title span::before {
  content: "";
  width: clamp(0px, 2.4479166667vw, 47px);
  height: clamp(0px, 4.3229166667vw, 83px);
  background: url("../img/plan_ico_05.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: clamp(-89.69px, -4.2026041667vw, 0px);
}
@media (max-width: 767.98px) {
  .breakfast__title span::before {
    width: clamp(15px, 4vw, 50px);
    height: clamp(33px, 8.8vw, 83px);
    left: -14%;
  }
}
.breakfast__title span::after {
  content: "";
  width: clamp(0px, 2.4479166667vw, 47px);
  height: clamp(0px, 4.3229166667vw, 83px);
  background: url("../img/plan_ico_06.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: clamp(-80.69px, -4.2026041667vw, 0px);
}
@media (max-width: 767.98px) {
  .breakfast__title span::after {
    width: clamp(15px, 4vw, 50px);
    height: clamp(33px, 8.8vw, 83px);
    right: -14%;
  }
}

.breakfast__description {
  color: #12334c;
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 205%;
  letter-spacing: 1px;
}
@media (max-width: 767.98px) {
  .breakfast__description {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 200%; /* 32px */
  }
}

.breakfast__menu-container {
  margin-top: clamp(0px, 3.3854166667vw, 65px);
}
@media (max-width: 767.98px) {
  .breakfast__menu-container {
    margin-top: clamp(20px, 5.3333333333vw, 65px);
  }
}
.breakfast__menu-container.splide {
  width: clamp(0px, 67.0833333333vw, 1288px);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .breakfast__menu-container.splide {
    width: 100%;
  }
}
.breakfast__menu-container.splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.breakfast__menu-container.splide .splide__slide .breakfast__menu-item--pancake,
.breakfast__menu-container.splide .splide__slide .breakfast__menu-item--buffet {
  width: 100%;
}
.breakfast__menu-container.splide .splide__arrow {
  background-color: transparent;
  opacity: 1;
  transition: all 0.3s ease;
}
.breakfast__menu-container.splide .splide__arrow:hover {
  opacity: 0.7;
}
.breakfast__menu-container.splide .splide__arrow svg {
  fill: var(--color-white);
}

.breakfast__menu-item--pancake {
  width: clamp(0px, 67.0833333333vw, 1288px) !important;
  max-width: 1288px;
  margin-inline: auto;
  border-radius: clamp(0px, 0.4166666667vw, 8px);
  background: var(--color-white);
  padding-top: clamp(0px, 4.0625vw, 78px);
  padding-bottom: clamp(0px, 4.0625vw, 78px);
  padding-left: clamp(0px, 4.0625vw, 78px);
  padding-right: clamp(0px, 4.0625vw, 78px);
}
@media (max-width: 767.98px) {
  .breakfast__menu-item--pancake {
    width: 100% !important;
    border-radius: clamp(15px, 4vw, 65px);
    padding-top: clamp(30px, 8vw, 70px);
    padding-bottom: clamp(30px, 8vw, 70px);
    padding-left: clamp(13.5px, 3.6vw, 35px);
    padding-right: clamp(13.5px, 3.6vw, 35px);
  }
}

.breakfast__menu-item--buffet {
  width: clamp(0px, 67.0833333333vw, 1288px) !important;
  max-width: 1288px;
  margin-inline: auto;
  border-radius: clamp(0px, 0.4166666667vw, 8px);
  background: var(--color-white);
  padding-top: clamp(0px, 4.0625vw, 78px);
  padding-bottom: clamp(0px, 4.0625vw, 78px);
  padding-left: clamp(0px, 4.0625vw, 78px);
  padding-right: clamp(0px, 4.0625vw, 78px);
}
@media (max-width: 767.98px) {
  .breakfast__menu-item--buffet {
    width: 100% !important;
    border-radius: clamp(15px, 4vw, 65px);
    padding-top: clamp(30px, 8vw, 70px);
    padding-bottom: clamp(30px, 8vw, 70px);
    padding-left: clamp(13.5px, 3.6vw, 35px);
    padding-right: clamp(13.5px, 3.6vw, 35px);
  }
}

.breakfast__menu-item-img {
  border-radius: clamp(0px, 0.4166666667vw, 8px);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-img {
    border-radius: clamp(8px, 2.1333333333vw, 10px);
  }
}
.breakfast__menu-item-img img {
  display: block;
  width: 100%;
}

.breakfast__menu-item-content {
  margin-top: clamp(0px, 3.125vw, 60px);
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content {
    margin-top: clamp(32px, 8.5333333333vw, 32px);
  }
}

.breakfast__menu-item-content-text-box {
  width: 850px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, 1.7708333333vw, 34px);
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content-text-box {
    width: 100%;
    gap: clamp(15px, 4vw, 50px);
  }
}

.breakfast__menu-item-content-text-box-title {
  color: var(--black, #333);
  font-family: "M PLUS 1";
  font-size: clamp(20px, 1.25vw, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 170.833%; /* 170.833% */
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content-text-box-title {
    font-size: clamp(18px, 0.9375vw, 24px);
    line-height: 200%; /* 36px */
  }
}

.breakfast__menu-item-content-text-box-text {
  color: var(--black, #333);
  font-family: "Shippori Mincho";
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-weight: 500;
  line-height: 180%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  text-align: center;
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content-text-box-text {
    font-size: clamp(16px, 0.8333333333vw, 20px);
    line-height: 180%; /* 28.8px */
    letter-spacing: 1px;
    text-align: left;
  }
}

.breakfast__menu-item-content-link {
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  width: clamp(287px, 17.7604166667vw, 341px);
  height: clamp(60px, 3.28125vw, 63px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: #fff696;
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content-link {
    width: clamp(287px, 76.5333333333vw, 341px);
    height: clamp(50px, 13.3333333333vw, 63px);
    font-size: clamp(14px, 3.7333333333vw, 16px);
    border-radius: clamp(10px, 2.6666666667vw, 50px);
    line-height: 171.429%;
  }
}
.breakfast__menu-item-content-link::after {
  content: "";
  position: absolute;
  width: clamp(0px, 0.3993229167vw, 7.667px);
  height: clamp(0px, 0.6988541667vw, 13.418px);
  background: url(/common/img/breakfast_arrow.svg) no-repeat center center/contain;
  right: clamp(0px, 1.9442708333vw, 37.33px);
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 767.98px) {
  .breakfast__menu-item-content-link::after {
    width: clamp(7.667px, 2.0445333333vw, 16px);
    height: clamp(13.418px, 3.5781333333vw, 16px);
  }
}

.info {
  background: #63a8c2;
  padding-block: clamp(0px, 7.8125vw, 150px);
}
@media (max-width: 767.98px) {
  .info {
    padding-block: clamp(60px, 16vw, 150px);
  }
}

.info__inner {
  max-width: 1920px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 767.98px) {
  .info__inner {
    padding-inline: clamp(24px, 6.4vw, 60px);
  }
}

.info__deco {
  position: absolute;
}
.info__deco img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.info__deco.--first {
  width: clamp(0px, 7.8077083333vw, 149.908px);
  height: clamp(0px, 9.1226041667vw, 175.154px);
  top: 12%;
  left: 16%;
}
.info__deco.--second {
  width: clamp(0px, 16.8663020833vw, 323.833px);
  height: clamp(0px, 10.7427604167vw, 206.261px);
  top: 85%;
  right: 15%;
}

.info__title {
  text-align: center;
  margin-block-end: clamp(0px, 4.6875vw, 90px);
}
.info__title span {
  display: inline-block;
  color: var(--color-white);
  font-family: "M PLUS 1";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 600;
  line-height: 59%;
  letter-spacing: 1px;
  position: relative;
}
@media (max-width: 767.98px) {
  .info__title span {
    font-size: clamp(24px, 6.4vw, 64px);
    line-height: 157.333%;
  }
}
.info__title span::before {
  content: "";
  width: clamp(15px, 2.4479166667vw, 47px);
  height: clamp(33px, 4.3229166667vw, 83px);
  background: url("../img/plan_ico_07.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6%;
}
@media (max-width: 767.98px) {
  .info__title span::before {
    width: clamp(15px, 4vw, 47px);
    height: clamp(33px, 8.8vw, 83px);
    left: -11%;
  }
}
.info__title span::after {
  content: "";
  width: clamp(15px, 2.4479166667vw, 47px);
  height: clamp(33px, 4.3229166667vw, 83px);
  background: url("../img/plan_ico_08.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .info__title span::after {
    width: clamp(15px, 4vw, 47px);
    height: clamp(33px, 8.8vw, 83px);
    right: -11%;
  }
}

.info__content {
  width: clamp(0px, 55.2604166667vw, 1061px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: #fbfeff;
  padding: clamp(0px, 3.125vw, 60px);
  display: flex;
  flex-direction: column;
  row-gap: clamp(0px, 4.6875vw, 90px);
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .info__content {
    width: 100%;
    padding-block: clamp(20px, 5.3333333333vw, 50px);
    padding-inline: clamp(13.5px, 3.6vw, 50px);
    border-radius: clamp(0px, 2.6666666667vw, 50px);
  }
}

.info__description {
  display: flex;
  flex-direction: column;
  row-gap: clamp(0px, 1.0416666667vw, 20px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .info__description {
    row-gap: 20px;
  }
}

.info__description-title {
  color: var(--black, #333);
  font-family: "M PLUS 1";
  font-size: clamp(0px, 1.4583333333vw, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: 85.714%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  padding-block-end: clamp(0px, 0.5208333333vw, 10px);
}
@media (max-width: 767.98px) {
  .info__description-title {
    font-size: clamp(18px, 4.8vw, 28px);
    line-height: 133.333%;
  }
}

.info__description-text {
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: 205%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  font-weight: 500;
  padding-left: 2rem;
  text-indent: -2rem;
}
@media (max-width: 767.98px) {
  .info__description-text {
    font-size: clamp(14px, 4vw, 20px);
    line-height: 170%;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }
  .info__description-text.--no-indent {
    padding-left: 0;
    text-indent: 0;
  }
}

.about {
  padding-top: clamp(0px, 7.8125vw, 150px);
  padding-bottom: clamp(0px, 2.03125vw, 39px);
}
@media (max-width: 767.98px) {
  .about {
    padding-top: clamp(60px, 16vw, 150px);
    padding-bottom: clamp(60px, 16vw, 150px);
  }
}

@media (max-width: 767.98px) {
  .about__inner {
    padding-inline: clamp(24px, 6.4vw, 55px);
  }
}

.about__title {
  text-align: center;
  margin-block-end: clamp(0px, 2.8645833333vw, 55px);
}
@media (max-width: 767.98px) {
  .about__title {
    margin-block-end: clamp(20px, 5.3333333333vw, 55px);
  }
}
.about__title span {
  display: inline-block;
  color: #12334c;
  font-family: "M PLUS 1";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 600;
  line-height: 59%;
  letter-spacing: 1px;
  position: relative;
}
@media (max-width: 767.98px) {
  .about__title span {
    font-size: clamp(24px, 6.4vw, 70px);
    line-height: 157.333%;
  }
}
.about__title span::before {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_01.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6%;
}
@media (max-width: 767.98px) {
  .about__title span::before {
    width: clamp(15px, 4vw, 40px);
    height: clamp(33px, 8.8vw, 80px);
    left: -9%;
  }
}
.about__title span::after {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_02.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6%;
}
@media (max-width: 767.98px) {
  .about__title span::after {
    width: clamp(15px, 4vw, 40px);
    height: clamp(33px, 8.8vw, 80px);
    right: -9%;
  }
}

.about__description {
  color: var(--blueblack, #12334c);
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 205%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  margin-block-end: clamp(0px, 7.8125vw, 150px);
}
@media (max-width: 767.98px) {
  .about__description {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 200%; /* 32px */
  }
}

#about-image-slider .splide__slide {
  transition: transform 0.5s ease;
  transform: scale(0.73);
  transform-origin: center center;
}
@media (max-width: 767.98px) {
  #about-image-slider .splide__slide {
    transform: scale(1);
  }
}
#about-image-slider .splide__slide.is-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.about__image {
  border-radius: clamp(10px, 2.6666666667vw, 50px);
  aspect-ratio: 327/184;
  overflow: hidden;
}
.about__image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__link-wrapper {
  width: clamp(287px, 17.7083333333vw, 340px);
  height: clamp(60px, 3.28125vw, 63px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: #46a4c8;
  margin-inline: auto;
  margin-block-start: clamp(0px, 5.2604166667vw, 101px);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .about__link-wrapper {
    width: clamp(287px, 76.5333333333vw, 350px);
    height: clamp(60px, 16vw, 80px);
    font-size: clamp(15px, 4vw, 16px);
    margin-block-start: clamp(50px, 13.3333333333vw, 100px);
    border-radius: clamp(10px, 2.6666666667vw, 15px);
  }
}

.about__link {
  width: 100%;
  height: 100%;
  color: var(--color-white);
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
  display: grid;
  place-items: center;
}
@media (max-width: 767.98px) {
  .about__link {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 171.429%;
  }
}

.about-image__swiper-container,
.about-image__swiper,
.about-image__swiper-wrapper,
.about-image__swiper-slide {
  position: relative;
}

.about-image__swiper {
  padding-block: clamp(0px, 2.6041666667vw, 50px);
}

.about-image__swiper-slide {
  transition: all 0.3s ease;
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .about-image__swiper-slide {
    border-radius: clamp(10px, 2.6666666667vw, 15px);
  }
}
.about-image__swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-image__swiper-slide.swiper-slide-active {
  transform: scale(1.2);
  aspect-ratio: 1049/592;
}
@media (max-width: 767.98px) {
  .about-image__swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
}
.about-image__swiper-slide.swiper-slide-prev {
  transform: scale(0.73);
  aspect-ratio: 765/432;
}
@media (max-width: 767.98px) {
  .about-image__swiper-slide.swiper-slide-prev {
    transform: scale(1);
  }
}
.about-image__swiper-slide.swiper-slide-next {
  transform: scale(0.73);
  aspect-ratio: 765/432;
}
@media (max-width: 767.98px) {
  .about-image__swiper-slide.swiper-slide-next {
    transform: scale(1);
  }
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  padding: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
}

.swiper-button-prev,
.swiper-button-next {
  width: clamp(0px, 2.2916666667vw, 44px);
  height: clamp(0px, 2.2916666667vw, 44px);
  aspect-ratio: 1;
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 767.98px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: clamp(32px, 8.5333333333vw, 44px);
    height: clamp(32px, 8.5333333333vw, 44px);
  }
}
.swiper-button-prev img,
.swiper-button-next img {
  width: 100%;
  height: 100%;
}

.swiper-button-prev {
  left: 27%;
}
@media (max-width: 767.98px) {
  .swiper-button-prev {
    left: -5%;
  }
}

.swiper-button-next {
  right: 27%;
}
@media (max-width: 767.98px) {
  .swiper-button-next {
    right: -5%;
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 107%;
}

.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  opacity: 1;
  width: clamp(5px, 0.5208333333vw, 10px);
  height: clamp(5px, 0.5208333333vw, 10px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0.25;
  background: #333;
  margin-inline: clamp(4px, 0.4166666667vw, 8px);
}
@media (max-width: 767.98px) {
  .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: clamp(5px, 2.6666666667vw, 10px);
    height: clamp(5px, 2.6666666667vw, 10px);
    margin-inline: clamp(4px, 2.1333333333vw, 8px);
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
  opacity: 1;
}

.access {
  padding-top: clamp(0px, 7.8125vw, 150px);
  padding-bottom: clamp(0px, 7.8125vw, 150px);
}
@media (max-width: 767.98px) {
  .access {
    padding-top: clamp(60px, 16vw, 150px);
    padding-bottom: clamp(60px, 16vw, 150px);
  }
}

@media (max-width: 767.98px) {
  .access__inner {
    padding-inline: clamp(18px, 4.8vw, 150px);
  }
}

.access__title {
  margin-block-end: clamp(0px, 2.8645833333vw, 55px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767.98px) {
  .access__title {
    margin-block-end: clamp(20px, 5.3333333333vw, 150px);
  }
}
.access__title span {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  color: #12334c;
  font-family: "M PLUS 1";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 600;
  line-height: 127%;
  letter-spacing: 1px;
  position: relative;
}
@media (max-width: 767.98px) {
  .access__title span {
    font-size: clamp(24px, 6.4vw, 64px);
    line-height: 127%;
  }
}
.access__title span:nth-child(2) {
  text-align: center;
}
.access__title span:nth-child(2)::before {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_01.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6%;
}
@media (max-width: 767.98px) {
  .access__title span:nth-child(2)::before {
    width: clamp(15px, 4vw, 50px);
    height: clamp(33px, 8.8vw, 100px);
    top: 26%;
    left: -8%;
  }
}
.access__title span:nth-child(2)::after {
  content: "";
  width: clamp(0px, 2.0113020833vw, 38.617px);
  height: clamp(0px, 4.2799479167vw, 82.175px);
  background: url("../img/plan_ico_02.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6%;
}
@media (max-width: 767.98px) {
  .access__title span:nth-child(2)::after {
    width: clamp(15px, 4vw, 50px);
    height: clamp(33px, 8.8vw, 100px);
    top: 26%;
    right: -8%;
  }
}

.access__description {
  color: #12334c;
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 205%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .access__description {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 200%; /* 32px */
    padding-inline: clamp(6px, 1.6vw, 20px);
    font-weight: 600;
  }
}

.access__map-image {
  width: clamp(0px, 78.125vw, 1500px);
  aspect-ratio: 1500/831;
  margin-inline: auto;
  margin-block-start: clamp(0px, 5.6770833333vw, 109px);
}
@media (max-width: 767.98px) {
  .access__map-image {
    margin-block-start: clamp(34px, 9.0666666667vw, 109px);
    width: 100%;
  }
}
.access__map-image img {
  width: 100%;
  height: auto;
}

.footer {
  background: #4b9da6;
  padding-block-start: clamp(0px, 3.125vw, 60px);
}
@media (max-width: 767.98px) {
  .footer {
    padding-block-start: clamp(60px, 16vw, 150px);
  }
}

.footer__logos {
  display: flex;
  flex-direction: row;
  -moz-column-gap: clamp(0px, 2.6041666667vw, 50px);
       column-gap: clamp(0px, 2.6041666667vw, 50px);
  align-items: center;
  justify-content: center;
  margin-block-end: clamp(0px, 1.25vw, 24px);
}
@media (max-width: 767.98px) {
  .footer__logos {
    flex-direction: column;
    row-gap: clamp(20px, 5.3333333333vw, 70px);
    margin-block-end: clamp(24px, 6.4vw, 70px);
  }
}

.footer__logo-image.--moomin {
  width: clamp(0px, 5.5959375vw, 107.442px);
  height: auto;
  aspect-ratio: 33/43;
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .footer__logo-image.--moomin {
    width: clamp(65px, 17.3333333333vw, 200px);
    border-radius: clamp(10px, 2.6666666667vw, 15px);
  }
}
.footer__logo-image.--prince {
  width: clamp(0px, 10.4166666667vw, 200px);
  height: auto;
}
@media (max-width: 767.98px) {
  .footer__logo-image.--prince {
    width: clamp(111px, 29.6vw, 200px);
  }
}
.footer__logo-image img {
  width: 100%;
  height: auto;
}
.footer__logo-image svg {
  width: 100%;
  height: auto;
}

.footer__infos {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__hotel-name {
  color: var(--color-white);
  font-family: "Noto Sans JP";
  font-size: clamp(16px, 0.9375vw, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 227.778%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
}
@media (max-width: 767.98px) {
  .footer__hotel-name {
    font-size: clamp(16px, 4.2666666667vw, 18px);
    line-height: 256.25%;
  }
}

.footer__address {
  color: var(--color-white);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 187.5%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  margin-block-end: clamp(0px, 1.25vw, 24px);
}
@media (max-width: 767.98px) {
  .footer__address {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 214.286%;
    margin-block-end: clamp(24px, 6.4vw, 50px);
  }
}

.footer__contact-banner {
  width: clamp(0px, 14.1666666667vw, 272px);
  height: clamp(0px, 1.875vw, 36px);
  border-radius: clamp(0px, 0.5208333333vw, 10px);
  background: var(--color-white);
  margin-block-end: clamp(0px, 0.8854166667vw, 17px);
  position: relative;
  display: block;
  display: grid;
  place-items: center;
}
@media (max-width: 767.98px) {
  .footer__contact-banner {
    width: clamp(251px, 66.9333333333vw, 400px);
    height: clamp(36px, 9.6vw, 100px);
    border-radius: clamp(10px, 2.6666666667vw, 50px);
    margin-block-end: clamp(17px, 4.5333333333vw, 50px);
  }
}
.footer__contact-banner span {
  color: #21537f;
  font-family: "Noto Sans JP";
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  padding-left: clamp(0px, 0.2604166667vw, 5px);
}
@media (max-width: 767.98px) {
  .footer__contact-banner span {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 171.429%; /* 171.429% */
    padding-left: clamp(10px, 2.6666666667vw, 50px);
  }
}
.footer__contact-banner span::before {
  content: "";
  position: absolute;
  background: url(../img/footer_icon_phone.svg) no-repeat center center/contain;
  width: clamp(0px, 1.1979166667vw, 23px);
  height: clamp(0px, 1.1979166667vw, 23px);
  left: clamp(0px, 0.7291666667vw, 14px);
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 767.98px) {
  .footer__contact-banner span::before {
    width: clamp(23px, 6.1333333333vw, 30px);
    height: clamp(23px, 6.1333333333vw, 30px);
    left: 8%;
  }
}

.footer__contact-tel {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(0px, 1.875vw, 36px);
  font-style: normal;
  font-weight: 350;
  line-height: 83.333%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -moz-column-gap: clamp(0px, 0.5208333333vw, 10px);
       column-gap: clamp(0px, 0.5208333333vw, 10px);
  margin-block-end: clamp(0px, 0.5208333333vw, 10px);
}
.footer__contact-tel a {
  color: #fff;
}
@media (max-width: 767.98px) {
  .footer__contact-tel {
    font-size: clamp(26px, 6.9333333333vw, 36px);
    line-height: 115.385%;
    -moz-column-gap: clamp(10px, 2.6666666667vw, 20px);
         column-gap: clamp(10px, 2.6666666667vw, 20px);
    margin-block-end: clamp(10px, 2.6666666667vw, 30px);
  }
}
.footer__contact-tel::before {
  content: "TEL";
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .footer__contact-tel::before {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}

.footer__contact-hours {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 187.5%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  margin-block-end: clamp(0px, 1.6666666667vw, 32px);
}
@media (max-width: 767.98px) {
  .footer__contact-hours {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 214.286%; /* 214.286% */
    letter-spacing: 1px;
    margin-block-end: clamp(32px, 8.5333333333vw, 50px);
  }
}

.footer__sns {
  display: flex;
  flex-direction: row;
  -moz-column-gap: clamp(0px, 0.8333333333vw, 16px);
       column-gap: clamp(0px, 0.8333333333vw, 16px);
}
@media (max-width: 767.98px) {
  .footer__sns {
    -moz-column-gap: clamp(16px, 4.2666666667vw, 30px);
         column-gap: clamp(16px, 4.2666666667vw, 30px);
  }
}

.footer__sns-item {
  width: clamp(0px, 2.6041666667vw, 50px);
  height: clamp(0px, 2.65625vw, 51px);
}
@media (max-width: 767.98px) {
  .footer__sns-item {
    width: clamp(50px, 13.3333333333vw, 100px);
    height: clamp(51px, 13.6vw, 100px);
  }
}
.footer__sns-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer__sns-item.--line {
  background: url(../img/sns_icon_line.svg) no-repeat center center/contain;
}
.footer__sns-item.--insta {
  background: url(../img/sns_icon_insta.svg) no-repeat center center/contain;
}
.footer__sns-item.--facebook {
  background: url(../img/sns_icon_facebook.svg) no-repeat center center/contain;
}

.footer__company-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-block: 32px;
}
@media (max-width: 767.98px) {
  .footer__company-wrapper {
    flex-direction: column;
    gap: 16px;
    margin-block: 16px;
  }
}

.footer__company {
  color: var(--color-white);
  font-family: "Noto Sans JP";
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 187.5%;
  letter-spacing: clamp(0px, 0.0520833333vw, 1px);
  padding-inline: clamp(16px, 1.25vw, 24px);
  border-right: 0.5px solid #fff;
  border-left: 0.5px solid #fff;
}
@media (max-width: 767.98px) {
  .footer__company {
    font-size: clamp(14px, 3.7333333333vw, 16px);
    line-height: 214.286%; /* 214.286% */
  }
}

.copyright__wrapper {
  text-align: center;
  background: var(--color-white);
  padding-block: clamp(0px, 0.4166666667vw, 8px);
}
@media (max-width: 767.98px) {
  .copyright__wrapper {
    padding-block: clamp(8px, 2.1333333333vw, 15px);
  }
}

.copyright {
  color: #333;
  font-family: "Noto Serif JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: clamp(0px, 0.0833333333vw, 1.6px);
}
@media (max-width: 767.98px) {
  .copyright {
    font-size: clamp(10px, 2.6666666667vw, 12px);
    line-height: 1.8;
    letter-spacing: 1.6px;
  }
}

.c-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
  background: transparent;
  border: none;
}

.c-to-top.js-show {
  opacity: 1;
  visibility: visible;
}/*# sourceMappingURL=style.css.map */