@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
.p-contact_intro__title, .p-contact_activity__title, .p-cottage_intro__copy, .p-cottage_area__title .title, .p-cottage-single_kv__area, .p-cottage-single_kv__title, .p-cottage-single_reserve__title, .p-cottage-single_other__title, .p-activity_kv__title, .p-activity_main-point__card__title, .p-eat_glamping__title, .p-eat_delivery__title, .c-eat-title-primary, .c-eat-title-border, .c-eat-table-primary > div > dt, .c-eat-table-secondary > div > dt .text, .c-eat-contact__title, .p-enjoy_kv__title, .p-enjoy_kv__en, .p-news-single__title, .p-playbook-cat_kv__title, .p-index_kv__copy, .p-index_intro__copy, .p-index_enjoy__title, .p-index_enjoy-anchor__title, .p-index_enjoy-cat__title, .p-index_enjoy-link-card__title, .c-contact-box-primary__title, .c-contact-box-secondary__title, .c-activity-anchor__title, .c-activity-link-card__title, .c-playbook-card__title, .c-topics-link-card__title, .c-cottage-link-card__title, .c-news-search-table dl dt, .c-lower-kv__title, .c-drawer-enjoy-link__title, .c-section-title-primary, .c-section-title-secondary, .c-section-title-tertiary, .c-block-title-primary, .c-block-title-secondary, .c-title01, .c-faq__title, .l-footer__menu-item .page, .l-header-mega__title, .l-header-enjoy-link__title, .c-post > h2,
.c-post > h3,
.c-post > h4,
.c-post > h5 {
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.c-title-xl, .c-title-l, .c-title-s, .c-title-xxs {
  font-weight: 900;
  line-height: 1.7;
}

.c-drawer-button, .c-button-primary, .c-button-tertiary, .c-text-button {
  line-height: 1.5;
}
.-center.c-drawer-button, .-center.c-button-primary, .-center.c-button-tertiary, .-center.c-text-button {
  margin-inline: auto;
}
@media only screen and (max-width: 1023px) {
  .-center-tab.c-drawer-button, .-center-tab.c-button-primary, .-center-tab.c-button-tertiary, .-center-tab.c-text-button {
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .-center-sp.c-drawer-button, .-center-sp.c-button-primary, .-center-sp.c-button-tertiary, .-center-sp.c-text-button {
    margin-inline: auto;
  }
}
.-left.c-drawer-button, .-left.c-button-primary, .-left.c-button-tertiary, .-left.c-text-button {
  margin-inline-end: auto;
}
.-right.c-drawer-button, .-right.c-button-primary, .-right.c-button-tertiary, .-right.c-text-button {
  margin-inline-start: auto;
}

.c-form__label::before, .c-form__privacy .wpcf7-list-item::after {
  content: "任意";
  font-size: min(0.0816326531vw + 0.6683673469rem, 0.75rem);
  line-height: 1;
  color: #fff;
  border-radius: 999px;
  padding: 0.4em 0.6em;
  background-color: #111111;
  display: block;
  align-self: center;
  flex-shrink: 0;
}

.c-form__label.-required::before, .c-form__privacy .wpcf7-list-item::after {
  content: "必須";
  background-color: #f00;
}

.c-post > *:first-child {
  margin-top: 0;
}
.c-post > *:last-child {
  margin-bottom: 0;
}
.c-post > p {
  margin-bottom: 1.5em;
}
.c-post > p a {
  text-decoration: underline;
  color: var(--color-main);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-post > p a:hover {
    text-decoration: none;
  }
}
.c-post > p b {
  font-weight: 700;
}
.c-post > p strong {
  color: var(--color-main);
  font-weight: 700;
}
.c-post > h2,
.c-post > h3,
.c-post > h4,
.c-post > h5 {
  margin-top: 4em;
  margin-bottom: 1em;
}
.c-post > h2 + h2,
.c-post > h2 + h3,
.c-post > h2 + h4,
.c-post > h2 + h5,
.c-post > h3 + h2,
.c-post > h3 + h3,
.c-post > h3 + h4,
.c-post > h3 + h5,
.c-post > h4 + h2,
.c-post > h4 + h3,
.c-post > h4 + h4,
.c-post > h4 + h5,
.c-post > h5 + h2,
.c-post > h5 + h3,
.c-post > h5 + h4,
.c-post > h5 + h5 {
  margin-top: 2em;
}
.c-post > h2 {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  position: relative;
  padding-left: 1em;
}
.c-post > h2::before {
  content: "";
  border-left: min(0.1632653061vw + 1.387755102px, 4px) solid var(--color-main);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.c-post > h3 {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  font-weight: 900;
  color: var(--color-main);
}
.c-post > ul:not([class]),
.c-post > ol:not([class]) {
  margin-block: min(2.4489795918vw + 20.8163265306px, 60px);
  display: grid;
  gap: 0.5em;
}
.c-post > ul:not([class]) li {
  padding-left: 1.2em;
  position: relative;
}
.c-post > ul:not([class]) li::before {
  content: "";
  width: 0.3125em;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  top: 0.75em;
  left: 0;
  background-color: var(--color-main);
}
.c-post > ol:not([class]) {
  counter-reset: number;
}
.c-post > ol:not([class]) li {
  counter-increment: number;
  padding-left: 2.5em;
  position: relative;
}
.c-post > ol:not([class]) li::before {
  content: counter(number, decimal-leading-zero) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-main);
}

@keyframes textAnimation {
  0% {
    opacity: 0;
    translate: 0 20px;
  }
  40% {
    opacity: 1;
    translate: 0 -6px;
  }
  70% {
    opacity: 1;
    translate: 0 3px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes vertical-animation {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
/***
    The new CSS reset - version 1.11.2 (last updated 15.11.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Fix mobile Safari increase font-size on landscape mode */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu,
summary {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input,
textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
  box-sizing: border-box;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}

:root {
  --color-green-120: #008a3b;
  --color-green-100: #00a145;
  --color-green-10: #eff8f3;
  --color-beige-100: #fcfaf3;
  --color-beige-120: #dad2b8;
  --color-black: #171717;
  --color-black-60: #676b6c;
  --color-black-50: #8a8a8a;
  --color-black-40: #8e9191;
  --color-black-30: #dadada;
  --color-gray-10: #f7f7f7;
  --color-gray-30: #f3f3f3;
  --color-gray-50: #ededed;
  --color-white: #fff;
  --color-main: var(--color-green-100);
  --color-font: #111111;
  --color-play-100: #2d8ad5;
  --color-play-50: #eaf4ff;
  --color-play-10: #f0f7ff;
  --color-interact: #2cc7c7;
  --color-interact-50: #def3f4;
  --color-interact-10: #f5fcfc;
  --color-eat: #f27f0d;
  --color-eat-50: #ffeac7;
  --color-eat-10: #fff2de;
  --color-stay: #00815f;
  --color-stay-50: #e4f2e5;
  --color-stay-10: #f3fcf4;
  --color-experience-100: #7ec027;
  --color-experience-50: #e3f6cb;
  --color-experience-10: #f0fada;
  --color-reservations: #d44646;
  --wave-height: min(7.3469387755vw + 62.4489795918px, 180px);
}

* {
  min-inline-size: 0;
}

body {
  background-color: #fff;
  color: var(--color-font);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", "YuGothic", "游ゴシック体", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  text-indent: min(0vw + 0rem, 0rem);
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 500;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

#page {
  position: relative;
  overflow: clip;
  padding-top: var(--header-height, 0);
}
#page:has(.p-index), #page:has(.p-enjoy) {
  padding-top: 0;
}

figure,
picture {
  display: block;
}

img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  min-height: 1px;
  object-fit: cover;
}
img.-t {
  object-position: center top;
}
img.-tl {
  object-position: left top;
}
img.-tr {
  object-position: right top;
}
img.-r {
  object-position: right center;
}
img.-b {
  object-position: center bottom;
}
img.-bl {
  object-position: left bottom;
}
img.-br {
  object-position: right bottom;
}
img.-l {
  object-position: left center;
}

.js-svg {
  width: 1em;
  height: 1em;
}
img.js-svg {
  opacity: 0;
}

svg.js-svg {
  opacity: 1;
}

svg {
  overflow: hidden;
}

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}

th,
td {
  border: 1px solid #ccc;
  vertical-align: top;
}

/*----------------------------------------------------
	form要素
--------------------------------------------------- */
input,
textarea {
  padding: 5px 7px;
  border-radius: 2px;
  margin: 0;
  border: none;
  background-color: #fff;
  border: 1px solid #a7a6aa;
}

input[type=text],
textarea {
  outline: none;
  border: 1px solid #aaa;
  transition: all 0.3s ease;
}

input[type=text]:focus,
textarea:focus {
  box-shadow: 0 0 7px #5bc2dc;
  border: 1px solid #5bc2dc;
}

.l-header {
  width: 100%;
  background-color: var(--color-white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-property: opacity, transform, background-color;
  transition-duration: 0.5s, 0.5s, 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-header-hidden .l-header {
  transition-duration: 0s;
  opacity: 0;
  transform: translate3d(0, -50%, 0);
}
.is-drawer-open .l-header {
  background-color: transparent;
}
.is-drawer-open .l-header .l-header__logo, .is-drawer-open .l-header .l-header__menu-area {
  opacity: 0;
  visibility: hidden;
}
.l-header__news {
  background-color: #ffea8b;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1299px) {
  .l-header__news {
    display: none;
  }
}
.l-header__main {
  display: flex;
  align-items: center;
  padding-block: 10px;
  padding-left: min(1.2244897959vw + 10.4081632653px, 30px);
}
.l-header__logo {
  margin-right: auto;
  width: min(1.6326530612vw + 73.8775510204px, 100px);
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-header__logo a {
  display: block;
}
.l-header__menu-area {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px 0;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1299px) {
  .l-header__menu-area {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.l-header__sub-menu {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  font-weight: 700;
  grid-column: 1/-1;
  justify-self: end;
  display: flex;
  align-items: center;
  margin-inline: -1em;
}
@media only screen and (max-width: 1299px) {
  .l-header__sub-menu {
    display: none;
  }
}
.l-header__sub-menu a {
  padding-inline: 1em;
  position: relative;
}
.l-header__sub-menu a .hover-elm, .l-header__sub-menu a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header__sub-menu a:hover .hover-elm, .l-header__sub-menu a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.l-header__sub-menu a + a::before {
  content: "";
  border-left: 1px solid #cdcdcd;
  position: absolute;
  top: 0.5em;
  bottom: 0.5em;
  left: 0;
}
.l-header__sns {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  line-height: 1;
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 1em;
  margin-left: min(1.2244897959vw + 10.4081632653px, 30px);
}
.l-header__menu {
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  grid-column: 1;
  grid-row: 2;
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-inline: -1em;
}
@media only screen and (max-width: 1299px) {
  .l-header__menu {
    display: none;
  }
}
.l-header__menu .page {
  padding-inline: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.l-header__menu .page .hover-elm, .l-header__menu .page.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header__menu .page:hover .hover-elm, .l-header__menu .page:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.l-header__menu .page .icon {
  font-size: 2.8125em;
}
.l-header__weather {
  grid-column: 2;
  grid-row: 2;
  margin-left: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1299px) {
  .l-header__weather {
    grid-column: initial;
    grid-row: initial;
  }
}

.l-header-news {
  font-size: min(0.1632653061vw + 0.5867346939rem, 0.75rem);
}
.l-header-news a {
  height: 4.1666666667em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.l-header-news a .hover-elm, .l-header-news a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header-news a:hover .hover-elm, .l-header-news a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.l-header-news__cats {
  font-size: 0.625rem;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
.l-header-news__cats .cat {
  background-color: var(--color-white);
  border-radius: calc(infinity * 1px);
  padding: 0.2em 1em 0.3em;
}
.l-header-news__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.l-header-hamburger {
  align-self: end;
  font-size: min(2.4489795918vw + 2.5510204082rem, 5rem);
  height: 1em;
  aspect-ratio: 96/80;
  background-color: var(--color-main);
  color: var(--color-white);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px) 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-bottom: -10px;
  margin-left: min(2.0408163265vw + 12.3469387755px, 45px);
  padding-top: 0.1em;
}
@media only screen and (max-width: 1299px) {
  .l-header-hamburger {
    aspect-ratio: 1;
    align-self: center;
    margin-bottom: 0;
    margin-right: 10px;
    border-radius: 10px;
  }
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header-hamburger:hover .bar::after {
    width: 50%;
  }
}
.l-header-hamburger .bar {
  font-size: 0.4em;
  width: 1em;
  aspect-ratio: 32/20;
  position: relative;
}
.l-header-hamburger .bar span, .l-header-hamburger .bar::before, .l-header-hamburger .bar::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-header-hamburger .bar span {
  top: 50%;
  translate: 0 -50%;
}
.is-drawer-open .l-header-hamburger .bar span {
  opacity: 0;
}
.l-header-hamburger .bar::before, .l-header-hamburger .bar::after {
  content: "";
}
.l-header-hamburger .bar::before {
  top: 0;
}
.is-drawer-open .l-header-hamburger .bar::before {
  rotate: 35deg;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.l-header-hamburger .bar::after {
  bottom: 0;
}
.is-drawer-open .l-header-hamburger .bar::after {
  rotate: -35deg;
  bottom: 50%;
  transform: translate3d(0, 50%, 0);
  width: 100% !important;
}
.l-header-hamburger .text {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 0.1625em;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 0.8em;
}
.l-header-hamburger .text::before {
  content: "Menu";
}

.l-header-mega {
  width: 100%;
  padding-top: min(0.8163265306vw + 16.9387755102px, 30px);
}
.l-header-mega__content {
  background-color: var(--color-white);
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
  max-width: 1340px;
  margin-inline: auto;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}
.l-header-mega__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  font-weight: 900;
  color: var(--color-main);
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 2px solid var(--color-gray-50);
}
.l-header-mega__menu {
  line-height: 1.5;
  font-weight: 700;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 1.5em;
}
@media only screen and (max-width: 1299px) {
  .l-header-mega__menu {
    grid-template-columns: repeat(3, 1fr);
  }
}
.l-header-mega__menu a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1em;
  border-bottom: 1px solid rgba(210, 210, 210, 0.5);
  min-height: 5em;
}
.l-header-mega__menu a .hover-elm, .l-header-mega__menu a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header-mega__menu a:hover .hover-elm, .l-header-mega__menu a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.l-header-mega__menu .c-arrow {
  font-size: 2em;
  margin-left: auto;
}

.l-header-enjoy-link {
  color: var(--enjoy-color-100, var(--color-main));
}
.-play .l-header-enjoy-link, .l-header-enjoy-link.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .l-header-enjoy-link, .l-header-enjoy-link.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .l-header-enjoy-link, .l-header-enjoy-link.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .l-header-enjoy-link, .l-header-enjoy-link.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .l-header-enjoy-link, .l-header-enjoy-link.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
.l-header-enjoy-link a {
  display: block;
}
.l-header-enjoy-link a .hover-elm, .l-header-enjoy-link a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-header-enjoy-link a:hover .hover-elm, .l-header-enjoy-link a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.l-header-enjoy-link__img {
  overflow: hidden;
  position: relative;
  border-radius: min(0.4081632653vw + 8.4693877551px, 15px);
}
.l-header-enjoy-link__img > img,
.l-header-enjoy-link__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .l-header-enjoy-link__img > img,
  a:hover .l-header-enjoy-link__img > video, .js-modal-trg:hover .l-header-enjoy-link__img > img,
  .js-modal-trg:hover .l-header-enjoy-link__img > video, .js-download-button:hover .l-header-enjoy-link__img > img,
  .js-download-button:hover .l-header-enjoy-link__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.l-header-enjoy-link__img .c-arrow-mount {
  font-size: min(0.8163265306vw + 1.6836734694rem, 2.5rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.l-header-enjoy-link__img .c-arrow-mount .c-arrow {
  --bg-color: var(--enjoy-color-100, var(--color-main));
}
.l-header-enjoy-link__title {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.l-header-enjoy-link__children {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  line-height: 1.5;
  display: grid;
  gap: 0.5em;
}
.l-header-enjoy-link__children a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.l-header-enjoy-link__children a .icon {
  font-size: 0.7142857143em;
}
.l-header-enjoy-links {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}

.l-header-weather {
  font-size: min(0.4081632653vw + 0.5918367347rem, 1rem);
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  padding: 0.5em 1em;
}
.l-header-weather__head {
  font-size: 0.875em;
  font-weight: 700;
  border-right: 1px solid #cdcdcd;
  padding-right: 1em;
}
.l-header-weather__body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-header-weather__icon {
  font-size: 1.25em;
  display: flex;
  place-content: center;
  padding: 0 0.5em;
}
.l-header-weather__icon svg,
.l-header-weather__icon img {
  width: auto;
  height: 1em;
}
.l-header-weather__temp {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.l-footer-sticky {
  position: relative;
  display: grid;
}
.l-footer-sticky::after {
  content: "";
  grid-column: 1;
  grid-row: 1/3;
  position: relative;
  z-index: 1;
  backdrop-filter: blur(calc((1 - var(--scene-head1, 0)) * 20px));
  transition-property: backdrop-filter;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
  .l-footer-sticky::after {
    display: none;
  }
}
.l-footer-sticky__head {
  grid-column: 1;
  grid-row: 1/2;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 0;
}
.l-footer-sticky__body {
  grid-column: 1;
  grid-row: 2/3;
  position: relative;
  z-index: 2;
}

.l-footer {
  width: 100%;
  position: relative;
  z-index: 0;
}
.l-footer .c-sine-wave {
  position: absolute;
  top: -1px;
  inset-inline: calc(50% - 50vw);
  scale: 1 -1;
  z-index: 10;
}
.l-footer__hero {
  width: 100%;
  height: 100%;
  clip-path: inset(0);
}
.l-footer__hero img {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}
.l-footer__main {
  position: relative;
  z-index: 1;
  color: var(--color-white);
  margin-top: max(-4.8979591837vw + -41.6326530612px, -120px);
  padding-bottom: min(11.1020408163vw + -7.6326530612px, 170px);
}
.l-footer__main::before {
  content: "";
  background-color: var(--color-main);
  mask-image: url(../../img/common/parts/mask_ellipse.svg);
  mask-repeat: repeat-y;
  mask-position: top center;
  mask-size: cover;
  position: absolute;
  top: min(9.7959183673vw + 83.2653061224px, 240px);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.l-footer__access {
  color: var(--color-font);
  margin-bottom: min(5.306122449vw + 45.1020408163px, 130px);
}
.l-footer__menu-area {
  display: flex;
  justify-content: space-between;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .l-footer__menu-area {
    flex-direction: column;
    align-items: center;
    gap: min(1.6326530612vw + 23.8775510204px, 50px);
  }
}
.l-footer__menu {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: min(1.6326530612vw + 23.8775510204px, 50px) min(2.0408163265vw + 17.3469387755px, 50px);
}
@media only screen and (max-width: 767px) {
  .l-footer__menu {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 0;
  }
}
.l-footer__menu-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.4081632653vw + 8.4693877551px, 15px) min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 767px) {
  .l-footer__menu-group {
    grid-template-columns: 1fr;
  }
}
.l-footer__menu-group .js-accordion-wrapper {
  display: contents;
}
@media only screen and (max-width: 767px) {
  .l-footer__menu-group .js-accordion-wrapper {
    display: block;
  }
}
.l-footer__menu-group__sp-inner {
  display: contents;
  padding-block-end: 1em;
}
@media only screen and (max-width: 767px) {
  .l-footer__menu-group__sp-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(0.4081632653vw + 8.4693877551px, 15px) min(1.6326530612vw + 13.8775510204px, 40px);
    width: 100%;
  }
}
.l-footer__menu-item.-wide {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .l-footer__menu-item.-wide {
    grid-column: span 1;
  }
}
.l-footer__menu-item .toggle {
  margin-left: auto;
  width: 2em;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  display: none;
  place-items: center;
  font-size: 0.5rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .l-footer__menu-item .toggle {
    display: grid;
  }
}
.l-footer__menu-item .toggle::before, .l-footer__menu-item .toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1em;
  height: 1px;
  background-color: var(--color-main);
}
.l-footer__menu-item .toggle::after {
  rotate: 90deg;
}
.is-open .l-footer__menu-item .toggle::after {
  rotate: 0deg;
}
.l-footer__menu-item > a .text {
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-footer__menu-item > a:hover .text {
    transform: translate3d(0.5em, 0, 0);
  }
}
.l-footer__menu-item .page {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  display: flex;
  align-items: center;
  gap: 1em;
  padding-bottom: 0.8em;
  position: relative;
  border-bottom: 1px solid;
}
.l-footer__menu-item .page:has(+ .children) {
  margin-bottom: 1em;
}
.l-footer__menu-item .page .icon {
  margin-left: auto;
  width: 2em;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  display: grid;
  place-items: center;
  color: var(--color-main);
  font-size: 0.5rem;
}
.-enjoy .l-footer__menu-item .page .icon {
  background-color: transparent;
  color: var(--color-white);
}
.l-footer__menu-item .children {
  line-height: 1.5;
  display: grid;
  justify-content: start;
  margin-block: -0.5em;
}
.l-footer__menu-item .children a {
  padding-block: 0.5em;
}
.l-footer__menu-item .children a .hover-elm, .l-footer__menu-item .children a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-footer__menu-item .children a:hover .hover-elm, .l-footer__menu-item .children a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer__obj {
    margin-block-start: min(1.6326530612vw + 43.8775510204px, 70px);
    width: min(6.9387755102vw + 88.9795918367px, 200px);
    margin-inline: auto;
  }
}
.l-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .l-footer__bottom {
    margin-block-start: min(1.6326530612vw + 23.8775510204px, 50px);
    flex-direction: column;
    align-items: center;
  }
}
.l-footer__sns {
  margin-block-start: auto;
  font-size: 1.875rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
  margin-bottom: 10px;
  justify-self: center;
}
.l-footer__sns a {
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  position: relative;
  display: grid;
  place-items: center;
  overflow: clip;
  z-index: 1;
}
.l-footer__sns a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-white);
  opacity: 0.2;
  z-index: -1;
}
.l-footer__sns a .c-icon {
  font-size: 1.5rem;
}
.l-footer__logo {
  width: min(4.4081632653vw + 183.4693877551px, 254px);
}
@media only screen and (max-width: 1023px) {
  .l-footer__logo {
    order: -1;
    justify-self: center;
  }
}
.l-footer__logo a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .l-footer__copyright-area {
    display: contents;
  }
}
.l-footer__copyright {
  font-size: min(0.1632653061vw + 0.5867346939rem, 0.75rem);
  opacity: 0.7;
}
@media only screen and (max-width: 1023px) {
  .l-footer__copyright {
    margin-block-start: min(1.6326530612vw + 43.8775510204px, 70px);
    order: 1;
  }
}
.l-footer__bottom-links {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 1em;
}
.l-footer__bottom-links a .hover-elm, .l-footer__bottom-links a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .l-footer__bottom-links a:hover .hover-elm, .l-footer__bottom-links a:hover.hover-elm {
    background-size: 100% 1px;
  }
}

.l-footer-access {
  display: grid;
  grid-template-columns: 510fr 570fr;
  gap: min(1.6326530612vw + 23.8775510204px, 50px);
  background-color: var(--color-beige-100);
  padding: min(4.8979591837vw + 11.6326530612px, 90px) min(3.2653061224vw + 17.7551020408px, 70px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .l-footer-access {
    grid-template-columns: 1fr;
  }
}
.l-footer-access__map {
  aspect-ratio: 566/467;
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  border: 3px solid var(--color-main);
  overflow: hidden;
}
.l-footer-access__map iframe {
  width: 100%;
  height: 100%;
}
.l-footer-access__head {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 20px;
}
.l-footer-access .c-section-title-primary {
  margin-bottom: 0;
}
.l-footer-access .c-button-tertiary {
  margin-left: auto;
}
.l-footer-access__address {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 2em;
  text-decoration: underline;
  position: relative;
  padding-left: 1.5em;
}
.l-footer-access__address::before {
  content: "";
  font-size: 1.1428571429em;
  mask-image: url(../../img/common/ico/map-marker-alt-solid.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--color-main);
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1em;
  aspect-ratio: 1;
}
.l-footer-access__table {
  color: var(--color-main);
  font-weight: 700;
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: min(0.8163265306vw + 16.9387755102px, 30px);
  margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
}
.l-footer-access__table dl {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-block: 1em;
}
.l-footer-access__table dl:first-of-type {
  margin-top: -1em;
}
.l-footer-access__table dl::after {
  content: "";
  background-image: linear-gradient(to right, var(--color-main), var(--color-main) 3px, transparent 3px, transparent 8px);
  background-size: 8px 2px;
  background-repeat: repeat-x;
  background-position: center;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.l-footer-access__table dl dt {
  position: relative;
  padding-left: 1.5em;
}
.l-footer-access__table dl dt::before {
  content: "";
  font-size: 1.375em;
  mask-image: url(../../img/common/ico/car-solid.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--color-main);
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1em;
  aspect-ratio: 1;
}
.l-footer-access__table dl.-bus dt::before {
  mask-image: url(../../img/common/ico/bus-solid.svg);
}

.c-text01 {
  font-size: min(0.1632653061vw + 0.5867346939rem, 0.75rem);
}
.c-text02 {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
}
.c-text03, .c-text-base {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
}
.c-text04 {
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
}
.c-text05 {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
}
.c-text06 {
  font-size: min(0.3265306122vw + 1.0484693878rem, 1.375rem);
}
.c-text07 {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
}
.c-text08 {
  font-size: min(0.4897959184vw + 1.1352040816rem, 1.625rem);
}
.c-text09 {
  font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
}
.c-text10 {
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
}
.c-text11 {
  font-size: min(0.8163265306vw + 1.1836734694rem, 2rem);
}
.c-text12 {
  font-size: min(0.9795918367vw + 1.1454081633rem, 2.125rem);
}
.c-text13 {
  font-size: min(1.1428571429vw + 1.1071428571rem, 2.25rem);
}

.c-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  fill: currentColor;
  flex-shrink: 0;
}
.c-icon svg,
.c-icon img {
  width: auto;
  height: 1em;
}
.c-icon.-down svg,
.c-icon.-down img {
  rotate: 90deg;
}

.c-arrow {
  --color: var(--color-white);
  --bg-color: var(--color-main);
  --border-color: var(--bg-color);
  font-size: min(0.4897959184vw + 2.0102040816rem, 2.5rem);
  width: 1em;
  aspect-ratio: 1;
  color: var(--color);
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.c-arrow.-enjoy {
  --bg-color: var(--enjoy-color-100, var(--color-main));
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-arrow:hover img:nth-of-type(1),
  .c-arrow:hover svg:nth-of-type(1), a:hover .c-arrow img:nth-of-type(1),
  a:hover .c-arrow svg:nth-of-type(1) {
    left: 150%;
  }
  .c-arrow:hover img:nth-of-type(2),
  .c-arrow:hover svg:nth-of-type(2), a:hover .c-arrow img:nth-of-type(2),
  a:hover .c-arrow svg:nth-of-type(2) {
    left: 50%;
  }
}
.c-arrow img,
.c-arrow svg {
  font-size: 0.3em;
  translate: -50% -50%;
  position: absolute;
  top: 50%;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-arrow img:nth-of-type(1),
.c-arrow svg:nth-of-type(1) {
  left: 50%;
}
.c-arrow img:nth-of-type(2),
.c-arrow svg:nth-of-type(2) {
  left: -50%;
}

.c-arrow-mount {
  font-size: 3.75rem;
  line-height: 1;
  width: 1em;
  aspect-ratio: 1;
  background-color: var(--mount-bg-color, var(--color-white));
  display: grid;
  align-items: end;
  justify-items: end;
  border-radius: 20px 0 0 0;
}
.c-arrow-mount::before, .c-arrow-mount::after {
  content: "";
  position: absolute;
  background-color: var(--mount-bg-color, var(--color-white));
  mask-image: url(../../img/common/parts/arrow-mount_shape.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 0.3333333333em;
  aspect-ratio: 1;
}
.c-arrow-mount::before {
  top: 1px;
  right: 0;
  translate: 0 -100%;
}
.c-arrow-mount::after {
  bottom: 0;
  left: 1px;
  translate: -100% 0;
}
.c-arrow-mount .c-arrow {
  font-size: 0.7666666667em;
}

.c-sine-wave {
  height: min(7.3469387755vw + 62.4489795918px, 180px);
}
.c-sine-wave canvas {
  width: 100% !important;
  height: 100% !important;
}

.c-overlay {
  width: 100%;
  height: 100lvh;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-duration: 0.3s;
  transition-property: opacity, visibility;
}
.is-drawer-open .c-overlay, .is-mega-open .c-overlay, .is-modal-open .c-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.is-modal-open .c-overlay {
  z-index: 6000;
}

.c-pagenavi {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 1;
  color: var(--color-main);
}
.c-pagenavi .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pagenavi .page,
.c-pagenavi .current,
.c-pagenavi .first,
.c-pagenavi .last,
.c-pagenavi .extend {
  font-size: min(0.6530612245vw + 0.5969387755rem, 1.25rem);
  width: 2.8em;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-inline: 0.2em;
}
.c-pagenavi .page,
.c-pagenavi .first,
.c-pagenavi .last {
  text-decoration: underline;
}
.c-pagenavi .current {
  background-color: var(--color-main);
  color: var(--color-white);
  text-decoration: none;
}
.c-pagenavi .extend {
  display: grid;
  place-items: center;
}
.c-pagenavi .extend::before {
  content: "...";
  font-size: 0.7em;
}
.c-pagenavi .previouspostslink,
.c-pagenavi .nextpostslink {
  font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
  padding: 0.5em;
  display: grid;
  place-items: center;
}
.c-pagenavi .previouspostslink {
  margin-right: 2em;
}
.c-pagenavi .previouspostslink svg,
.c-pagenavi .previouspostslink img {
  scale: -1 1;
}
.c-pagenavi .nextpostslink {
  order: 10;
  margin-left: 2em;
}

.c-tree-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(0.9795918367vw + 1.2704081633rem, 2.25rem);
  font-weight: 900;
}
.c-tree-decoration span {
  color: var(--enjoy-color-100, var(--color-main));
}
.c-tree-decoration .tree,
.c-tree-decoration .fish,
.c-tree-decoration .starfish {
  display: flex;
  gap: min(0.3265306122vw + 2.7755102041px, 8px);
  align-items: flex-end;
}
.c-tree-decoration .tree img,
.c-tree-decoration .fish img,
.c-tree-decoration .starfish img {
  width: min(1.0612244898vw + 8.0204081633px, 25px);
  height: 100%;
}
.c-tree-decoration .tree:first-child,
.c-tree-decoration .fish:first-child,
.c-tree-decoration .starfish:first-child {
  margin-inline-end: min(0.9795918367vw + 8.3265306122px, 24px);
}
@media only screen and (max-width: 767px) {
  .c-tree-decoration .tree:first-child,
  .c-tree-decoration .fish:first-child,
  .c-tree-decoration .starfish:first-child {
    margin-inline-end: 0;
  }
}
.c-tree-decoration .tree:last-child,
.c-tree-decoration .fish:last-child,
.c-tree-decoration .starfish:last-child {
  margin-inline-start: min(0.9795918367vw + 8.3265306122px, 24px);
}
.c-tree-decoration .fish img,
.c-tree-decoration .starfish img {
  width: min(1.306122449vw + 19.1020408163px, 40px);
}

.c-wave-wrapper {
  position: relative;
  z-index: 0;
}
.c-wave-wrapper__inner {
  position: relative;
  background-color: var(--bg-color, var(--color-white));
  padding-block: min(4.8979591837vw + 41.6326530612px, 120px);
}
.c-wave-wrapper.-top {
  padding-top: var(--wave-height);
}
.c-wave-wrapper.-top .c-wave-wrapper__inner {
  padding-top: 0;
}
.c-wave-wrapper.-bottom {
  padding-bottom: var(--wave-height);
}
.c-wave-wrapper.-bottom .c-wave-wrapper__inner {
  padding-bottom: 0;
}
.c-wave-wrapper.-nt {
  padding-top: 0;
}
.c-wave-wrapper.-nt .c-sine-wave.-top {
  translate: 0 -100%;
}
.c-wave-wrapper.-nb {
  padding-bottom: 0;
}
.c-wave-wrapper.-nb .c-sine-wave.-bottom {
  translate: 0 100%;
}
.c-wave-wrapper .c-sine-wave {
  position: absolute;
  inset-inline: calc(50% - 50vw);
}
.c-wave-wrapper .c-sine-wave.-top {
  top: 1px;
}
.c-wave-wrapper .c-sine-wave.-bottom {
  bottom: 1px;
  scale: 1 -1;
}

.c-inner-container {
  max-width: 770px;
  margin-left: auto;
}

.c-desc-table-primary {
  display: grid;
}
.c-desc-table-primary > div {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-block: 2em;
  border-bottom: 2px solid var(--color-gray-50);
}
@media only screen and (max-width: 1023px) {
  .c-desc-table-primary > div {
    grid-template-columns: 1fr;
  }
}
.c-desc-table-primary > div:first-child {
  padding-top: 0;
}
.c-desc-table-primary .suspension {
  color: var(--color-reservations);
}
.c-desc-table-primary dt {
  font-size: 1.125em;
  font-weight: 900;
  width: 11.1111111111em;
  padding-right: 1em;
}
@media only screen and (max-width: 767px) {
  .c-desc-table-primary dt {
    padding-right: 0;
    margin-bottom: 1em;
  }
}
.c-desc-table-primary.-eat dd {
  width: fit-content;
  margin-inline: auto 2em;
}
@media only screen and (max-width: 1023px) {
  .c-desc-table-primary.-eat dd {
    margin-inline: 0;
    width: 100%;
  }
}
.c-desc-table-primary .map-link {
  color: var(--enjoy-color-100, var(--color-main));
  text-decoration: underline;
  display: inline-flex;
  gap: 4px;
}
.c-desc-table-primary .map-link .c-icon {
  width: min(0.4897959184vw + 16.1632653061px, 24px);
}
.c-desc-table-primary .buttons {
  margin-block-start: min(0.4897959184vw + 8.1632653061px, 16px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.6530612245vw + -2.4489795918px, 8px);
}
@media only screen and (max-width: 767px) {
  .c-desc-table-primary .buttons {
    grid-template-columns: 1fr;
    gap: 1em;
    max-width: 300px;
  }
}
.c-desc-table-primary.-col2 {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2em;
}
@media only screen and (max-width: 767px) {
  .c-desc-table-primary.-col2 {
    grid-template-columns: 1fr;
  }
}
.c-desc-table-primary.-col2 > div {
  padding-block: 2em;
}
@media only screen and (max-width: 767px) {
  .c-desc-table-primary.-col2 > div:first-child {
    padding-top: 0;
  }
}

.c-box {
  padding: min(0.4081632653vw + 18.4693877551px, 25px) min(1.6326530612vw + 13.8775510204px, 40px);
  background-color: var(--color-gray-30);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
}
.c-box.-white {
  background-color: var(--color-white);
}

.c-ul {
  display: grid;
}
.c-ul li {
  position: relative;
  padding-left: 1.2em;
}
.c-ul li::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  background-color: var(--color-main);
  width: 0.5em;
  aspect-ratio: 1;
  border-radius: 50%;
}
.c-ul-column {
  column-gap: 1em;
}
.c-ul-column.-c2 {
  column-count: 2;
}
@media only screen and (max-width: 767px) {
  .c-ul-column.-c2 {
    column-count: 1;
  }
}
.c-ul-column.-c3 {
  column-count: 3;
}
@media only screen and (max-width: 1023px) {
  .c-ul-column.-c3 {
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  .c-ul-column.-c3 {
    column-count: 1;
  }
}

.c-ol-circle {
  counter-reset: number;
  display: grid;
  gap: 1.5em;
  font-weight: 700;
}
.c-ol-circle li {
  counter-increment: number;
  position: relative;
  padding-left: 3.5em;
}
.c-ol-circle li::before {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1;
  color: var(--color-white);
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: -0.2em;
  left: 0;
  width: 2.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-main);
  display: grid;
  place-items: center;
}

.c-faq {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  padding-block: min(0.8163265306vw + 16.9387755102px, 30px);
  border-bottom: 2px dotted var(--color-gray-50);
}
.c-faq:first-of-type {
  padding-top: 0;
}
.c-faq__head, .c-faq__body {
  position: relative;
  padding-left: 2em;
}
.c-faq__head::before, .c-faq__body::before {
  content: "";
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1;
  color: var(--color-main);
  position: absolute;
  top: 0;
  left: 0;
}
.c-faq__head {
  margin-bottom: 0.5em;
}
.c-faq__head::before {
  content: "Q.";
  translate: 0 25%;
}
.c-faq__body::before {
  content: "A.";
  translate: 0 45%;
}
.c-faq__content {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
}

.c-fixed-stay-bnr {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  font-size: min(8.1632653061vw + 13.7117346939rem, 21.875rem);
  width: 1em;
  aspect-ratio: 350/140;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-bottom .c-fixed-stay-bnr {
  opacity: 0;
  visibility: hidden;
}
.c-fixed-stay-bnr__close {
  font-size: 0.0685714286em;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: 50%;
  width: 1em;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.c-fixed-stay-bnr__close .icon {
  font-size: 0.6666666667em;
  color: var(--color-main);
}
.c-fixed-stay-bnr a {
  position: relative;
}
.c-fixed-stay-bnr img {
  display: block;
  width: 100%;
}
.c-fixed-stay-bnr__obj {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2742857143em;
  translate: 0 -5%;
}

.c-media {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  .c-media {
    flex-direction: column;
  }
}
.c-media__text-area {
  flex: var(--text-ratio, 1);
}
.c-media__img {
  position: relative;
  flex: var(--img-ratio, 1);
  text-align: center;
}
.c-media__img > img {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .c-media__img {
    order: -1;
  }
}
.c-media__course {
  width: 100%;
  background-color: var(--color-white);
  border-radius: min(0.4081632653vw + 13.4693877551px, 20px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px) min(2.2857142857vw + 11.4285714286px, 48px);
}
.c-media__course .c-title-s {
  color: var(--color-eat);
}
.c-media__course__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1em 0.5em;
}
@media only screen and (max-width: 1023px) {
  .c-media__course__list {
    grid-template-columns: 1fr;
    gap: 0.1em;
  }
}
.c-media__course__item {
  position: relative;
  padding-inline-start: 1em;
}
.c-media__course__item::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-eat);
}
.c-media .tree {
  position: absolute;
  bottom: max(-0.4081632653vw + -3.4693877551px, -10px);
  right: min(0.8163265306vw + 6.9387755102px, 20px);
  display: grid;
  align-items: flex-end;
  grid-template-columns: repeat(2, 1fr);
  width: min(3.2653061224vw + 27.7551020408px, 80px);
  gap: min(0.3265306122vw + 2.7755102041px, 8px);
}
.c-media .tree img {
  width: 100%;
}

.c-notes {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  color: var(--color-black-50);
}
.c-notes p {
  padding-left: 1em;
  position: relative;
  width: fit-content;
}
.c-notes p::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.c-notes.-right p {
  margin-left: auto;
}
.c-notes.-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em 1em;
}
.c-notes.-row.-center {
  justify-content: center;
}
.c-notes.-text p {
  padding-left: 0;
}
.c-notes.-text p::before {
  display: none;
}

.c-side-anchor-menu {
  line-height: 1.5;
  font-weight: 700;
  display: grid;
  gap: 1.5em;
}
.c-side-anchor-menu a {
  display: flex;
  align-items: center;
  gap: 1em;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-side-anchor-menu a .hover-elm, .c-side-anchor-menu a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-side-anchor-menu a:hover .hover-elm, .c-side-anchor-menu a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-side-anchor-menu a .icon {
  font-size: 2em;
  color: var(--color-main);
  width: 1em;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid;
  rotate: 90deg;
  margin-left: auto;
}
.c-side-anchor-menu a .icon svg,
.c-side-anchor-menu a .icon img {
  font-size: 0.375em;
}
.c-side-anchor-menu a.is-current {
  color: var(--color-main);
}

.c-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: min(85.306122449vw + 55.1020408163px, 1420px);
  padding-left: min(4.4897959184vw + -1.8367346939px, 70px);
  padding-right: min(4.4897959184vw + -1.8367346939px, 70px);
}
@media only screen and (max-width: 567px) {
  .c-container {
    max-width: none;
  }
}
.c-container.-s {
  max-width: min(65.7142857143vw + 128.5714285714px, 1180px);
}
@media only screen and (max-width: 567px) {
  .c-container.-s {
    max-width: none;
  }
}
.c-container.-full {
  max-width: min(111.4285714286vw + -42.8571428571px, 1740px);
}
@media only screen and (max-width: 567px) {
  .c-container.-full {
    max-width: none;
  }
}

.c-fluid {
  padding-left: min(4.4897959184vw + -1.8367346939px, 70px);
  padding-right: min(4.4897959184vw + -1.8367346939px, 70px);
}

.c-grid-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, min(38.1632653061vw + 29.387755102px, 640px)) minmax(0, min(38.1632653061vw + 29.387755102px, 640px)) minmax(0, 1fr);
}
@media only screen and (max-width: 567px) {
  .c-grid-container {
    grid-template-columns: minmax(0, min(4.4897959184vw + -1.8367346939px, 70px)) minmax(0, calc(50% - min(4.4897959184vw + -1.8367346939px, 70px))) minmax(0, calc(50% - min(4.4897959184vw + -1.8367346939px, 70px))) minmax(0, min(4.4897959184vw + -1.8367346939px, 70px));
  }
}

.c-grid-fluid {
  display: grid;
  grid-template-columns: minmax(0, min(4.4897959184vw + -1.8367346939px, 70px)) minmax(0, calc(50% - min(4.4897959184vw + -1.8367346939px, 70px))) minmax(0, calc(50% - min(4.4897959184vw + -1.8367346939px, 70px))) minmax(0, min(4.4897959184vw + -1.8367346939px, 70px));
}

.c-grid-container > .col1-2,
.c-grid-fluid > .col1-2 {
  grid-column: 1/2;
}
.c-grid-container > .col1-3,
.c-grid-fluid > .col1-3 {
  grid-column: 1/3;
}
.c-grid-container > .col1-4,
.c-grid-fluid > .col1-4 {
  grid-column: 1/4;
}
.c-grid-container > .col1-5,
.c-grid-fluid > .col1-5 {
  grid-column: 1/5;
}
.c-grid-container > .col2-3,
.c-grid-fluid > .col2-3 {
  grid-column: 2/3;
}
.c-grid-container > .col2-4,
.c-grid-fluid > .col2-4 {
  grid-column: 2/4;
}
.c-grid-container > .col2-5,
.c-grid-fluid > .col2-5 {
  grid-column: 2/5;
}
.c-grid-container > .col3-4,
.c-grid-fluid > .col3-4 {
  grid-column: 3/4;
}
.c-grid-container > .col3-5,
.c-grid-fluid > .col3-5 {
  grid-column: 3/5;
}
.c-grid-container > .col4-5,
.c-grid-fluid > .col4-5 {
  grid-column: 4/5;
}
.c-grid-container.-nowrap > [class*=col],
.c-grid-fluid.-nowrap > [class*=col] {
  grid-row: 1/-1;
}

.c-grid-column {
  display: grid;
}
.c-grid-column.-col4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col4.-col4-max {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col4.-col3-max {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col4.-col2-max {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col4.-col1-max {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col4-max {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4-max.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-max.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-max.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-max.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4-max.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-max.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-max.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-max.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4-max.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-max.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-max.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-max.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4-max.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-max.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-max.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-max.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-md.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-md.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-md.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-md.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-md.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-md.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-md.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-md.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-md.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-md.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-md.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-md.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-tab.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-tab.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-tab.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-tab.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-tab.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-tab.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-tab.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-tab.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-sp.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-sp.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-sp.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-sp.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.c-grid-column.-col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col3.-col4-max {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col3.-col3-max {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col3.-col2-max {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col3.-col1-max {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col3-max {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3-max.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-max.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-max.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-max.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3-max.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-max.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-max.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-max.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3-max.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-max.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-max.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-max.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3-max.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-max.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-max.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-max.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-md.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-md.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-md.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-md.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-md.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-md.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-md.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-md.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-md.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-md.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-md.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-md.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-tab.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-tab.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-tab.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-tab.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-tab.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-tab.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-tab.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-tab.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-sp.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-sp.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-sp.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-sp.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.c-grid-column.-col2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col2.-col4-max {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col2.-col3-max {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col2.-col2-max {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col2.-col1-max {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col2-max {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2-max.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-max.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-max.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-max.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2-max.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-max.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-max.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-max.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2-max.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-max.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-max.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-max.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2-max.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-max.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-max.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-max.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-md.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-md.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-md.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-md.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-md.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-md.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-md.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-md.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-md.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-md.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-md.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-md.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-tab.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-tab.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-tab.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-tab.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-tab.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-tab.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-tab.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-tab.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-sp.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-sp.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-sp.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-sp.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.c-grid-column.-col1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col1.-col4-max {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col1.-col3-max {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col1.-col2-max {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col1.-col1-max {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1599px) {
  .c-grid-column.-col1-max {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1-max.-col4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-max.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-max.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-max.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1-max.-col3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-max.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-max.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-max.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1-max.-col2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-max.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-max.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-max.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1-max.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-max.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-max.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-max.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1299px) {
  .c-grid-column.-col1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-md.-col4-tab {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-md.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-md.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-md.-col3-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-md.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-md.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-md.-col2-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-md.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-md.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-md.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-md.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-md.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .c-grid-column.-col1-tab {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-tab.-col4-sp {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-tab.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-tab.-col3-sp {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-tab.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-tab.-col2-sp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-tab.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-tab.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-tab.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid-column.-col1-sp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-sp.-col4-spmin {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-sp.-col3-spmin {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-sp.-col2-spmin {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-sp.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 567px) {
  .c-grid-column.-col1-spmin {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.c-form .wpcf7-form-control-wrap {
  width: 100%;
}
.c-form .wpcf7-radio {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: min(2.0408163265vw + 7.3469387755px, 40px);
  cursor: pointer;
}
.c-form .wpcf7-list-item {
  margin: 0;
  line-height: 1;
}
.c-form .wpcf7-list-item input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  font-size: 0;
  display: inline-block;
}
.c-form .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label {
  position: relative;
  line-height: 1;
  letter-spacing: 0.04em;
  white-space: nowrap;
  cursor: pointer;
}
.c-form .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  border: 1px solid #e9ecee;
  border-radius: 5px;
  vertical-align: middle;
  margin-right: 0.7em;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 767px) {
  .c-form .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label::before {
    margin-right: 0.5em;
  }
}
.c-form .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0.8em;
  height: 0.4em;
  margin-top: -0.2em;
  transform: rotate(-45deg);
  left: 0.35em;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  transition: all 0.3 ease;
}
.c-form .wpcf7-list-item input[type=checkbox]:disabled + .wpcf7-list-item-label {
  pointer-events: none;
  color: #e9ecee;
}
.c-form .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background-color: #5bc2dc;
}
.c-form .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.c-form .wpcf7-list-item input[type=radio] {
  opacity: 0;
  position: absolute;
}
.c-form .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label {
  position: relative;
  line-height: 1;
}
.c-form .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #e9ecee;
  display: inline-block;
  width: min(0.4897959184vw + 16.1632653061px, 24px);
  height: min(0.4897959184vw + 16.1632653061px, 24px);
  position: relative;
  top: -0.1em;
  margin-right: 0.5em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
.c-form .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:before {
  background-color: #5bc2dc;
  box-shadow: inset 0 0 0 4px #fff;
}
.c-form input[type=text],
.c-form input[type=tel],
.c-form input[type=email],
.c-form textarea,
.c-form select {
  cursor: pointer;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d8dadc;
  border-radius: 5px;
  font-size: 1rem;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .c-form input[type=text],
  .c-form input[type=tel],
  .c-form input[type=email],
  .c-form textarea,
  .c-form select {
    padding: 0.875rem;
  }
}
.c-form input[type=text]::placeholder,
.c-form input[type=tel]::placeholder,
.c-form input[type=email]::placeholder,
.c-form textarea::placeholder,
.c-form select::placeholder {
  color: #949494;
}
@media only screen and (max-width: 767px) {
  .c-form input[type=text]::placeholder,
  .c-form input[type=tel]::placeholder,
  .c-form input[type=email]::placeholder,
  .c-form textarea::placeholder,
  .c-form select::placeholder {
    font-size: 0.6875rem;
  }
}
.c-form .wpcf7-file {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
  border: none;
}
.c-form textarea {
  field-sizing: content;
}
.c-form__item + .c-form__item {
  margin-top: min(0.8163265306vw + 16.9387755102px, 30px);
}
.c-form__inner {
  max-width: 600px;
  margin-inline: auto;
}
.c-form__head {
  text-align: center;
  margin-bottom: min(0.8163265306vw + 6.9387755102px, 20px);
}
@media only screen and (max-width: 767px) {
  .c-form__head {
    text-align: left;
  }
}
.c-form__tel_area {
  background: #e9ecee;
  border-radius: 10px;
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
  text-align: center;
  margin-bottom: min(1.6326530612vw + 13.8775510204px, 40px);
}
.c-form__tel_area__title {
  font-weight: 500;
}
.c-form__tel_area__tel {
  color: #5bc2dc;
  font-weight: bold;
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
}
.c-form__tel_area__tel a {
  text-decoration: underline;
}
.c-form__label {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(0.3265306122vw + 8.7755102041px, 14px);
  margin-bottom: min(0.1632653061vw + 9.387755102px, 12px);
}
.c-form__label__text {
  white-space: nowrap;
}
.c-form__label small {
  color: #111111;
  font-size: min(0.1632653061vw + 0.6492346939rem, 0.8125rem);
}
.c-form__select {
  display: block;
  position: relative;
  max-width: fit-content;
  width: 100%;
}
.c-form__select select {
  padding-right: 2.5em;
}
.c-form__select .c-ico {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: min(0.8163265306vw + 6.9387755102px, 20px);
  transform: translate(0, -50%) rotate(90deg);
}
.c-form__file {
  position: relative;
  display: flex;
  width: 90%;
}
.c-form__file .wpcf7-form-control-wrap {
  position: absolute;
  width: auto;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.c-form__file__name {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #e9ecee;
  width: 100%;
  color: #949494;
  padding: 1rem;
  border-radius: 5px 0 0 5px;
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
}
.c-form__file__name p {
  height: auto;
}
.c-form__file__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #5bc2dc;
  color: #fff;
  border-radius: 0 5px 5px 0;
  padding: 0 20px;
  border: 1px solid #5bc2dc;
  flex-shrink: 0;
  font-size: min(0.4081632653vw + 0.5918367347rem, 1rem);
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .c-form__file__button {
    flex-direction: column;
    justify-content: center;
  }
}
.c-form__file__button .c-ico {
  display: grid;
  place-content: center;
}
.c-form__file__button .c-ico svg {
  fill: #fff;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-form__file__button:hover {
    color: #5bc2dc;
    background-color: #fff;
  }
  .c-form__file__button:hover .c-ico svg {
    fill: #5bc2dc;
  }
}
.c-form__file__delete {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  cursor: pointer;
  z-index: 1;
  transition: color 0.3s ease;
  font-size: min(0.1632653061vw + 0.6492346939rem, 0.8125rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #f00;
  transition: color 0.3s ease;
}
.c-form__file__delete .c-ico {
  line-height: 1;
  vertical-align: middle;
}
.c-form__file__delete .c-ico svg {
  rotate: 45deg;
  transform-origin: left;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-form__file__delete:hover {
    color: #111111;
  }
}
.c-form__body {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.c-form__body.-small input {
  max-width: 153px;
}
.c-form__body.-middle {
  max-width: 313px;
}
.c-form__body.-wrap {
  flex-wrap: wrap;
}
.c-form__body.-file {
  flex-wrap: wrap;
}
.c-form__body.-file.is-hidden .error {
  display: none;
}
.c-form__body .wpcf7-form-control.error {
  box-shadow: 0 0 7px #f00;
}
.c-form__body .error {
  color: #f00;
  margin-top: 0.3em;
  display: inline-block;
  font-size: min(0.3265306122vw + 0.5484693878rem, 0.875rem);
}
.c-form__body__wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.c-form__button {
  position: relative;
  color: #fff;
  max-width: 240px;
  width: 100%;
  display: block;
  margin-inline: auto;
  cursor: pointer;
  text-align: center;
  margin-top: min(2.4489795918vw + 1.3010204082rem, 3.75rem);
}
.c-form__button input {
  width: 100%;
  display: grid;
  place-content: center;
  height: min(0.4897959184vw + 48.1632653061px, 56px);
  border-radius: 9999px;
  margin-inline: auto;
  background-color: #5bc2dc;
  border: 1px solid #5bc2dc;
  transition: background-color 0.3s, color 0.3s;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-form__button:hover input {
    background-color: #fff;
    color: #5bc2dc;
  }
}
.c-form__privacy {
  margin-top: min(2.0408163265vw + 1.0841836735rem, 3.125rem);
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.c-form__privacy .wpcf7-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.c-form__privacy a {
  text-decoration: underline;
  border-bottom: 1px solid;
  transition: color 0.3s;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-form__privacy a:hover {
    text-decoration: none;
  }
}

.c-button-primary {
  --button-color: var(--color-white);
  --button-bg-color: var(--color-main);
  --button-border-color: var(--button-bg-color);
  --button-hover-color: var(--color-white);
  --button-hover-bg-color: var(--color-main);
  --button-hover-border-color: var(--button-hover-bg-color);
  --icon-color: var(--button-bg-color);
  --icon-bg-color: var(--button-color);
  --icon-hover-color: var(--color-main);
  --icon-hover-bg-color: var(--color-white);
  font-size: var(--button-size, min(0.1632653061vw + 0.8367346939rem, 1rem));
  font-weight: 700;
  inline-size: fit-content;
}
.c-button-primary a,
.c-button-primary button,
.c-button-primary .button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--button-color);
  background: var(--button-bg-color);
  border: 2px solid var(--button-border-color);
  border-radius: calc(infinity * 1px);
  padding: 0.5em;
  position: relative;
  z-index: 0;
  min-block-size: var(--button-height, auto);
  min-inline-size: var(--button-width, auto);
}
.c-button-primary a .hover-elm, .c-button-primary a.hover-elm,
.c-button-primary button .hover-elm,
.c-button-primary button.hover-elm,
.c-button-primary .button .hover-elm,
.c-button-primary .button.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-button-primary a:hover .hover-elm, .c-button-primary a:hover.hover-elm,
  .c-button-primary button:hover .hover-elm,
  .c-button-primary button:hover.hover-elm,
  .c-button-primary .button:hover .hover-elm,
  .c-button-primary .button:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-button-primary .text {
  padding-inline: 1em;
  text-align: center;
  flex: 1;
}
.c-button-primary .c-arrow {
  --color: var(--icon-color);
  --bg-color: var(--icon-bg-color);
}
.c-button-primary.-white {
  --button-color: var(--color-font);
  --button-bg-color: var(--color-white);
  --button-border-color: var(--color-gray-50);
  --icon-color: var(--color-white);
  --icon-bg-color: var(--color-main);
}
.c-button-primary.-green {
  --button-color: var(--color-white);
  --button-bg-color: var(--color-main);
  --button-border-color: var(--color-main);
  --icon-color: var(--color-main);
  --icon-bg-color: var(--color-white);
}
.c-button-primary.-reverse .c-arrow {
  order: -1;
  rotate: 180deg;
}
.c-button-primary.-l {
  --button-size: min(0.3265306122vw + 12.7755102041px, 18px);
  --button-width: 18.8888888889em;
  --button-height: 3.8888888889em;
}
.c-button-primary.-l .c-arrow {
  font-size: 3.1111111111em;
}
.c-button-primary.-full {
  --button-width: 100%;
  --button-height: 3.8888888889em;
  inline-size: 100%;
}
.c-button-primary.-enjoy a .c-arrow,
.c-button-primary.-enjoy button .c-arrow,
.c-button-primary.-enjoy .button .c-arrow {
  --bg-color: var(--color-main);
}
.c-button-primary.-enjoy.-reverse a,
.c-button-primary.-enjoy.-reverse button,
.c-button-primary.-enjoy.-reverse .button {
  background: var(--color-main);
  border: 2px solid var(--color-main);
}
.c-button-primary.-enjoy.-reverse a .c-arrow,
.c-button-primary.-enjoy.-reverse button .c-arrow,
.c-button-primary.-enjoy.-reverse .button .c-arrow {
  --bg-color: var(--color-white);
  color: var(--color-main);
}
.c-button-primary.-raft a,
.c-button-primary.-raft button,
.c-button-primary.-raft .button {
  background: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.c-button-primary.-raft a .c-arrow,
.c-button-primary.-raft button .c-arrow,
.c-button-primary.-raft .button .c-arrow {
  color: var(--enjoy-color-100, var(--color-main));
}
.c-button-primary.-enjoy-color-100 a,
.c-button-primary.-enjoy-color-100 button,
.c-button-primary.-enjoy-color-100 .button {
  background: var(--color-main);
  border: 2px solid var(--color-main);
}
.c-button-primary.-enjoy-color-100 a .c-arrow,
.c-button-primary.-enjoy-color-100 button .c-arrow,
.c-button-primary.-enjoy-color-100 .button .c-arrow {
  --bg-color: var(--color-white);
  color: var(--color-main);
}

.c-button-tertiary {
  --button-color: var(--color-font);
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  inline-size: fit-content;
  font-weight: 700;
}
.c-button-tertiary a {
  color: var(--button-color);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.8em;
}
.c-button-tertiary a .hover-elm, .c-button-tertiary a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-button-tertiary a:hover .hover-elm, .c-button-tertiary a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-button-tertiary .c-arrow {
  font-size: 2.5em;
  margin-left: auto;
}
.c-button-tertiary.-white {
  --button-color: var(--color-white);
}
.c-button-tertiary.-white .c-arrow {
  --color: var(--color-white);
  --bg-color: transparent;
  --border-color: var(--color-white);
}

.c-text-button a {
  color: var(--color-main);
  display: flex;
  align-items: center;
  gap: 0.2em;
  inline-size: fit-content;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-text-button a:hover .text {
    text-decoration: none;
  }
}
.c-text-button .text {
  text-decoration: underline;
}
.c-section-title-primary {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  margin-bottom: 1em;
}
.c-section-title-primary .title {
  font-weight: 900;
}
.c-section-title-primary .sub {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  text-transform: uppercase;
  color: var(--enjoy-color-100, var(--color-main));
  margin-top: 0.8em;
}
.p-index .c-section-title-primary .sub {
  color: var(--enjoy-color-100, var(--color-main));
}
.c-section-title-primary.-center {
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .c-section-title-primary.-tab-left {
    text-align: left;
  }
}
.c-section-title-primary.-s {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
}
.c-section-title-primary.-s .sub {
  font-size: min(0.0816326531vw + 0.9183673469rem, 1rem);
}
.c-section-title-primary.js-anim_elm .title span {
  display: inline-block;
  opacity: 0;
  translate: 0 30px;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(1) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 1);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(2) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 2);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(3) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 3);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(4) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 4);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(5) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 5);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(6) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 6);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(7) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 7);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(8) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 8);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(9) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 9);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(10) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 10);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(11) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 11);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(12) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 12);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(13) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 13);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(14) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 14);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(15) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 15);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(16) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 16);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(17) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 17);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(18) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 18);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(19) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 19);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .title span:nth-of-type(20) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 20);
  animation-play-state: paused;
}
.c-section-title-primary.js-anim_elm .sub {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition-duration: 0.5s, 1s;
  transition-property: opacity, transform;
  transition-delay: 0s;
  transition-timing-function: ease, cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-section-title-primary.js-anim_elm.is-act .title span {
  animation-play-state: running;
}
.c-section-title-primary.js-anim_elm.is-act .sub {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.c-section-title-secondary {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 900;
  margin-bottom: 1em;
  text-align: center;
}
.c-section-title-secondary .sub {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  line-height: 1.5;
  color: var(--enjoy-color-100, var(--color-main));
  padding-bottom: 0.2em;
  border-bottom: 2px dotted;
  margin-bottom: 0.5em;
  width: fit-content;
  margin-inline: auto;
}
.c-section-title-secondary .sub.-en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-section-title-secondary .title {
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: 0;
  padding-inline: 2em;
}
.c-section-title-secondary .title::before, .c-section-title-secondary .title::after {
  content: "";
  background-image: url(../../img/common/parts/title/obj_trees@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 60/40;
  height: 1.1111111111em;
  position: absolute;
  top: 50%;
  translate: 0 -45%;
}
.c-section-title-secondary .title::before {
  left: 0;
}
.c-section-title-secondary .title::after {
  right: 0;
}

.c-section-title-tertiary {
  font-size: min(1.4693877551vw + 0.7806122449rem, 2.25rem);
  margin-bottom: 1em;
  position: relative;
  padding-top: 0.5em;
}
.c-section-title-tertiary::before, .c-section-title-tertiary::after {
  content: "";
  border-top: 2px solid var(--enjoy-color-100, var(--color-main));
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
  z-index: 1;
}
.c-section-title-tertiary::after {
  content: "";
  border-top: 2px solid var(--color-gray-50);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.c-block-title-primary {
  font-size: min(0.9795918367vw + 0.8954081633rem, 1.875rem);
  font-weight: 900;
  padding-left: 1em;
  margin-bottom: 1em;
  position: relative;
}
.c-block-title-primary::before {
  content: "";
  border-left: min(0.1632653061vw + 1.387755102px, 4px) solid var(--color-main);
  position: absolute;
  top: 0.1em;
  bottom: 0.1em;
  left: 0;
}

.c-block-title-secondary {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  margin-bottom: 1em;
  padding-left: 1.2em;
  padding-bottom: 1em;
  border-bottom: 2px solid var(--color-gray-50);
  position: relative;
}
.c-block-title-secondary::before {
  content: "";
  width: 0.6em;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: var(--color-main);
}

.c-title01 {
  margin-bottom: 1em;
}

.c-title-xl {
  font-size: min(1.4693877551vw + 1.0306122449rem, 2.5rem);
}
.c-title-l {
  font-size: min(1.4693877551vw + 0.7806122449rem, 2.25rem);
}
.c-title-s {
  font-size: min(0.8163265306vw + 0.6836734694rem, 1.5rem);
}
.c-title-xs {
  font-size: min(0.4897959184vw + 0.7602040816rem, 1.25rem);
  font-weight: 700;
}
.c-title-xs.-enjoy-color-100 {
  color: var(--enjoy-color-100, var(--color-main));
}
.c-title-xxs {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
}

.c-drawer {
  position: fixed;
  top: 0;
  left: 0;
  color: var(--color-white);
  display: block;
  z-index: 4999;
  width: 100%;
  height: 100dvh;
  background-color: var(--color-main);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(20px, 0, 0);
  transition-duration: 0.3s;
}
.is-drawer-open .c-drawer {
  opacity: 1;
  pointer-events: all;
  transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .c-drawer__inner {
    display: grid;
  }
}
.c-drawer__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 9.375vw;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  writing-mode: sideways-rl;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -48%;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .c-drawer__en {
    display: none;
  }
}
.c-drawer__wrapper {
  position: relative;
  overflow: auto;
  overscroll-behavior: contain;
  height: 100%;
}
.c-drawer__container {
  padding-top: var(--header-height);
  padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
  padding-right: max(20px, 6.25vw);
  padding-left: max(20px, 15vw);
  min-height: 100%;
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 767px) {
  .c-drawer__container {
    padding-left: max(20px, 6.25vw);
  }
}
.c-drawer__enjoy-menu {
  padding-bottom: min(0.8163265306vw + 26.9387755102px, 40px);
  margin-bottom: min(0.8163265306vw + 26.9387755102px, 40px);
  border-bottom: 1px solid var(--color-white);
}
.c-drawer__bottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1299px) {
  .c-drawer__bottom {
    display: contents;
  }
}
.c-drawer__menu {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  font-weight: 700;
  line-height: 1.5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  max-width: fit-content;
  margin-right: auto;
}
@media only screen and (max-width: 1299px) {
  .c-drawer__menu {
    margin-bottom: min(2.4489795918vw + 20.8163265306px, 60px);
  }
}
@media only screen and (max-width: 1023px) {
  .c-drawer__menu {
    grid-template-columns: repeat(3, 1fr);
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .c-drawer__menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-drawer__menu-item .page {
  display: flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
}
.c-drawer__menu-item .page .hover-elm, .c-drawer__menu-item .page.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-drawer__menu-item .page:hover .hover-elm, .c-drawer__menu-item .page:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-drawer__menu-item .c-arrow {
  --color: var(--color-main);
  --bg-color: var(--color-white);
  font-size: 1em;
}

.c-drawer-enjoy-link {
  color: var(--enjoy-color-100, var(--color-main));
  display: grid;
  grid-template-columns: 170fr 160fr;
  gap: 20px;
  background-color: var(--color-white);
  padding: 20px;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}
.-play .c-drawer-enjoy-link, .c-drawer-enjoy-link.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .c-drawer-enjoy-link, .c-drawer-enjoy-link.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .c-drawer-enjoy-link, .c-drawer-enjoy-link.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .c-drawer-enjoy-link, .c-drawer-enjoy-link.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .c-drawer-enjoy-link, .c-drawer-enjoy-link.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
.c-drawer-enjoy-link__text-area {
  padding-left: min(1.6326530612vw + -6.1224489796px, 20px);
}
.c-drawer-enjoy-link__img {
  overflow: hidden;
  position: relative;
  border-radius: min(0.4081632653vw + 8.4693877551px, 15px);
}
.c-drawer-enjoy-link__img > img,
.c-drawer-enjoy-link__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .c-drawer-enjoy-link__img > img,
  a:hover .c-drawer-enjoy-link__img > video, .js-modal-trg:hover .c-drawer-enjoy-link__img > img,
  .js-modal-trg:hover .c-drawer-enjoy-link__img > video, .js-download-button:hover .c-drawer-enjoy-link__img > img,
  .js-download-button:hover .c-drawer-enjoy-link__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.c-drawer-enjoy-link__img .c-arrow-mount {
  font-size: min(0.8163265306vw + 1.6836734694rem, 2.5rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-drawer-enjoy-link__img .c-arrow-mount .c-arrow {
  --bg-color: var(--enjoy-color-100, var(--color-main));
}
.c-drawer-enjoy-link__title {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  margin-bottom: 1em;
  display: block;
}
.c-drawer-enjoy-link__title .hover-elm, .c-drawer-enjoy-link__title.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-drawer-enjoy-link__title:hover .hover-elm, .c-drawer-enjoy-link__title:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-drawer-enjoy-link__children {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  line-height: 1.5;
  display: grid;
  gap: 0.5em;
}
.c-drawer-enjoy-link__children a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.c-drawer-enjoy-link__children a .hover-elm, .c-drawer-enjoy-link__children a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-drawer-enjoy-link__children a:hover .hover-elm, .c-drawer-enjoy-link__children a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-drawer-enjoy-link__children a .icon {
  font-size: 0.7142857143em;
}
.c-drawer-enjoy-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 1299px) {
  .c-drawer-enjoy-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-drawer-enjoy-links {
    grid-template-columns: 1fr;
  }
}

.c-drawer-button {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  inline-size: 16.6666666667em;
}
@media only screen and (max-width: 1299px) {
  .c-drawer-button {
    margin-inline: auto;
    order: -1;
    margin-block-end: min(0.8163265306vw + 16.9387755102px, 30px);
  }
}
.c-drawer-button a {
  color: var(--color-main);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe100;
  min-block-size: 4.4444444444em;
  border-radius: 10px;
  padding: 0.5em;
}
.c-drawer-button a .hover-elm, .c-drawer-button a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-drawer-button a:hover .hover-elm, .c-drawer-button a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-drawer-button a .obj {
  width: 2.6111111111em;
  margin-right: 1em;
  margin-left: -1.5em;
}
.c-drawer-button a .c-arrow {
  font-size: 1em;
  margin-left: 0.5em;
}

.c-lower-kv {
  max-width: 1600px;
  margin-inline: auto;
  margin-bottom: min(2.0408163265vw + 17.3469387755px, 50px);
  padding-top: min(2.4489795918vw + 20.8163265306px, 60px);
  padding-inline: min(6.9387755102vw + -11.0204081633px, 100px);
  position: relative;
  z-index: 0;
  background-color: var(--color-white);
}
.c-lower-kv__title {
  font-size: min(2.0408163265vw + 1.0841836735rem, 3.125rem);
  font-weight: 900;
  margin-bottom: 0.5em;
}
.c-lower-kv__title .parent {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  color: var(--enjoy-color-100, var(--color-main));
  padding-left: 1em;
  position: relative;
  margin-bottom: 0.5em;
}
.c-lower-kv__title .parent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 0.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.c-lower-kv__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--enjoy-color-50, var(--color-gray-50));
  margin-inline: calc(50% - 50vw);
}
.c-lower-kv__en .swiper-slide {
  text-transform: uppercase;
  padding-left: 0.5em;
}

.c-lower-grid {
  display: grid;
  align-items: start;
  grid-template-columns: 250fr 980fr;
  gap: min(2.0408163265vw + 17.3469387755px, 50px);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-lower-grid {
    grid-template-columns: 1fr;
  }
}
.c-lower-grid__side {
  position: sticky;
  top: calc(var(--header-height) + min(1.6326530612vw + 13.8775510204px, 40px));
}
@media only screen and (max-width: 1023px) {
  .c-lower-grid__side {
    position: static;
    margin-block-end: min(0.8163265306vw + 16.9387755102px, 30px);
  }
}
@media only screen and (max-width: 1023px) {
  .c-lower-grid__main {
    display: contents;
  }
}

.c-post-button-download {
  margin-block: min(2.4489795918vw + 20.8163265306px, 60px);
  inline-size: fit-content;
}
.c-post-button-download a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-main);
  text-decoration: underline;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-post-button-download a:hover {
    text-decoration: none;
  }
}

.wp-block-image {
  margin-block: min(4.8979591837vw + 41.6326530612px, 120px);
  margin-inline: auto;
  text-align: center;
}

.wp-block-table {
  margin-block: min(2.4489795918vw + 20.8163265306px, 60px);
  max-width: 100%;
  overflow: auto;
}
@media only screen and (max-width: 1299px) {
  .wp-block-table table {
    width: 990px;
  }
}
.wp-block-table th,
.wp-block-table td {
  padding: 0.5em 1em;
}
.wp-block-table th {
  border: 1px solid var(--color-gray-50);
}
.wp-block-table td {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-30);
}
.wp-block-table thead {
  border-bottom: 0;
}
.wp-block-table thead th {
  background-color: var(--color-gray-30);
  text-align: center;
  font-weight: 700;
}
.wp-block-table tbody td {
  text-align: center;
}

.wp-block-footnotes {
  margin-block: min(2.4489795918vw + 20.8163265306px, 60px);
  color: var(--color-black-50);
  margin-top: 1em;
  display: grid;
  gap: 0.5em;
  counter-reset: number;
}
.wp-block-footnotes li {
  counter-increment: number;
  padding-left: 2em;
  position: relative;
}
.wp-block-footnotes li::before {
  content: "※" counter(number);
  position: absolute;
  top: 0;
  left: 0;
}

.c-news-search-table {
  background-color: var(--color-beige-100);
  padding: min(0.8163265306vw + 16.9387755102px, 30px) min(2.4489795918vw + 10.8163265306px, 50px);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}
.c-news-search-table dl dt {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-main);
  margin-bottom: 1em;
}
.c-news-cats {
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.c-news-cats .cat {
  background-color: var(--color-white);
  border-radius: calc(infinity * 1px);
  padding: 0.2em 1em 0.3em;
  transition-property: color, background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-news-cats .cat:hover {
    color: var(--color-main);
    background-color: var(--color-green-10);
  }
}
.c-news-cats .cat.-current {
  color: var(--color-white);
  background-color: var(--color-main);
  pointer-events: none;
}

.c-text-animation span {
  display: inline-block;
  opacity: 0;
  translate: 0 30px;
}
.c-text-animation.is-view span {
  animation: textAnimation 0.6s ease-out forwards;
}

.c-fade-in {
  opacity: 0;
  translate: 0 1em;
  transition-property: opacity, translate;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-fade-in.is-act {
  opacity: 1;
  translate: 0 0;
}

.js-anim_elm.-delay1,
.js-anim_elm .-delay1 {
  transition-delay: 0.2s !important;
}
.js-anim_elm.-delay2,
.js-anim_elm .-delay2 {
  transition-delay: 0.4s !important;
}
.js-anim_elm.-delay3,
.js-anim_elm .-delay3 {
  transition-delay: 0.6s !important;
}
.js-anim_elm.-delay4,
.js-anim_elm .-delay4 {
  transition-delay: 0.8s !important;
}
.js-anim_elm.-delay5,
.js-anim_elm .-delay5 {
  transition-delay: 1s !important;
}
.js-anim_elm.-delay6,
.js-anim_elm .-delay6 {
  transition-delay: 1.2s !important;
}
.js-anim_elm.-delay7,
.js-anim_elm .-delay7 {
  transition-delay: 1.4s !important;
}
.js-anim_elm.-delay8,
.js-anim_elm .-delay8 {
  transition-delay: 1.6s !important;
}
.js-anim_elm.-delay9,
.js-anim_elm .-delay9 {
  transition-delay: 1.8s !important;
}
.js-anim_elm.-delay10,
.js-anim_elm .-delay10 {
  transition-delay: 2s !important;
}
.js-anim_elm.-delay11,
.js-anim_elm .-delay11 {
  transition-delay: 2.2s !important;
}
.js-anim_elm.-delay12,
.js-anim_elm .-delay12 {
  transition-delay: 2.4s !important;
}
.js-anim_elm.-delay13,
.js-anim_elm .-delay13 {
  transition-delay: 2.6s !important;
}
.js-anim_elm.-delay14,
.js-anim_elm .-delay14 {
  transition-delay: 2.8s !important;
}
.js-anim_elm.-delay15,
.js-anim_elm .-delay15 {
  transition-delay: 3s !important;
}
.js-anim_elm.-delay16,
.js-anim_elm .-delay16 {
  transition-delay: 3.2s !important;
}
.js-anim_elm.-delay17,
.js-anim_elm .-delay17 {
  transition-delay: 3.4s !important;
}
.js-anim_elm.-delay18,
.js-anim_elm .-delay18 {
  transition-delay: 3.6s !important;
}
.js-anim_elm.-delay19,
.js-anim_elm .-delay19 {
  transition-delay: 3.8s !important;
}
.js-anim_elm.-delay20,
.js-anim_elm .-delay20 {
  transition-delay: 4s !important;
}
.js-anim_elm.-visibility.visibility,
.js-anim_elm.-visibility .visibility {
  visibility: hidden;
}
.js-anim_elm.-visibility.is-act.visibility,
.js-anim_elm.-visibility.is-act .visibility {
  visibility: visible;
}
.js-anim_elm.-base1.base1,
.js-anim_elm.-base1 .base1 {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition-duration: 0.5s, 1s;
  transition-property: opacity, transform;
  transition-delay: 0s;
  transition-timing-function: ease, cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-anim_elm.-base1.is-act.base1,
.js-anim_elm.-base1.is-act .base1 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.js-anim_elm.-base2.base2,
.js-anim_elm.-base2 .base2 {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition-duration: 0.5s, 1s;
  transition-property: opacity, transform;
  transition-delay: 0s;
  transition-timing-function: ease, cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-anim_elm.-base2.is-act.base2,
.js-anim_elm.-base2.is-act .base2 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.js-anim_elm.-base3.base3,
.js-anim_elm.-base3 .base3 {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition-duration: 0.5s, 1s;
  transition-property: opacity, transform;
  transition-delay: 0s;
  transition-timing-function: ease, cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-anim_elm.-base3.is-act.base3,
.js-anim_elm.-base3.is-act .base3 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.js-anim_elm.-split1.split1 span,
.js-anim_elm.-split1 .split1 span {
  display: inline-block;
  opacity: 0;
  translate: 0 30px;
}
.js-anim_elm.-split1.split1 span:nth-of-type(1),
.js-anim_elm.-split1 .split1 span:nth-of-type(1) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 1);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(2),
.js-anim_elm.-split1 .split1 span:nth-of-type(2) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 2);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(3),
.js-anim_elm.-split1 .split1 span:nth-of-type(3) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 3);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(4),
.js-anim_elm.-split1 .split1 span:nth-of-type(4) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 4);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(5),
.js-anim_elm.-split1 .split1 span:nth-of-type(5) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 5);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(6),
.js-anim_elm.-split1 .split1 span:nth-of-type(6) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 6);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(7),
.js-anim_elm.-split1 .split1 span:nth-of-type(7) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 7);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(8),
.js-anim_elm.-split1 .split1 span:nth-of-type(8) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 8);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(9),
.js-anim_elm.-split1 .split1 span:nth-of-type(9) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 9);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(10),
.js-anim_elm.-split1 .split1 span:nth-of-type(10) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 10);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(11),
.js-anim_elm.-split1 .split1 span:nth-of-type(11) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 11);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(12),
.js-anim_elm.-split1 .split1 span:nth-of-type(12) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 12);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(13),
.js-anim_elm.-split1 .split1 span:nth-of-type(13) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 13);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(14),
.js-anim_elm.-split1 .split1 span:nth-of-type(14) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 14);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(15),
.js-anim_elm.-split1 .split1 span:nth-of-type(15) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 15);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(16),
.js-anim_elm.-split1 .split1 span:nth-of-type(16) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 16);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(17),
.js-anim_elm.-split1 .split1 span:nth-of-type(17) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 17);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(18),
.js-anim_elm.-split1 .split1 span:nth-of-type(18) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 18);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(19),
.js-anim_elm.-split1 .split1 span:nth-of-type(19) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 19);
  animation-play-state: paused;
}
.js-anim_elm.-split1.split1 span:nth-of-type(20),
.js-anim_elm.-split1 .split1 span:nth-of-type(20) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 20);
  animation-play-state: paused;
}
.js-anim_elm.-split1.is-act.split1 span,
.js-anim_elm.-split1.is-act .split1 span {
  animation-play-state: running;
}
.js-anim_elm.-split2.split2 span,
.js-anim_elm.-split2 .split2 span {
  display: inline-block;
  opacity: 0;
  translate: 0 30px;
}
.js-anim_elm.-split2.split2 span:nth-of-type(1),
.js-anim_elm.-split2 .split2 span:nth-of-type(1) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 1);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(2),
.js-anim_elm.-split2 .split2 span:nth-of-type(2) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 2);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(3),
.js-anim_elm.-split2 .split2 span:nth-of-type(3) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 3);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(4),
.js-anim_elm.-split2 .split2 span:nth-of-type(4) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 4);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(5),
.js-anim_elm.-split2 .split2 span:nth-of-type(5) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 5);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(6),
.js-anim_elm.-split2 .split2 span:nth-of-type(6) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 6);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(7),
.js-anim_elm.-split2 .split2 span:nth-of-type(7) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 7);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(8),
.js-anim_elm.-split2 .split2 span:nth-of-type(8) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 8);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(9),
.js-anim_elm.-split2 .split2 span:nth-of-type(9) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 9);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(10),
.js-anim_elm.-split2 .split2 span:nth-of-type(10) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 10);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(11),
.js-anim_elm.-split2 .split2 span:nth-of-type(11) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 11);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(12),
.js-anim_elm.-split2 .split2 span:nth-of-type(12) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 12);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(13),
.js-anim_elm.-split2 .split2 span:nth-of-type(13) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 13);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(14),
.js-anim_elm.-split2 .split2 span:nth-of-type(14) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 14);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(15),
.js-anim_elm.-split2 .split2 span:nth-of-type(15) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 15);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(16),
.js-anim_elm.-split2 .split2 span:nth-of-type(16) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 16);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(17),
.js-anim_elm.-split2 .split2 span:nth-of-type(17) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 17);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(18),
.js-anim_elm.-split2 .split2 span:nth-of-type(18) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 18);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(19),
.js-anim_elm.-split2 .split2 span:nth-of-type(19) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 19);
  animation-play-state: paused;
}
.js-anim_elm.-split2.split2 span:nth-of-type(20),
.js-anim_elm.-split2 .split2 span:nth-of-type(20) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 20);
  animation-play-state: paused;
}
.js-anim_elm.-split2.is-act.split2 span,
.js-anim_elm.-split2.is-act .split2 span {
  animation-play-state: running;
}
.js-anim_elm.-split3.split3 span,
.js-anim_elm.-split3 .split3 span {
  display: inline-block;
  opacity: 0;
  translate: 0 30px;
}
.js-anim_elm.-split3.split3 span:nth-of-type(1),
.js-anim_elm.-split3 .split3 span:nth-of-type(1) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 1);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(2),
.js-anim_elm.-split3 .split3 span:nth-of-type(2) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 2);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(3),
.js-anim_elm.-split3 .split3 span:nth-of-type(3) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 3);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(4),
.js-anim_elm.-split3 .split3 span:nth-of-type(4) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 4);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(5),
.js-anim_elm.-split3 .split3 span:nth-of-type(5) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 5);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(6),
.js-anim_elm.-split3 .split3 span:nth-of-type(6) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 6);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(7),
.js-anim_elm.-split3 .split3 span:nth-of-type(7) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 7);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(8),
.js-anim_elm.-split3 .split3 span:nth-of-type(8) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 8);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(9),
.js-anim_elm.-split3 .split3 span:nth-of-type(9) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 9);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(10),
.js-anim_elm.-split3 .split3 span:nth-of-type(10) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 10);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(11),
.js-anim_elm.-split3 .split3 span:nth-of-type(11) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 11);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(12),
.js-anim_elm.-split3 .split3 span:nth-of-type(12) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 12);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(13),
.js-anim_elm.-split3 .split3 span:nth-of-type(13) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 13);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(14),
.js-anim_elm.-split3 .split3 span:nth-of-type(14) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 14);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(15),
.js-anim_elm.-split3 .split3 span:nth-of-type(15) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 15);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(16),
.js-anim_elm.-split3 .split3 span:nth-of-type(16) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 16);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(17),
.js-anim_elm.-split3 .split3 span:nth-of-type(17) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 17);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(18),
.js-anim_elm.-split3 .split3 span:nth-of-type(18) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 18);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(19),
.js-anim_elm.-split3 .split3 span:nth-of-type(19) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 19);
  animation-play-state: paused;
}
.js-anim_elm.-split3.split3 span:nth-of-type(20),
.js-anim_elm.-split3 .split3 span:nth-of-type(20) {
  animation-name: textAnimation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
  animation-delay: calc(0.05s * 20);
  animation-play-state: paused;
}
.js-anim_elm.-split3.is-act.split3 span,
.js-anim_elm.-split3.is-act .split3 span {
  animation-play-state: running;
}
.js-anim_elm.-pop1.pop1,
.js-anim_elm.-pop1 .pop1 {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  transition-duration: 0.5s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0s;
}
.js-anim_elm.-pop1.is-act.pop1,
.js-anim_elm.-pop1.is-act .pop1 {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.js-anim_elm.-pop2.pop2,
.js-anim_elm.-pop2 .pop2 {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  transition-duration: 0.5s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0s;
}
.js-anim_elm.-pop2.is-act.pop2,
.js-anim_elm.-pop2.is-act .pop2 {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.js-anim_elm.-pop3.pop3,
.js-anim_elm.-pop3 .pop3 {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  transition-duration: 0.5s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0s;
}
.js-anim_elm.-pop3.is-act.pop3,
.js-anim_elm.-pop3.is-act .pop3 {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/*----------------------------------------------------
	アコーディオン
--------------------------------------------------- */
.js-accordion .js-accordion-trigger {
  cursor: pointer;
}
.js-accordion .js-accordion-wrapper {
  height: 0;
  overflow: hidden;
}

.js-accordion-expand .js-accordion-expand-trigger {
  cursor: pointer;
}
.js-accordion-expand .js-accordion-expand-wrapper {
  overflow: hidden;
}

.js-endless-slider .swiper-wrapper,
.js-cottage-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.js-endless-slider .swiper-slide,
.js-cottage-slider .swiper-slide {
  width: auto;
}

.js-mega {
  position: fixed;
  top: var(--header-height, 0);
  left: 0;
  right: 0;
  z-index: 4999;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -20px, 0);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.2s, 0.2s, 0.3s;
  transition-timing-function: ease-out;
}
.js-mega.is-open {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.js-mega.is-open .js-mega-content {
  pointer-events: all;
}

.js-mega-trigger {
  position: relative;
}
.js-mega-trigger::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2em;
  right: -2em;
  height: var(--header-height);
  pointer-events: none;
}
.js-mega-trigger.is-open::before {
  pointer-events: all;
}

.js-slider-button {
  cursor: pointer;
}
.js-slider-button.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}

/**
* ニュース
*/
.c-news-link {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding-block: 2em;
  border-bottom: 2px solid var(--color-gray-50);
}
.c-news-link .hover-elm, .c-news-link.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-news-link:hover .hover-elm, .c-news-link:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-news-link__head {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.c-news-link__date {
  line-height: 1.5;
  color: var(--enjoy-color-100, var(--color-main));
  width: 6.25em;
}
.c-news-link__cats {
  font-size: min(0.0816326531vw + 0.7308673469rem, 0.8125rem);
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
.c-news-link__cats .cat {
  color: var(--color-black-50);
  background-color: var(--color-gray-50);
  border-radius: calc(infinity * 1px);
  padding: 0.2em 1em 0.3em;
}
.c-news-link__title {
  grid-column: 1/3;
  grid-row: 2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-news-link .c-arrow {
  grid-column: 4;
  grid-row: 2;
  font-size: 2.0625em;
  margin-left: 1em;
  justify-self: end;
}
.c-news-links {
  margin-top: -2em;
}

/**
* トピックス
*/
.c-topics-link-card a {
  display: block;
}
.c-topics-link-card a .hover-elm, .c-topics-link-card a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-topics-link-card a:hover .hover-elm, .c-topics-link-card a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-topics-link-card__img {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
}
.c-topics-link-card__img > img,
.c-topics-link-card__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .c-topics-link-card__img > img,
  a:hover .c-topics-link-card__img > video, .js-modal-trg:hover .c-topics-link-card__img > img,
  .js-modal-trg:hover .c-topics-link-card__img > video, .js-download-button:hover .c-topics-link-card__img > img,
  .js-download-button:hover .c-topics-link-card__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.c-topics-link-card__img img {
  aspect-ratio: 1;
}
.c-topics-link-card__img .c-arrow-mount {
  font-size: min(1.2244897959vw + 2.5255102041rem, 3.75rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-topics-link-card__title {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  color: var(--color-main);
}
.c-topics-link-card__note {
  color: var(--color-black-50);
  margin-top: 0.5em;
}
.c-topics-link-card-slider {
  --slider-margin: min(1.6326530612vw + 13.8775510204px, 40px);
  position: relative;
}
.c-topics-link-card-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.c-topics-link-card-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 25%;
}
@media only screen and (max-width: 1023px) {
  .c-topics-link-card-slider .swiper-slide {
    inline-size: 33.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .c-topics-link-card-slider .swiper-slide {
    inline-size: 66.6666666667%;
  }
}

/**
* コテージ
*/
.c-cottage-link-card a {
  display: block;
}
.c-cottage-link-card a .hover-elm, .c-cottage-link-card a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-cottage-link-card a:hover .hover-elm, .c-cottage-link-card a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-cottage-link-card__img {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
}
.c-cottage-link-card__img > img,
.c-cottage-link-card__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .c-cottage-link-card__img > img,
  a:hover .c-cottage-link-card__img > video, .js-modal-trg:hover .c-cottage-link-card__img > img,
  .js-modal-trg:hover .c-cottage-link-card__img > video, .js-download-button:hover .c-cottage-link-card__img > img,
  .js-download-button:hover .c-cottage-link-card__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.c-cottage-link-card__img img {
  aspect-ratio: 405/324;
}
.c-cottage-link-card__img .c-arrow-mount {
  font-size: min(1.2244897959vw + 2.5255102041rem, 3.75rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-cottage-link-card__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
}
.c-cottage-link-card__summary {
  margin-top: 0.5em;
}
.c-cottage-link-card__labels {
  line-height: 1.5;
  color: var(--color-main);
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.c-cottage-link-card__labels .label {
  padding: 0.2em 0.6em 0.3em;
  border: 1px solid;
  background-color: var(--color-white);
}
.c-cottage-link-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.4489795918vw + 20.8163265306px, 60px) min(1.2244897959vw + 10.4081632653px, 30px);
}
@media only screen and (max-width: 1023px) {
  .c-cottage-link-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-cottage-link-cards {
    grid-template-columns: 1fr;
  }
}
.c-cottage-link-card-slider {
  --slider-margin: min(0.8163265306vw + 16.9387755102px, 30px);
  position: relative;
}
.c-cottage-link-card-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.c-cottage-link-card-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 33.3333333333%;
}
@media only screen and (max-width: 1023px) {
  .c-cottage-link-card-slider .swiper-slide {
    inline-size: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .c-cottage-link-card-slider .swiper-slide {
    inline-size: 90.9090909091%;
  }
}

.c-slider-button .c-arrow {
  font-size: min(1.4693877551vw + 1.5306122449rem, 3rem);
}

.c-slider-progressbar {
  width: 100%;
  font-size: 0.25rem;
  height: 1em;
  position: relative;
  background-color: #ededed;
}
.c-slider-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--enjoy-color-100, var(--color-main));
  transform: scale(0);
  transform-origin: left top;
}

.c-slider-pagination {
  font-size: 0.625rem;
  display: flex;
  justify-content: center;
  gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.c-slider-pagination .swiper-pagination-bullet {
  width: 1em;
  aspect-ratio: 1;
  border-radius: calc(infinity * 1px);
  border: 2px solid var(--enjoy-color-100, var(--color-main));
  display: block;
}
.c-slider-pagination .swiper-pagination-bullet-active {
  background-color: var(--enjoy-color-100, var(--color-main));
}

.c-playbook-bnr a {
  display: block;
  position: relative;
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  overflow: hidden;
}
.c-playbook-bnr__img {
  overflow: hidden;
}
.c-playbook-bnr__img > img,
.c-playbook-bnr__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .c-playbook-bnr__img > img,
  a:hover .c-playbook-bnr__img > video, .js-modal-trg:hover .c-playbook-bnr__img > img,
  .js-modal-trg:hover .c-playbook-bnr__img > video, .js-download-button:hover .c-playbook-bnr__img > img,
  .js-download-button:hover .c-playbook-bnr__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.c-playbook-bnr .c-arrow {
  --bg-color: var(--color-white);
  --color: var(--color-main);
  font-size: min(3.2653061224vw + 1.7346938776rem, 5rem);
  position: absolute;
  bottom: min(2.8571428571vw + 24.2857142857px, 70px);
  right: min(1.6326530612vw + 13.8775510204px, 40px);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-playbook-bnr .c-arrow {
    bottom: min(0.8163265306vw + 6.9387755102px, 20px);
    right: min(0.8163265306vw + 6.9387755102px, 20px);
  }
}
.c-playbook-bnr-wrapper {
  margin-block: min(4.0816326531vw + 34.693877551px, 100px);
}

.c-playbook-cat-title {
  font-size: min(3.7959183673vw + 2.0165816327rem, 5.8125rem);
  line-height: 1;
  text-align: center;
  margin-bottom: 1em;
}
.c-playbook-cat-title img {
  width: auto;
  height: 1em;
}

.c-playbook-cat-link {
  width: 100%;
  max-width: 272px;
  margin-inline: auto;
}
.c-playbook-cat-link a {
  filter: drop-shadow(10px 10px 15px rgba(97, 96, 91, 0.22));
  display: grid;
  position: relative;
  z-index: 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-playbook-cat-link a:hover {
    transform: translate3d(0, 2%, 0);
  }
  .c-playbook-cat-link a:hover .c-playbook-cat-link__back {
    transform: translate3d(10%, 0, 0);
  }
  .c-playbook-cat-link a:hover .c-playbook-cat-link__obj {
    transform: translate3d(100%, 0, 0) rotate3d(1, 1, 1, 45deg);
  }
}
.c-playbook-cat-link__front, .c-playbook-cat-link__back {
  grid-area: 1/1;
  position: relative;
}
.c-playbook-cat-link__front img, .c-playbook-cat-link__back img {
  width: 100%;
  height: 100%;
}
.c-playbook-cat-link__front {
  z-index: 2;
}
.c-playbook-cat-link__back {
  z-index: 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-playbook-cat-link__obj {
  width: 40.8088235294%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -90%;
  z-index: 1;
  transition-property: transform;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-playbook-cat-link__obj img {
  width: 100%;
  height: 100%;
}
.c-playbook-cat-link.-stay {
  rotate: 2.4deg;
}
.c-playbook-cat-link.-fishing-park {
  rotate: -5deg;
}
.c-playbook-cat-link.-dolphin-farm {
  rotate: 2.51deg;
}
.c-playbook-cat-link.-kayak {
  rotate: -5deg;
}
.c-playbook-cat-link.-sup {
  rotate: 3.34deg;
}
.c-playbook-cat-link.-horse-club {
  rotate: 12deg;
}
.c-playbook-cat-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(4.0816326531vw + 34.693877551px, 100px);
}
@media only screen and (max-width: 1023px) {
  .c-playbook-cat-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-playbook-cat-link-slider {
  --slider-margin: min(3.2653061224vw + 27.7551020408px, 80px);
  position: relative;
}
.c-playbook-cat-link-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.c-playbook-cat-link-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 25%;
}
@media only screen and (max-width: 1023px) {
  .c-playbook-cat-link-slider .swiper-slide {
    inline-size: 33.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .c-playbook-cat-link-slider .swiper-slide {
    inline-size: 50%;
  }
}

.c-playbook-card {
  padding: min(0.8163265306vw + 16.9387755102px, 30px);
  padding-top: min(0.8163265306vw + 36.9387755102px, 50px);
  display: block;
  border: 5px solid var(--enjoy-color-100, var(--color-main));
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.c-playbook-card__level {
  width: 85.3598014888%;
  max-width: 344px;
  margin-inline: auto;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  translate: 0 -50%;
  overflow: clip;
}
.c-playbook-card__img {
  margin-bottom: 20px;
}
.c-playbook-card__img img {
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  width: 100%;
  aspect-ratio: 340/230;
}
.c-playbook-card__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  font-weight: 900;
  color: var(--color-main);
}
.c-playbook-card__copy {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 0.2em;
}
.c-playbook-card__summary {
  margin-top: 1em;
}
.c-playbook-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(3.2653061224vw + 27.7551020408px, 80px) min(1.2244897959vw + 15.4081632653px, 35px);
}
@media only screen and (max-width: 1023px) {
  .c-playbook-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-playbook-cards {
    grid-template-columns: 1fr;
  }
}

.c-activity-anchor {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  width: 100%;
  max-width: 12.5em;
}
.-play .c-activity-anchor, .c-activity-anchor.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .c-activity-anchor, .c-activity-anchor.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .c-activity-anchor, .c-activity-anchor.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .c-activity-anchor, .c-activity-anchor.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .c-activity-anchor, .c-activity-anchor.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
@media only screen and (max-width: 767px) {
  .c-activity-anchor {
    max-width: 10em;
  }
}
.c-activity-anchor a {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  aspect-ratio: 250/200;
  background-color: var(--color-green-10);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  text-align: center;
  padding: min(0.8163265306vw + 6.9387755102px, 20px);
  position: relative;
  z-index: 1;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-activity-anchor a .hover-elm, .c-activity-anchor a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-activity-anchor a:hover .hover-elm, .c-activity-anchor a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-activity-anchor a:hover {
    transform: translate3d(0, -5%, 0);
  }
}
.c-activity-anchor.-enjoy-color a {
  background-color: var(--enjoy-color-10);
}
.c-activity-anchor__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 0.65em;
  line-height: 1;
  text-transform: uppercase;
  color: var(--enjoy-color-100);
  padding-top: 1.5em;
}
.c-activity-anchor__title {
  font-size: 1em;
  align-self: center;
  font-size: min(0.3265306122vw + 10.7755102041px, 16px);
}
.c-activity-anchor__title .small {
  font-size: min(0.3265306122vw + 8.7755102041px, 14px);
}
.c-activity-anchor .c-arrow {
  font-size: 1.6em;
  rotate: 90deg;
  justify-self: center;
  align-self: end;
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.c-activity-anchor__obj {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 22.4%;
}
.c-activity-anchor__obj img {
  display: block;
}
.c-activity-anchors {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
}

.c-activity_map {
  background-color: var(--color-beige-100);
  position: relative;
  margin-block: min(4.8979591837vw + 41.6326530612px, 120px);
}

.c-activity-together__inner {
  background-color: var(--color-beige-100);
  padding: min(2.4489795918vw + 30.8163265306px, 70px) min(4.0816326531vw + 4.693877551px, 70px);
  border-radius: min(3.2653061224vw + 7.7551020408px, 60px);
}
.c-activity-together .c-button-primary {
  margin: min(2.1224489796vw + 22.0408163265px, 56px) auto 0;
}
.c-activity-together .c-arrow-mount {
  background-color: var(--color-beige-100);
}
.c-activity-together .c-arrow-mount .c-arrow {
  background-color: var(--enjoy-color-100, var(--color-main));
}
@media only screen and (max-width: 767px) {
  .c-activity-together .c-tree-decoration {
    flex-direction: column;
  }
  .c-activity-together .c-tree-decoration .tree:last-child,
  .c-activity-together .c-tree-decoration .starfish:last-child {
    display: none;
  }
}
.c-activity-together .c-button-primary a {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.c-activity-together .c-button-primary a .c-arrow {
  color: var(--enjoy-color-100, var(--color-main));
}

.c-activity-link-card__list {
  margin-block-start: min(2.1224489796vw + 22.0408163265px, 56px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.4489795918vw + 20.8163265306px, 60px) min(1.2244897959vw + 10.4081632653px, 30px);
}
@media only screen and (max-width: 1023px) {
  .c-activity-link-card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-activity-link-card__list {
    grid-template-columns: 1fr;
  }
}
.c-activity-link-card a {
  display: block;
}
.c-activity-link-card a .hover-elm, .c-activity-link-card a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .c-activity-link-card a:hover .hover-elm, .c-activity-link-card a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.c-activity-link-card__img {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
}
.c-activity-link-card__img > img,
.c-activity-link-card__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .c-activity-link-card__img > img,
  a:hover .c-activity-link-card__img > video, .js-modal-trg:hover .c-activity-link-card__img > img,
  .js-modal-trg:hover .c-activity-link-card__img > video, .js-download-button:hover .c-activity-link-card__img > img,
  .js-download-button:hover .c-activity-link-card__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.c-activity-link-card__img img {
  aspect-ratio: 405/324;
}
.c-activity-link-card__img .c-arrow-mount {
  font-size: min(1.2244897959vw + 2.5255102041rem, 3.75rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-activity-link-card__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
}
.c-activity-link-card__summary {
  margin-top: 0.5em;
}
.c-activity-link-card__labels {
  line-height: 1.5;
  color: var(--color-main);
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.c-activity-link-card__labels .label {
  padding: 0.2em 0.6em 0.3em;
  border: 1px solid;
  background-color: var(--color-white);
}
.c-activity-link-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.4489795918vw + 20.8163265306px, 60px) min(1.2244897959vw + 10.4081632653px, 30px);
}
@media only screen and (max-width: 1023px) {
  .c-activity-link-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-activity-link-cards {
    grid-template-columns: 1fr;
  }
}
.c-activity-link-card-slider {
  --slider-margin: min(0.8163265306vw + 16.9387755102px, 30px);
  position: relative;
}
.c-activity-link-card-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.c-activity-link-card-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 33.3333333333%;
}
@media only screen and (max-width: 1023px) {
  .c-activity-link-card-slider .swiper-slide {
    inline-size: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .c-activity-link-card-slider .swiper-slide {
    inline-size: 90.9090909091%;
  }
}

.c-activity_flow {
  margin-block-start: min(3.2653061224vw + 27.7551020408px, 80px);
}
.c-activity_flow.-mt0 {
  margin-block-start: 0;
}
.c-activity_flow__list {
  display: grid;
  gap: min(0.4897959184vw + 8.1632653061px, 16px);
}
.c-activity_flow__item {
  background-color: var(--color-white);
  border-radius: min(0.4081632653vw + 13.4693877551px, 20px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px) min(2.7755102041vw + 5.5918367347px, 50px);
  display: grid;
  grid-template-columns: min(2.9387755102vw + 88.9795918367px, 136px) 1fr;
  align-items: center;
  counter-increment: mycounter;
  border: 1px solid var(--color-gray-50);
}
@media only screen and (max-width: 767px) {
  .c-activity_flow__item {
    grid-template-columns: 1fr;
  }
}
.c-activity_flow__heading {
  color: var(--enjoy-color-100);
  font-weight: 900;
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.c-activity_flow__heading:before {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  content: counter(mycounter, decimal-leading-zero);
  font-weight: 600;
}
.c-activity_flow__content {
  border-left: 2px solid var(--color-gray-50);
  padding-inline-start: min(1.6326530612vw + 13.8775510204px, 40px);
  margin-inline-start: min(1.6326530612vw + 13.8775510204px, 40px);
  display: grid;
  gap: min(0.2448979592vw + 4.0816326531px, 8px);
}
@media only screen and (max-width: 767px) {
  .c-activity_flow__content {
    border-top: 2px solid var(--color-gray-50);
    border-left: none;
    padding-inline-start: 0;
    margin-inline-start: 0;
    padding-block-start: min(0.8163265306vw + 6.9387755102px, 20px);
    margin-block-start: min(0.8163265306vw + 6.9387755102px, 20px);
  }
}

.c-activity_time__table {
  margin-block: min(1.306122449vw + 15.1020408163px, 36px) min(2.1224489796vw + 22.0408163265px, 56px);
}
.c-activity_time__table.-grid {
  display: grid;
}
.c-activity_time__table.-grid.-col2 {
  grid-template-columns: repeat(2, 1fr);
  column-gap: min(1.306122449vw + 11.1020408163px, 32px);
}
@media only screen and (max-width: 1299px) {
  .c-activity_time__table.-grid.-col1-md {
    grid-template-columns: 1fr;
  }
}
.c-activity_time__table.-grid .c-activity_caption {
  grid-column: 1/3;
}
@media only screen and (max-width: 1299px) {
  .c-activity_time__table.-grid .c-activity_caption {
    grid-column: auto;
  }
}
.c-activity_time__table__inner {
  position: relative;
  background-color: var(--color-white);
  padding: min(0.3265306122vw + 18.7755102041px, 24px) min(0.6530612245vw + 13.5510204082px, 24px);
  border-radius: min(0.3265306122vw + 14.7755102041px, 20px);
  margin-block-end: min(0.3265306122vw + 18.7755102041px, 24px);
}
@media only screen and (max-width: 767px) {
  .c-activity_time__table__inner {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .c-activity_time__table__inner table {
    min-width: 600px;
  }
}
.c-activity_time__table__inner th {
  font-weight: 900;
  font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
}
.c-activity_time__table__inner th,
.c-activity_time__table__inner td {
  padding: 0.5em 1em;
  text-align: center;
  border: none;
  border-radius: 4px;
}
.c-activity_time__table__inner td {
  border-bottom: 2px dotted var(--color-gray-50);
}
.c-activity_time__table__inner .main-heading {
  color: var(--enjoy-color-100);
}
.c-activity_time__table__inner .sub-heading {
  background-color: var(--enjoy-color-100);
  color: var(--color-white);
  border-bottom: 4px solid var(--color-white);
  border-top: 4px solid var(--color-white);
  width: min(3.5918367347vw + 126.5306122449px, 184px);
  vertical-align: middle;
  line-height: 1;
  border-radius: 4px;
}
.c-activity_time__table__inner .sub-heading span {
  font-size: min(0.3265306122vw + 0.5484693878rem, 0.875rem);
}
.c-activity_time__table__month {
  background-color: var(--enjoy-color-100);
  color: var(--color-white);
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  width: fit-content;
  position: absolute;
  top: 0;
  left: min(0.6530612245vw + 13.5510204082px, 24px);
  border-radius: calc(infinity * 1px);
  padding-inline: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  translate: 0 -50%;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .c-activity_time__table__month {
    position: static;
    translate: 0 0;
  }
}
.c-activity_time__table__month .c-icon {
  font-size: min(0.5714285714vw + 0.8660714286rem, 1.4375rem);
}
.c-activity_time__title {
  color: var(--enjoy-color-100);
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 900;
  position: relative;
  padding-block-end: min(0.4897959184vw + 8.1632653061px, 16px);
  margin-block-end: min(0.6530612245vw + 13.5510204082px, 24px);
}
.c-activity_time__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.3333333333em;
  height: 2px;
  background-color: var(--enjoy-color-100);
}

.c-activity_experience-outline {
  margin-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
  background-color: var(--color-white);
  padding: min(1.6326530612vw + 23.8775510204px, 50px);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
}
.c-activity_experience-outline__inner {
  display: grid;
  grid-template-columns: min(4.0816326531vw + 134.693877551px, 200px) 1fr;
  align-items: flex-start;
  gap: min(1.7959183673vw + 3.2653061224px, 32px);
  border-bottom: 1px solid var(--color-gray-50);
  padding-block-end: min(0.9795918367vw + 16.3265306122px, 32px);
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
}
@media only screen and (max-width: 767px) {
  .c-activity_experience-outline__inner {
    grid-template-columns: 1fr;
  }
}
.c-activity_experience-outline__heading {
  font-size: min(0.1632653061vw + 0.9617346939rem, 1.125rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.c-activity_experience-outline__heading .c-icon {
  width: min(0.4897959184vw + 16.1632653061px, 24px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-10);
  color: var(--enjoy-color-100);
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
}
.c-activity_experience-outline__item__title {
  font-weight: 700;
}
.c-activity_experience-outline__content {
  display: grid;
  gap: min(0.6530612245vw + 13.5510204082px, 24px);
}
.c-activity_experience-outline__sub__item {
  position: relative;
  padding-inline-start: 1em;
}
.c-activity_experience-outline__sub__item::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100);
}
.c-activity_experience-outline__flex {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: min(0.8163265306vw + 6.9387755102px, 20px);
}
@media only screen and (max-width: 767px) {
  .c-activity_experience-outline__flex {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.c-activity_experience-outline__campaign {
  position: relative;
  background-color: var(--color-green-10);
  color: var(--color-white);
  border-radius: calc(infinity * 1px);
  width: min(1.306122449vw + 59.1020408163px, 80px);
  aspect-ratio: 1/1;
  font-size: min(0.2448979592vw + 0.6301020408rem, 0.875rem);
  text-align: center;
  display: grid;
  place-items: center;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-activity_experience-outline__campaign {
    aspect-ratio: auto;
    width: fit-content;
    background-color: var(--enjoy-color-100);
    padding: 0.5em 0.5em 0.4em;
  }
}
.c-activity_experience-outline__campaign::before {
  content: "";
  width: calc(100% - 8px);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--enjoy-color-100);
  z-index: 1;
  border-radius: calc(infinity * 1px);
}
@media only screen and (max-width: 767px) {
  .c-activity_experience-outline__campaign::before {
    display: none;
  }
}
.c-activity_experience-outline__campaign p {
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-activity_experience-outline__campaign p br {
    display: none;
  }
}
.c-activity_experience-outline .c-text03 a {
  color: var(--enjoy-color-100);
  text-decoration: underline;
}

.c-activity_caption {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  color: var(--color-black-50);
}
.c-activity_caption li {
  position: relative;
  padding-left: 1.2em;
}
.c-activity_caption li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
  margin-right: 0.5em;
}
.c-activity_caption li a {
  color: var(--enjoy-color-100);
  text-decoration: underline;
}

.c-activity_card {
  gap: min(2.4489795918vw + 20.8163265306px, 60px) min(0.6530612245vw + 13.5510204082px, 24px);
}
.c-activity_card__img {
  margin-block-end: min(0.4897959184vw + 8.1632653061px, 16px);
}
.c-activity_card .c-title-xs {
  color: var(--enjoy-color-100);
  margin-block-start: min(0.3265306122vw + 2.7755102041px, 8px);
}

.c-activity_movie__list {
  margin-block: min(0.9795918367vw + 8.3265306122px, 24px) min(1.9591836735vw + 16.6530612245px, 48px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.9795918367vw + 16.3265306122px, 32px) min(0.9795918367vw + 8.3265306122px, 24px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_movie__list {
    grid-template-columns: 1fr;
  }
}
.c-activity_movie__item {
  aspect-ratio: 16/9;
}
.c-activity_movie__item iframe {
  width: 100%;
  height: 100%;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}

.c-activity_title {
  color: var(--enjoy-color-100);
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  margin-block-end: 1em;
  width: fit-content;
}
.c-activity_title .illust {
  width: min(2.612244898vw + 22.2040816327px, 64px);
  margin-inline-end: min(0.4897959184vw + 8.1632653061px, 16px);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-activity_title .illust {
    margin-block-end: auto;
  }
}
.c-activity_title .illust::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: min(2.612244898vw + 22.2040816327px, 64px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100);
}
.c-activity_title .under-line {
  display: inline;
  padding-bottom: 5px;
  text-decoration: underline;
  text-decoration-color: var(--enjoy-color-100);
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: min(0.1632653061vw + 7.387755102px, 10px);
  flex: 1;
}
.c-activity_title .line {
  width: min(0.4081632653vw + 13.4693877551px, 20px);
  margin-inline-start: min(0.2448979592vw + 4.0816326531px, 8px);
  margin-block-end: auto;
}
.c-activity_main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1140px;
  margin-inline: auto;
}
@media only screen and (max-width: 1023px) {
  .c-activity_main {
    grid-template-columns: 1fr;
    gap: min(0.8163265306vw + 26.9387755102px, 40px);
  }
}
.c-activity_main__body {
  width: calc(100% - min(2.612244898vw + 22.2040816327px, 64px));
}
@media only screen and (max-width: 1023px) {
  .c-activity_main__body {
    width: 100%;
  }
}
.c-activity_main__data {
  display: flex;
  align-items: center;
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
}
.c-activity_main__data.-f-start {
  align-items: flex-start;
}
.c-activity_main__data .c-icon {
  color: var(--enjoy-color-100);
  width: min(0.6530612245vw + 13.5510204082px, 24px);
}
.c-activity_main__data__emphasis {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  font-weight: 900;
  margin-inline-end: 0.8em;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.c-activity_main__attention {
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  background-color: var(--color-green-100);
  color: var(--color-white);
  border-radius: 4px;
  width: fit-content;
  padding: 0 0.5em;
  display: flex;
  align-items: center;
}
.c-activity_main__attention .c-icon {
  display: flex;
  width: min(0.6530612245vw + 13.5510204082px, 24px);
}
.c-activity_main__attention.-red {
  background-color: var(--color-reservations);
}
.c-activity_main__attention.-white {
  background-color: var(--color-white);
  color: var(--enjoy-color-100);
  border: 1px solid var(--enjoy-color-100);
}
.c-activity_main__attention-wrapper {
  margin-block-start: min(0.9795918367vw + 8.3265306122px, 24px);
  display: flex;
  gap: 0.5em;
}
.c-activity_main__tel {
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
}
.c-activity_main__tel a {
  display: flex;
  align-items: center;
  width: fit-content;
  background-color: var(--enjoy-color-100);
  border-radius: calc(infinity * 1px);
  color: var(--color-white);
  font-size: min(0.4897959184vw + 0.7602040816rem, 1.25rem);
  gap: 8px;
  padding: 0.4em 2em 0.3em;
}
.c-activity_main__tel__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-activity_main__tel__small {
  font-size: min(0.4081632653vw + 0.5918367347rem, 1rem);
  margin-inline-end: 8px;
}
.c-activity_main__comming {
  background-color: var(--enjoy-color-100);
  border: solid 5px var(--enjoy-color-10);
  border-radius: calc(infinity * 1px);
  display: flex;
  justify-content: space-between;
  padding-inline: min(1.8775510204vw + 15.9591836735px, 46px) min(3.5102040816vw + 29.8367346939px, 86px);
  margin-block-end: min(4.5714285714vw + -17.1428571429px, 56px);
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
  max-width: 1280px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .c-activity_main__comming {
    padding-block-end: min(1.2244897959vw + 5.4081632653px, 25px);
  }
}
@media only screen and (max-width: 767px) {
  .c-activity_main__comming__obj {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .c-activity_main__comming {
    grid-column: auto;
  }
}

.c-activity_access {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .c-activity_access {
    grid-template-columns: 1fr;
    gap: min(0.9795918367vw + 16.3265306122px, 32px);
  }
}
.c-activity_access__movie {
  width: calc(100% - min(2.9387755102vw + 8.9795918367px, 56px));
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  background-color: var(--color-gray-30);
  padding: min(0.6530612245vw + 13.5510204082px, 24px);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_access__movie {
    width: 100%;
  }
}
.c-activity_access__movie__title {
  font-weight: 900;
}
.c-activity_access__movie__title .c-icon {
  margin-inline-end: min(0.3265306122vw + 2.7755102041px, 8px);
  vertical-align: baseline;
}
.c-activity_access__movie__link li a {
  color: var(--enjoy-color-100);
  text-decoration: underline;
}
.c-activity_access__movie__link li a .c-icon {
  padding-inline-start: 0.5em;
}
.c-activity_access__map {
  width: 100%;
  height: 100%;
  aspect-ratio: 565/384;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  overflow: clip;
}
.c-activity_access__map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-activity_access__directions {
  margin-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
  grid-column: 1/3;
}
@media only screen and (max-width: 1023px) {
  .c-activity_access__directions {
    grid-column: auto;
  }
}
.c-activity_access__directions__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_access__directions__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-activity_access__directions__list {
    grid-template-columns: 1fr;
  }
}
.c-activity_access__directions__item {
  position: relative;
  display: grid;
  gap: 1em;
}
.c-activity_access__directions__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: max(-0.8163265306vw + -6.9387755102px, -20px);
  translate: 50% -50%;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background-color: var(--color-black);
  width: 20px;
  height: 14px;
  rotate: -90deg;
}
@media only screen and (max-width: 1023px) {
  .c-activity_access__directions__item:not(:last-child)::before {
    display: none;
  }
}

.c-activity_management {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_management {
    grid-template-columns: 1fr;
  }
}
.c-activity_management__title {
  color: var(--enjoy-color-100);
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
}
.c-activity_management__title .sub {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  font-weight: 900;
}
.c-activity_management__title .main {
  font-size: min(1.1428571429vw + 0.8571428571rem, 2rem);
  font-weight: 900;
  vertical-align: sub;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.c-activity_management__img {
  width: min(29.387755102vw + 9.7959183673px, 480px);
  border-radius: min(1.1428571429vw + 11.7142857143px, 30px);
}
.c-activity_management__img img {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .c-activity_management__img {
    width: 100%;
  }
}

.c-activity_cta {
  margin-block-start: min(2.1224489796vw + 22.0408163265px, 56px);
  background-color: var(--color-green-10);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  max-width: 1280px;
  margin-inline: auto;
  padding: min(2.1224489796vw + 22.0408163265px, 56px) min(1.6326530612vw + 13.8775510204px, 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.c-activity_cta .c-title-s {
  position: relative;
  padding-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
}
.c-activity_cta .c-title-s::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: min(0.9795918367vw + 16.3265306122px, 32px);
  height: 2px;
  background-color: var(--enjoy-color-100);
}
.c-activity_cta__tel {
  margin-block-start: min(0.4897959184vw + 8.1632653061px, 16px);
  color: var(--enjoy-color-100);
  font-size: min(1.1428571429vw + 0.9821428571rem, 2.125rem);
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.c-activity_stay-precautions {
  max-width: 1060px;
  margin-inline: auto;
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(4.8979591837vw + 1.6326530612px, 80px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.c-activity_stay-precautions__list {
  display: grid;
  gap: 0.5em;
}
.c-activity_stay-precautions.-airstream {
  margin-block-start: min(5.2244897959vw + 44.4081632653px, 128px);
  background-color: var(--color-gray-10);
}
.c-activity_stay-precautions.-auto-camp {
  margin-block-start: min(7.2653061224vw + 61.7551020408px, 178px);
  background-color: var(--color-white);
}
.c-activity_stay-precautions__title {
  color: var(--enjoy-color-100);
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 900;
  margin-block-end: min(2.4489795918vw + 10.8163265306px, 50px);
  text-align: center;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  text-decoration-color: var(--enjoy-color-100);
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: min(0.1632653061vw + 7.387755102px, 10px);
  gap: 0.5em;
}
.c-activity_stay-precautions__title .illust {
  width: min(2.612244898vw + 22.2040816327px, 64px);
}
.c-activity_stay-precautions__item {
  padding-inline-start: 1em;
}
.c-activity_stay-precautions .c-title-xxs {
  position: relative;
}
.c-activity_stay-precautions .c-title-xxs::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: -1em;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100);
}

.c-activity_interact__voice::after {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}
.c-activity_interact__voice__title {
  color: var(--enjoy-color-100);
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-activity_interact__voice__title::before {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  flex: 1;
}
.c-activity_interact__voice__title::after {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  flex: 1;
}
.c-activity_interact__voice__title .line {
  width: min(0.4081632653vw + 13.4693877551px, 20px);
  display: flex;
  margin-inline: min(0.9795918367vw + 8.3265306122px, 24px) min(0.3265306122vw + 2.7755102041px, 8px);
}
.c-activity_interact__voice__title .line.-reverse {
  scale: -1 1;
  margin-inline: min(0.3265306122vw + 2.7755102041px, 8px) min(0.9795918367vw + 8.3265306122px, 24px);
}
.c-activity_interact__voice__list {
  display: grid;
  margin-block: min(0.8163265306vw + 26.9387755102px, 40px);
  grid-template-columns: repeat(2, 1fr);
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_interact__voice__list {
    grid-template-columns: 1fr;
  }
}
.c-activity_interact__voice__item {
  position: relative;
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px) min(2.612244898vw + 6.2040816327px, 48px);
  margin-inline-start: min(2.9387755102vw + 24.9795918367px, 72px);
  margin-block-end: min(2.612244898vw + 22.2040816327px, 64px);
}
.c-activity_interact__voice__text {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  text-align: right;
  color: var(--color-black-50);
}
.c-activity_interact__voice__illust {
  position: absolute;
  width: min(2.1224489796vw + 62.0408163265px, 96px);
  left: max(-2.9387755102vw + -24.9795918367px, -72px);
  bottom: max(-2.612244898vw + -22.2040816327px, -64px);
}
.c-activity_interact__voice__svg {
  position: absolute;
  bottom: 0;
  left: min(2.9387755102vw + 24.9795918367px, 72px);
  translate: 0 100%;
}

.c-activity_lecturer {
  margin-block-start: min(2.1224489796vw + 22.0408163265px, 56px);
  width: fit-content;
  margin-inline: auto;
  background-color: var(--color-green-10);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px) min(2.2857142857vw + 11.4285714286px, 48px);
  display: grid;
  grid-template-columns: 1fr;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
  align-items: center;
}
.c-activity_lecturer__img {
  border-radius: calc(infinity * 1px);
  overflow: clip;
}
@media only screen and (max-width: 767px) {
  .c-activity_lecturer__img {
    width: min(2.7755102041vw + 155.5918367347px, 200px);
    margin-inline: auto;
  }
}
.c-activity_lecturer__img img {
  width: 100%;
}
.c-activity_lecturer .c-title-xs {
  color: var(--enjoy-color-100);
}

.c-activity_attraction {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(0.4897959184vw + 8.1632653061px, 16px);
}
@media only screen and (max-width: 1023px) {
  .c-activity_attraction {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .c-activity_attraction {
    grid-template-columns: 1fr;
  }
}
.c-activity_attraction__item {
  counter-increment: mycounter;
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: 2em;
}
.c-activity_attraction .c-title-xs {
  padding-inline-start: 2em;
  position: relative;
  margin-block-end: min(0.4081632653vw + 3.4693877551px, 10px);
}
.c-activity_attraction .c-title-xs::before {
  position: absolute;
  top: 0.4em;
  left: 0;
  content: counter(mycounter, decimal-leading-zero);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  color: var(--enjoy-color-100);
}

.c-activity_marine-craft {
  max-width: 1280px;
  margin-inline: auto;
}
.c-activity_marine-craft::after {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}
.c-activity_marine-craft__title {
  color: var(--enjoy-color-100);
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-activity_marine-craft__title::before {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  flex: 1;
}
.c-activity_marine-craft__title::after {
  content: "";
  background: radial-gradient(circle farthest-side, var(--enjoy-color-100), var(--enjoy-color-100) 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  flex: 1;
}
.c-activity_marine-craft__title .line {
  width: min(0.4081632653vw + 13.4693877551px, 20px);
  display: flex;
  margin-inline: min(0.9795918367vw + 8.3265306122px, 24px) min(0.3265306122vw + 2.7755102041px, 8px);
}
.c-activity_marine-craft__title .line.-reverse {
  scale: -1 1;
  margin-inline: min(0.3265306122vw + 2.7755102041px, 8px) min(0.9795918367vw + 8.3265306122px, 24px);
}
.c-activity_marine-craft__list {
  margin-block: min(2.612244898vw + 22.2040816327px, 64px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.1224489796vw + 22.0408163265px, 56px) min(0.9795918367vw + 16.3265306122px, 32px);
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .c-activity_marine-craft__list {
    grid-template-columns: 1fr;
  }
}
.c-activity_marine-craft__item .c-title-xs {
  margin-block-start: 2em;
  color: var(--enjoy-color-100);
}
.c-activity_marine-craft__img img {
  width: 100%;
}

.c-activity-box-primary {
  --bg-color: var(--color-white);
  background-color: var(--bg-color);
  padding: min(5.7142857143vw + -1.4285714286px, 90px);
  border-radius: min(2.4489795918vw + 20.8163265306px, 60px);
  position: relative;
}
.c-activity-box-primary .c-button-primary a {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.c-activity-box-primary .c-button-primary a .c-arrow {
  color: var(--enjoy-color-100, var(--color-main));
}

.c-activity-box-secondary {
  --bg-color: var(--color-gray-10);
  background-color: var(--bg-color);
  padding: min(4.0816326531vw + 4.693877551px, 70px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  position: relative;
}
.c-activity-box-secondary.-beige {
  --bg-color: var(--color-beige-100);
}
.c-activity-box-secondary.-enjoy-10 {
  --bg-color: var(--enjoy-color-10);
}
.c-activity-box-secondary.-balloon:before {
  content: "";
  font-size: min(1.306122449vw + 0.693877551rem, 2rem);
  height: 1em;
  aspect-ratio: 64/32;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: var(--bg-color);
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -100%;
}

.c-activity-box-tertiary {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-50);
  padding: min(2.4489795918vw + 10.8163265306px, 50px);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
}

.c-contact-box-primary {
  padding: min(1.6326530612vw + 13.8775510204px, 40px) 20px;
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  background-color: var(--color-green-10);
  text-align: center;
}
.c-contact-box-primary__title {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  margin-bottom: 2em;
  padding-bottom: 1em;
  position: relative;
  text-align: center;
}
.c-contact-box-primary__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  border-bottom: 2px solid var(--color-main);
  width: 1.2em;
}
.c-contact-box-primary__row {
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .c-contact-box-primary__row {
    grid-template-columns: 1fr;
  }
}
.c-contact-box-primary-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.4081632653vw + 8.4693877551px, 15px);
}
@media only screen and (max-width: 1023px) {
  .c-contact-box-primary-list {
    grid-template-columns: 1fr;
  }
}

.c-contact-box-secondary {
  padding: min(3.2653061224vw + 7.7551020408px, 60px) min(4.0816326531vw + 4.693877551px, 70px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  background-color: var(--enjoy-color-10, var(--color-green-10));
}
.c-contact-box-secondary__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-top: 1em;
  margin-bottom: 1em;
}
.c-contact-box-secondary__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 1.3333333333em;
  border-top: 2px solid var(--enjoy-color-100, var(--color-main));
}

.c-contact-tel {
  font-size: min(1.1428571429vw + 0.9821428571rem, 2.125rem);
  line-height: 1;
  color: var(--enjoy-color-100, var(--color-green-100));
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  margin-inline: auto;
}
.c-contact-tel .icon {
  font-size: 0.9411764706em;
}
.c-contact-tel .num {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-contact-tel.-s {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
}
.c-contact-tel.-left {
  margin-inline: 0;
}

.c-contact-email {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1;
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  color: var(--color-main);
  width: fit-content;
  margin-inline: auto;
}

.u-block, .u-block_center {
  display: block;
}
.u-block_center {
  margin-left: auto;
  margin-right: auto;
}

.u-none {
  display: none;
}

.u-ib {
  display: inline-block;
}

.u-left {
  text-align: left;
}

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

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

.u-justify {
  text-align: justify;
}

.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-fixed {
  position: fixed;
}

.u-flex {
  display: flex;
}
.u-flex.-wrap {
  flex-wrap: wrap;
}
.u-flex.-reverse {
  flex-direction: reverse;
}
.u-flex.-inline {
  display: inline-flex;
}
.u-flex.-astart {
  align-items: flex-start;
}
.u-flex.-acenter {
  align-items: center;
}
.u-flex.-aend {
  align-items: flex-end;
}
.u-flex.-jbetween {
  justify-content: space-between;
}
.u-flex.-jaround {
  justify-content: space-around;
}
.u-flex.-jstart {
  justify-content: flex-start;
}
.u-flex.-jcenter {
  justify-content: center;
}
.u-flex.-jend {
  justify-content: flex-end;
}

.u-grid {
  display: grid;
}

.u-overflow-auto {
  overflow: auto;
}
.u-overflow-visible {
  overflow: visible;
}
.u-overflow-hidden {
  overflow: hidden;
}

.u-visibility-visible {
  visibility: visible;
}
.u-visibility-hidden {
  visibility: hidden;
}

.u-cursor-pointer {
  cursor: pointer;
}
.u-cursor-grab {
  cursor: grab;
}
.u-cursor-wait {
  cursor: wait;
}
.u-cursor-not-allowed {
  cursor: not-allowed;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-capitalize {
  text-transform: capitalize;
}

.u-nowrap {
  white-space: nowrap;
}

.u-breakall {
  word-break: break-all;
}

.u-keepall {
  word-break: keep-all;
}

.u-weight-100 {
  font-weight: 100;
}
.u-weight-200 {
  font-weight: 200;
}
.u-weight-300 {
  font-weight: 300;
}
.u-weight-400 {
  font-weight: 400;
}
.u-weight-500 {
  font-weight: 500;
}
.u-weight-600 {
  font-weight: 600;
}
.u-weight-700 {
  font-weight: 700;
}
.u-weight-800 {
  font-weight: 800;
}
.u-weight-900 {
  font-weight: 900;
}

.u-color-main {
  color: var(--enjoy-color-100, var(--color-main));
}
.u-color-font {
  color: var(--color-font);
}
.u-color-black-50 {
  color: var(--color-black-50);
}

.u-mt0 {
  margin-top: min(0vw + 0px, 0px) !important;
}

.u-mb0 {
  margin-bottom: min(0vw + 0px, 0px) !important;
}

.u-ml0 {
  margin-left: min(0vw + 0px, 0px) !important;
}

.u-mr0 {
  margin-right: min(0vw + 0px, 0px) !important;
}

.u-pt0 {
  padding-top: min(0vw + 0px, 0px) !important;
}

.u-pb0 {
  padding-bottom: min(0vw + 0px, 0px) !important;
}

.u-pl0 {
  padding-left: min(0vw + 0px, 0px) !important;
}

.u-pr0 {
  padding-right: min(0vw + 0px, 0px) !important;
}

.u-mt5 {
  margin-top: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-mb5 {
  margin-bottom: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-ml5 {
  margin-left: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-mr5 {
  margin-right: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-pt5 {
  padding-top: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-pb5 {
  padding-bottom: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-pl5 {
  padding-left: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-pr5 {
  padding-right: min(0.4081632653vw + 3.4693877551px, 10px) !important;
}

.u-mt10 {
  margin-top: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-mb10 {
  margin-bottom: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-ml10 {
  margin-left: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-mr10 {
  margin-right: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-pt10 {
  padding-top: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-pb10 {
  padding-bottom: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-pl10 {
  padding-left: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-pr10 {
  padding-right: min(0.8163265306vw + 6.9387755102px, 20px) !important;
}

.u-mt15 {
  margin-top: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-mb15 {
  margin-bottom: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-ml15 {
  margin-left: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-mr15 {
  margin-right: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-pt15 {
  padding-top: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-pb15 {
  padding-bottom: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-pl15 {
  padding-left: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-pr15 {
  padding-right: min(1.2244897959vw + 10.4081632653px, 30px) !important;
}

.u-mt20 {
  margin-top: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-mb20 {
  margin-bottom: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-ml20 {
  margin-left: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-mr20 {
  margin-right: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-pt20 {
  padding-top: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-pb20 {
  padding-bottom: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-pl20 {
  padding-left: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-pr20 {
  padding-right: min(1.6326530612vw + 13.8775510204px, 40px) !important;
}

.u-mt25 {
  margin-top: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-mb25 {
  margin-bottom: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-ml25 {
  margin-left: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-mr25 {
  margin-right: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-pt25 {
  padding-top: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-pb25 {
  padding-bottom: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-pl25 {
  padding-left: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-pr25 {
  padding-right: min(2.0408163265vw + 17.3469387755px, 50px) !important;
}

.u-mt30 {
  margin-top: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-mb30 {
  margin-bottom: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-ml30 {
  margin-left: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-mr30 {
  margin-right: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-pt30 {
  padding-top: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-pb30 {
  padding-bottom: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-pl30 {
  padding-left: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-pr30 {
  padding-right: min(2.4489795918vw + 20.8163265306px, 60px) !important;
}

.u-mt35 {
  margin-top: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-mb35 {
  margin-bottom: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-ml35 {
  margin-left: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-mr35 {
  margin-right: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-pt35 {
  padding-top: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-pb35 {
  padding-bottom: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-pl35 {
  padding-left: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-pr35 {
  padding-right: min(2.8571428571vw + 24.2857142857px, 70px) !important;
}

.u-mt40 {
  margin-top: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-mb40 {
  margin-bottom: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-ml40 {
  margin-left: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-mr40 {
  margin-right: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-pt40 {
  padding-top: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-pb40 {
  padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-pl40 {
  padding-left: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-pr40 {
  padding-right: min(3.2653061224vw + 27.7551020408px, 80px) !important;
}

.u-mt45 {
  margin-top: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-mb45 {
  margin-bottom: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-ml45 {
  margin-left: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-mr45 {
  margin-right: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-pt45 {
  padding-top: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-pb45 {
  padding-bottom: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-pl45 {
  padding-left: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-pr45 {
  padding-right: min(3.6734693878vw + 31.2244897959px, 90px) !important;
}

.u-mt50 {
  margin-top: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-mb50 {
  margin-bottom: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-ml50 {
  margin-left: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-mr50 {
  margin-right: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-pt50 {
  padding-top: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-pb50 {
  padding-bottom: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-pl50 {
  padding-left: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-pr50 {
  padding-right: min(4.0816326531vw + 34.693877551px, 100px) !important;
}

.u-mt55 {
  margin-top: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-mb55 {
  margin-bottom: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-ml55 {
  margin-left: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-mr55 {
  margin-right: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-pt55 {
  padding-top: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-pb55 {
  padding-bottom: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-pl55 {
  padding-left: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-pr55 {
  padding-right: min(4.4897959184vw + 38.1632653061px, 110px) !important;
}

.u-mt60 {
  margin-top: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-mb60 {
  margin-bottom: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-ml60 {
  margin-left: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-mr60 {
  margin-right: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-pt60 {
  padding-top: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-pb60 {
  padding-bottom: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-pl60 {
  padding-left: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-pr60 {
  padding-right: min(4.8979591837vw + 41.6326530612px, 120px) !important;
}

.u-mt65 {
  margin-top: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-mb65 {
  margin-bottom: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-ml65 {
  margin-left: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-mr65 {
  margin-right: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-pt65 {
  padding-top: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-pb65 {
  padding-bottom: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-pl65 {
  padding-left: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-pr65 {
  padding-right: min(5.306122449vw + 45.1020408163px, 130px) !important;
}

.u-mt70 {
  margin-top: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-mb70 {
  margin-bottom: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-ml70 {
  margin-left: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-mr70 {
  margin-right: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-pt70 {
  padding-top: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-pb70 {
  padding-bottom: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-pl70 {
  padding-left: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-pr70 {
  padding-right: min(5.7142857143vw + 48.5714285714px, 140px) !important;
}

.u-mt75 {
  margin-top: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-mb75 {
  margin-bottom: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-ml75 {
  margin-left: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-mr75 {
  margin-right: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-pt75 {
  padding-top: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-pb75 {
  padding-bottom: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-pl75 {
  padding-left: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-pr75 {
  padding-right: min(6.1224489796vw + 52.0408163265px, 150px) !important;
}

.u-mt80 {
  margin-top: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-mb80 {
  margin-bottom: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-ml80 {
  margin-left: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-mr80 {
  margin-right: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-pt80 {
  padding-top: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-pb80 {
  padding-bottom: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-pl80 {
  padding-left: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-pr80 {
  padding-right: min(6.5306122449vw + 55.5102040816px, 160px) !important;
}

.u-mt85 {
  margin-top: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-mb85 {
  margin-bottom: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-ml85 {
  margin-left: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-mr85 {
  margin-right: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-pt85 {
  padding-top: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-pb85 {
  padding-bottom: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-pl85 {
  padding-left: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-pr85 {
  padding-right: min(6.9387755102vw + 58.9795918367px, 170px) !important;
}

.u-mt90 {
  margin-top: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-mb90 {
  margin-bottom: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-ml90 {
  margin-left: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-mr90 {
  margin-right: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-pt90 {
  padding-top: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-pb90 {
  padding-bottom: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-pl90 {
  padding-left: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-pr90 {
  padding-right: min(7.3469387755vw + 62.4489795918px, 180px) !important;
}

.u-mt95 {
  margin-top: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-mb95 {
  margin-bottom: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-ml95 {
  margin-left: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-mr95 {
  margin-right: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-pt95 {
  padding-top: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-pb95 {
  padding-bottom: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-pl95 {
  padding-left: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-pr95 {
  padding-right: min(7.7551020408vw + 65.9183673469px, 190px) !important;
}

.u-mt100 {
  margin-top: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-mb100 {
  margin-bottom: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-ml100 {
  margin-left: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-mr100 {
  margin-right: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-pt100 {
  padding-top: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-pb100 {
  padding-bottom: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-pl100 {
  padding-left: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-pr100 {
  padding-right: min(8.1632653061vw + 69.387755102px, 200px) !important;
}

.u-visible {
  display: block;
}
@media only screen and (max-width: 1599px) {
  .u-visible-max {
    display: none !important;
  }
}
@media only screen and (max-width: 1299px) {
  .u-visible-md {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .u-visible-tab {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-visible-sp {
    display: none !important;
  }
}
@media only screen and (max-width: 567px) {
  .u-visible-spmin {
    display: none !important;
  }
}
@media only screen and (max-width: 374px) {
  .u-visible-min {
    display: none !important;
  }
}

.u-hidden {
  display: none;
}
.u-hidden-max {
  display: none !important;
}
@media only screen and (max-width: 1599px) {
  .u-hidden-max {
    display: block !important;
  }
  .u-hidden-max.-f {
    display: flex !important;
  }
  .u-hidden-max.-i {
    display: inline !important;
  }
  .u-hidden-max.-ib {
    display: inline-block !important;
  }
}
.u-hidden-md {
  display: none !important;
}
@media only screen and (max-width: 1299px) {
  .u-hidden-md {
    display: block !important;
  }
  .u-hidden-md.-f {
    display: flex !important;
  }
  .u-hidden-md.-i {
    display: inline !important;
  }
  .u-hidden-md.-ib {
    display: inline-block !important;
  }
}
.u-hidden-tab {
  display: none !important;
}
@media only screen and (max-width: 1023px) {
  .u-hidden-tab {
    display: block !important;
  }
  .u-hidden-tab.-f {
    display: flex !important;
  }
  .u-hidden-tab.-i {
    display: inline !important;
  }
  .u-hidden-tab.-ib {
    display: inline-block !important;
  }
}
.u-hidden-sp {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .u-hidden-sp {
    display: block !important;
  }
  .u-hidden-sp.-f {
    display: flex !important;
  }
  .u-hidden-sp.-i {
    display: inline !important;
  }
  .u-hidden-sp.-ib {
    display: inline-block !important;
  }
}
.u-hidden-spmin {
  display: none !important;
}
@media only screen and (max-width: 567px) {
  .u-hidden-spmin {
    display: block !important;
  }
  .u-hidden-spmin.-f {
    display: flex !important;
  }
  .u-hidden-spmin.-i {
    display: inline !important;
  }
  .u-hidden-spmin.-ib {
    display: inline-block !important;
  }
}
.u-hidden-min {
  display: none !important;
}
@media only screen and (max-width: 374px) {
  .u-hidden-min {
    display: block !important;
  }
  .u-hidden-min.-f {
    display: flex !important;
  }
  .u-hidden-min.-i {
    display: inline !important;
  }
  .u-hidden-min.-ib {
    display: inline-block !important;
  }
}

.u-mb-em0_25 {
  margin-bottom: 0.25em !important;
}

.u-mt-em0_25 {
  margin-top: 0.25em !important;
}

.u-mb-em0_5 {
  margin-bottom: 0.5em !important;
}

.u-mt-em0_5 {
  margin-top: 0.5em !important;
}

.u-mb-em0_75 {
  margin-bottom: 0.75em !important;
}

.u-mt-em0_75 {
  margin-top: 0.75em !important;
}

.u-mb-em1 {
  margin-bottom: 1em !important;
}

.u-mt-em1 {
  margin-top: 1em !important;
}

.u-mb-em1_25 {
  margin-bottom: 1.25em !important;
}

.u-mt-em1_25 {
  margin-top: 1.25em !important;
}

.u-mb-em1_5 {
  margin-bottom: 1.5em !important;
}

.u-mt-em1_5 {
  margin-top: 1.5em !important;
}

.u-mb-em1_75 {
  margin-bottom: 1.75em !important;
}

.u-mt-em1_75 {
  margin-top: 1.75em !important;
}

.u-mb-em2 {
  margin-bottom: 2em !important;
}

.u-mt-em2 {
  margin-top: 2em !important;
}

.u-mb-em2_5 {
  margin-bottom: 2.5em !important;
}

.u-mt-em2_5 {
  margin-top: 2.5em !important;
}

.u-mb-em3 {
  margin-bottom: 3em !important;
}

.u-mt-em3 {
  margin-top: 3em !important;
}

.u-gap-0 {
  gap: 0;
}
.u-gap-em0_25 {
  gap: 0.25em;
}
.u-gap-em0_5 {
  gap: 0.5em;
}
.u-gap-em1 {
  gap: 1em;
}
.u-gap-em2 {
  gap: 2em;
}
.u-gap-10 {
  gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.u-gap-row-10 {
  row-gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.u-gap-col-10 {
  column-gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.u-gap-20 {
  gap: min(0.8163265306vw + 6.9387755102px, 20px);
}
.u-gap-row-20 {
  row-gap: min(0.8163265306vw + 6.9387755102px, 20px);
}
.u-gap-col-20 {
  column-gap: min(0.8163265306vw + 6.9387755102px, 20px);
}
.u-gap-30 {
  gap: min(1.2244897959vw + 10.4081632653px, 30px);
}
.u-gap-row-30 {
  row-gap: min(1.2244897959vw + 10.4081632653px, 30px);
}
.u-gap-col-30 {
  column-gap: min(1.2244897959vw + 10.4081632653px, 30px);
}
.u-gap-40 {
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
.u-gap-row-40 {
  row-gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
.u-gap-col-40 {
  column-gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
.u-gap-50 {
  gap: min(2.0408163265vw + 17.3469387755px, 50px);
}
.u-gap-row-50 {
  row-gap: min(2.0408163265vw + 17.3469387755px, 50px);
}
.u-gap-col-50 {
  column-gap: min(2.0408163265vw + 17.3469387755px, 50px);
}
.u-gap-60 {
  gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
.u-gap-row-60 {
  row-gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
.u-gap-col-60 {
  column-gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
.u-gap-70 {
  gap: min(2.8571428571vw + 24.2857142857px, 70px);
}
.u-gap-row-70 {
  row-gap: min(2.8571428571vw + 24.2857142857px, 70px);
}
.u-gap-col-70 {
  column-gap: min(2.8571428571vw + 24.2857142857px, 70px);
}
.u-gap-80 {
  gap: min(3.2653061224vw + 27.7551020408px, 80px);
}
.u-gap-row-80 {
  row-gap: min(3.2653061224vw + 27.7551020408px, 80px);
}
.u-gap-col-80 {
  column-gap: min(3.2653061224vw + 27.7551020408px, 80px);
}
.u-gap-90 {
  gap: min(3.6734693878vw + 31.2244897959px, 90px);
}
.u-gap-row-90 {
  row-gap: min(3.6734693878vw + 31.2244897959px, 90px);
}
.u-gap-col-90 {
  column-gap: min(3.6734693878vw + 31.2244897959px, 90px);
}
.u-gap-100 {
  gap: min(4.0816326531vw + 34.693877551px, 100px);
}
.u-gap-row-100 {
  row-gap: min(4.0816326531vw + 34.693877551px, 100px);
}
.u-gap-col-100 {
  column-gap: min(4.0816326531vw + 34.693877551px, 100px);
}

.u-link {
  text-decoration: underline;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .u-link:hover {
    text-decoration: none;
  }
}

.u-hover {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .u-hover:hover {
    opacity: 0.8;
  }
}

.-play .u-set-enjoy, .u-set-enjoy.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .u-set-enjoy, .u-set-enjoy.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .u-set-enjoy, .u-set-enjoy.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .u-set-enjoy, .u-set-enjoy.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .u-set-enjoy, .u-set-enjoy.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}

.u-radius-20 {
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}
.u-radius-30 {
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
}
.u-radius-40 {
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.u-radius-50 {
  border-radius: min(2.0408163265vw + 17.3469387755px, 50px);
}

.u-gap-80 {
  gap: min(3.2653061224vw + 27.7551020408px, 80px);
}

.u-as-center {
  align-self: center;
}

.u-ai-center {
  align-items: center;
}

.u-jc-center {
  justify-content: center;
}

.u-fadeIn {
  opacity: 0;
  translate: 0 100%;
  transition-property: opacity, transform, scale;
  transition-duration: 1s;
  transition-timing-function: 0.2s;
}
.u-fadeIn.is-act {
  opacity: 1;
  translate: 0 0;
}

.p-index_kv-sticky {
  position: relative;
  display: grid;
}
.p-index_kv-sticky__head {
  grid-column: 1;
  grid-row: 1/2;
  position: sticky;
  top: 0;
  height: 100vh;
}
.p-index_kv-sticky__body {
  grid-column: 1;
  grid-row: 2/3;
  position: relative;
  z-index: 1;
  padding-top: 50vh;
}
.p-index_kv {
  width: 100%;
  height: 100%;
  background-color: #ccc;
  position: relative;
  z-index: 0;
  padding-top: var(--header-height);
}
@media only screen and (max-width: 767px) {
  .p-index_kv {
    padding-top: 0;
  }
}
.p-index_kv__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.p-index_kv__bg .swiper {
  width: 100%;
  height: 100%;
}
.p-index_kv__bg .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-index_kv__bg .swiper-slide::after {
  mix-blend-mode: soft-light;
  opacity: 0.6;
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}
.p-index_kv__bg .swiper-slide:nth-of-type(1)::after, .p-index_kv__bg .swiper-slide:nth-of-type(2)::after {
  content: "";
  background-color: #4d8dab;
}
.p-index_kv__bg .swiper-slide:nth-of-type(3)::after, .p-index_kv__bg .swiper-slide:nth-of-type(4)::after {
  content: "";
  background-color: #5c7b58;
}
.p-index_kv__container {
  width: 100%;
  height: 100%;
  position: relative;
  translate: 0 calc(-100% * 2 * var(--scene-body1, 0));
  opacity: calc(1 - 2 * var(--scene-body1, 0));
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-index_kv__slider {
  width: 52.5vw;
  aspect-ratio: 1;
  position: relative;
}
@media only screen and (max-width: 1599px) {
  .p-index_kv__slider {
    width: min(26.9387755102vw + 408.9795918367px, 840px);
  }
}
.p-index_kv__slider::before {
  content: "";
  position: absolute;
  opacity: 0.3;
  mix-blend-mode: soft-light;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 120%;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
}
.p-index_kv__slider .swiper {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.p-index_kv__slider .swiper img {
  height: 100%;
  width: 100%;
}
.p-index_kv__slider .swiper-slide {
  position: relative;
}
.p-index_kv__slider-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
}
.p-index_kv__circle {
  width: 121.4285714286%;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
  opacity: 0.2;
}
.p-index_kv__circle canvas {
  width: 100% !important;
  height: 100% !important;
}
.p-index_kv__copy {
  font-size: 1.625vw;
  font-weight: 900;
  color: var(--color-white);
}
@media only screen and (max-width: 1599px) {
  .p-index_kv__copy {
    font-size: min(0.6530612245vw + 0.9719387755rem, 1.625rem);
  }
}
.p-index_kv__copy-wrapper {
  position: absolute;
  bottom: min(5.7142857143vw + 48.5714285714px, 140px);
  left: 7.5vw;
  z-index: 11;
}
@media only screen and (max-width: 767px) {
  .p-index_kv__copy-wrapper {
    bottom: 50%;
    translate: 0 50%;
  }
}
.p-index_kv__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 8.75vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-white);
}
@media only screen and (max-width: 1599px) {
  .p-index_kv__en {
    font-size: min(4.8979591837vw + 3.8520408163rem, 8.75rem);
  }
}
.p-index_kv__en .swiper-slide {
  padding-left: 0.5em;
}
.p-index_kv__en-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
}

.p-index_intro {
  padding-top: min(9.7959183673vw + 83.2653061224px, 240px);
  padding-bottom: min(17.9591836735vw + 152.6530612245px, 440px);
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro {
    display: grid;
    width: 100%;
  }
}
.p-index_intro__text-area {
  color: var(--color-white);
  max-width: fit-content;
  margin-inline: auto;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__text-area {
    margin-top: min(4.0816326531vw + 34.693877551px, 100px);
    margin-bottom: min(0.8163265306vw + 6.9387755102px, 20px);
  }
}
.p-index_intro__copy {
  font-size: min(1.1428571429vw + 1.3571428571rem, 2.5rem);
  font-weight: 900;
  margin-bottom: 0.8em;
}
.p-index_intro__text {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 700;
  letter-spacing: 0;
  display: grid;
  max-inline-size: fit-content;
  margin-inline: auto;
}
.p-index_intro__text .shadow {
  grid-area: 1/1;
  opacity: 0.2;
}
.p-index_intro__text .main {
  grid-area: 1/1;
}
.p-index_intro__text span {
  display: block;
}
.p-index_intro__text span.js-anim_elm {
  clip-path: inset(0 100% 0 0);
  transition-property: clip-path;
  transition-duration: 1s;
  transition-property: var(--ease-out-cubic);
}
.p-index_intro__text span.js-anim_elm.is-act {
  clip-path: inset(0 0 0 0);
}
.p-index_intro__img-area {
  font-size: min(1600px, 100vw);
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img-area {
    display: contents;
  }
}
.p-index_intro__img-group {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img-group {
    position: static;
    margin-inline: calc(50% - 50vw);
  }
}
.p-index_intro__img-group.-l {
  translate: -185% -55%;
  transform: translate3d(0, calc(var(--scene-content1, 0) * -20%), 0);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img-group.-l {
    order: -1;
    translate: initial;
    transform: initial;
  }
}
.p-index_intro__img-group.-r {
  translate: 30% -50%;
  transform: translate3d(0, calc(var(--scene-content1, 0) * -5%), 0);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img-group.-r {
    order: 2;
    translate: initial;
    transform: initial;
  }
}
.p-index_intro__img {
  font-size: calc(var(--width) / 1600 * 1em);
  width: 1em;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img {
    font-size: calc(var(--width) / 375 * 1em);
    display: grid;
  }
}
.p-index_intro__img img {
  display: block;
  width: 100%;
  border-radius: min(2.0408163265vw + -2.6530612245px, 30px);
}
.p-index_intro__img.-l01 {
  --width: 228;
  margin-left: auto;
  margin-right: calc(50 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-l01 {
    --width: 90;
    margin: initial;
    margin-left: auto;
    margin-right: calc(50 / var(--width) * 1em);
  }
}
.p-index_intro__img.-l02 {
  --width: 363;
  margin-top: calc(30 / var(--width) * 1em);
  margin-right: calc(90 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-l02 {
    --width: 158;
    margin: initial;
    margin-left: calc(-30 / var(--width) * 1em);
    margin-top: calc(-15 / var(--width) * 1em);
  }
}
.p-index_intro__img.-l03 {
  --width: 162;
  margin-top: calc(50 / var(--width) * 1em);
  margin-left: calc(110 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-l03 {
    --width: 238;
    margin: initial;
    margin-left: auto;
    margin-right: calc(-50 / var(--width) * 1em);
    margin-top: calc(-60 / var(--width) * 1em);
  }
}
.p-index_intro__img.-l04 {
  --width: 283;
  margin-left: auto;
  margin-top: calc(60 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-l04 {
    --width: 73;
    margin: initial;
    margin-left: calc(30 / var(--width) * 1em);
    margin-top: calc(-30 / var(--width) * 1em);
  }
}
.p-index_intro__img.-r01 {
  --width: 469;
  margin-left: auto;
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-r01 {
    --width: 173;
    margin: initial;
    margin-left: auto;
    margin-right: calc(-15 / var(--width) * 1em);
  }
}
.p-index_intro__img.-r02 {
  --width: 118;
  margin-top: calc(60 / var(--width) * 1em);
  margin-left: calc(200 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-r02 {
    --width: 222;
    margin: initial;
    margin-left: calc(-50 / var(--width) * 1em);
    margin-top: calc(-70 / var(--width) * 1em);
  }
}
.p-index_intro__img.-r03 {
  --width: 237;
  margin-left: auto;
  margin-top: calc(60 / var(--width) * 1em);
  margin-right: calc(70 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-r03 {
    --width: 103;
    margin: initial;
    margin-left: auto;
    margin-right: calc(30 / var(--width) * 1em);
    margin-top: calc(-90 / var(--width) * 1em);
  }
}
.p-index_intro__img.-r04 {
  --width: 225;
  margin-top: calc(-60 / var(--width) * 1em);
  margin-right: calc(400 / var(--width) * 1em);
}
@media only screen and (max-width: 1023px) {
  .p-index_intro__img.-r04 {
    --width: 95;
    margin: initial;
    margin-left: calc(100 / var(--width) * 1em);
    margin-top: calc(20 / var(--width) * 1em);
  }
}

.p-index_news-area {
  --mount-bg-color: var(--color-beige-100);
  background-color: var(--color-beige-100);
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: min(2.8571428571vw + 24.2857142857px, 70px);
}
.p-index_news-area .c-sine-wave {
  position: absolute;
  inset-inline: calc(50% - 50vw);
}
.p-index_news-area .c-sine-wave.-top {
  top: 1px;
  translate: 0 -100%;
}
.p-index_news-area .c-sine-wave.-bottom {
  bottom: 1px;
  translate: 0 100%;
  scale: 1 -1;
}
.p-index_news-area__obj {
  position: absolute;
  left: 50%;
}
.p-index_news-area__obj.-i01 {
  width: min(7.7959183673vw + 66.2653061224px, 191px);
  top: 0;
  translate: -400% -30%;
}
@media only screen and (max-width: 1023px) {
  .p-index_news-area__obj.-i01 {
    translate: 30% -30%;
  }
}
.p-index_news-area__obj.-i02 {
  width: min(8.0816326531vw + 68.693877551px, 198px);
  bottom: 0;
  translate: -370% 30%;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 1023px) {
  .p-index_news-area__obj.-i02 {
    translate: -180% 30%;
  }
}
.p-index_news-area__obj.-i03 {
  width: min(12.8163265306vw + 108.9387755102px, 314px);
  top: 50%;
  translate: 170% 0%;
}
@media only screen and (max-width: 1023px) {
  .p-index_news-area__obj.-i03 {
    translate: 0% 50%;
  }
}

@media only screen and (max-width: 1023px) {
  .p-index_topics__inner {
    display: grid;
  }
}
.p-index_topics__head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  justify-content: center;
  margin-bottom: min(2.0408163265vw + 17.3469387755px, 50px);
}
@media only screen and (max-width: 1023px) {
  .p-index_topics__head {
    display: contents;
  }
}
.p-index_topics__head::before {
  content: "";
}
.p-index_topics .c-section-title-primary {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .p-index_topics .c-section-title-primary {
    margin-bottom: 1em;
  }
}
.p-index_topics .c-button-tertiary {
  justify-self: end;
}
@media only screen and (max-width: 1023px) {
  .p-index_topics .c-button-tertiary {
    order: 10;
    margin-top: 2em;
  }
}

.p-index_news__row {
  display: grid;
  grid-template-columns: 330fr 960fr;
  gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
@media only screen and (max-width: 1023px) {
  .p-index_news__row {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1023px) {
  .p-index_news__head {
    display: contents;
  }
}
@media only screen and (max-width: 1023px) {
  .p-index_news .c-button-tertiary {
    order: 10;
    margin-left: auto;
  }
}

.p-index_enjoy-sticky {
  position: relative;
  z-index: 0;
  display: grid;
}
.p-index_enjoy-sticky::after {
  content: "";
  grid-column: 1;
  grid-row: 1/3;
  backdrop-filter: blur(0px);
  position: relative;
  z-index: 1;
  backdrop-filter: blur(calc(var(--scene-hero1, 0) * 10px));
  transition-property: backdrop-filter;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
  .p-index_enjoy-sticky::after {
    backdrop-filter: blur(calc(var(--scene-hero1, 0) * 10px));
  }
}
.p-index_enjoy-sticky__head {
  position: sticky;
  top: 0;
  z-index: 0;
  grid-column: 1;
  grid-row: 1/2;
  height: 100vh;
}
.p-index_enjoy-sticky__body {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 2/3;
  padding-top: 25vh;
  margin-top: 25vh;
}
.p-index_enjoy__map {
  width: 100%;
  height: 100%;
  clip-path: inset(0);
}
.p-index_enjoy__map img {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}
.p-index_enjoy__head {
  max-width: 1600px;
  margin-inline: auto;
  color: var(--color-white);
  padding-bottom: min(13.8775510204vw + 117.9591836735px, 340px);
}
.p-index_enjoy__body {
  max-width: 1600px;
  margin-inline: auto;
  position: relative;
  padding-top: 30px;
}
.p-index_enjoy__body .c-sine-wave {
  position: absolute;
  top: 1px;
  inset-inline: calc(50% - 50vw);
  translate: 0 -100%;
}
.p-index_enjoy__copy {
  line-height: 1;
  text-align: center;
  margin-bottom: -0.1em;
}
.p-index_enjoy__copy .js-svg {
  font-size: min(40.8163265306vw + 9.1836734694rem, 50rem);
  height: auto;
}
.p-index_enjoy__copy path {
  opacity: 0;
  translate: 0 20px;
}
.p-index_enjoy__copy.is-act path {
  animation: textAnimation 0.6s ease forwards;
}
.p-index_enjoy__copy.is-act path:nth-child(1) {
  animation-delay: 0.1s;
}
.p-index_enjoy__copy.is-act path:nth-child(2) {
  animation-delay: 0.2s;
}
.p-index_enjoy__copy.is-act path:nth-child(3) {
  animation-delay: 0.3s;
}
.p-index_enjoy__copy.is-act path:nth-child(4) {
  animation-delay: 0.4s;
}
.p-index_enjoy__copy.is-act path:nth-child(5) {
  animation-delay: 0.5s;
}
.p-index_enjoy__copy.is-act path:nth-child(6) {
  animation-delay: 0.6s;
}
.p-index_enjoy__copy.is-act path:nth-child(7) {
  animation-delay: 0.7s;
}
.p-index_enjoy__copy.is-act path:nth-child(8) {
  animation-delay: 0.8s;
}
.p-index_enjoy__copy.is-act path:nth-child(9) {
  animation-delay: 0.9s;
}
.p-index_enjoy__copy.is-act path:nth-child(10) {
  animation-delay: 1s;
}
.p-index_enjoy__copy.is-act path:nth-child(11) {
  animation-delay: 1.1s;
}
.p-index_enjoy__copy.is-act path:nth-child(12) {
  animation-delay: 1.2s;
}
.p-index_enjoy__copy.is-act path:nth-child(13) {
  animation-delay: 1.3s;
}
.p-index_enjoy__copy.is-act path:nth-child(14) {
  animation-delay: 1.4s;
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy__copy {
    margin-bottom: 0;
  }
}
.p-index_enjoy__copy img {
  width: auto;
  height: 1em;
}
.p-index_enjoy__title {
  font-size: min(0.9795918367vw + 0.8954081633rem, 1.875rem);
  font-weight: 900;
  text-align: center;
  margin-bottom: 1em;
}
.p-index_enjoy__summary {
  text-align: center;
  font-weight: 700;
}

.-play .p-index_enjoy-anchor, .p-index_enjoy-anchor.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-index_enjoy-anchor, .p-index_enjoy-anchor.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-index_enjoy-anchor, .p-index_enjoy-anchor.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-index_enjoy-anchor, .p-index_enjoy-anchor.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-index_enjoy-anchor, .p-index_enjoy-anchor.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
.p-index_enjoy-anchor a {
  color: var(--enjoy-color-100, var(--color-main));
  background-color: var(--enjoy-color-50);
  padding: 15px;
  padding-bottom: 0;
  display: grid;
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  aspect-ratio: 270/396;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-index_enjoy-anchor a:hover {
    transform: translate3d(0, -10px, 0);
  }
}
.p-index_enjoy-anchor__img {
  overflow: hidden;
  grid-column: 1;
  grid-row: 1/3;
  border-radius: min(1.2244897959vw + -4.5918367347px, 15px);
}
.p-index_enjoy-anchor__img > img,
.p-index_enjoy-anchor__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .p-index_enjoy-anchor__img > img,
  a:hover .p-index_enjoy-anchor__img > video, .js-modal-trg:hover .p-index_enjoy-anchor__img > img,
  .js-modal-trg:hover .p-index_enjoy-anchor__img > video, .js-download-button:hover .p-index_enjoy-anchor__img > img,
  .js-download-button:hover .p-index_enjoy-anchor__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.p-index_enjoy-anchor__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 270/396;
  object-fit: cover;
  object-position: center;
  translate: 0 max(-3.2653061224vw + -27.7551020408px, -80px);
}
.p-index_enjoy-anchor__body {
  grid-column: 1;
  grid-row: 2/3;
  align-self: end;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  mask-image: url(../../img/index/enjoy_anchor-mask.svg);
  mask-repeat: repeat-x;
  mask-position: center top;
  mask-size: 100% auto;
  background-color: var(--enjoy-color-50);
  height: min(2.4489795918vw + 70.8163265306px, 110px);
  margin-inline: -15px;
  position: relative;
  z-index: 1;
  display: grid;
  place-content: center;
  transform: translate3d(0, 0, 0);
}
.p-index_enjoy-anchor__title {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  text-align: center;
}
.p-index_enjoy-anchor__title .en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 0.5416666667em;
  text-transform: uppercase;
  margin-top: 0.2em;
}
.p-index_enjoy-anchor .c-arrow {
  --bg-color: var(--enjoy-color-100, var(--color-main));
  font-size: 1.6875rem;
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 2;
  rotate: 90deg;
}
.p-index_enjoy-anchor-slider {
  --slider-margin: min(1.6326530612vw + 13.8775510204px, 40px);
  position: relative;
  margin-top: min(2.4489795918vw + 20.8163265306px, 60px);
}
.p-index_enjoy-anchor-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.p-index_enjoy-anchor-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 20%;
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-anchor-slider .swiper-slide {
    inline-size: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .p-index_enjoy-anchor-slider .swiper-slide {
    inline-size: 66.6666666667%;
  }
}

.p-index_enjoy-grid {
  display: grid;
  align-items: start;
  grid-template-columns: 520fr 1000fr;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-grid {
    grid-template-columns: 1fr;
  }
}
.p-index_enjoy-grid__head {
  position: sticky;
  top: calc(var(--header-height) + min(1.6326530612vw + 13.8775510204px, 40px));
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-grid__head {
    display: none;
  }
}
.p-index_enjoy-grid__head__video {
  aspect-ratio: 523/680;
  overflow: hidden;
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  position: relative;
}
.p-index_enjoy-grid__head__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  position: relative;
  opacity: 0;
  scale: 1.1;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-index_enjoy-grid__head__video video.is-active {
  z-index: 2;
  opacity: 1;
  scale: 1;
}
.p-index_enjoy-grid__head__video video:not(:first-child) {
  position: absolute;
  inset: 0;
}
.p-index_enjoy-grid__head .swiper-slide {
  position: relative;
  z-index: 1;
}
.p-index_enjoy-grid__head .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-index_enjoy-grid__body {
  position: relative;
  z-index: 0;
}

.p-index_enjoy-cat {
  --mount-bg-color: var(--enjoy-color-50);
  background-color: var(--enjoy-color-50);
  position: relative;
  padding: min(2.4489795918vw + 10.8163265306px, 50px);
  padding-top: min(0.8163265306vw + 16.9387755102px, 30px);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px) 0 0 min(1.2244897959vw + 10.4081632653px, 30px);
}
.-play .p-index_enjoy-cat, .p-index_enjoy-cat.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-index_enjoy-cat, .p-index_enjoy-cat.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-index_enjoy-cat, .p-index_enjoy-cat.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-index_enjoy-cat, .p-index_enjoy-cat.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-index_enjoy-cat, .p-index_enjoy-cat.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
@media only screen and (max-width: 767px) {
  .p-index_enjoy-cat {
    margin-inline: calc(50% - 50vw);
    border-radius: 0;
  }
}
.p-index_enjoy-cat::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 100vw;
  background-color: var(--enjoy-color-50);
}
.p-index_enjoy-cat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 100vw;
  background-color: var(--color-white);
  z-index: 2;
}
.p-index_enjoy-cat__head {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.p-index_enjoy-cat__title {
  font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
  color: var(--enjoy-color-100, var(--color-main));
}
.p-index_enjoy-cat__title .en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 0.4375em;
  text-transform: uppercase;
  margin-top: 0.5em;
}
.p-index_enjoy-cat__link {
  display: flex;
  align-items: flex-start;
  gap: min(0.8163265306vw + 16.9387755102px, 30px);
}
.p-index_enjoy-cat__link .c-arrow {
  margin-block-start: min(0.3265306122vw + 2.7755102041px, 8px);
  --bg-color: var(--enjoy-color-100, var(--color-main));
}
.p-index_enjoy-cat .c-button-tertiary .c-arrow,
.p-index_enjoy-cat .c-arrow-mount .c-arrow {
  --bg-color: var(--enjoy-color-100, var(--color-main));
}
.p-index_enjoy-cat .c-button-tertiary {
  margin-left: auto;
}
.p-index_enjoy-cats {
  display: grid;
  gap: min(1.306122449vw + 15.1020408163px, 36px);
}

.p-index_enjoy-link-card a .hover-elm, .p-index_enjoy-link-card a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-index_enjoy-link-card a:hover .hover-elm, .p-index_enjoy-link-card a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.p-index_enjoy-link-card__img {
  overflow: hidden;
  position: relative;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}
.p-index_enjoy-link-card__img > img,
.p-index_enjoy-link-card__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .p-index_enjoy-link-card__img > img,
  a:hover .p-index_enjoy-link-card__img > video, .js-modal-trg:hover .p-index_enjoy-link-card__img > img,
  .js-modal-trg:hover .p-index_enjoy-link-card__img > video, .js-download-button:hover .p-index_enjoy-link-card__img > img,
  .js-download-button:hover .p-index_enjoy-link-card__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.p-index_enjoy-link-card__img .c-arrow-mount {
  font-size: min(0.4081632653vw + 2.7168367347rem, 3.125rem);
  position: absolute;
  bottom: 0;
  right: 0;
}
.p-index_enjoy-link-card__title {
  margin-top: 1em;
}
.p-index_enjoy-link-card-slider {
  --slider-margin: min(1.306122449vw + 15.1020408163px, 36px);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-link-card-slider {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--slider-margin);
  }
}
.p-index_enjoy-link-card-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-link-card-slider .swiper {
    display: contents;
  }
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-link-card-slider .swiper-wrapper {
    display: contents;
  }
}
.p-index_enjoy-link-card-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 33.3333333333%;
}
@media only screen and (max-width: 1023px) {
  .p-index_enjoy-link-card-slider .swiper-slide {
    display: contents;
  }
}

/**
 * アーカイブページ
 */
.p-playbook_kv {
  position: relative;
  z-index: 0;
  width: 100%;
  height: min(25.9183673469vw + 220.306122449px, 635px);
  position: relative;
}
.p-playbook_kv__bg {
  position: absolute;
  inset-block: 0;
  inset-inline: calc(50% - 50vw);
  z-index: 0;
}
.p-playbook_kv__bg img {
  width: 100%;
  height: 100%;
}
.p-playbook_kv__main {
  font-size: min(27.387755102vw + 14.549744898rem, 41.9375rem);
  width: 1em;
  position: absolute;
  bottom: 0.0745156483em;
  left: 50%;
  translate: -50% 0;
  z-index: 2;
}
.p-playbook_kv__main img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-playbook_kv .c-sine-wave {
  position: absolute;
  bottom: -1px;
  inset-inline: calc(50% - 50vw);
  z-index: 1;
}

.p-playbook_main {
  background-color: var(--color-beige-100);
  padding-bottom: min(6.5306122449vw + 55.5102040816px, 160px);
  background-image: url(../../img/playbook/bg_clouds@2x.webp);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}
.p-playbook-cat .p-playbook_main {
  padding-top: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-playbook_main:has(+ .p-playbook-cat_other) {
  padding-bottom: min(12.2448979592vw + 104.0816326531px, 300px);
}

/**
 * カテゴリーページ
 */
.-play .p-playbook-cat, .p-playbook-cat.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-playbook-cat, .p-playbook-cat.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-playbook-cat, .p-playbook-cat.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-playbook-cat, .p-playbook-cat.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-playbook-cat, .p-playbook-cat.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}

.p-playbook-cat_kv {
  position: relative;
  z-index: 0;
  background-color: var(--color-main);
  height: min(18.8979591837vw + 160.6326530612px, 463px);
}
.p-playbook-cat_kv__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-green-120);
  position: absolute;
  top: 50%;
  inset-inline: calc(50% - 50vw);
  translate: 0 -120%;
  z-index: 0;
  text-transform: uppercase;
}
.p-playbook-cat_kv__en .swiper-slide {
  padding-left: 0.5em;
}
.p-playbook-cat_kv__main {
  font-size: min(22.0408163265vw + 11.7091836735rem, 33.75rem);
  width: 1em;
  position: absolute;
  bottom: 0.0740740741em;
  left: 50%;
  translate: -50% 0;
  z-index: 2;
}
.p-playbook-cat_kv__book img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-playbook-cat_kv__title {
  font-size: 0.0666666667em;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  translate: 0 80%;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 0.7em;
}
.p-playbook-cat_kv__title::before, .p-playbook-cat_kv__title::after {
  content: "";
  width: 0.5555555556em;
  aspect-ratio: 20/25;
  position: absolute;
  top: 0;
  background-image: url(../../img/common/parts/line_emphasis.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-playbook-cat_kv__title::before {
  left: 0;
}
.p-playbook-cat_kv__title::after {
  right: 0;
  scale: -1 1;
}
.p-playbook-cat_kv__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 32.037037037%;
  translate: 50% 30%;
  rotate: 9deg;
}
.p-playbook-cat_kv__img img {
  display: block;
}
.p-playbook-cat_kv__obj {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 21.2962962963%;
  translate: -30% 5%;
  rotate: -19deg;
}
.p-playbook-cat_kv__obj img {
  display: block;
}
.p-playbook-cat_kv .c-sine-wave {
  position: absolute;
  bottom: -1px;
  inset-inline: calc(50% - 50vw);
  z-index: 1;
}

.p-playbook-cat_other {
  position: relative;
  z-index: 1;
}
.p-playbook-cat_other .c-sine-wave {
  position: absolute;
  top: 1px;
  inset-inline: calc(50% - 50vw);
  translate: 0 -100%;
}
.p-playbook-cat_other__inner {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .p-playbook-cat_other__inner {
    padding-top: min(8.1632653061vw + 69.387755102px, 200px);
    padding-bottom: min(6.5306122449vw + 55.5102040816px, 160px);
  }
}
.p-playbook-cat_other__obj {
  position: absolute;
}
.p-playbook-cat_other__obj.-i01 {
  width: min(14.1632653061vw + 120.387755102px, 347px);
  top: 0;
  right: 0;
  translate: 47% -30%;
}
@media only screen and (max-width: 1023px) {
  .p-playbook-cat_other__obj.-i01 {
    translate: 10% 20%;
  }
}
.p-playbook-cat_other__obj.-i02 {
  width: min(7.9591836735vw + 67.6530612245px, 195px);
  bottom: 0;
  left: 0;
  translate: 0 50%;
}
.p-playbook-cat_other__cloud {
  position: absolute;
  left: 50%;
}
.p-playbook-cat_other__cloud.-i01 {
  width: min(19.9591836735vw + 169.6530612245px, 489px);
  top: 0;
  translate: -190% -20%;
}
.p-playbook-cat_other__cloud.-i02 {
  width: min(17.8775510204vw + 151.9591836735px, 438px);
  bottom: 0;
  translate: 90% -30%;
}

/**
* お知らせ一覧ページ
*/
.p-news_topics {
  --mount-bg-color: var(--color-green-10);
}

.p-news_news__inner {
  background-color: var(--color-white);
  padding: min(2.8571428571vw + 24.2857142857px, 70px) min(4.8979591837vw + 1.6326530612px, 80px);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  position: relative;
}
.p-news_news .c-news-links {
  max-width: 880px;
  margin-inline: auto;
}
.p-news_news__obj {
  position: absolute;
  pointer-events: none;
}
.p-news_news__obj.-i01 {
  width: min(3.9591836735vw + 33.6530612245px, 97px);
  bottom: 0;
  left: 6%;
}
.p-news_news__obj.-i02 {
  width: min(2.8571428571vw + 24.2857142857px, 70px);
  bottom: 0;
  right: 6%;
}

/**
* お知らせ詳細ページ
*/
.p-news-single {
  background-color: var(--color-green-10);
  padding-top: min(5.7142857143vw + 48.5714285714px, 140px);
  padding-bottom: min(6.5306122449vw + 55.5102040816px, 160px);
}
.p-news-single__inner {
  background-color: var(--color-white);
  padding: 0 min(4.8979591837vw + 1.6326530612px, 80px) min(4.8979591837vw + 1.6326530612px, 80px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 767px) {
  .p-news-single__inner {
    margin-inline: calc(50% - 50vw);
  }
}
.p-news-single__head {
  position: relative;
  padding-block: min(2.4489795918vw + 10.8163265306px, 50px);
  margin-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-news-single__head::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: calc(50% - 50vw);
  border-bottom: 2px solid var(--color-green-10);
}
.p-news-single__head-obj {
  position: absolute;
  bottom: 0;
  right: 0;
}
.p-news-single__meta {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.p-news-single__date {
  line-height: 1.5;
  color: var(--color-main);
  width: 6.25em;
}
.p-news-single__cats {
  font-size: min(0.0816326531vw + 0.7308673469rem, 0.8125rem);
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
.p-news-single__cats .cat {
  color: var(--color-black-50);
  background-color: var(--color-gray-50);
  border-radius: calc(infinity * 1px);
  padding: 0.2em 1em 0.3em;
}
.p-news-single__title {
  font-size: min(0.9795918367vw + 1.2704081633rem, 2.25rem);
  font-weight: 900;
}
.p-news-single__thumb {
  max-width: 740px;
  margin-inline: auto;
  margin-bottom: min(2.8571428571vw + 24.2857142857px, 70px);
}
.p-news-single__thumb img {
  aspect-ratio: 740/480;
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
}

.-play .p-enjoy, .p-enjoy.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-enjoy, .p-enjoy.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-enjoy, .p-enjoy.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-enjoy, .p-enjoy.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-enjoy, .p-enjoy.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}

.p-enjoy_kv-area {
  position: relative;
  overflow: clip;
}
.p-enjoy_kv-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--enjoy-color-100, var(--color-main));
  backdrop-filter: blur(5px);
  opacity: 0.8;
}
.p-enjoy_kv-area__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  clip-path: inset(0);
}
.p-enjoy_kv-area__bg img {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  filter: blur(calc(5px * var(--scene2)));
  scale: calc(1 + 0.2 * var(--scene2));
}
.p-enjoy_kv-area__side-nav {
  position: fixed;
  top: 50%;
  translate: 0 -50%;
  right: min(0.9795918367vw + 8.3265306122px, 24px);
  background-color: var(--enjoy-color-100, var(--color-main));
  border-radius: calc(infinity * 1px);
  border: 2px solid var(--color-white);
  padding: min(0.3265306122vw + 6.7755102041px, 12px);
  overflow: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 100;
  cursor: pointer;
  width: min(0vw + 50px, 50px);
  height: min(8vw + 220px, 348px);
  transition-property: width, height;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1023px) {
  .p-enjoy_kv-area__side-nav {
    display: none;
  }
}
.p-enjoy_kv-area__side-nav.is-open {
  padding-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
  border-radius: 4px;
  border-bottom-left-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  width: min(0vw + 106px, 106px);
  height: min(7.5102040816vw + 371.8367346939px, 492px);
  pointer-events: none;
}
.p-enjoy_kv-area__side-nav__list {
  display: grid;
  gap: 8px;
  opacity: 0;
  translate: 10px 10px;
  transition-property: opacity, translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
}
.is-open .p-enjoy_kv-area__side-nav__list {
  opacity: 1;
  translate: 0 0;
  pointer-events: all;
}
.p-enjoy_kv-area__side-nav__link {
  width: min(1.6326530612vw + 53.8775510204px, 80px);
  aspect-ratio: 1/1;
  border-radius: min(0.6530612245vw + 9.5510204082px, 20px);
  overflow: clip;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  text-align: center;
  border: 2px solid var(--color-white);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-enjoy_kv-area__side-nav__link:hover::before {
    opacity: 0.6;
  }
  .p-enjoy_kv-area__side-nav__link:hover span {
    opacity: 1;
  }
}
.p-enjoy_kv-area__side-nav__link::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
.p-enjoy_kv-area__side-nav__link.-play::before {
  background-color: var(--color-play-100);
}
.p-enjoy_kv-area__side-nav__link.-interact::before {
  background-color: var(--color-interact);
}
.p-enjoy_kv-area__side-nav__link.-eat::before {
  background-color: var(--color-eat);
}
.p-enjoy_kv-area__side-nav__link.-stay::before {
  background-color: var(--color-stay);
}
.p-enjoy_kv-area__side-nav__link.-experience::before {
  background-color: var(--color-experience-100);
}
.p-enjoy_kv-area__side-nav__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -2;
}
.p-enjoy_kv-area__side-nav__link span {
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  color: var(--color-white);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-enjoy_kv-area__side-nav__button {
  position: absolute;
  top: min(0.3265306122vw + 6.7755102041px, 12px);
  right: min(0.2448979592vw + 7.0816326531px, 11px);
  width: min(0.4897959184vw + 16.1632653061px, 24px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: #fff;
  display: grid;
  place-items: center;
  translate: 0 0;
  cursor: pointer;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: all;
}
.is-open .p-enjoy_kv-area__side-nav__button {
  rotate: 45deg;
}
.p-enjoy_kv-area__side-nav__button .icon {
  display: flex;
  color: var(--enjoy-color-100, var(--color-main));
}
.p-enjoy_kv-area__side-nav__text {
  position: absolute;
  line-height: 1;
  top: 3em;
  right: 50%;
  translate: 50% 0;
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-weight: 900;
  color: var(--color-white);
  writing-mode: vertical-rl;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-enjoy_kv-area__side-nav__text .line-wrap {
  position: relative;
}
.p-enjoy_kv-area__side-nav__text .line-wrap img {
  position: absolute;
  top: 0;
  right: 0;
  translate: 100% -50%;
}
.is-open .p-enjoy_kv-area__side-nav__text {
  opacity: 0;
  pointer-events: none;
}
.p-enjoy_kv-area__side-nav__obj {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: min(0.8163265306vw + 36.9387755102px, 50px);
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-open .p-enjoy_kv-area__side-nav__obj {
  opacity: 0;
  pointer-events: none;
}
.p-enjoy_kv-area__side-nav__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-enjoy_kv-area__news {
  position: relative;
  background-color: var(--color-white);
}
.p-enjoy_kv-area__news .p-activity_news {
  margin-block: 0;
  margin-inline: 0;
}

.p-enjoy_kv {
  padding-top: var(--header-height);
  color: var(--color-white);
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  opacity: calc(1 - var(--scene2));
}
@media only screen and (max-width: 767px) {
  .p-enjoy_kv {
    grid-template-columns: 1fr;
    padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
  }
}
.p-enjoy_kv__title {
  font-size: 4vw;
  font-weight: 900;
  justify-self: center;
  translate: -1.5em 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_kv__title {
    font-size: min(2.612244898vw + 1.387755102rem, 4rem);
    translate: 0 0;
    margin-block-start: auto;
  }
}
.p-enjoy_kv__title::before {
  content: "";
  position: absolute;
  top: -1em;
  left: 0;
  width: 0.8em;
  height: 4px;
  background-color: var(--color-white);
  border-radius: calc(infinity * 1px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_kv__title::before {
    display: none;
  }
}
.p-enjoy_kv__img {
  width: 25.5vw;
  aspect-ratio: 408/568;
  border-radius: min(2.0408163265vw + 17.3469387755px, 50px);
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_kv__img {
    width: calc(100% - min(6.5306122449vw + 55.5102040816px, 160px));
    max-height: 600px;
    margin-inline: auto;
  }
}
.p-enjoy_kv__img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-enjoy_kv__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 3vw;
  text-transform: uppercase;
  justify-self: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_kv__en {
    font-size: min(2.612244898vw + 1.387755102rem, 4rem);
    margin-block-end: auto;
  }
}

.p-enjoy_intro {
  position: relative;
  color: var(--color-white);
  overflow: clip;
}
.p-enjoy_intro__inner {
  position: relative;
  margin-inline-end: calc(50% - 50vw);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_intro__inner {
    margin-inline-end: 0;
  }
}
.p-enjoy_intro__inner .c-text04 {
  opacity: 0;
  translate: 0 1em;
  transition-property: opacity, translate;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-enjoy_intro__inner .c-title-xl.is-finish + .c-text04 {
  opacity: 1;
  translate: 0 0;
}
.p-enjoy_intro__loop {
  display: flex;
  position: absolute;
  overflow: hidden;
  top: 0;
  min-height: 100vh;
  translate: 0 0;
  left: min(35.7551020408vw + 165.9183673469px, 738px);
  width: min(57.1428571429vw + -114.2857142857px, 800px);
  gap: min(0.3265306122vw + 2.7755102041px, 8px);
  z-index: -1;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-enjoy_intro__loop.is-act {
  opacity: 1;
}
.p-enjoy_intro__loop__inner {
  animation: vertical-animation 30s linear infinite;
}
.-reverse .p-enjoy_intro__loop__inner {
  animation: vertical-animation 30s linear infinite reverse;
}
.p-enjoy_intro__loop__inner figure {
  margin-block: min(0.4081632653vw + 3.4693877551px, 10px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_intro__loop {
    display: none;
  }
}
.p-enjoy_intro__text {
  padding-block: min(7.3469387755vw + 62.4489795918px, 180px) min(14.0408163265vw + 107.3469387755px, 332px);
  width: min(24vw + 210px, 594px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_intro__text {
    width: 100%;
    padding-block: min(7.3469387755vw + 62.4489795918px, 180px) min(14.0408163265vw + 107.3469387755px, 332px);
  }
}
.p-enjoy_intro .c-sine-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.p-enjoy_main {
  padding-block: min(1.6326530612vw + 13.8775510204px, 40px) min(6.5306122449vw + 55.5102040816px, 160px);
  background-color: var(--enjoy-color-10);
}
.p-enjoy_main__list {
  padding-block-start: min(3.2653061224vw + 27.7551020408px, 80px);
  display: grid;
  position: sticky;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__list {
    position: static;
    padding-block-start: 0;
    gap: min(3.2653061224vw + 67.7551020408px, 120px);
  }
}
.p-enjoy_main__item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: min(19.1020408163vw + 158.3673469388px, 464px) auto;
  gap: min(5.2244897959vw + -3.5918367347px, 80px);
  align-items: flex-start;
  grid-row: 1;
  grid-column: 1/3;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-enjoy_main__item .c-title-s {
  color: var(--enjoy-color-100, var(--color-main));
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__item {
    grid-template-columns: 1fr;
    grid-row: auto;
    opacity: 1;
    pointer-events: all;
    gap: 0;
  }
}
.p-enjoy_main__item.is-active {
  opacity: 1;
  pointer-events: all;
}
.p-enjoy_main__item__labels {
  display: inline-flex;
  gap: 8px;
}
.p-enjoy_main__item__labels .label {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-weight: 700;
  display: inline-flex;
  border: 1px solid var(--enjoy-color-100, var(--color-main));
  border-radius: 0.25em;
  background-color: var(--color-white);
  padding-inline: 0.5em;
  gap: 0.2em;
}
.p-enjoy_main__pic {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  scale: 0.5;
  transition-property: scale;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic {
    order: -2;
    scale: 1;
  }
}
.is-active .p-enjoy_main__pic {
  scale: 1;
}
.p-enjoy_main__pic__item.-item01 {
  position: relative;
  z-index: 1;
  grid-row: 1/3;
  width: min(35.5918367347vw + -33.4693877551px, 536px);
  margin-block-start: min(2.693877551vw + 19.8979591837px, 63px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__item.-item01 {
    margin-block-start: 0;
    grid-column: 1/3;
    grid-row: 2/3;
    width: min(17.6326530612vw + 197.8775510204px, 480px);
    margin-inline: auto;
  }
}
.p-enjoy_main__pic__item.-item01::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100% + min(2.612244898vw + 38.2040816327px, 80px));
  height: calc(100% + min(2.612244898vw + 38.2040816327px, 80px));
  background-color: var(--enjoy-color-50);
  border-radius: calc(infinity * 1px);
  z-index: -1;
}
.p-enjoy_main__pic__item.-item02 {
  width: min(10.4489795918vw + 72.8163265306px, 240px);
  margin-inline-start: auto;
  position: relative;
  z-index: 1;
  margin-block-start: max(-9.4693877551vw + 15.5102040816px, -136px);
  margin-inline-end: max(-9.1428571429vw + 14.2857142857px, -132px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__item.-item02 {
    grid-column: 1/2;
    grid-row: 3/4;
    margin-block-start: max(-2.4489795918vw + -100.8163265306px, -140px);
    margin-inline: max(-2.693877551vw + -12.8979591837px, -56px) 0;
  }
}
.p-enjoy_main__pic__item.-item03 {
  width: min(17.306122449vw + 35.1020408163px, 312px);
  margin-inline-start: min(7.5918367347vw + -68.4693877551px, 53px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__item.-item03 {
    grid-column: 2/3;
    margin-inline: auto max(-0.4897959184vw + -22.1632653061px, -30px);
    margin-block-end: max(-0.8163265306vw + -86.9387755102px, -100px);
    width: min(1.1428571429vw + 131.7142857143px, 150px);
    position: relative;
    z-index: 1;
  }
}
.p-enjoy_main__pic__item.-item04 {
  width: min(8.6530612245vw + 133.5510204082px, 272px);
  margin-inline-start: min(11.5918367347vw + -93.4693877551px, 92px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__item.-item04 {
    grid-column: 2/3;
    margin-inline: auto max(-0.4897959184vw + -37.1632653061px, -45px);
    margin-block-start: max(-1.6326530612vw + -43.8775510204px, -70px);
    position: relative;
    z-index: 1;
  }
}
.p-enjoy_main__pic__obj.-obj01 {
  position: absolute;
  width: min(5.7142857143vw + 38.5714285714px, 130px);
  top: min(1.2244897959vw + 5.4081632653px, 25px);
  right: max(-0.9795918367vw + -8.3265306122px, -24px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__obj.-obj01 {
    top: 50%;
    translate: 0 min(1.5510204082vw + 10.1836734694px, 35px);
    right: max(-0.4897959184vw + -22.1632653061px, -30px);
  }
}
.p-enjoy_main__pic__obj.-obj02 {
  position: absolute;
  width: min(6.5306122449vw + 47.5102040816px, 152px);
  left: 0;
  bottom: max(-2.693877551vw + -19.8979591837px, -63px);
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__pic__obj.-obj02 {
    bottom: unset;
    top: 0;
    left: max(-0.3265306122vw + -24.7755102041px, -30px);
  }
}
.p-enjoy_main__body {
  grid-template-columns: auto auto;
}
.p-enjoy_main__body .c-title-xl {
  display: flex;
  align-items: center;
  gap: min(1.306122449vw + 3.1020408163px, 24px);
}
.p-enjoy_main__body__number {
  display: flex;
  align-items: flex-end;
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.9795918367vw + 1.0204081633rem, 2rem);
}
.p-enjoy_main__body__number .current {
  font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
  margin-block-end: min(0.8163265306vw + 6.9387755102px, 20px);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.p-enjoy_main__body__number small {
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.p-enjoy_main__en {
  position: absolute;
  z-index: -1;
  top: -0.2em;
  left: 50%;
  translate: -50% 0;
  line-height: 1;
  font-size: 7.5vw;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: var(--color-white);
  text-transform: uppercase;
  width: 100vw;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__en {
    font-size: min(3.2653061224vw + 67.7551020408px, 120px);
    position: relative;
    translate: 0 0;
    margin-inline: calc(50% - 50vw);
    order: -1;
    left: 0;
    margin-block-start: max(-2.9387755102vw + -64.9795918367px, -112px);
  }
}
.p-enjoy_main__scroll__inner {
  margin-block-start: -120lvh;
}
@media only screen and (max-width: 767px) {
  .p-enjoy_main__scroll__inner {
    display: none;
  }
}
.p-enjoy_main__scroll__area {
  height: 120lvh;
}
.p-enjoy_main .c-arrow {
  background-color: var(--enjoy-color-100, var(--color-main));
}

.p-eat .p-activity_news {
  margin-block: max(-8.1632653061vw + -69.387755102px, -200px) max(-12.2448979592vw + -104.0816326531px, -300px);
}
@media only screen and (max-width: 1023px) {
  .p-eat .p-activity_news {
    margin-block: max(-10.2040816327vw + -86.7346938776px, -250px) max(-16.3265306122vw + -138.7755102041px, -400px);
  }
}
@media only screen and (max-width: 767px) {
  .p-eat .p-activity_news {
    margin-block: max(-8.9795918367vw + -76.3265306122px, -220px) max(-24.4897959184vw + -208.1632653061px, -600px);
  }
}

.p-eat_bbq-course .c-media {
  padding-block: min(2.4489795918vw + 20.8163265306px, 60px);
  border-top: 2px solid var(--color-gray-50);
}

.p-eat_bbq-media {
  display: grid;
  grid-template-columns: 540fr 560fr;
  align-items: start;
  gap: min(1.6326530612vw + 23.8775510204px, 50px);
  padding-block: min(2.4489795918vw + 20.8163265306px, 60px);
  border-top: 2px solid var(--color-gray-50);
}
.p-eat_bbq-enjoy__title {
  font-size: min(3.5918367347vw + 1.9081632653rem, 5.5rem);
  line-height: 1;
  text-align: center;
  margin-bottom: 0.5em;
}
.p-eat_bbq-enjoy__title img {
  width: auto;
  height: 1em;
}

.p-eat_glamping__head {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}
.p-eat_glamping__head-badge {
  position: absolute;
  top: 50%;
  left: 0;
  translate: -100% -70%;
  rotate: -15deg;
  width: min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-eat_glamping__title {
  font-size: min(0.9795918367vw + 0.8954081633rem, 1.875rem);
  font-weight: 900;
  color: var(--enjoy-color-100, var(--color-main));
  position: relative;
  display: block;
  text-align: center;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 2em;
  margin-bottom: 1.5em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-eat_glamping__title {
    padding-inline: 0;
  }
}
.p-eat_glamping__title::before, .p-eat_glamping__title::after {
  content: "";
  width: 0.5555555556em;
  aspect-ratio: 20/41;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background-image: url(../../img/common/parts/line_emphasis_l.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .p-eat_glamping__title::before, .p-eat_glamping__title::after {
    display: none;
  }
}
.p-eat_glamping__title::before {
  left: 1em;
}
.p-eat_glamping__title::after {
  right: 1em;
  scale: -1 1;
}
.p-eat_glamping__row {
  display: grid;
  grid-template-columns: 710fr 410fr;
  gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
@media only screen and (max-width: 1023px) {
  .p-eat_glamping__row {
    grid-template-columns: 1fr;
  }
}
.p-eat_glamping__text-area {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .p-eat_glamping__img-area {
    order: -1;
  }
}
.p-eat_glamping__obj {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(6.8571428571vw + 58.2857142857px, 168px);
}
@media only screen and (max-width: 1023px) {
  .p-eat_glamping__obj {
    translate: 0 100%;
  }
}

.p-eat_oyster-menu {
  padding-top: min(2.0408163265vw + 17.3469387755px, 50px);
  margin-top: min(2.0408163265vw + 17.3469387755px, 50px);
  border-top: 2px solid var(--color-beige-120);
}

.p-eat_delivery {
  padding: 20px min(2.4489795918vw + 10.8163265306px, 50px);
  border-radius: min(1.2244897959vw + 10.4081632653px, 30px);
  background-color: var(--enjoy-color-10);
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: min(1.6326530612vw + 13.8775510204px, 40px) min(2.0408163265vw + 17.3469387755px, 50px);
}
@media only screen and (max-width: 1023px) {
  .p-eat_delivery {
    grid-template-columns: 1fr;
  }
}
.p-eat_delivery__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
  flex-shrink: 0;
}
.p-eat_delivery__title {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  font-weight: 900;
  color: var(--enjoy-color-100, var(--color-main));
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.p-eat_delivery__title .obj {
  width: 2.375em;
}

.c-eat-title-primary {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  text-align: center;
  position: relative;
  padding-top: 1em;
  margin-bottom: 1em;
}
.c-eat-title-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 0.8888888889em;
  border-top: 2px solid var(--enjoy-color-100, var(--color-main));
}
.c-eat-title-primary .sub {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  line-height: 1;
  color: var(--enjoy-color-100, var(--color-main));
  margin-bottom: 0.5em;
}
.c-eat-title-primary .title {
  font-weight: 900;
}

.c-eat-title-border {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  color: var(--enjoy-color-100, var(--color-main));
  width: fit-content;
  border-bottom: 2px dotted;
  margin-bottom: 1em;
}
.c-eat-title-border.-en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
}
.c-eat-title-border.-center {
  text-align: center;
  margin-inline: auto;
}

.c-eat-table-primary.-bt {
  border-top: 2px solid var(--color-gray-50);
}
.c-eat-table-primary.-bt > div:first-child {
  padding-top: 1.5em;
}
.c-eat-table-primary > div {
  padding-block: 1.5em;
}
.c-eat-table-primary > div:first-child {
  padding-top: 0;
}
.c-eat-table-primary > div:last-child {
  padding-bottom: 0;
}
.c-eat-table-primary > div + div {
  border-top: 2px solid var(--color-gray-50);
}
.c-eat-table-primary > div > dt {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  color: var(--enjoy-color-100, var(--color-main));
}
.c-eat-table-secondary > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1em;
}
.c-eat-table-secondary > div > dt {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  padding-left: 1em;
  position: relative;
}
.c-eat-table-secondary > div > dt .icon {
  font-size: 0.8888888889em;
  color: var(--enjoy-color-100, var(--color-main));
  position: absolute;
  top: 0.65em;
  left: 0;
}
.c-eat-table-secondary > div > dt .text {
  font-weight: 900;
}
.c-eat-table-secondary > div > dd {
  margin-top: 0.2em;
}

.c-eat-contact__title {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  text-align: center;
  margin-bottom: 1em;
}
.c-eat-contacts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4.0816326531vw + 14.693877551px, 80px);
  width: fit-content;
  margin-inline: auto;
}
@media only screen and (max-width: 1023px) {
  .c-eat-contacts {
    grid-template-columns: 1fr;
  }
}
.c-eat-contacts:not(:has(.c-eat-contact + .c-eat-contact)) {
  grid-template-columns: 1fr;
}

.c-eat-labels {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  gap: 0.2em;
}
.c-eat-labels .label {
  background-color: var(--color-white);
  color: var(--enjoy-color-100, var(--color-main));
  border: 1px solid;
  padding: 0.2em 0.7em 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
}
.c-eat-labels .label.-reservable {
  background-color: #d44646;
  color: var(--color-white);
  border-width: 2px;
  border-color: #d44646;
  border-radius: 4px;
}
.c-eat-labels .label.-reservable::before {
  content: "";
  mask-image: url(../../img/common/ico/calendar-check-regular.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--color-white);
  width: 1em;
  aspect-ratio: 1;
}
.c-eat-labels .label.-guest {
  border-radius: 4px;
  border-width: 2px;
}
.c-eat-labels .label.-guest::before {
  content: "";
  mask-image: url(../../img/common/ico/campground-regular.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--enjoy-color-100, var(--color-main));
  width: 1em;
  aspect-ratio: 1;
}

.c-eat-point {
  display: grid;
  grid-template-columns: 490fr 600fr;
  gap: min(0.8163265306vw + 26.9387755102px, 40px);
}
@media only screen and (max-width: 1023px) {
  .c-eat-point {
    grid-template-columns: 1fr;
  }
}
.c-eat-point__img {
  text-align: center;
}
.c-eat-point__img img {
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.c-eat-point__text-area {
  align-self: center;
}
.c-eat-point-slider {
  position: relative;
  z-index: 1;
  padding: min(4.8979591837vw + 1.6326530612px, 80px);
  padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  border: 2px solid var(--color-black-30);
  background-color: var(--color-white);
}
.c-eat-point-slider .c-arrow {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.c-eat-point-slider__obj {
  position: absolute;
  top: 0;
  right: 0;
  translate: -40% -20%;
  width: min(6.0408163265vw + 51.3469387755px, 148px);
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .c-eat-point-slider__obj {
    width: min(0.8163265306vw + 56.9387755102px, 70px);
  }
}
.c-eat-point-slider .c-slider-button {
  position: absolute;
  top: 50%;
  z-index: 10;
}
.c-eat-point-slider .c-slider-button.-prev {
  left: 0;
  scale: -1 1;
  translate: -50% -50%;
}
.c-eat-point-slider .c-slider-button.-next {
  right: 0;
  translate: 50% -50%;
}
.c-eat-point-slider .c-slider-pagination {
  position: absolute;
  bottom: min(1.6326530612vw + 13.8775510204px, 40px);
  left: 0;
  right: 0;
}

.-play .p-activity, .p-activity.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-activity, .p-activity.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-activity, .p-activity.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-activity, .p-activity.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-activity, .p-activity.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}

.p-activity_kv {
  padding-top: min(2.4489795918vw + 20.8163265306px, 60px);
  padding-inline: max(15px, 4.375vw);
}
.p-activity_kv__img > img {
  border-radius: min(2.0408163265vw + 17.3469387755px, 50px) min(2.0408163265vw + 17.3469387755px, 50px) 0 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__img > img {
    aspect-ratio: 1;
  }
}
.p-activity_kv__text-area {
  margin-top: max(-8.1632653061vw + -69.387755102px, -200px);
  display: grid;
  grid-template-rows: min(3.2653061224vw + 27.7551020408px, 80px) 1fr;
}
.p-activity_kv__text-area__bg {
  grid-column: 1;
  grid-row: 1/3;
  display: grid;
  grid-template-rows: auto 1fr;
  margin-inline: calc(50% - 50vw);
}
.p-activity_kv__text-area__bg .c-sine-wave {
  position: relative;
  top: 1px;
}
.p-activity_kv__text-area__bg::after {
  content: "";
  background-color: var(--color-white);
}
.p-activity_kv__text-area__main {
  position: relative;
  grid-column: 1;
  grid-row: 2/3;
}
.p-activity_kv__title {
  font-size: min(2.0408163265vw + 1.0841836735rem, 3.125rem);
  font-weight: 900;
  position: relative;
  z-index: 2;
}
.p-activity_kv__title .parent {
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  color: var(--enjoy-color-100, var(--color-main));
  padding-left: 1em;
  position: relative;
}
.p-activity_kv__title .parent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 0.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.p-activity_kv__title .title {
  display: flex;
  align-items: center;
  gap: 0.2em 0.5em;
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__title .title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-activity_kv__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--enjoy-color-50);
  margin-inline: calc(50% - 50vw);
  opacity: 0.5;
}
.p-activity_kv__en .swiper-slide {
  text-transform: uppercase;
  padding-left: 0.5em;
}
.p-activity_kv__obj {
  position: absolute;
  top: 0;
  right: 0;
  translate: -50% -50%;
  width: min(12.4081632653vw + 73.4693877551px, 272px);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__obj {
    translate: 0 -50%;
  }
}
.p-activity_kv__fixed-nav {
  position: fixed;
  z-index: 100;
  bottom: 0;
  right: 0;
  background-color: var(--enjoy-color-100, var(--color-main));
  color: var(--color-white);
  border-top-left-radius: min(0.8163265306vw + 16.9387755102px, 30px);
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav {
    width: 100%;
    max-width: 400px;
    border-top-left-radius: 0;
    overflow: clip;
  }
}
.p-activity_kv__fixed-nav.is-open {
  opacity: 1;
  pointer-events: all;
}
.p-activity_kv__fixed-nav.is-footer-inview {
  opacity: 0;
  pointer-events: none;
}
.p-activity_kv__fixed-nav__button {
  position: absolute;
  top: min(0.3265306122vw + 6.7755102041px, 12px);
  right: min(0.2448979592vw + 7.0816326531px, 11px);
  width: min(0.4897959184vw + 16.1632653061px, 24px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: #fff;
  display: grid;
  place-items: center;
  translate: 0 0;
  cursor: pointer;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: all;
  z-index: 100;
  rotate: 45deg;
}
.p-activity_kv__fixed-nav__button .icon {
  display: flex;
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_kv__fixed-nav__link {
  display: block;
  position: relative;
  padding-block: min(0.8163265306vw + 6.9387755102px, 20px);
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  width: min(4.2448979592vw + 284.0816326531px, 352px);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__link {
    width: 100%;
    height: 80px;
    padding-block: 0;
    padding-inline-start: min(0.8163265306vw + 16.9387755102px, 30px);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
.p-activity_kv__fixed-nav__link.-tel {
  width: min(3.4285714286vw + 387.1428571429px, 442px);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__link.-tel {
    width: 100%;
  }
}
.p-activity_kv__fixed-nav__link .emphasis {
  font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  font-weight: 900;
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__link .emphasis {
    font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
    letter-spacing: 0;
  }
}
.p-activity_kv__fixed-nav__link .tel {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: min(0.8163265306vw + 0.9336734694rem, 1.75rem);
}
.p-activity_kv__fixed-nav__link .small {
  font-size: min(0.3265306122vw + 12.7755102041px, 18px);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__link .small {
    font-weight: 900;
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  }
}
.p-activity_kv__fixed-nav__text {
  width: fit-content;
  margin-inline: auto;
  line-height: 1.5;
  font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__text {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .-kayak .p-activity_kv__fixed-nav__text br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .-sup .p-activity_kv__fixed-nav__text br:nth-of-type(2) {
    display: none;
  }
}
.-tel .p-activity_kv__fixed-nav__text {
  text-align: center;
}
.p-activity_kv__fixed-nav__obj {
  position: absolute;
  width: min(5.5510204082vw + 99.1836734694px, 188px);
  top: 50%;
  left: min(3.2653061224vw + 27.7551020408px, 80px);
  translate: -100% -50%;
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__fixed-nav__obj {
    translate: 0 -50%;
    width: min(5.5510204082vw + 99.1836734694px, 188px);
  }
}
.p-dolphin-farm .p-activity_kv__fixed-nav__obj, .p-horse-club .p-activity_kv__fixed-nav__obj {
  left: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-sauna .p-activity_kv__fixed-nav__obj {
  width: min(3.2653061224vw + 67.7551020408px, 120px);
}
.-fishing-park .p-activity_kv__fixed-nav__obj {
  left: min(2.3673469388vw + 2.1224489796px, 40px);
  width: min(6.9387755102vw + 33.9795918367px, 145px);
}
@media only screen and (max-width: 767px) {
  .-kayak .p-activity_kv__fixed-nav__obj {
    left: -20px;
    width: min(0.8163265306vw + 106.9387755102px, 120px);
  }
}
.-sup .p-activity_kv__fixed-nav__obj {
  width: min(2.3673469388vw + 76.1224489796px, 114px);
}
@media only screen and (max-width: 767px) {
  .-sup .p-activity_kv__fixed-nav__obj {
    left: 0;
  }
}
.-dolphin-farm .p-activity_kv__fixed-nav__obj {
  width: min(4.0816326531vw + 69.693877551px, 135px);
}
@media only screen and (max-width: 767px) {
  .-dolphin-farm .p-activity_kv__fixed-nav__obj {
    left: 10px;
  }
}
.-horse-club .p-activity_kv__fixed-nav__obj {
  width: min(5.5510204082vw + 21.1836734694px, 110px);
}
.-auto-camp .p-activity_kv__fixed-nav__obj {
  width: min(4.2448979592vw + 42.0816326531px, 110px);
}
.-boat-fishing .p-activity_kv__fixed-nav__obj {
  width: min(3.8367346939vw + 72.612244898px, 134px);
}
@media only screen and (max-width: 767px) {
  .-boat-fishing .p-activity_kv__fixed-nav__obj {
    left: 0;
  }
}
.-marine-craft .p-activity_kv__fixed-nav__obj {
  width: min(2.4489795918vw + 56.8163265306px, 96px);
}
@media only screen and (max-width: 767px) {
  .-marine-craft .p-activity_kv__fixed-nav__obj {
    left: 13px;
  }
}
.-sauna .p-activity_kv__fixed-nav__obj {
  width: min(2.4489795918vw + 56.8163265306px, 96px);
}
@media only screen and (max-width: 767px) {
  .-sauna .p-activity_kv__fixed-nav__obj {
    left: 13px;
  }
}
.p-activity_kv__fixed-nav__lead {
  display: inline-block;
  color: var(--enjoy-color-100, var(--color-main));
  background-color: var(--color-white);
  font-weight: 900;
  padding-inline: 0.5em;
  margin-block-end: 0.5em;
}
.p-activity_kv__instagram {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-weight: 500;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .p-activity_kv__instagram {
    margin-block-start: 0.5em;
  }
}

.p-activity_news {
  position: relative;
  z-index: 2;
  margin-block: -3.75vw max(-4.8367346939vw + -159.612244898px, -237px);
  margin-inline: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-activity_news .c-arrow {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_news.-stay {
  margin-block: 0 min(4.0816326531vw + 34.693877551px, 100px);
}
.p-activity_news__inner {
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 26.9387755102px, 40px);
  padding-block: min(2.7755102041vw + 19.5918367347px, 64px);
  max-width: 1460px;
  margin-inline: auto;
}
.p-activity_news__row {
  display: grid;
  grid-template-columns: 330fr 960fr;
  gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
@media only screen and (max-width: 1023px) {
  .p-activity_news__row {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1023px) {
  .p-activity_news__head {
    display: contents;
  }
}
@media only screen and (max-width: 1023px) {
  .p-activity_news .c-button-tertiary {
    order: 10;
    margin-left: auto;
  }
}

.p-activity_fishing-news {
  margin-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
  background-color: var(--color-play-10);
  border-radius: calc(infinity * 1px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  gap: min(1.6326530612vw + 3.8775510204px, 30px);
}
@media only screen and (max-width: 1299px) {
  .p-activity_fishing-news {
    grid-template-columns: 1fr;
    border-radius: 2em;
    padding: min(2.4489795918vw + 20.8163265306px, 60px) min(8.1632653061vw + -10.612244898px, 120px);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity_fishing-news {
    gap: min(0.8163265306vw + 16.9387755102px, 30px);
  }
}
.p-activity_fishing-news__title {
  background-color: var(--color-play-100);
  color: var(--color-white);
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  border-radius: calc(infinity * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 1.5em 2em;
  width: fit-content;
}
@media only screen and (max-width: 1299px) {
  .p-activity_fishing-news__title {
    margin-inline: auto;
    margin-block-end: min(0.8163265306vw + 6.9387755102px, 20px);
  }
}
.p-activity_fishing-news__title .c-icon {
  font-size: min(0.3265306122vw + 1.0484693878rem, 1.375rem);
  margin-inline-end: min(0.3265306122vw + 2.7755102041px, 8px);
}
.p-activity_fishing-news__title .line {
  translate: 0 -50%;
}
.p-activity_fishing-news__list {
  display: grid;
  gap: 1em;
}
.p-activity_fishing-news__link {
  display: flex;
  gap: 1em;
  align-items: center;
  width: 100%;
}
.p-activity_fishing-news__link .hover-elm, .p-activity_fishing-news__link.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-activity_fishing-news__link:hover .hover-elm, .p-activity_fishing-news__link:hover.hover-elm {
    background-size: 100% 1px;
  }
}
@media only screen and (max-width: 1299px) {
  .p-activity_fishing-news__link {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 2px solid var(--color-gray-50);
    padding-bottom: 1em;
  }
}
.p-activity_fishing-news__link .c-news-link__title {
  flex: 1;
}
.p-activity_fishing-news__link .c-icon {
  color: var(--enjoy-color-100, var(--color-main));
  margin-inline-start: auto;
}
.p-activity_fishing-news__head {
  display: flex;
  align-items: center;
}
.p-activity_fishing-news__body {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}
.p-activity_fishing-news__blog {
  color: var(--enjoy-color-100, var(--color-main));
  text-decoration: underline;
  margin-inline-end: min(1.4693877551vw + 4.4897959184px, 28px);
  display: flex;
  gap: 0.5em;
}
@media only screen and (max-width: 1299px) {
  .p-activity_fishing-news__blog {
    margin-inline: auto;
  }
}
.p-activity_fishing-news__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: fit-content;
  margin-inline: auto;
  gap: min(1.2244897959vw + 10.4081632653px, 30px);
}
@media only screen and (max-width: 767px) {
  .p-activity_fishing-news__buttons {
    grid-template-columns: 1fr;
  }
}

.p-activity_news + .p-activity_concept {
  padding-block-start: min(19.3469387755vw + 164.4489795918px, 474px);
}
.p-activity_news + .p-activity_concept.-eat {
  margin-block-start: 0;
  padding-block: min(19.4285714286vw + 165.1428571429px, 476px) min(4.8979591837vw + 41.6326530612px, 120px);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .p-activity_news + .p-activity_concept.-eat {
    padding-block-start: min(32.6530612245vw + 277.5510204082px, 800px);
  }
}

.p-activity_concept {
  background-color: var(--enjoy-color-50);
  padding-block: min(8.1632653061vw + 69.387755102px, 200px) min(22.0408163265vw + 7.3469387755px, 360px);
  mask-image: url(../../img/common/parts/mask_ellipse.svg);
  mask-repeat: repeat-y;
  mask-position: top center;
  mask-size: cover;
  position: relative;
}
.p-activity_concept.-eat {
  margin-block-start: max(-8.1632653061vw + -69.387755102px, -200px);
  background-color: var(--enjoy-color-100, var(--color-main));
  z-index: 2;
}
.p-activity_concept.-stay {
  padding-block: min(9.387755102vw + 79.7959183673px, 230px) min(11.4285714286vw + 97.1428571429px, 280px);
}
.p-activity_concept.-raft {
  padding-block: min(7.3469387755vw + 62.4489795918px, 180px) min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-activity_concept.-raft .c-grid-column {
  position: relative;
}
.p-activity_concept.-experience {
  padding-block-end: min(9.7959183673vw + 83.2653061224px, 240px);
  margin-block-end: max(-1.6326530612vw + -13.8775510204px, -40px);
}
.p-activity_concept__inner {
  position: relative;
}
.p-activity_concept__img {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .p-activity_concept__img {
    display: none;
  }
}
.p-activity_concept__img img {
  width: 100%;
}
.p-activity_concept__img.-l {
  top: 55%;
  left: 0;
  translate: 0 -50%;
  width: min(449px, 28.0625vw);
}
@media only screen and (max-width: 1299px) {
  .p-activity_concept__img.-l {
    width: min(400px, 25vw);
  }
}
.p-activity_concept__img.-r {
  top: 60%;
  right: 0;
  translate: 0 -50%;
  width: min(440px, 27.5vw);
}
@media only screen and (max-width: 1299px) {
  .p-activity_concept__img.-r {
    width: min(400px, 25vw);
  }
}
.p-activity_concept__body {
  max-width: min(26.1224489796vw + 142.0408163265px, 560px);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .p-activity_concept__body {
    max-width: 100%;
  }
}
.p-activity_concept__en {
  color: var(--enjoy-color-100, var(--color-main));
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  line-height: 2;
  margin-block-end: 0.8em;
}

.p-activity_main-point {
  background-color: var(--color-white);
  margin-block-start: min(9.7959183673vw + 83.2653061224px, 240px);
  max-width: 1460px;
  margin-inline: auto;
  padding-block: min(3.5918367347vw + 30.5306122449px, 88px);
  border-radius: min(1.6326530612vw + 33.8775510204px, 60px);
  position: relative;
}
.p-activity_main-point.-horse-club {
  margin-block-start: 0;
}
.p-activity_main-point__card__img {
  overflow: hidden;
  position: relative;
  margin-bottom: min(1.306122449vw + 11.1020408163px, 32px);
  border-radius: 20px;
}
.p-activity_main-point__card__img > img,
.p-activity_main-point__card__img > video {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover .p-activity_main-point__card__img > img,
  a:hover .p-activity_main-point__card__img > video, .js-modal-trg:hover .p-activity_main-point__card__img > img,
  .js-modal-trg:hover .p-activity_main-point__card__img > video, .js-download-button:hover .p-activity_main-point__card__img > img,
  .js-download-button:hover .p-activity_main-point__card__img > video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.p-activity_main-point__card__img img {
  aspect-ratio: 403/304;
}
.p-activity_main-point__card__title {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_main-point__card__title .character {
  display: inline-flex;
  gap: 0.5em;
  background-color: var(--color-green-10);
  border-radius: calc(infinity * 1px);
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  padding: 0.4em 0.8em 0.3em;
  margin-inline-start: 1em;
}
@media only screen and (max-width: 1023px) {
  .p-activity_main-point__card__title .character {
    margin-inline-start: 0;
  }
}
.p-activity_main-point__card__note {
  color: var(--color-black-50);
  margin-top: 0.5em;
}
.p-activity_main-point__card-slider {
  --slider-margin: min(1.6326530612vw + 13.8775510204px, 40px);
  position: relative;
}
.p-activity_main-point__card-slider .swiper {
  overflow: visible;
  margin-left: calc(-1 * var(--slider-margin));
}
.p-activity_main-point__card-slider .swiper-slide {
  padding-left: calc(var(--slider-margin));
  inline-size: 33.3333333333%;
}
.-horse-club .p-activity_main-point__card-slider .swiper-slide {
  inline-size: 40%;
}
@media only screen and (max-width: 1023px) {
  .-horse-club .p-activity_main-point__card-slider .swiper-slide {
    inline-size: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .-horse-club .p-activity_main-point__card-slider .swiper-slide {
    inline-size: 83.3333333333%;
  }
}
@media only screen and (max-width: 1023px) {
  .p-activity_main-point__card-slider .swiper-slide {
    inline-size: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity_main-point__card-slider .swiper-slide {
    inline-size: 83.3333333333%;
  }
}
.p-activity_main-point__title {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -60%;
  z-index: 1;
  background-color: var(--enjoy-color-100, var(--color-main));
  border-radius: calc(infinity * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 8px 32px;
  padding-block: min(0.1632653061vw + 5.387755102px, 8px);
  line-height: 1.5;
  width: fit-content;
}
.p-activity_main-point__title__text {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  color: var(--color-white);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
  text-align: center;
  margin-inline: 0.5em 0.2em;
}
@media only screen and (max-width: 767px) {
  .p-activity_main-point__title__text {
    flex-direction: column;
    white-space: nowrap;
  }
}
.p-activity_main-point__title__text .small {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 600;
}
.p-activity_main-point__title__illust {
  position: relative;
  z-index: 1;
  margin-block-start: max(-0.6530612245vw + -15.5510204082px, -26px);
  width: min(1.1428571429vw + 45.7142857143px, 64px);
}
.p-activity_main-point__title__illust::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-10);
  z-index: -1;
}
.p-activity_main-point__title__line {
  translate: 0 -0.5em;
}
@media only screen and (max-width: 767px) {
  .p-activity_main-point__title__line {
    translate: 1.5em -0.5em;
  }
}
.p-activity_main-point__title::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  translate: -50% 100%;
  clip-path: path("M0.5 15C3.993 7.12506 2.995 3.43369 0.5 0L20.3759 0C21.3766 1.53159 16.468 15 0.5 15Z");
  width: 20px;
  height: 15px;
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_main-point__inner {
  overflow: clip;
}

.p-activity_sub-point {
  z-index: 1;
  background-color: var(--color-beige-100);
}
.p-activity_sub-point .c-grid-column {
  position: relative;
  align-items: center;
  z-index: 1;
}
.p-activity_sub-point .c-title-xs {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_sub-point__body {
  position: relative;
  z-index: 1;
  padding-inline-end: min(5.8775510204vw + -22.0408163265px, 72px);
}
@media only screen and (max-width: 767px) {
  .p-activity_sub-point__body {
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity_sub-point__img {
    margin-block-start: min(2.4489795918vw + 20.8163265306px, 60px);
  }
}
.p-activity_sub-point__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 7.5vw;
  color: var(--color-white);
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  z-index: -1;
  left: calc(50% - 50vw);
  top: -0.5em;
  opacity: 0.4;
}
@media only screen and (max-width: 767px) {
  .p-activity_sub-point__en {
    font-size: min(3.2653061224vw + 2.9846938776rem, 6.25rem);
  }
}
.-experience .p-activity_sub-point__en {
  opacity: 0.4;
}
.p-activity_sub-point__tree {
  position: absolute;
  top: 0;
  right: 0;
  translate: 100% -100%;
  width: min(4.0816326531vw + 34.693877551px, 100px);
}
@media only screen and (max-width: 767px) {
  .p-activity_sub-point__tree {
    display: none;
  }
}
.p-activity_sub-point.-experience {
  background-color: transparent;
}

.p-activity_accordion__list {
  margin-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
  display: grid;
  gap: min(0.9795918367vw + 16.3265306122px, 32px);
}
.p-activity_accordion__item {
  border: 2px solid var(--color-gray-50);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  background-color: var(--color-white);
  overflow: clip;
}
.p-activity_accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(4.4081632653vw + -0.5306122449px, 70px);
  cursor: pointer;
}
.p-activity_accordion__trigger__toggle {
  width: min(0.8163265306vw + 26.9387755102px, 40px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
  position: relative;
}
.p-activity_accordion__trigger__toggle::before, .p-activity_accordion__trigger__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: min(0.1632653061vw + 9.387755102px, 12px);
  height: 2px;
  background-color: var(--color-white);
}
.p-activity_accordion__trigger__toggle::after {
  rotate: 90deg;
}
.is-open .p-activity_accordion__trigger__toggle::after {
  opacity: 0;
  rotate: 0;
}
.p-activity_accordion__trigger__title {
  font-size: min(0.7346938776vw + 0.7653061224rem, 1.5rem);
  font-weight: 900;
}
.p-activity_accordion__trigger__btn {
  display: flex;
  align-items: center;
  gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.p-activity_accordion__trigger__btn .text {
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-weight: 700;
  position: relative;
  width: fit-content;
}
.p-activity_accordion__trigger__btn .text .close {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  opacity: 0;
}
.is-open .p-activity_accordion__trigger__btn .text .close {
  opacity: 1;
}
.is-open .p-activity_accordion__trigger__btn .text .open {
  opacity: 0;
}
.p-activity_accordion__content {
  border-top: 2px solid var(--color-gray-50);
  padding-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(3.2653061224vw + 17.7551020408px, 70px);
}
.p-activity_accordion.-stay {
  background-color: var(--enjoy-color-10);
}

.p-activity_list {
  display: grid;
  gap: 0.1em;
}
.p-activity_list__item {
  position: relative;
  padding-inline-start: 1em;
}
.p-activity_list__item::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_list__item__line {
  display: inline-block;
  background-image: linear-gradient(to right, var(--color-black) 4px, transparent 2px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  width: min(2.4489795918vw + 194.8163265306px, 234px);
  height: 3px;
}

.p-activity_faq {
  display: grid;
}
.p-activity_faq__item {
  position: relative;
}
.p-activity_faq__item:not(:first-child) {
  padding-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  border-top: 3px dotted var(--color-gray-50);
}
.p-activity_faq__question {
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  font-weight: 900;
  padding-inline-start: 2em;
  position: relative;
}
.p-activity_faq__question::before {
  content: "Q.";
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  color: var(--enjoy-color-100, var(--color-main));
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: calc(1em + min(0.4897959184vw + 8.1632653061px, 16px));
  display: inline-block;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-activity_faq__answer {
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  padding-inline-start: 2em;
  position: relative;
}
.p-activity_faq__answer::before {
  content: "A.";
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  color: var(--enjoy-color-100, var(--color-main));
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: calc(1em + min(0.4897959184vw + 8.1632653061px, 16px));
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-activity_faq__answer a {
  color: var(--enjoy-color-100, var(--color-main));
  text-decoration: underline;
}
.p-activity_faq__table {
  background-color: var(--color-gray-10);
  padding: min(0.9795918367vw + 16.3265306122px, 32px);
  border-radius: min(0.4897959184vw + 8.1632653061px, 16px);
  margin-block-end: 1em;
  overflow-x: scroll;
}
.p-activity_faq__table__inner {
  background-color: var(--color-white);
}
@media only screen and (max-width: 1023px) {
  .p-activity_faq__table__inner {
    width: min(8.1632653061vw + 569.387755102px, 700px);
  }
}
.p-activity_faq__table tr {
  display: grid;
  grid-template-columns: min(9.1428571429vw + 85.7142857143px, 232px) 1fr 1fr;
}
.p-activity_faq__table tr:not(:first-child) {
  border-top: 2px dotted var(--color-gray-50);
}
.p-activity_faq__table td,
.p-activity_faq__table th {
  font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
  padding: 1em;
  text-align: center;
  border: none;
}
.p-activity_faq__table th {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-radius: 6px;
  color: var(--color-white);
  border: 2px solid var(--color-white);
}
.p-activity_faq__table .main-heading {
  background: transparent;
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_faq__table .sub-heading,
.p-activity_faq__table .main-heading {
  font-weight: 900;
}

.p-activity_outline__list {
  display: grid;
  grid-template-columns: min(4.2448979592vw + 84.0816326531px, 152px) 1fr;
}
.p-activity_outline__list dt {
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  font-weight: 900;
  padding-inline-end: 1em;
}
.p-activity_outline__list dt,
.p-activity_outline__list dd {
  border-bottom: 1px solid var(--color-gray-50);
  padding-block: min(0.9795918367vw + 16.3265306122px, 32px);
}
.p-activity_outline__link {
  color: var(--enjoy-color-100, var(--color-main));
  text-decoration: underline;
  display: block;
  width: fit-content;
}
.p-activity_outline__link .c-icon {
  margin-inline-start: 0.5em;
}
.p-activity_outline__sns {
  display: flex;
  gap: min(0.4081632653vw + 3.4693877551px, 10px);
}
.p-activity_outline__tell {
  background-color: var(--color-green-10);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  padding: min(2.2040816327vw + 11.7346938776px, 47px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  gap: min(1.9591836735vw + 8.6530612245px, 40px);
  line-height: 1;
}
.p-activity_outline__tell__text {
  font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
  color: var(--enjoy-color-100, var(--color-main));
  font-weight: 600;
  line-height: 1.2;
}
.p-activity_outline__tell__number {
  font-size: min(0.9795918367vw + 1.0204081633rem, 2rem);
  color: var(--enjoy-color-100, var(--color-main));
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.p-activity_experience {
  padding-block-end: min(5.7142857143vw + 48.5714285714px, 140px);
}
.p-activity_experience__wrapper {
  overflow: clip;
  background-color: var(--color-white);
  padding: min(4.5714285714vw + 22.8571428571px, 96px) min(1.6326530612vw + 13.8775510204px, 40px);
  border-radius: min(1.6326530612vw + 33.8775510204px, 60px);
}
.p-activity_experience__wrapper .c-button-primary a {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_experience__wrapper .c-button-primary a .c-arrow {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_experience__inner {
  margin-block-start: min(1.306122449vw + 35.1020408163px, 56px);
  background-color: var(--color-beige-100);
  max-width: 1280px;
  margin-inline: auto;
  padding: min(2.4489795918vw + 30.8163265306px, 70px) min(4.0816326531vw + 4.693877551px, 70px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-activity_experience__title {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 700;
  line-height: 2;
  position: relative;
  padding-block: min(0.4897959184vw + 8.1632653061px, 16px);
}
.p-activity_experience__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
  height: 2px;
  background-color: var(--enjoy-color-100, var(--color-main));
  z-index: 2;
}
.p-activity_experience .p-activity_experience__title::before {
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_experience__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-gray-50);
}
.p-activity_experience__point {
  max-width: 1140px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: min(2.9387755102vw + 8.9795918367px, 56px);
}
.p-activity_experience__point.-list {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1023px) {
  .p-activity_experience__point.-list {
    grid-template-columns: 1fr;
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
  }
}
@media only screen and (max-width: 1023px) {
  .p-activity_experience__point {
    grid-template-columns: 1fr;
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
  }
}
.p-activity_experience__point__list {
  background-color: var(--color-white);
  border-radius: min(0.3265306122vw + 14.7755102041px, 20px);
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-activity_experience__point__item {
  counter-increment: mycounter;
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
  font-weight: 900;
  padding-block: min(0.3265306122vw + 8.7755102041px, 14px);
  border-bottom: 1px solid var(--color-gray-50);
  position: relative;
  padding-inline-start: 2em;
}
.p-activity_experience__point__item::before {
  position: absolute;
  top: 1.1em;
  left: 0;
  content: counter(mycounter, decimal-leading-zero);
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.p-activity_experience__point__img {
  position: relative;
}
.p-activity_experience__point__img img {
  width: 100%;
}
.p-activity_experience__point__img .dog {
  position: absolute;
  bottom: max(-0.4081632653vw + -3.4693877551px, -10px);
  right: min(0.9795918367vw + 8.3265306122px, 24px);
  width: min(4.0816326531vw + 24.693877551px, 90px);
}
@media only screen and (max-width: 1023px) {
  .p-activity_experience__point__img .dog {
    width: min(13.0612244898vw + -8.9795918367px, 200px);
  }
}

.p-activity_slider {
  position: relative;
}
.p-activity_slider.-kayak {
  width: min(9.4693877551vw + 280.4897959184px, 432px);
  margin-block-start: min(1.306122449vw + 35.1020408163px, 56px);
  margin-inline: auto;
}
.p-activity_slider.-kayak .swiper {
  overflow: visible;
}
.p-activity_slider.-kayak .swiper-slide {
  padding-inline: min(0.6530612245vw + 5.5510204082px, 16px);
}
.p-activity_slider.-kayak .c-slider-button.-prev {
  left: min(0.6530612245vw + 5.5510204082px, 16px);
}
.p-activity_slider.-kayak .c-slider-button.-next {
  right: min(0.6530612245vw + 5.5510204082px, 16px);
}
.p-activity_slider__inner {
  position: relative;
}
.p-activity_slider__tree {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
}
.p-activity_slider__tree.-tree01, .p-activity_slider__tree.-fish {
  display: flex;
  left: calc(50% + min(6.2040816327vw + 50.7346938776px, 150px));
  gap: 4px;
  width: min(2.8571428571vw + 49.2857142857px, 95px);
  translate: -50% 40%;
}
.p-activity_slider__tree.-tree01 img:first-child, .p-activity_slider__tree.-fish img:first-child {
  height: 100%;
}
.p-activity_slider__tree.-fish {
  width: min(3.6734693878vw + 31.2244897959px, 90px);
}
.p-activity_slider__tree.-fish img:first-child {
  translate: 0 0;
}
.p-activity_slider__tree.-tree02, .p-activity_slider__tree.-starfish {
  width: min(1.4693877551vw + 24.4897959184px, 48px);
  left: calc(50% - min(8.1632653061vw + 69.387755102px, 200px));
  translate: -50% 40%;
}
.p-activity_slider__tree.-starfish {
  width: min(4.0816326531vw + 34.693877551px, 100px);
}
.p-activity_slider__tree.-starfish img {
  translate: 0 min(0.4081632653vw + 3.4693877551px, 10px);
}
.p-activity_slider .swiper {
  border-radius: min(2.4489795918vw + 10.8163265306px, 50px);
  overflow: hidden;
}
.p-activity_slider .swiper-slide img {
  width: 100%;
}
.p-activity_slider .c-slider-button {
  position: absolute;
  top: 50%;
  z-index: 10;
}
.p-activity_slider .c-slider-button.-prev {
  left: 0;
  scale: -1 1;
  translate: -50% -50%;
}
.p-activity_slider .c-slider-button.-next {
  right: 0;
  translate: 50% -50%;
}
.p-activity_slider.-single .c-slider-pagination,
.p-activity_slider.-single .c-slider-button {
  display: none;
}
.p-activity_slider .c-arrow {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}

.p-activity_stay-precautions {
  background-color: var(--color-white);
  border-radius: min(1.6326530612vw + 33.8775510204px, 60px);
  max-width: 1300px;
  margin-inline: auto;
}
.p-activity_stay-precautions__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.9795918367vw + 16.3265306122px, 32px);
}
@media only screen and (max-width: 1299px) {
  .p-activity_stay-precautions__list {
    grid-template-columns: 1fr;
  }
}
.p-activity_stay-precautions__item {
  background-color: var(--color-beige-100);
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(1.6326530612vw + 13.8775510204px, 40px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.p-activity_stay-precautions__note {
  margin-block-start: min(0.4897959184vw + 16.1632653061px, 24px);
  padding-block-start: min(0.4897959184vw + 16.1632653061px, 24px);
  position: relative;
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 900;
}
.p-activity_stay-precautions__note::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: min(0.4897959184vw + 16.1632653061px, 24px);
  height: 2px;
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_stay-precautions__note span {
  font-size: min(0.2448979592vw + 0.8801020408rem, 1.125rem);
}
.p-activity_stay-precautions__title {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 900;
  text-align: center;
  margin-block-end: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-activity_stay-precautions__title span {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-activity_stay-precautions__tel {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(1.306122449vw + 0.818877551rem, 2.125rem);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.p-activity_stay-precautions__tel .c-icon {
  font-size: min(1.306122449vw + 0.693877551rem, 2rem);
}

/**
 * コテージ一覧ページ
 */
.p-cottage_intro {
  background-color: var(--enjoy-color-50);
  padding-top: min(6.5306122449vw + 55.5102040816px, 160px);
  padding-bottom: min(11.4285714286vw + 97.1428571429px, 280px);
  mask-image: url(../../img/common/parts/mask_ellipse.svg);
  mask-repeat: repeat-y;
  mask-position: top center;
  mask-size: cover;
  position: relative;
  z-index: 0;
}
.p-cottage_intro__img {
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .p-cottage_intro__img {
    display: none;
  }
}
.p-cottage_intro__img img {
  width: 100%;
}
.p-cottage_intro__img.-l {
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: min(378px, 23.625vw);
}
.p-cottage_intro__img.-r {
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: min(398px, 24.875vw);
}
.p-cottage_intro__text-area {
  max-width: min(13.0612244898vw + 351.0204081633px, 560px);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.p-cottage_intro__copy {
  font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
  font-weight: 900;
  margin-bottom: 1em;
}
.p-cottage_intro__text {
  font-weight: 700;
}

.p-cottage_equipment {
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: min(0.8163265306vw + 16.9387755102px, 30px);
  margin-top: min(2.4489795918vw + 20.8163265306px, 60px);
}
.p-cottage_equipment__labels {
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}
.p-cottage_equipment__labels .label {
  color: var(--color-white);
  background-color: var(--color-main);
  border-radius: calc(infinity * 1px);
  padding: 0.2em 0.8em 0.3em;
}

.p-cottage_area {
  background-color: var(--color-white);
  padding: min(5.7142857143vw + -1.4285714286px, 90px);
  border-radius: min(2.4489795918vw + 20.8163265306px, 60px);
}
.p-cottage_area + .p-cottage_area {
  margin-top: min(2.4489795918vw + 20.8163265306px, 60px);
}
.p-cottage_area__head {
  margin-bottom: min(2.4489795918vw + 20.8163265306px, 60px);
  display: grid;
  grid-template-columns: auto 1fr;
  padding-inline: min(2.8571428571vw + 24.2857142857px, 70px);
  gap: min(0.8163265306vw + 16.9387755102px, 30px);
}
@media only screen and (max-width: 1023px) {
  .p-cottage_area__head {
    grid-template-columns: 1fr;
    padding-inline: 0;
  }
}
.p-cottage_area__title {
  align-self: center;
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: 10.5555555556em;
}
.p-cottage_area__title .icon {
  font-size: 1.9444444444em;
  width: 1em;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-green-10);
  color: var(--color-main);
  display: grid;
  place-items: center;
}
.p-cottage_area__title .icon svg,
.p-cottage_area__title .icon img {
  width: 0.7857142857em;
  height: auto;
}
.p-cottage_area__title .title {
  font-weight: 900;
}
/**
 * コテージ詳細ページ
 */
.p-cottage-single_kv {
  display: grid;
  grid-template-columns: 420fr 780fr;
  gap: min(4.0816326531vw + 14.693877551px, 80px);
  padding-top: min(3.6734693878vw + 31.2244897959px, 90px);
  margin-bottom: min(4.0816326531vw + 34.693877551px, 100px);
}
@media only screen and (max-width: 1023px) {
  .p-cottage-single_kv {
    grid-template-columns: 1fr;
  }
}
.p-cottage-single_kv__text-area {
  align-self: center;
}
@media only screen and (max-width: 1023px) {
  .p-cottage-single_kv__img {
    order: -1;
  }
}
.p-cottage-single_kv__img img {
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  aspect-ratio: 780/520;
}
.p-cottage-single_kv__area {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 900;
  color: var(--color-black-40);
  margin-bottom: 1.2em;
  padding-bottom: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
}
.p-cottage-single_kv__area::after {
  content: "";
  width: 1.3333333333em;
  border-bottom: 2px solid;
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-cottage-single_kv__area .icon {
  font-size: 1.6666666667em;
  display: grid;
  place-content: center;
}
.p-cottage-single_kv__area .icon svg,
.p-cottage-single_kv__area .icon img {
  width: 1em;
  height: auto;
}
.p-cottage-single_kv__title {
  font-size: min(2.0408163265vw + 1.0841836735rem, 3.125rem);
  font-weight: 900;
}
.p-cottage-single_kv__summary {
  margin-top: 20px;
}
.p-cottage-single_kv__labels {
  line-height: 1.5;
  color: var(--color-main);
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.p-cottage-single_kv__labels .label {
  border: 1px solid;
  padding: 0.2em 0.6em 0.3em;
}
.p-cottage-single_kv__buttons {
  display: grid;
  gap: min(0.8163265306vw + 6.9387755102px, 20px);
  margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
}

.p-cottage-single_gallery {
  position: relative;
}
.p-cottage-single_gallery > .swiper {
  pointer-events: all;
  font-size: 100vw;
  overflow: visible;
}
@media only screen and (max-width: 1599px) {
  .p-cottage-single_gallery > .swiper {
    font-size: min(65.306122449vw + 34.693877551rem, 100rem);
  }
}
.p-cottage-single_gallery > .swiper .swiper-slide {
  padding-left: 0.0125em;
  margin-top: calc(var(--top) / 1600 * 1em);
  position: relative;
}
.p-cottage-single_gallery > .swiper .swiper-slide .in {
  position: relative;
  width: calc(var(--width) / 1600 * 1em);
  cursor: pointer;
}
.p-cottage-single_gallery > .swiper .swiper-slide .in > img {
  display: block;
  width: 100%;
  border-radius: 0.01875em;
  aspect-ratio: var(--aspect-ratio, 1);
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i01 {
  --width: 300;
  --aspect-ratio: 300 / 440;
  --top: 0;
  --obj-width: 372;
  --obj-translate: -54% -20%;
  --obj-z: -1;
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i02 {
  --width: 311;
  --aspect-ratio: 311 / 324;
  --top: 140;
  --obj-width: 70;
  --obj-translate: -105% -240%;
  --obj-z: 1;
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i03 {
  --width: 290;
  --aspect-ratio: 290 / 198;
  --top: 50;
  --obj-width: 124;
  --obj-translate: -70% 35%;
  --obj-z: 1;
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i04 {
  --width: 228;
  --aspect-ratio: 228 / 238;
  --top: 140;
  --obj-width: 194;
  --obj-translate: -95% -72%;
  --obj-z: -1;
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i05 {
  --width: 300;
  --aspect-ratio: 300 / 440;
  --top: 30;
  --obj-width: 97;
  --obj-translate: -260% -48%;
  --obj-z: 1;
}
.p-cottage-single_gallery > .swiper .swiper-slide.-i06 {
  --width: 311;
  --aspect-ratio: 311 / 324;
  --top: 0;
  --obj-width: 117;
  --obj-translate: -50% 190%;
  --obj-z: 1;
}
.p-cottage-single_gallery__bg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.p-cottage-single_gallery__bg img {
  width: 100%;
}
.p-cottage-single_gallery__bg.-bottom {
  z-index: -1;
}
.p-cottage-single_gallery__control {
  position: absolute;
  bottom: 2em;
  right: 2em;
  display: flex;
  gap: 0.5em;
  z-index: 10;
  pointer-events: all;
}
.p-cottage-single_gallery__control__button {
  display: grid;
  place-items: center;
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  color: var(--color-white);
  background-color: var(--color-main);
  width: 2em;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  opacity: 0.5;
  cursor: pointer;
}
.p-cottage-single_gallery__control__button.is-active {
  opacity: 1;
  pointer-events: all;
}

.p-cottage-single_gallery-modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: grid;
  place-items: center;
  opacity: 0;
  z-index: -10000;
}
.p-cottage-single_gallery-modal.is-open {
  opacity: 1;
  z-index: 10000;
}
.p-cottage-single_gallery-modal__content {
  position: relative;
  text-align: center;
  width: min(16.3265306122vw + 538.7755102041px, 800px);
}
@media only screen and (max-width: 767px) {
  .p-cottage-single_gallery-modal__content {
    width: min(8.1632653061vw + 269.387755102px, 400px);
  }
}
.p-cottage-single_gallery-modal__content figure img {
  height: min(8.1632653061vw + 269.387755102px, 400px);
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .p-cottage-single_gallery-modal__content figure img {
    height: min(8.1632653061vw + 269.387755102px, 400px);
  }
}
.p-cottage-single_gallery-modal__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-cottage-single_gallery-modal__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
}
.p-cottage-single_gallery-modal__bg img {
  width: 100%;
  height: 100%;
}
.p-cottage-single_gallery-modal__close {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 10;
  width: 2.5em;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background-color: var(--color-white);
  border-radius: calc(infinity * 1px);
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
}
.p-cottage-single_gallery-modal__close:hover {
  opacity: 1;
}

.p-cottage-single_map {
  margin-block: min(6.1224489796vw + 52.0408163265px, 150px);
  text-align: center;
}
.p-cottage-single_map img {
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}

.p-cottage-single_essential-items {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  line-height: 1.5;
  font-weight: 900;
  color: var(--color-main);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 1023px) {
  .p-cottage-single_essential-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-cottage-single_essential-items li {
  background-color: var(--color-beige-100);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: 1.3em 1em;
  text-align: center;
}

.p-cottage-single_reserve {
  height: min(11.4285714286vw + 257.1428571429px, 440px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  overflow: hidden;
  position: relative;
  z-index: 0;
  display: grid;
  place-content: center;
}
.p-cottage-single_reserve__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.p-cottage-single_reserve__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(min(10px, 0.625vw));
}
.p-cottage-single_reserve__bg img {
  width: 100%;
  height: 100%;
}
.p-cottage-single_reserve__text-area {
  translate: 0 -20%;
}
.p-cottage-single_reserve__title {
  font-size: min(1.4693877551vw + 0.7806122449rem, 2.25rem);
  font-weight: 900;
  color: var(--color-white);
  text-align: center;
  margin-bottom: 1em;
  padding-top: 1em;
  position: relative;
}
.p-cottage-single_reserve__title::before {
  content: "";
  border-top: 2px solid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0.8888888889em;
  margin-inline: auto;
}
.p-cottage-single_reserve__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(0.8163265306vw + 6.9387755102px, 20px);
}
.p-cottage-single_reserve__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: min(4.8979591837vw + 2.6020408163rem, 7.5rem);
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-white);
  text-transform: uppercase;
  position: absolute;
  bottom: -0.1em;
  left: 0;
  right: 0;
}
.p-cottage-single_reserve__en .swiper-slide {
  padding-left: 0.5em;
}

.p-cottage-single_other {
  --mount-bg-color: var(--color-stay-10);
  padding: min(3.2653061224vw + 17.7551020408px, 70px) min(5.7142857143vw + -1.4285714286px, 90px);
  border-radius: min(2.4489795918vw + 20.8163265306px, 60px);
  background-color: var(--color-stay-10);
  overflow: hidden;
}
.p-cottage-single_other__title {
  font-size: min(1.4693877551vw + 0.7806122449rem, 2.25rem);
  font-weight: 900;
  text-align: center;
  margin-bottom: 1.5em;
}

.p-rental_box {
  background-color: var(--color-white);
  padding: min(5.7142857143vw + -1.4285714286px, 90px);
  border-radius: min(2.4489795918vw + 20.8163265306px, 60px);
}

.p-rental_rental-card__img img {
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.p-rental_rental-card__data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
.p-rental_rental-card__labels {
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.p-rental_rental-card__labels .label {
  background-color: var(--color-gray-30);
  padding: 0 0.3em 0.1em;
}
.p-rental_rental-card__labels .label.-green {
  background-color: var(--color-main);
  color: var(--color-white);
}
.p-rental_rental-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media only screen and (max-width: 1023px) {
  .p-rental_rental-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .p-rental_rental-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-rental_sale-table {
  background-color: var(--color-beige-100);
  padding: min(4.0816326531vw + 4.693877551px, 70px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-rental_sale-table > div {
  padding-block: min(0.8163265306vw + 16.9387755102px, 30px);
  display: grid;
  grid-template-columns: auto 1fr;
  border-bottom: 2px solid var(--color-gray-50);
}
@media only screen and (max-width: 1023px) {
  .p-rental_sale-table > div {
    grid-template-columns: 1fr;
  }
}
.p-rental_sale-table dt {
  font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
  font-weight: 900;
  width: 12.2222222222em;
  padding-right: 1em;
}
@media only screen and (max-width: 1023px) {
  .p-rental_sale-table dt {
    padding-right: 0;
    margin-bottom: 1em;
  }
}
.p-contact_intro {
  border-bottom: 2px dotted var(--color-main);
  padding-bottom: min(2.0408163265vw + 17.3469387755px, 50px);
  margin-block-end: min(5.306122449vw + 5.1020408163px, 90px);
}
@media only screen and (max-width: 1023px) {
  .p-contact_intro {
    order: -1;
  }
}
.p-contact_intro__title {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  color: var(--color-main);
  margin-bottom: min(2.0408163265vw + 17.3469387755px, 50px);
  position: relative;
  z-index: 0;
}
.p-contact_intro__title::before {
  content: "";
  border-top: 2px dotted var(--color-main);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  translate: 0 -50%;
  z-index: -1;
}
.p-contact_intro__title .in {
  display: block;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 2em;
  background-color: var(--color-green-10);
  position: relative;
}
.p-contact_intro__title .in::before, .p-contact_intro__title .in::after {
  content: "";
  width: 0.5555555556em;
  aspect-ratio: 20/41;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background-image: url(../../img/common/parts/line_emphasis_l.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-contact_intro__title .in::before {
  left: 1em;
}
.p-contact_intro__title .in::after {
  right: 1em;
  scale: -1 1;
}

.p-contact_activity {
  background-color: var(--color-white);
  padding: min(4.8979591837vw + 1.6326530612px, 80px);
  padding-top: 0;
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-contact_activity + .p-contact_activity {
  margin-top: min(0.8163265306vw + 16.9387755102px, 30px);
}
.p-contact_activity__head {
  position: relative;
  padding-block: min(2.0408163265vw + 17.3469387755px, 50px);
  margin-bottom: min(2.0408163265vw + 17.3469387755px, 50px);
  position: relative;
}
.p-contact_activity__head::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../../img/contact/obj_trees@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 70/56;
  width: min(2.8571428571vw + 24.2857142857px, 70px);
}
.p-contact_activity__head::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: max(-4.8979591837vw + -1.6326530612px, -80px);
  border-bottom: 2px solid var(--color-green-10);
}
.p-contact_activity__title {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 900;
}

.p-contact-table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-contact-table tr {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .p-contact-table .sp-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-contact-table .sp-col-2 th {
  grid-column: 1/3;
}
@media only screen and (max-width: 767px) {
  .p-contact-table .sp-col-2 + .sp-col-2 {
    margin-block-start: min(0.8163265306vw + 16.9387755102px, 30px);
  }
}
.p-contact-table th,
.p-contact-table td {
  text-align: center;
  padding: 1em 1.5em;
  border: 1px solid var(--color-gray-50);
}
.p-contact-table th {
  background-color: var(--color-gray-30);
  font-weight: 700;
  width: 20em;
}
@media only screen and (max-width: 767px) {
  .p-contact-table th {
    width: 100%;
  }
}
.p-contact-table.-td-left td {
  text-align: left;
}

.p-sup_question {
  padding: 0 min(1.4693877551vw + 24.4897959184px, 48px) min(0.9795918367vw + 16.3265306122px, 32px);
  margin-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
  background-color: var(--enjoy-color-10);
  grid-column: 1/3;
  border-radius: min(0.9795918367vw + 16.3265306122px, 32px);
}
@media only screen and (max-width: 1023px) {
  .p-sup_question {
    grid-column: auto;
    padding-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  }
}
.p-sup_question__title {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 600;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-end;
  gap: 0.8em;
  margin-block-end: min(0.1632653061vw + 9.387755102px, 12px);
}
@media only screen and (max-width: 1023px) {
  .p-sup_question__title {
    align-items: flex-start;
  }
}
.p-sup_question__title .illust {
  position: relative;
  width: min(1.306122449vw + 35.1020408163px, 56px);
  translate: 0 max(-0.4081632653vw + -3.4693877551px, -10px);
  z-index: 1;
}
.p-sup_question__title .illust::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(1.306122449vw + 35.1020408163px, 56px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background: var(--enjoy-color-100, var(--color-main));
  z-index: -1;
}

.p-sup_pot {
  margin-block-start: min(1.6326530612vw + 23.8775510204px, 50px);
  background-color: var(--color-white);
  border: 1px solid var(--color-play-50);
  padding: min(2.4489795918vw + 10.8163265306px, 50px) min(2.7755102041vw + 5.5918367347px, 50px);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
  display: grid;
  grid-template-columns: 1fr min(9.306122449vw + 265.1020408163px, 414px);
  align-items: flex-start;
  gap: min(0.9795918367vw + 16.3265306122px, 32px) min(3.2653061224vw + 3.7551020408px, 56px);
}
@media only screen and (max-width: 1023px) {
  .p-sup_pot {
    grid-template-columns: 1fr;
  }
}
.p-sup_pot__title {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  grid-column: 1/3;
}
@media only screen and (max-width: 1023px) {
  .p-sup_pot__title {
    grid-column: auto;
  }
}
.p-sup_pot__title .line {
  display: flex;
  width: min(0.3265306122vw + 14.7755102041px, 20px);
}
.p-sup_pot__title .line:last-child {
  scale: -1 1;
}
.p-sup_pot__body__illust {
  width: min(3.9183673469vw + 105.306122449px, 168px);
  margin-inline-start: auto;
  margin-block-start: max(-3.2653061224vw + 12.2448979592px, -40px);
}

.p-auto-camp_area__list {
  display: grid;
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
.p-auto-camp_area__item {
  background-color: var(--color-beige-100);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  padding: min(3.2653061224vw + 27.7551020408px, 80px) min(5.2244897959vw + -3.5918367347px, 80px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(2.612244898vw + 6.2040816327px, 48px);
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .p-auto-camp_area__item {
    grid-template-columns: 1fr;
    gap: min(1.4693877551vw + 24.4897959184px, 48px);
  }
}
.p-auto-camp_area__content {
  display: grid;
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
.p-auto-camp_area__title {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  line-height: 1.5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-auto-camp_area__title span {
  display: inline-block;
  border: 1px solid var(--color-green-120);
  background-color: var(--color-white);
  color: var(--color-green-120);
  font-weight: 500;
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  margin-inline-start: 0.9em;
  padding: 0.2em 0.5em;
}
.p-auto-camp_area__overview {
  background-color: var(--color-white);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px) min(1.306122449vw + 11.1020408163px, 32px);
}
.p-auto-camp_area__overview .c-title-xxs {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-auto-camp_area__overview__item {
  border-bottom: 2px solid var(--color-gray-50);
  padding-block-end: 1em;
  margin-block-end: 1em;
}
.p-auto-camp_area__overview__spec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.3265306122vw + 2.7755102041px, 8px) min(0.6530612245vw + 5.5510204082px, 16px);
}
@media only screen and (max-width: 1023px) {
  .p-auto-camp_area__overview__spec {
    grid-template-columns: 1fr;
  }
}
.p-auto-camp_area__overview__text {
  display: flex;
  align-items: center;
  gap: min(0.1632653061vw + 7.387755102px, 10px);
}
.p-auto-camp_area__overview__text span {
  display: block;
  text-align: center;
  background-color: var(--color-black-50);
  color: var(--color-white);
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  width: min(1.306122449vw + 75.1020408163px, 96px);
}
.p-auto-camp_area__img {
  position: relative;
}
.p-auto-camp_area__img > img {
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  width: 100%;
}
.p-auto-camp_area__img__tree {
  position: absolute;
  bottom: max(-0.1632653061vw + -9.387755102px, -12px);
  right: min(0.8163265306vw + 6.9387755102px, 20px);
}
.p-auto-camp_area__img__tree img:first-child {
  width: min(1.2244897959vw + 7.4081632653px, 27px);
}
.p-auto-camp_area__img__tree img:last-child {
  width: min(2.1224489796vw + 12.0408163265px, 46px);
}

.p-airstream_loop__en {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--enjoy-color-50);
  opacity: 0.5;
}
.p-airstream_loop__en .swiper-slide {
  text-transform: uppercase;
  padding-left: 0.5em;
}
.p-airstream_loop__pic .swiper-slide {
  width: 150vw;
}

.p-fishing-park_cta {
  position: relative;
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  overflow: clip;
  z-index: 1;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(4.0816326531vw + 24.693877551px, 90px) min(1.6326530612vw + 13.8775510204px, 40px) min(4.8979591837vw + 41.6326530612px, 120px);
  text-align: center;
}
.p-fishing-park_cta__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  translate: -50% -50%;
  z-index: -1;
}
.p-fishing-park_cta__bg img {
  width: 100%;
  height: 100%;
}
.p-fishing-park_cta .c-title-s {
  position: relative;
  padding-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
}
.p-fishing-park_cta .c-title-s::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: min(0.9795918367vw + 16.3265306122px, 32px);
  height: 2px;
  background-color: var(--color-white);
}
.p-fishing-park_cta__en {
  position: absolute;
  bottom: -0.2em;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-white);
  margin-inline: calc(50% - 50vw);
}
@media only screen and (max-width: 767px) {
  .p-fishing-park_cta__en {
    font-size: min(1.6326530612vw + 2.1173469388rem, 3.75rem);
  }
}
.p-fishing-park_cta__en .swiper-slide {
  text-transform: uppercase;
  padding-left: 0.5em;
}
.p-fishing-park_cta__tel {
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.3265306122vw + 6.7755102041px, 12px);
}
.p-fishing-park_cta__tel .c-icon {
  font-size: min(1.306122449vw + 0.693877551rem, 2rem);
}
.p-fishing-park_cta .c-button-primary a {
  background-color: var(--enjoy-color-100, var(--color-main));
  border-color: var(--enjoy-color-100, var(--color-main));
}
.p-fishing-park_cta .c-button-primary a .c-arrow {
  color: var(--enjoy-color-100, var(--color-main));
}

.p-fishing-park_food__inner {
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(3.2653061224vw + 27.7551020408px, 80px);
  border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
  background: var(--color-gray-10);
}
.p-fishing-park_food .c-title-s {
  color: var(--enjoy-color-100, var(--color-main));
  padding-bottom: 5px;
  text-decoration: underline;
  text-decoration-color: var(--enjoy-color-100, var(--color-main));
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: min(0.1632653061vw + 7.387755102px, 10px);
}
.p-fishing-park_food__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: min(0.9795918367vw + 8.3265306122px, 24px);
  margin-block-end: 1em;
}
@media only screen and (max-width: 1023px) {
  .p-fishing-park_food__list {
    grid-template-columns: 1fr;
  }
}
.p-fishing-park_food__item {
  display: grid;
  grid-template-columns: 1fr min(4.8979591837vw + 101.6326530612px, 180px);
  align-items: center;
  border-bottom: 1px solid var(--color-black-30);
  padding-block: min(0.9795918367vw + 16.3265306122px, 32px);
}
.-eat .p-fishing-park_food__item {
  border-top: 1px solid var(--color-black-30);
}
@media only screen and (max-width: 767px) {
  .-eat .p-fishing-park_food__item {
    grid-template-columns: 1fr;
  }
}
.-eat .p-fishing-park_food__item .c-text03 {
  text-align: left;
}
.p-fishing-park_food__item .c-text03 {
  text-align: right;
}
.p-fishing-park_food__pic {
  grid-row: 1/3;
  grid-column: 2/3;
}
@media only screen and (max-width: 767px) {
  .p-fishing-park_food__pic {
    grid-row: auto;
    grid-column: auto;
    margin-block-start: 1em;
    margin-inline: auto;
  }
}
.p-fishing-park_food__eat {
  margin-block-start: min(2.2857142857vw + 19.4285714286px, 56px);
  background-color: var(--color-white);
  border-radius: min(0.3265306122vw + 14.7755102041px, 20px);
  padding: min(0.9795918367vw + 16.3265306122px, 32px);
}
.p-fishing-park_food__eat__title {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 1.0484693878rem, 1.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.3265306122vw + 6.7755102041px, 12px);
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
  margin-block-end: 1em;
}
.p-fishing-park_food__eat__title .line {
  font-size: 150%;
}
.p-fishing-park_food__eat__title .line.-reverse {
  scale: -1 1;
}

.p-dolphin-farm__bnr {
  width: min(47.3469387755vw + 122.4489795918px, 880px);
  margin-block-start: min(5.5510204082vw + 39.1836734694px, 128px);
  margin-inline: auto;
}
.p-dolphin-farm__bnr a {
  transition-property: scale;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-dolphin-farm__bnr a:hover {
    scale: 1.05;
  }
}

.p-access_intro {
  text-align: center;
}
.p-access_intro__heading .lead {
  width: fit-content;
  margin-inline: auto;
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 700;
  position: relative;
  padding-bottom: 5px;
  text-decoration: underline;
  text-decoration-color: var(--enjoy-color-100, var(--color-main));
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: min(0.1632653061vw + 7.387755102px, 10px);
  margin-block-end: min(0.6530612245vw + 13.5510204082px, 24px);
}
.p-access_intro__heading .main {
  font-weight: 900;
  font-size: min(0.1632653061vw + 1.7117346939rem, 1.875rem);
  line-height: 1.5;
  margin-block-end: 1em;
}
.p-access_intro__map {
  margin-block-start: min(2.9387755102vw + 24.9795918367px, 72px);
  border-radius: min(0.9795918367vw + 16.3265306122px, 32px);
  overflow: clip;
}

.p-access_time__item {
  display: grid;
  gap: min(3.9183673469vw + 1.306122449px, 64px);
  grid-template-columns: min(2.7755102041vw + 289.5918367347px, 334px) auto;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .p-access_time__item {
    grid-template-columns: 1fr;
  }
}
.p-access_time__item:not(:first-child) {
  border-top: 3px dotted var(--color-gray-50);
  padding-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
  margin-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
}
.p-access_time__title {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: min(0.6530612245vw + 13.5510204082px, 24px);
}
.p-access_time__title .icon {
  width: min(1.6326530612vw + 43.8775510204px, 70px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green-10);
  color: var(--enjoy-color-100, var(--color-main));
  display: grid;
  place-items: center;
  font-size: min(1.7959183673vw + 1.4540816327rem, 3.25rem);
}
.p-access_time__map {
  margin-block-start: min(0.6530612245vw + 13.5510204082px, 24px);
}
.p-access_time__bus__list {
  margin-block-start: min(1.4693877551vw + 24.4897959184px, 48px);
  display: grid;
  gap: min(1.4693877551vw + 24.4897959184px, 48px);
}
.p-access_time__bus__title {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 700;
  margin-block-end: min(0.6530612245vw + 5.5510204082px, 16px);
  padding-block-end: min(0.6530612245vw + 5.5510204082px, 16px);
  border-block-end: 2px solid var(--color-gray-50);
  position: relative;
  padding-inline-start: 1em;
}
.p-access_time__bus__title::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: min(0.3265306122vw + 6.7755102041px, 12px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
}

.p-access_facility {
  margin-block-start: min(8.1632653061vw + 29.387755102px, 160px);
}
.p-access_facility__inner {
  display: grid;
  grid-template-columns: min(2.7755102041vw + 289.5918367347px, 334px) auto;
  gap: min(1.4693877551vw + 24.4897959184px, 48px);
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .p-access_facility__inner {
    grid-template-columns: 1fr;
  }
}
.p-access_facility__map {
  position: sticky;
  top: var(--header-height);
  margin-inline: max(-1.6326530612vw + -13.8775510204px, -40px) min(0.8163265306vw + 16.9387755102px, 30px);
}
@media only screen and (max-width: 1023px) {
  .p-access_facility__map {
    display: none;
  }
}
.p-access_facility__heading {
  position: relative;
  background-color: var(--color-green-10);
  border-radius: min(0.9795918367vw + 16.3265306122px, 32px);
  margin-block-end: min(0.8163265306vw + 26.9387755102px, 40px);
}
.p-access_facility__heading .main {
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 700;
  display: flex;
  gap: min(0.6530612245vw + 13.5510204082px, 24px);
  align-items: center;
  position: relative;
  padding: min(0.9795918367vw + 8.3265306122px, 24px);
  padding-block-start: min(0.1632653061vw + 9.387755102px, 12px);
}
.p-access_facility__heading .obj.-i01 {
  width: min(2.7755102041vw + 19.5918367347px, 64px);
}
.p-access_facility__heading .obj.-i02 {
  position: absolute;
  bottom: 0;
  right: min(1.8775510204vw + 12.9591836735px, 43px);
  width: min(2.4489795918vw + 10.8163265306px, 50px);
}
.p-access_facility__heading .lead {
  position: absolute;
  left: min(4.0816326531vw + 34.693877551px, 100px);
  top: max(-0.8163265306vw + -16.9387755102px, -30px);
  display: grid;
  place-items: center;
  background-color: var(--enjoy-color-100, var(--color-main));
  width: fit-content;
  color: var(--color-white);
  border-radius: calc(infinity * 1px);
  padding-inline: 1em;
}
.p-access_facility__heading .lead::before {
  content: "";
  clip-path: path("M0 9C2.0958 4.27504 1.497 2.06021 0 0H11.9255C12.526 0.918954 9.5808 9 0 9Z");
  width: 12px;
  height: 9px;
  position: absolute;
  bottom: 0;
  left: min(2.1224489796vw + 22.0408163265px, 56px);
  translate: 0 100%;
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-access_facility__heading .lead .line {
  position: absolute;
  top: 0;
  right: 0;
  width: min(0.3265306122vw + 14.7755102041px, 20px);
  translate: 100% -90%;
}
.p-access_facility__list {
  counter-reset: num;
  margin-block-start: min(2.1224489796vw + 22.0408163265px, 56px);
  display: grid;
  gap: min(1.4693877551vw + 24.4897959184px, 48px) min(0.9795918367vw + 16.3265306122px, 32px);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .p-access_facility__list {
    grid-template-columns: 1fr;
  }
}
.p-access_facility__item {
  counter-increment: num;
}
.p-access_facility__img {
  border-radius: min(0.3265306122vw + 14.7755102041px, 20px);
  overflow: clip;
  position: relative;
}
.p-access_facility__img img {
  width: 100%;
}
.p-access_facility__img::before {
  content: counter(num);
  position: absolute;
  top: min(0.4897959184vw + 8.1632653061px, 16px);
  left: min(0.4897959184vw + 8.1632653061px, 16px);
  width: min(0.8163265306vw + 26.9387755102px, 40px);
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
  color: var(--color-white);
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.p-access_facility__title {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  font-weight: 700;
  margin-block-start: min(0.4897959184vw + 8.1632653061px, 16px);
}
.p-access_facility__labels {
  line-height: 1.5;
  color: var(--color-main);
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.p-access_facility__labels .label {
  padding: 0.2em 0.6em 0.3em;
  border: 1px solid;
  background-color: var(--color-white);
}
.p-access_facility__labels .label::before {
  content: "#";
}

.p-map_intro__lead {
  position: relative;
  z-index: 1;
  background-color: var(--enjoy-color-100, var(--color-main));
  border-radius: calc(infinity * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 8px 32px;
  padding-block: min(0.1632653061vw + 5.387755102px, 8px);
  line-height: 1.5;
  width: fit-content;
  margin-inline: auto;
}
.p-map_intro__lead__text {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  color: var(--color-white);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
  text-align: center;
  margin-inline: 0.5em 0.2em;
}
@media only screen and (max-width: 767px) {
  .p-map_intro__lead__text {
    flex-direction: column;
    white-space: nowrap;
  }
}
.p-map_intro__lead__text .small {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 600;
}
.p-map_intro__lead__illust {
  position: relative;
  z-index: 1;
  margin-block-start: max(-0.6530612245vw + -15.5510204082px, -26px);
  width: min(1.1428571429vw + 45.7142857143px, 64px);
}
.p-map_intro__lead__illust::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  background-color: var(--enjoy-color-100, var(--color-main));
  z-index: -1;
}
.p-map_intro__lead__line {
  translate: 0 -0.5em;
}
.p-map_intro__lead::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  translate: -50% 100%;
  clip-path: path("M0.5 15C3.993 7.12506 2.995 3.43369 0.5 0L20.3759 0C21.3766 1.53159 16.468 15 0.5 15Z");
  width: 20px;
  height: 15px;
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-map_intro__title {
  padding-block-start: min(0.8163265306vw + 26.9387755102px, 40px);
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.8163265306vw + 1.6836734694rem, 2.5rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
  gap: 0.5em;
}
.p-map_intro__title .small {
  font-size: min(0.6530612245vw + 1.2219387755rem, 1.875rem);
}
.p-map_intro__title .line {
  width: min(0.4081632653vw + 13.4693877551px, 20px);
  display: flex;
  margin-inline: min(0.9795918367vw + 8.3265306122px, 24px) min(0.3265306122vw + 2.7755102041px, 8px);
}
.p-map_intro__title .line.-reverse {
  scale: -1 1;
  margin-inline: min(0.3265306122vw + 2.7755102041px, 8px) min(0.9795918367vw + 8.3265306122px, 24px);
}
.p-map_intro__map {
  margin-block-start: min(4.0816326531vw + 14.693877551px, 80px);
}
.p-map_intro .p-activity_accordion__trigger__title {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-map_intro .p-activity_accordion__trigger__toggle,
.p-map_intro .p-activity_list__item::before {
  background-color: var(--enjoy-color-100, var(--color-main));
}

.p-map_activity__inner {
  position: relative;
  background-color: var(--enjoy-color-10);
  border-radius: min(1.6326530612vw + 33.8775510204px, 60px);
  overflow: clip;
  padding: min(2.1224489796vw + 22.0408163265px, 56px);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  gap: min(2.7755102041vw + 19.5918367347px, 64px);
  z-index: 1;
  align-items: flex-start;
}
.-play .p-map_activity__inner, .p-map_activity__inner.-play {
  --enjoy-color-100: var(--color-play-100);
  --enjoy-color-50: var(--color-play-50);
  --enjoy-color-10: var(--color-play-10);
}
.-interact .p-map_activity__inner, .p-map_activity__inner.-interact {
  --enjoy-color-100: var(--color-interact);
  --enjoy-color-50: var(--color-interact-50);
  --enjoy-color-10: var(--color-interact-10);
}
.-eat .p-map_activity__inner, .p-map_activity__inner.-eat {
  --enjoy-color-100: var(--color-eat);
  --enjoy-color-50: var(--color-eat-50);
  --enjoy-color-10: var(--color-eat-10);
}
.-stay .p-map_activity__inner, .p-map_activity__inner.-stay {
  --enjoy-color-100: var(--color-stay);
  --enjoy-color-50: var(--color-stay-50);
  --enjoy-color-10: var(--color-stay-10);
}
.-experience .p-map_activity__inner, .p-map_activity__inner.-experience {
  --enjoy-color-100: var(--color-experience-100);
  --enjoy-color-50: var(--color-experience-50);
  --enjoy-color-10: var(--color-experience-10);
}
@media only screen and (max-width: 767px) {
  .p-map_activity__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding-block-end: min(1.6326530612vw + 53.8775510204px, 80px);
  }
}
.p-map_activity__inner .c-sine-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
}
.p-map_activity__images {
  grid-row: 1/4;
  width: min(16.3265306122vw + 138.7755102041px, 400px);
  position: relative;
}
.p-map_activity__images .image {
  position: relative;
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
}
.p-map_activity__images .image:not(:first-child) {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.p-map_activity__images .image.is-active {
  opacity: 1;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .p-map_activity__images {
    display: none;
  }
}
.p-map_activity__images video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
}
.p-map_activity__illustrations .illust {
  position: absolute;
  z-index: 2;
}
.-play .p-map_activity__illustrations .illust.-i01 {
  width: min(1.6326530612vw + 73.8775510204px, 100px);
  top: max(-0.3265306122vw + -2.7755102041px, -8px);
  right: min(0.4897959184vw + 16.1632653061px, 24px);
}
.-interact .p-map_activity__illustrations .illust.-i01 {
  width: min(1.6326530612vw + 93.8775510204px, 120px);
  top: min(2.4489795918vw + 20.8163265306px, 60px);
  left: max(-0.4897959184vw + -16.1632653061px, -24px);
}
.-eat .p-map_activity__illustrations .illust.-i01 {
  width: min(1.6326530612vw + 73.8775510204px, 100px);
  top: min(2.2857142857vw + 11.4285714286px, 48px);
  right: max(-0.8979591837vw + -12.6326530612px, -27px);
}
.-stay .p-map_activity__illustrations .illust.-i01 {
  width: min(1.8775510204vw + 102.9591836735px, 133px);
  top: min(2.2857142857vw + 11.4285714286px, 48px);
  left: max(-2.1224489796vw + -22.0408163265px, -56px);
}
.-experience .p-map_activity__illustrations .illust.-i01 {
  width: min(2.1224489796vw + 112.0408163265px, 146px);
  top: min(1.387755102vw + 4.7959183673px, 27px);
  left: max(-2.1224489796vw + -22.0408163265px, -56px);
}
.-play .p-map_activity__illustrations .illust.-i02 {
  width: min(4.2448979592vw + 84.0816326531px, 152px);
  bottom: min(0.9795918367vw + 8.3265306122px, 24px);
  left: max(-2.1224489796vw + -22.0408163265px, -56px);
}
.-interact .p-map_activity__illustrations .illust.-i02 {
  width: min(2.1224489796vw + 92.0408163265px, 126px);
  bottom: min(0.9795918367vw + 8.3265306122px, 24px);
  right: max(-2.1224489796vw + -22.0408163265px, -56px);
}
.-eat .p-map_activity__illustrations .illust.-i02 {
  width: min(1.6326530612vw + 53.8775510204px, 80px);
  bottom: min(2.1224489796vw + 22.0408163265px, 56px);
  left: max(-1.1428571429vw + -13.7142857143px, -32px);
}
.-stay .p-map_activity__illustrations .illust.-i02 {
  width: min(2.2040816327vw + 71.7346938776px, 107px);
  bottom: min(3.4285714286vw + 17.1428571429px, 72px);
  right: max(-1.4693877551vw + -4.4897959184px, -28px);
}
.-experience .p-map_activity__illustrations .illust.-i02 {
  width: min(0.8163265306vw + 66.9387755102px, 80px);
  bottom: max(-1.4693877551vw + -24.4897959184px, -48px);
  right: min(0.8163265306vw + 6.9387755102px, 20px);
}
.p-map_activity__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-block-start: min(0.8163265306vw + 16.9387755102px, 30px);
}
.p-map_activity__top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: min(0.6530612245vw + 97.5510204082px, 108px);
  height: 2px;
  background-color: var(--enjoy-color-100, var(--color-main));
  z-index: 1;
}
.p-map_activity__top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-gray-50);
}
.p-map_activity__heading .ja {
  font-size: min(0.6530612245vw + 1.5969387755rem, 2.25rem);
  font-weight: 700;
  line-height: 2;
}
.p-map_activity__heading .en {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.0816326531vw + 0.9183673469rem, 1rem);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.p-map_activity__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.4897959184vw + 8.1632653061px, 16px);
}
@media only screen and (max-width: 1299px) {
  .p-map_activity__buttons {
    grid-template-columns: 1fr;
  }
}
.p-map_activity__buttons .button a {
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: min(0.9795918367vw + 8.3265306122px, 24px);
  padding-inline: min(1.9591836735vw + 8.6530612245px, 40px) min(0.9795918367vw + 8.3265306122px, 24px);
  border-radius: calc(infinity * 1px);
}
.p-map_activity__buttons .button a .hover-elm, .p-map_activity__buttons .button a.hover-elm {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  padding-bottom: 0.1em;
  display: inline;
  transition-property: background-size;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-map_activity__buttons .button a:hover .hover-elm, .p-map_activity__buttons .button a:hover.hover-elm {
    background-size: 100% 1px;
  }
}
.p-map_activity__tree {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(1.9591836735vw + 42.6530612245px, 74px);
  translate: -100% 0;
}

.p-map_loop-en {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-white);
  margin-inline: calc(50% - 50vw);
}
.p-map_loop-en .swiper-slide {
  text-transform: uppercase;
  padding-left: 0.5em;
}

.p-map_bnr {
  margin-block-start: min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-map_bnr__inner {
  width: min(47.3469387755vw + 122.4489795918px, 880px);
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .p-map_bnr__inner {
    width: 100%;
  }
}
.p-map_bnr__inner a {
  transition-property: scale;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .p-map_bnr__inner a:hover {
    scale: 1.05;
  }
}

.p-concept_kv__main {
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  height: 100lvh;
  column-gap: calc(1vw - 1vw * var(--scene2));
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__main {
    grid-template-columns: 1fr;
  }
}
.p-concept_kv__heading {
  grid-column: 2/3;
  text-align: center;
  translate: 0 calc(-50lvh * 1 * var(--scene2));
  opacity: calc(1 - 1 * var(--scene2));
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__heading {
    grid-column: auto;
  }
}
.p-concept_kv__heading .sub {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.3265306122vw + 1.0484693878rem, 1.375rem);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.p-concept_kv__heading .main {
  position: sticky;
  top: 0;
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 900;
  line-height: 1.6;
}
.p-concept_kv__pic.-pic01 {
  grid-column: 1/2;
  grid-row: 1/3;
  margin-inline-start: -3vw;
  translate: calc(-100% * 1 * var(--scene2)) 0;
  opacity: calc(1 - 1 * var(--scene2));
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__pic.-pic01 {
    grid-column: auto;
    grid-row: auto;
    display: none;
  }
}
.p-concept_kv__pic.-pic02 {
  position: relative;
  margin-block-end: auto;
  grid-column: 2/3;
  grid-row: 2/3;
  margin-inline: auto;
  width: calc(38vw + 62vw * sin(var(--scene2) * 90deg)); /* 横 80 → 100vw */
  height: calc(22.5761047463vw + (100lvh - 22.5761047463vw) * sin(var(--scene2) * 90deg));
  border-radius: calc(2vw - 2vw * var(--scene2));
  overflow: clip;
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__pic.-pic02 {
    grid-column: auto;
    grid-row: auto;
    width: calc(90vw + 10vw * sin(var(--scene2) * 90deg)); /* 横 80 → 100vw */
    height: calc(53.4697217676vw + (100lvh - 53.4697217676vw) * sin(var(--scene2) * 90deg));
  }
}
.p-concept_kv__pic.-pic02::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  inset: 0;
  opacity: calc(1 * var(--scene2));
}
.p-concept_kv__pic.-pic03 {
  grid-column: 3/4;
  grid-row: 1/3;
  translate: calc(100% * 1 * var(--scene2)) 0;
  opacity: calc(1 - 1 * var(--scene2));
  margin-inline-end: -9vw;
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__pic.-pic03 {
    grid-column: auto;
    grid-row: auto;
    display: none;
  }
}
.p-concept_kv__pic img {
  width: 100%;
  height: 100%;
}
.p-concept_kv__loop-en {
  opacity: calc(0.5 - 1 * var(--scene2));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 1;
  color: var(--color-gray-50);
  backdrop-filter: blur(2px);
  text-transform: uppercase;
}
.p-concept_kv__intro {
  height: 100lvh;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.p-concept_kv__intro__logo {
  width: min(5.6326530612vw + 98.8775510204px, 189px);
}
.p-concept_kv__intro__copy {
  margin-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
  color: var(--color-white);
  font-size: min(1.306122449vw + 0.943877551rem, 2.25rem);
  font-weight: 900;
}
.p-concept_kv__intro__note {
  margin-block-start: min(2.9387755102vw + 24.9795918367px, 72px);
  color: var(--color-white);
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  line-height: 2.2;
}
.p-concept_kv__obj {
  height: 100lvh;
  display: grid;
  place-content: center;
}
@media only screen and (max-width: 767px) {
  .p-concept_kv__obj {
    height: fit-content;
    padding-bottom: min(8.1632653061vw + 69.387755102px, 200px);
  }
}
.p-concept_kv__scroll-area {
  position: relative;
  z-index: -1;
}
.p-concept_kv__scroll-area__inner {
  height: 220lvh;
}

.p-concept_area__heading {
  position: relative;
}
.p-concept_area__heading .sub {
  position: absolute;
  top: 50%;
  left: -1em;
  translate: 0 -50%;
  color: var(--color-interact);
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: min(6.9387755102vw + 0.5612244898rem, 7.5rem);
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.1;
  backdrop-filter: blur(2px);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__heading .sub {
    left: 0;
  }
}
.-field .p-concept_area__heading .sub {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-concept_area__heading .main {
  font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
  font-weight: 900;
  line-height: 1.7;
}
.p-concept_area__heading .main .emphasis {
  position: relative;
  color: var(--color-interact);
  font-size: min(2.2857142857vw + 1.2142857143rem, 3.5rem);
  font-weight: 900;
  line-height: 1.7;
}
.-field .p-concept_area__heading .main .emphasis {
  color: var(--enjoy-color-100, var(--color-main));
}
.p-concept_area__heading .main .emphasis .c-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: min(0.8163265306vw + 6.9387755102px, 20px);
  translate: 100% -30%;
  z-index: 1;
}
.p-concept_area__note {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: 700;
  line-height: 2.2;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__note {
    margin-block-end: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept_area__note br {
    display: none;
  }
}
.p-concept_area__bubble {
  background-color: var(--color-interact);
  color: var(--color-white);
  font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
  width: fit-content;
  border-radius: calc(infinity * 1px);
  padding-inline: 2em;
  padding-block: 1em;
  line-height: 1;
  position: relative;
  white-space: nowrap;
}
.-field .p-concept_area__bubble {
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-concept_area__bubble::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  translate: -50% 100%;
  width: 12px;
  height: 9px;
  clip-path: path("M0 9C2.0958 4.27504 1.497 2.06021 0 0H11.9255C12.526 0.918954 9.5808 9 0 9Z");
  background-color: var(--color-interact);
}
.-field .p-concept_area__bubble::before {
  background-color: var(--enjoy-color-100, var(--color-main));
}
.p-concept_area__bubble.-bubble01 {
  position: absolute;
  top: 0;
  left: 55%;
  translate: -50% 100%;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__bubble.-bubble01 {
    translate: 0 0;
    left: unset;
    right: 1em;
  }
}
.p-concept_area__bubble.-bubble02 {
  position: absolute;
  top: 0;
  right: 0;
  translate: 50% 100%;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__bubble.-bubble02 {
    translate: 0 -100%;
    right: unset;
    top: -1em;
    left: 0;
  }
}
.p-concept_area__bubble.-bubble03 {
  position: absolute;
  top: 0;
  right: 0;
  translate: -60% 100%;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__bubble.-bubble03 {
    translate: 0 -50%;
  }
}
.p-concept_area__bubble.-bubble04 {
  position: absolute;
  top: 0;
  right: 0;
  translate: 20% -80%;
}
.p-concept_area__item {
  display: grid;
}
.p-concept_area__item.-item01 {
  margin-block-start: min(3.1836734694vw + 27.0612244898px, 78px);
  grid-template-columns: auto auto;
  margin-inline-end: calc(50% - 50vw);
}
@media only screen and (max-width: 767px) {
  .p-concept_area__item.-item01 {
    grid-template-columns: 1fr;
    margin-inline-end: 0;
  }
}
.p-concept_area__item.-item02 {
  margin-block-start: min(3.5918367347vw + 30.5306122449px, 88px);
  grid-template-columns: 1fr auto;
  margin-inline-start: calc(50% - 50vw);
  column-gap: min(2.4489795918vw + 20.8163265306px, 60px);
}
@media only screen and (max-width: 767px) {
  .p-concept_area__item.-item02 {
    grid-template-columns: 1fr;
    margin-inline-start: 0;
  }
}
.p-concept_area__pic {
  position: relative;
}
.p-concept_area__pic img {
  width: 100%;
}
.p-concept_area__pic.-pic01 {
  grid-column: 2/3;
  grid-row: 1/3;
  translate: 0 max(-1.2244897959vw + -10.4081632653px, -30px);
  margin-inline-start: max(-5.9591836735vw + -50.6530612245px, -146px);
}
@media only screen and (max-width: 1299px) {
  .p-concept_area__pic.-pic01 {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept_area__pic.-pic01 {
    grid-column: auto;
    grid-row: auto;
    translate: 0 0;
    margin-inline: 0 max(-1.6326530612vw + -13.8775510204px, -40px);
  }
}
.p-concept_area__pic.-pic02 {
  margin-block-start: min(4.0816326531vw + 34.693877551px, 100px);
  translate: min(2.7755102041vw + 23.5918367347px, 68px) 0;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__pic.-pic02 {
    translate: 0 0;
  }
}
.p-concept_area__pic.-pic03 {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__pic.-pic03 {
    grid-column: auto;
    grid-row: auto;
    margin-inline: max(-1.6326530612vw + -13.8775510204px, -40px) 0;
  }
}
.p-concept_area__pic.-pic04 {
  margin-block-start: min(4.0816326531vw + 34.693877551px, 100px);
  width: min(20.1224489796vw + 171.0408163265px, 493px);
  translate: min(2.0408163265vw + 19.3469387755px, 52px) 0;
}
@media only screen and (max-width: 767px) {
  .p-concept_area__pic.-pic04 {
    translate: 0 0;
  }
}

.p-concept_message__main {
  display: grid;
  grid-template-columns: auto auto;
  margin-inline-end: calc(50% - 50vw);
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .p-concept_message__main {
    grid-template-columns: 1fr;
    margin-inline-end: 0;
  }
}
.p-concept_message__pic {
  grid-column: 2/3;
  grid-row: 1/5;
}
@media only screen and (max-width: 1023px) {
  .p-concept_message__pic {
    grid-column: auto;
    grid-row: auto;
  }
}
.p-concept_message__pic img {
  width: 100%;
}
.p-concept_message__heading {
  margin-block-end: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-concept_message__heading .sub {
  color: var(--enjoy-color-100, var(--color-main));
  font-family: "Prompt", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.p-concept_message__heading .main {
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.p-concept_message__name {
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  font-weight: 700;
}
.p-concept_message__name dd {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
}
.p-concept_message__history {
  margin-block-start: min(2.612244898vw + 20.2040816327px, 62px);
  background-color: var(--color-green-10);
  padding-inline: min(3.5918367347vw + 6.5306122449px, 64px);
  padding-block: min(2.2857142857vw + 19.4285714286px, 56px);
  border-radius: min(0.8163265306vw + 16.9387755102px, 30px);
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  gap: min(0.9795918367vw + 8.3265306122px, 24px) 0;
}
@media only screen and (max-width: 1023px) {
  .p-concept_message__history {
    grid-template-columns: 1fr;
  }
}
.p-concept_message__history__heading {
  color: var(--enjoy-color-100, var(--color-main));
  font-size: min(0.8163265306vw + 1.0586734694rem, 1.875rem);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.15em;
  grid-column: 1/3;
}
@media only screen and (max-width: 1023px) {
  .p-concept_message__history__heading {
    grid-column: auto;
  }
}
.p-concept_message__history__heading .dog {
  margin-block-start: max(-3.0204081633vw + -24.6734693878px, -73px);
  margin-inline-end: max(-1.2244897959vw + -10.4081632653px, -30px);
  display: inline-flex;
  width: min(3.2653061224vw + 67.7551020408px, 120px);
}
@media only screen and (max-width: 767px) {
  .p-concept_message__history__heading .dog {
    display: block;
    margin-block-end: 1em;
  }
}
.p-concept_message__history__pic {
  width: min(14.3673469388vw + 146.1224489796px, 376px);
  border-radius: max(-0.1632653061vw + 18.612244898px, 16px);
  overflow: clip;
}
@media only screen and (max-width: 1023px) {
  .p-concept_message__history__pic {
    width: 100%;
  }
}
.p-concept_message__history__pic img {
  width: 100%;
}

/*# sourceMappingURL=style.min.css.map */