/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/swiper/swiper.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/swiper/modules/effect-fade.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/swiper/modules/pagination.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/swiper/modules/scrollbar.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/swiper/modules/navigation.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

/* Navigation font end */
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/scss/design.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*-------------------------------------------------------------------------------
  media query
--------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  font setting
--------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  color setting
--------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  space setting
--------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  border setting
--------------------------------------------------------------------------------*/
/*!
 * ress.css v1.0.0
 * MIT License
 * top_original reset
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
*:focus {
  outline: none;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  font-weight: normal;
  text-align: left;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
  margin: 0;
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

iframe {
  border: 0;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/*-------------------------------------------------------------------------------
  default style
--------------------------------------------------------------------------------*/
* {
  box-sizing: border-box;
  word-break: break-all;
}

html {
  font-size: 100%;
}

/**
 * メディアクエリ
 *
 * @param {number} $size 画面サイズ
 * @param {string} $width max or min
 * @param {string} $orientation デバイスの向き portrait or landscape
 */
/**
 * 単位を除いた数値を返す
 *
 * @param {number} $value 単位あり数値
 * @return {number} 単位なし数値
 * @example strip-unit(16px) => 16
 *          strip-unit(1rem) => 1
 */
/**
 * pxをremで返す
 *
 * @param {number} $number pxサイズ
 * @return {number} 単位ありremサイズ
 * @example $root-font-size : 16px の場合
 *          rem(10) 10px => 0.625rem
 */
/**
 * clampを使用した可変サイズ指定関数
 *
 * @param {number} $min-size 最小サイズpx
 * @param {number} $max-size 最大サイズpx
 * @param {number} $min-viewport-px 最小ビューポートpx
 * @param {number} $max-viewport-px 最大ビューポートpx
 * @return {string} clamp
 * @example fluid(16, 32) => clamp(1rem, 1.67vw + 0.667rem, 2rem)
 *           320pxから1280pxの間で16pxから32pxまでサイズが変わる
 *          fluid(10px, 18px, 480px, 1024px) => clamp(0.625rem, 1.47vw + 0.184rem, 1.125rem)
 *           480pxから1024pxの間で10pxから18pxまでサイズが変わる
 */
/**
 * フォントサイズ
 *
 * @param {number} $pixel フォントサイズ、px基準で指定
 */
/**
 * 字詰め（letter-spacing）の計算
 * 
 * Figmaの「letter-spacing」の%指定に基づき、em単位で返す。
 * emを使うことで、フォントサイズに対して相対的に指定できる。
 *
 * @param {number} $percent - Figmaでの字詰め指定（%）
 * @param {number} $fontSize - 対象フォントサイズ（px）
 * @return {number} - em単位の字詰め
 */
/**
 * clamp() 対応の字詰め（レスポンシブ letter-spacing）
 *
 * Figmaの%指定をベースに、clampで最小・最大・可変の字詰めを返す。
 * 可変値はvwを使い、画面幅による変化を実現。
 *
 * @param {number} $percent - Figmaのletter-spacing（%）
 * @param {number} $fontSize - 対象フォントサイズ（px）
 * @return {string} - clampで包んだletter-spacing（em単位）
 */
/**
 * 可変フォントサイズ
 *
 * @param {number} $min-px 最小サイズpx
 * @param {number} $max-px 最大サイズpx
 * @param {number} $min-viewport-px 最小ビューポートpx
 * @param {number} $max-viewport-px 最大ビューポートpx
 */
/**
 * トランジション
 *
 * @param {number} $time トランジションの時間
 * @param {string} $easing イージングの指定
 */
/**
 * 疑似要素を使用したアイコンフォント
 *
 * @param {string} $code アイコンコード
 * @param {number} $size フォントサイズ
 * @param {number} $weight フォントウェイト
 * @param {string} $color フォントカラー
 * @param {string} $family フォントファミリー Material Symbols Outlined or Font Awesome 6 Pro
 */
/**
 * スクロールバー
 *
 * @param {number} $width 横幅
 * @param {number} $track-color トラックの色
 * @param {number} $thumb-color スクロールバーの色
 */
/*-------------------------------------------------------------------------------
  計算用
--------------------------------------------------------------------------------*/
/**
 * パーセンテージ変換関数
 *
 * @param {number} $value - 変換するピクセル値
 * @param {number | bool} $base - 基準となるピクセル値 (デフォルトは false)
 * @return {string} - 計算済みのパーセンテージ値
 */
/**
 * VW変換関数
 *
 * @param {number} $value - 変換するピクセル値
 * @param {number | bool} $base - 基準となるピクセル値 (デフォルトは false)
 * @return {string} - 計算済みのvw値
 */
/**
 * VH変換関数
 *
 * @param {number} $value - 変換するピクセル値
 * @param {bool} $vw - vw基準にするか、vh基準にするか(デフォルトは true)
 * @param {number | bool} $base - 基準となるピクセル値 (デフォルトは false)
 * @return {string} - 計算済みのvh/vw値 
 */
/**
 * em変換関数
 *
 * @param {number} $value - 変換するピクセル値
 * @return {string} - 計算済みのem値
 */
/**
 * スペーサー（要素間の余白を設定）
 *
 * @param {number} $size - 余白のサイズ（デフォルト: 50）
 */
/*-------------------------------------------------------------------------------
  decration
--------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 extend
--------------------------------------------------------------------------------*/
.cmn-info .cmn-info-cat, .single-contents .single-cat li {
  padding: calc(8 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  font-weight: 700;
  color: #FFF;
  border-radius: calc(infinity * 1px);
  background: #2D2D2D;
  line-height: 1.2;
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0.0875em, calc(1.4 / 1440 * 100vw), 0.1125em);
}
@media (min-width: 769px) {
  .cmn-info .cmn-info-cat, .single-contents .single-cat li {
    transition: background-color var(--addDuration, 0.3s) var(--cubic);
  }
}
@media (max-width: 768px) {
  .cmn-info .cmn-info-cat, .single-contents .single-cat li {
    padding: calc(10 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  }
}

/*-------------------------------------------------------------------------------
 animation
--------------------------------------------------------------------------------*/
/*----------------------------------------

------------------------------------------*/
@keyframes shakeAnimation {
  0% {
    transform: rotate(0);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: rotate(5deg);
  }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes arrowAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(50%, 0, 0);
  }
  55% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
/*----------------------------------------
  tent
------------------------------------------*/
@keyframes tentAnimation {
  0% {
    -webkit-mask-position: 0% 0%;
            mask-position: 0% 0%;
  }
  100% {
    -webkit-mask-position: 100% 0%;
            mask-position: 100% 0%;
  }
}
@keyframes tentAnimation2 {
  0% {
    -webkit-mask-position: 0% 0%;
            mask-position: 0% 0%;
  }
  100% {
    -webkit-mask-position: 100% 0%;
            mask-position: 100% 0%;
  }
}
/*-------------------------------------------------------------------------------
  modal image
--------------------------------------------------------------------------------*/
.modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-wrapper .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1000;
}
.modal-wrapper .modal-close > span {
  display: block;
  font-size: clamp(1.875rem, 1.3661202186vw + 1.2192622951rem, 2.5rem);
  color: #ffffff;
}
.modal-wrapper .modal-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
}
.modal-wrapper .modal-inner .modal-item .modal-img,
.modal-wrapper .modal-inner .modal-item .modal-iframe {
  max-width: 90vw;
  max-height: 90vh;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .modal-wrapper .modal-inner .modal-item .modal-img,
  .modal-wrapper .modal-inner .modal-item .modal-iframe {
    max-width: 100vmin;
  }
}
.modal-wrapper .modal-inner .modal-gallery {
  width: 100%;
}
.modal-wrapper .modal-inner .modal-gallery .modal-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  /* ← が表示されてないときに真ん中に表示したい用 */
  /* → が表示されてないときに真ん中に表示したい用 */
}
.modal-wrapper .modal-inner .modal-gallery .modal-btns .modal-count > span,
.modal-wrapper .modal-inner .modal-gallery .modal-btns .modal-prev > span,
.modal-wrapper .modal-inner .modal-gallery .modal-btns .modal-next > span {
  display: block;
  font-size: clamp(1rem, 0.5464480874vw + 0.737704918rem, 1.25rem);
  letter-spacing: 0.4em;
  margin-right: -0.4em;
  color: #ffffff;
}
.modal-wrapper button:focus {
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), -2px 0 15px rgba(236, 119, 171, 0.2), 2px 0 15px rgba(163, 160, 101, 0.5);
}

.wp-post_content {
  inline-size: 100%;
  margin-inline: auto;
  /*----------------------------------------
    heading
  ------------------------------------------*/
  /*----------------------------------------
    list
  ------------------------------------------*/
  /*----------------------------------------
    table
  ------------------------------------------*/
  /*----------------------------------------
    image
  ------------------------------------------*/
  /*----------------------------------------
    btn
  ------------------------------------------*/
  /*----------------------------------------
    file
  ------------------------------------------*/
  /*----------------------------------------
    embed
  ------------------------------------------*/
  /*----------------------------------------
    align
  ------------------------------------------*/
}
.wp-post_content > *:not(.has-custom-width) {
  inline-size: 100%;
}
@media (max-width: 768px) {
  .wp-post_content > *:not(.has-custom-width) {
    inline-size: 100%;
  }
}
.wp-post_content > * {
  margin-inline: auto;
  margin-block-end: calc(10 / var(--widthBase) * 100vw);
}
.wp-post_content h1,
.wp-post_content h2,
.wp-post_content h3,
.wp-post_content h4,
.wp-post_content h5,
.wp-post_content h6 {
  font-weight: 700;
}
.wp-post_content h1.has-background,
.wp-post_content h2.has-background,
.wp-post_content h3.has-background,
.wp-post_content h4.has-background,
.wp-post_content h5.has-background,
.wp-post_content h6.has-background {
  padding: fuild;
}
.wp-post_content h1:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--extra);
  line-height: 2;
}
.wp-post_content h2:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--large);
  line-height: 2;
}
.wp-post_content h3:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 2;
}
.wp-post_content h4:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--middle);
  line-height: 2;
}
.wp-post_content h5:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--regular);
  line-height: 2;
}
.wp-post_content h6:not([class*=is-style-ttl]) {
  font-size: var(--wp--preset--font-size--small);
  line-height: 2;
}
.wp-post_content h1,
.wp-post_content h2,
.wp-post_content h3 {
  margin-block-end: clamp(0.625rem, 1.3908205841vw + 0.2077538248rem, 1.25rem);
}
.wp-post_content h4,
.wp-post_content h5,
.wp-post_content h6 {
  margin-block-end: clamp(0.625rem, 1.3908205841vw + 0.2077538248rem, 1.25rem);
}
.wp-post_content s {
  text-decoration-line: line-through;
}
.wp-post_content ol:not([class*=is-style]),
.wp-post_content ul:not([class*=is-style]) {
  --start_gap: 20px;
}
.wp-post_content ol:not([class*=is-style]) > li,
.wp-post_content ul:not([class*=is-style]) > li {
  position: relative;
  margin-inline: 0;
  max-width: 100%;
}
.wp-post_content ol:not([class*=is-style]) > li::before,
.wp-post_content ul:not([class*=is-style]) > li::before {
  position: absolute;
  left: 0;
}
.wp-post_content ol:not([class*=is-style]) > li ul,
.wp-post_content ol:not([class*=is-style]) > li ol,
.wp-post_content ul:not([class*=is-style]) > li ul,
.wp-post_content ul:not([class*=is-style]) > li ol {
  max-width: 100%;
  inline-size: 100%;
  margin-block-end: 0;
  margin-inline: 0;
}
.wp-post_content ol:not([class*=is-style]) {
  list-style: none;
  counter-reset: list_number 0;
}
.wp-post_content ol:not([class*=is-style]) > li {
  padding-left: calc(var(--wp--preset--spacing--20) + 1rem + 10px);
  counter-increment: list_number 1;
}
.wp-post_content ol:not([class*=is-style]) > li::before {
  content: counter(list_number, decimal-leading-zero) ".";
  margin-inline-end: var(--wp--preset--spacing--20);
}
.wp-post_content ol:not([class*=is-style]) ol {
  counter-reset: list_number;
}
.wp-post_content ul:not([class*=is-style]) {
  --cercle: 10px;
  list-style: none;
}
.wp-post_content ul:not([class*=is-style]) > li {
  padding-left: calc(var(--wp--preset--spacing--20) + var(--cercle));
}
.wp-post_content ul:not([class*=is-style]) > li::before {
  content: "";
  inline-size: var(--cercle);
  min-inline-size: var(--cercle);
  aspect-ratio: 1;
  border-radius: calc(infinity * 1px);
  background: #A3A065;
  top: 50%;
  transform: translateY(-50%);
}
.wp-post_content table:not([class*=is-style]) thead,
.wp-post_content table:not([class*=is-style]) tbody,
.wp-post_content table:not([class*=is-style]) tfoot {
  border: none;
}
.wp-post_content table:not([class*=is-style]) thead th,
.wp-post_content table:not([class*=is-style]) thead td,
.wp-post_content table:not([class*=is-style]) tbody th,
.wp-post_content table:not([class*=is-style]) tbody td,
.wp-post_content table:not([class*=is-style]) tfoot th,
.wp-post_content table:not([class*=is-style]) tfoot td {
  border: none;
  padding: var(--wp--preset--spacing--20);
}
.wp-post_content figure img {
  border-radius: clamp(10px, 2.0833333333vw, 30px);
  max-block-size: 100svh;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-post_content .wp-block-button__link {
  padding: calc(10 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
}
.wp-post_content .wp-block-file a:first-of-type {
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
}
.wp-post_content .wp-block-file .wp-block-file__button {
  padding: calc(10 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
}
.wp-post_content .wp-block-embed.is-provider-youtube iframe {
  inline-size: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.wp-post_content *:has([class*=align])::after {
  content: "";
  clear: both;
  display: block;
}
.wp-post_content *:has([class*=align]) > a,
.wp-post_content *:has([class*=align]) > figure {
  margin-block-end: 0;
}
.wp-post_content *:has([class*=align]) > a figcaption,
.wp-post_content *:has([class*=align]) > figure figcaption {
  margin-block-end: 0;
}

/*-------------------------------------------------------------------------------
  title
--------------------------------------------------------------------------------*/
.is-style-ttl_main {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: calc(10 / var(--widthBase) * 100vw);
}
.is-style-ttl_main::before {
  content: "";
  inline-size: 100%;
  block-size: 4px;
  clip-path: inset(0 var(--decSvgBorderSize, 0) 0 0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='637' height='4' viewBox='0 0 637 4' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M47.3 1c-.3.4-.4.8-.6.9-1.9 1-3.9 1-5.8.5-.3 0-.6-.5-.7-.9 0-.4.3-.6.7-.8 1.5-.6 3-.8 4.4-.2l2 .6ZM141 3.5c-1.3 0-2 0-2.5-1-.2-.6.5-1.4 1.8-1.6h3.3c.3 0 .8.5 1 1 .2.3-.4 1-1 1l-2.6.6ZM178.7 1c.4.8.2 1.4-.6 1.6-1.6.5-3.2.7-4.9.5l-.6-.3c-.5-.2-.6-1-.2-1.2l1.2-.6a9 9 0 0 1 5 0ZM80 1.1c-.2.3-.4.8-.6.9-1.7.4-3.5.8-5.2.6-.3 0-.6-.3-.7-.6-.4-.4-.1-1.2.4-1.3C75 .5 76.1.3 77.2.3c1 0 2 0 2.8.8ZM165.4.3l2 .5.4.7c0 .2-.2.5-.4.6-1.5.7-3.2 1.4-5 .7-.4-.1-.8-.4-.8-1 0-.5.4-.9.9-1l2.9-.5ZM213.9 1.5l-.8.5c-1.3.5-2.8.7-4.2.6-.4 0-.9-.2-1.2-.5a.8.8 0 0 1 .2-1.3c1.6-.6 3.2-.7 4.9-.3.3 0 .6.6 1 1ZM64.5 2.9h-1c-.4-.2-.7-.4-.9-.7l.4-.8c.2-.3.6-.6 1-.7 1.4-.3 2.8-.3 4.2.2.3 0 .6.4.6.6 0 .3-.3.7-.6 1l-1.1.2-2.6.2ZM58.2 1.2c-.3.5-.5 1-.7 1-1.7.7-3.4.8-5.2.4l-.2-.1-.4-.7c0-.3.2-.6.4-.8l.2-.1c2-.7 3.8-.6 5.9.3ZM12.9.8l2.3.3c.2 0 .5.4.5.7 0 .2-.1.7-.3.8-1.5.7-3 1-4.7.5-.1 0-.3 0-.4-.2-.2-.3-.5-.6-.5-1 0-.3.4-.6.7-.8.2-.2.6-.3.9-.3h1.5ZM91 2c-1.8 1.4-3.7 1.5-5.6 1-.6-.3-.8-1.1-.3-1.4 1.8-1 3.7-1 5.5-.2.2 0 .2.4.4.7ZM224.8 1.1c-.6 1-1.5 1.2-2.4 1.4-1 .2-2 .2-2.8-.3-.3 0-.5-.4-.5-.7 0-.2.1-.7.3-.8 1.7-.8 3.3-1 5-.2.2 0 .3.4.4.6ZM186.8 3.2l-1-.1c-.7-.1-1.1-.5-1.2-1 0-.5.5-1 1-1.1l3.6-.3c.4 0 .9.2 1.3.4.4.3.4 1 0 1.2l-3.8.9ZM153.5.8l2.4.3c.2 0 .4.3.4.5s-.1.5-.3.6a133.2 133.2 0 0 1-5.3.7c-.3-.1-.6-.4-.6-.6 0-.3.2-.7.4-1 .2-.2.6-.3.9-.3l2.1-.2ZM122.5 2.5c-1.3 1-2.9.9-4.4.6-.3 0-.5-.3-.7-.6a.9.9 0 0 1 .3-1.4c1.3-.4 2.6-.4 4-.1.5 0 .9.7.9 1.5ZM198.2 3.1c-.7 0-1.3 0-1.7-.2-.3-.1-.6-.6-.6-.9 0-.3.4-.5.6-.8l.3-.1 4.5-.2.6.2c.4.2.5.8.1 1l-.8.5-3 .5ZM229.3 2.2c.3-.3.4-.7.7-.8 1.8-.5 3.7-.7 5.6-.2.2 0 .4.3.4.5s-.1.5-.3.6c-1.8.6-3.8 1.2-5.8.4-.2 0-.3-.3-.6-.5ZM99 .4l2.4.8c.2.1.3.6.3.8 0 .2-.2.5-.4.5l-4.2.5c-.5 0-.9-.3-1-.8-.1-.5.1-1 .6-1.2L99 .4ZM32 2.6c-.4 0-1-.2-1.5-.5-.6-.2-.5-1 0-1.3C31.8.2 33 0 34.3.4c.7.2 1.5.1 1.8 1 .2.5-.5.8-1.9 1l-.9.2H32ZM113.2 1.6l-.6.8c-1.7.6-3.4.9-5.1.4-.3 0-.7-.4-.6-.6 0-.3.3-.8.5-.9a7 7 0 0 1 5.8.3ZM130.8.8l2.2.8c.4.1.4 1 0 1.1-1.7.6-3.3 1-5 .2-.1 0-.3-.3-.3-.5 0-.3 0-.6.3-.8.8-.6 1.8-.6 2.8-.8ZM3.2.5c.6 0 1.2.2 1.8.4.2 0 .5.4.5.6 0 .3-.1.7-.3.8a5 5 0 0 1-5-.1C0 2 0 1.4.2 1.2L.8.8 3.2.5ZM19.5 1.2l.4-.4c1.7-.7 3.4-.6 5.2 0 .2 0 .5.5.6.8 0 .2-.3.6-.6.6-1.6.6-3.3.3-5-.1-.2-.1-.4-.6-.6-.9ZM286.9 1c-.3.4-.3.8-.6.9-1.8 1-3.8 1-5.8.5-.3 0-.6-.5-.6-.9-.1-.4.3-.6.7-.8 1.4-.6 2.9-.8 4.4-.2l1.9.6ZM380.6 3.5c-1.2 0-2 0-2.4-1-.3-.6.5-1.4 1.7-1.6h3.3c.4 0 .8.5 1 1 .2.3-.3 1-1 1l-2.6.6ZM418.3 1c.4.8.2 1.4-.5 1.6-1.6.5-3.3.7-5 .5l-.6-.3c-.4-.2-.5-1-.2-1.2.4-.2.8-.5 1.3-.6a9 9 0 0 1 5 0ZM319.6 1.1c-.2.3-.3.8-.6.9-1.7.4-3.4.8-5.2.6-.2 0-.5-.3-.7-.6-.3-.4 0-1.2.5-1.3 1-.2 2.2-.4 3.3-.4.9 0 1.9 0 2.7.8ZM405 .3l2 .5c.2 0 .4.5.4.7 0 .2-.1.5-.3.6-1.6.7-3.2 1.4-5 .7-.5-.1-.8-.4-.8-1 0-.5.3-.9.8-1l3-.5ZM453.5 1.5l-.7.5c-1.4.5-2.8.7-4.2.6-.5 0-1-.2-1.3-.5a.8.8 0 0 1 .2-1.3c1.6-.6 3.3-.7 5-.3.3 0 .6.6 1 1ZM304.1 2.9h-1c-.3-.2-.7-.4-.8-.7-.1-.2.1-.6.3-.8l1-.7c1.4-.3 2.9-.3 4.3.2.2 0 .6.4.6.6l-.6 1-1.2.2-2.5.2ZM297.8 1.2c-.3.5-.4 1-.7 1-1.6.7-3.4.8-5.1.4l-.2-.1c-.2-.2-.5-.5-.5-.7 0-.3.3-.6.4-.8l.2-.1c2-.7 3.9-.6 6 .3ZM252.6.8l2.2.3c.2 0 .5.4.6.7 0 .2-.2.7-.4.8-1.4.7-3 1-4.6.5-.2 0-.3 0-.4-.2-.2-.3-.6-.6-.6-1 0-.3.4-.6.7-.8.3-.2.6-.3 1-.3h1.5ZM330.6 2C329 3.5 327 3.6 325 3c-.6-.3-.7-1.1-.2-1.4 1.8-1 3.6-1 5.4-.2.2 0 .3.4.4.7ZM464.4 1.1c-.5 1-1.4 1.2-2.4 1.4-1 .2-1.9.2-2.8-.3a1 1 0 0 1-.5-.7c0-.2.2-.7.4-.8 1.6-.8 3.3-1 5-.2.2 0 .2.4.4.6ZM426.4 3.2l-1-.1c-.6-.1-1-.5-1.1-1 0-.5.4-1 1-1.1l3.6-.3c.4 0 .9.2 1.3.4.4.3.3 1-.1 1.2l-3.7.9ZM393.2.8c.8 0 1.6.2 2.3.3.2 0 .4.3.4.5s0 .5-.2.6l-.6.3a133.2 133.2 0 0 1-4.8.4c-.2-.1-.6-.4-.6-.6 0-.3.2-.7.5-1 .2-.2.5-.3.8-.3l2.2-.2ZM362.2 2.5c-1.4 1-3 .9-4.5.6-.2 0-.5-.3-.7-.6a.9.9 0 0 1 .3-1.4c1.3-.4 2.7-.4 4-.1.6 0 1 .7 1 1.5h-.1ZM437.9 3.1c-.8 0-1.3 0-1.7-.2-.3-.1-.7-.6-.7-.9 0-.3.4-.5.7-.8l.2-.1 4.5-.2.7.2c.4.2.4.8 0 1l-.7.5-3 .5ZM469 2.2l.6-.8c1.9-.5 3.8-.7 5.7-.2l.4.5-.3.6c-1.9.6-3.8 1.2-5.8.4-.2 0-.4-.3-.7-.5ZM338.7.4l2.4.8c.2.1.3.6.3.8 0 .2-.3.5-.4.5l-4.2.5c-.6 0-1-.3-1-.8-.2-.5 0-1 .5-1.2l2.4-.6ZM271.6 2.6c-.3 0-1-.2-1.5-.5-.5-.2-.5-1 .1-1.3 1.2-.6 2.4-.8 3.7-.4.6.2 1.5.1 1.8 1 .1.5-.5.8-1.9 1l-1 .2h-1.2ZM352.9 1.6l-.7.8c-1.6.6-3.3.9-5 .4-.3 0-.7-.4-.7-.6 0-.3.3-.8.6-.9a7 7 0 0 1 5.7.3ZM370.4.8l2.2.8c.5.1.4 1 0 1.1-1.6.6-3.2 1-4.9.2-.2 0-.4-.3-.4-.5 0-.3.1-.6.4-.8.8-.6 1.7-.6 2.7-.8ZM559.4.8l2.2.8c.4.1.4 1 0 1.1-1.7.6-3.3 1-5 .2-.1 0-.4-.3-.4-.5 0-.3.2-.6.4-.8.8-.6 1.8-.6 2.8-.8ZM515.4 3.5c-1.2 0-2 0-2.4-1-.3-.6.5-1.4 1.7-1.6h3.3c.4 0 .8.5 1 1 .2.3-.3 1-1 1l-2.6.6ZM497 2.5c-1.4 1-3 .9-4.5.6-.3 0-.5-.3-.7-.6a.9.9 0 0 1 .3-1.4c1.3-.4 2.7-.4 4-.1.6 0 1 .7.9 1.5ZM487.6 1.6l-.6.8c-1.6.6-3.4.9-5.1.4-.3 0-.6-.4-.6-.6 0-.3.3-.8.6-.9a7 7 0 0 1 5.7.3ZM505.2.8l2.2.8c.5.1.4 1 0 1.1-1.6.6-3.3 1-4.9.2-.2 0-.4-.3-.4-.5 0-.3.1-.6.3-.8.8-.6 1.8-.6 2.8-.8ZM242.8.5c.6 0 1.3.2 1.8.4.3 0 .6.4.6.6 0 .3-.2.7-.4.8a5 5 0 0 1-5-.1c-.2-.2-.2-.8 0-1l.7-.4 2.3-.3ZM259.2 1.2l.4-.4c1.7-.7 3.4-.6 5.1 0 .3 0 .6.5.6.8 0 .2-.3.6-.5.6-1.7.6-3.3.3-5-.1-.2-.1-.4-.6-.6-.9ZM528.1.8l2.3.3c.2 0 .5.4.5.7 0 .2-.1.7-.3.8-1.5.7-3 1-4.6.5-.2 0-.4 0-.4-.2-.3-.3-.6-.6-.6-1 0-.3.4-.6.7-.8.2-.2.6-.3.9-.3h1.5ZM547.1 2.6l-1.4-.5c-.5-.2-.5-1 0-1.3 1.3-.6 2.5-.8 3.8-.4.6.2 1.5.1 1.8 1 .1.5-.5.8-2 1l-.8.2H547ZM534.8 1.2l.3-.4c1.7-.7 3.5-.6 5.2 0 .3 0 .5.5.6.8 0 .2-.3.6-.5.6-1.7.6-3.4.3-5-.1-.3-.1-.4-.6-.6-.9ZM636.2 1.5l-.7.5c-1.4.5-2.8.7-4.2.6-.4 0-1-.2-1.3-.5a.8.8 0 0 1 .2-1.3c1.6-.6 3.3-.7 5-.3.3 0 .6.6 1 1ZM609.1 3.2l-1-.1c-.6-.1-1-.5-1.1-1 0-.5.4-1 1-1.1l3.6-.3c.4 0 .9.2 1.3.5.4.2.3 1-.1 1.1l-3.7.9ZM620.6 3.1c-.8 0-1.3 0-1.7-.2-.3-.1-.7-.6-.6-.9 0-.3.4-.5.6-.8l.2-.1 4.5-.2.7.2c.4.2.4.8 0 1l-.7.5-3 .5ZM600.3.8l2.3.8c.4.1.4 1 0 1.1-1.7.6-3.3 1-5 .2-.1 0-.4-.3-.4-.5 0-.3.2-.6.4-.8.8-.6 1.7-.6 2.8-.8ZM569.1.8l2.3.3c.2 0 .5.4.5.7 0 .2-.1.7-.3.8-1.5.7-3 1-4.6.5-.2 0-.4 0-.4-.2-.3-.3-.6-.6-.6-1 0-.3.4-.6.7-.8.2-.2.6-.3.9-.3h1.5ZM588.1 2.6l-1.4-.5c-.5-.2-.5-1 0-1.3 1.3-.6 2.5-.8 3.8-.4.6.2 1.5.1 1.7 1 .2.5-.4.8-1.8 1l-1 .2h-1.3ZM575.8 1.2l.3-.4c1.7-.7 3.5-.6 5.2 0 .3 0 .5.5.6.8 0 .2-.3.6-.6.6-1.6.6-3.3.3-4.9-.1-.3-.1-.4-.6-.6-.9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: auto;
  background-position: left center;
}
.is-style-ttl_main.is-add::before {
  transition: clip-path var(--addDuration, 1s) var(--cubic);
  clip-path: inset(0 100% 0 0);
}
.is-style-ttl_main.is-add .char-jp {
  transition: clip-path 0.3s var(--cubic);
  clip-path: inset(100% 0 0 0);
}
.is-style-ttl_main.is-active::before {
  clip-path: inset(0 var(--decSvgBorderSize, 0) 0 0);
}
.is-style-ttl_main.is-active .char-jp {
  clip-path: inset(0 0 0 0);
}
.is-style-ttl_main.dec-text_center {
  justify-content: center;
  margin-inline: auto;
  text-align: center;
}
.is-style-ttl_main .char-en {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0;
  line-height: 1.1;
  order: -1;
  text-transform: uppercase;
  font-size: clamp(3.15rem, 5.8333333333vw, 5.90625rem);
  letter-spacing: clamp(0.03em, calc(4.2 / 1440 * 100vw), 0.05625em);
}
@media (max-width: 768px) {
  .is-style-ttl_main .char-en {
    font-size: clamp(2.475rem, 4.5833333333vw, 4.640625rem);
    letter-spacing: clamp(0.03em, calc(3.3 / 1440 * 100vw), 0.05625em);
  }
}
.is-style-ttl_main .char-jp {
  color: #222;
  font-weight: 500;
  letter-spacing: 0.1em;
  order: 1;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}

.is-style-ttl_sub {
  line-height: 1.5;
  color: #689D07;
  font-weight: 500;
  font-size: clamp(1.203125rem, 1.5277777778vw, 1.546875rem);
  letter-spacing: clamp(0.0875em, calc(2.2 / 1440 * 100vw), 0.1125em);
}
.is-style-ttl_sub::before {
  content: "［";
}
.is-style-ttl_sub::after {
  content: "］";
}

.is-style-ttl_line {
  padding: calc(10 / var(--widthBase) * 100vw) calc(25 / var(--widthBase) * 100vw) calc(15 / var(--widthBase) * 100vw);
  display: grid;
  grid-auto-rows: auto;
  row-gap: calc(5 / var(--widthBase) * 100vw);
  position: relative;
  font-weight: 500;
}
@media (max-width: 768px) {
  .is-style-ttl_line {
    padding-block: calc(20 / var(--widthBase) * 100vw);
  }
}
.is-style-ttl_line.is-add::before, .is-style-ttl_line.is-add::after {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.8s var(--cubic);
}
.is-style-ttl_line.is-add::after {
  transition-delay: 0.2s;
}
.is-style-ttl_line.is-add > span {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s var(--cubic), transform 0.8s var(--cubic);
}
.is-style-ttl_line.is-add > span + span {
  transition-delay: 0.2s;
}
.is-style-ttl_line.is-active::before, .is-style-ttl_line.is-active::after {
  clip-path: inset(0 0 0 0);
}
.is-style-ttl_line.is-active > span {
  opacity: 1;
  transform: translateX(0);
}
.is-style-ttl_line::before, .is-style-ttl_line::after {
  content: "";
  inline-size: 100%;
  block-size: 1px;
  background: #A3A065;
  position: absolute;
}
.is-style-ttl_line::before {
  inset: 0;
}
.is-style-ttl_line::before {
  inset: auto auto 0 0;
}
.is-style-ttl_line .char-en {
  font-family: "Noto Serif JP", serif;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
}
.is-style-ttl_line .char-jp {
  line-height: 1.375;
  font-size: clamp(1.3125rem, 1.6666666667vw, 1.6875rem);
  letter-spacing: clamp(0.0875em, calc(2.4 / 1440 * 100vw), 0.1125em);
}
@media (max-width: 768px) {
  .is-style-ttl_line .char-jp {
    font-size: clamp(1.1484375rem, 1.4583333333vw, 1.4765625rem);
    letter-spacing: clamp(0.0875em, calc(2.1 / 1440 * 100vw), 0.1125em);
  }
}

.is-style-ttl_underline {
  padding-block-end: calc(5 / var(--widthBase) * 100vw);
  line-height: 1.5;
  font-weight: 500;
  border-block-end: 1px solid var(--borderColor, #81B327);
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}

.is-style-ttl_strong {
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(1.3125rem, 1.6666666667vw, 1.6875rem);
  letter-spacing: clamp(0.04375em, calc(1.2 / 1440 * 100vw), 0.05625em);
}

.is-style-ttl_middle {
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}

/*-------------------------------------------------------------------------------
  text
--------------------------------------------------------------------------------*/
.is-style-text_beta {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: calc(2 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
  border-radius: calc(infinity * 1px);
  text-align: center;
  font-weight: 500;
  background: var(--textBetaBg, #FFF);
  line-height: 1.5;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.0875em, calc(1.6 / 1440 * 100vw), 0.1125em);
}

.is-style-text_strong {
  font-weight: 500;
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.04375em, calc(0.9 / 1440 * 100vw), 0.05625em);
}

/*-------------------------------------------------------------------------------
  btn
--------------------------------------------------------------------------------*/
.is-style-btn_beta {
  --addDuration: .53s;
  --addBg: var(--betaBtnBg,#2D2D2D);
  --cubic: cubic-bezier(0.75, 0, 0.23, 0.95);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: calc(28 / var(--widthBase) * 100vw) calc(35 / var(--widthBase) * 100vw);
  display: flex;
  align-items: center;
  -moz-column-gap: calc(var(--betaBtnGap, 27) / var(--widthBase) * 100vw);
       column-gap: calc(var(--betaBtnGap, 27) / var(--widthBase) * 100vw);
  font-weight: 700;
  color: var(--betaBtnColor, #FFF);
  background-color: var(--betaBtnBg, #2D2D2D);
  border-radius: calc(infinity * 1px);
  line-height: 1.2;
  font-size: clamp(calc(var(--betaBtnSize, 18) * 0.875 / 16 * 1rem), calc(var(--betaBtnSize, 18) / 1440 * 100vw), calc(var(--betaBtnSize, 18) * 1.125 / 16 * 1rem));
  letter-spacing: clamp(0.0875em, calc(var(--betaBtnSize, 18) * 0.1 / 1440 * 100vw), 0.1125em);
}
@media (min-width: 769px) {
  .is-style-btn_beta {
    overflow: hidden;
    transition: transform 0.4s var(--cubic), color var(--addDuration, 0.3s) var(--cubic);
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .is-style-btn_beta::before {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
  .is-style-btn_beta::before {
    transform: scale(0.2);
    border-radius: calc(infinity * 1px);
    transition: transform var(--addDuration, 0.2s) var(--cubic), background-color var(--addDuration, 0.3s) var(--cubic);
  }
  .is-style-btn_beta:hover {
    transform: translateY(-2px) scale(1.02);
    color: var(--betaBtnHoverColor, #FFF);
  }
  .is-style-btn_beta:hover::before {
    --addBg: #689D07;
    transform: scale(1);
  }
  .is-style-btn_beta:hover.icon-arrow::after {
    animation: arrowAnimation 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
@media (max-width: 768px) {
  .is-style-btn_beta {
    padding: calc(30 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  }
}
.is-style-btn_beta.char-center {
  margin-inline: auto;
}

.wp-block-button.is-style-btn_long > .wp-block-button__link, a.is-style-btn_long {
  inline-size: 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: calc(5 / var(--widthBase) * 100vw);
       column-gap: calc(5 / var(--widthBase) * 100vw);
  padding: calc(12 / var(--widthBase) * 100vw) calc(26 / var(--widthBase) * 100vw);
  background: #F0F0F0;
  color: #689D07;
  border-radius: 0;
  text-align: left;
}
@media (min-width: 769px) {
  .wp-block-button.is-style-btn_long > .wp-block-button__link, a.is-style-btn_long {
    --addBg: #dedede;
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .wp-block-button.is-style-btn_long > .wp-block-button__link::after, a.is-style-btn_long::after {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
  .wp-block-button.is-style-btn_long > .wp-block-button__link::after, a.is-style-btn_long::after {
    transform: scaleX(0);
    transform-origin: top right;
  }
  .wp-block-button.is-style-btn_long > .wp-block-button__link:hover::before, a.is-style-btn_long:hover::before {
    animation: shakeAnimation 3s ease-in-out infinite;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .wp-block-button.is-style-btn_long > .wp-block-button__link:hover::after, a.is-style-btn_long:hover::after {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
.wp-block-button.is-style-btn_long > .wp-block-button__link::before, a.is-style-btn_long::before {
  content: "";
  inline-size: calc(23 / var(--widthBase) * 100vw);
  min-inline-size: 23px;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' fill='none'%3E%3Cpath fill='%23689D07' fill-rule='evenodd' d='m10.6 3.3.9-1a6.5 6.5 0 0 1 9.1 9.2L18 14.2a6.4 6.4 0 0 1-9.1 0l-1-.9 1.9-1.8.9 1a4 4 0 0 0 5.5 0l2.7-2.8a3.9 3.9 0 0 0-5.5-5.5l-.9 1-1.8-2Zm1.8 7.3a4 4 0 0 0-5.5 0l-2.7 2.7a3.9 3.9 0 0 0 5.5 5.5l.9-1 1.8 2-.9.8a6.4 6.4 0 0 1-9.1 0 6.5 6.5 0 0 1 0-9.1L5 8.8a6.4 6.4 0 0 1 9.1 0l1 .9-1.9 1.8-.9-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
}

.wp-block-button.is-style-btn_long {
  flex-grow: 1;
  flex-basis: 100%;
}
/*-------------------------------------------------------------------------------
  tbl
--------------------------------------------------------------------------------*/
.table-wrap::-webkit-scrollbar {
  width: calc(var(--scroll, 5px));
  height: calc(var(--scroll, 5px));
}
.table-wrap::-webkit-scrollbar-track {
  background: #ffffff;
}
.table-wrap::-webkit-scrollbar-thumb {
  background: #A3A065;
}
@media (max-width: 768px) {
  .table-wrap {
    overflow-x: scroll;
    padding-block-end: calc(10 / var(--widthBase) * 100vw);
  }
  .table-wrap.char-horizontal {
    --addIndex:2;
    --addBg: rgba(0,0,0,.3);
    position: relative;
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .table-wrap.char-horizontal::before {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
  .table-wrap.char-horizontal.is-visible::before, .table-wrap.char-horizontal.is-visible::after {
    opacity: 0;
  }
  @keyframes tableAnimation {
    0% {
      transform: rotate(10deg) rotateX(20deg) translateX(100%);
    }
    20% {
      transform: rotateZ(5deg) rotateX(-10deg) translateX(100%);
    }
    80% {
      transform: rotateZ(-5deg) rotateX(-10deg) translateX(0);
    }
    90% {
      transform: rotateZ(0) rotateX(20deg) translateX(0);
      opacity: 1;
    }
    100% {
      transform: rotateZ(0) rotateX(20deg) translateX(0);
      opacity: 0;
    }
  }
  .table-wrap.char-horizontal::after {
    position: absolute;
    inset: 0 auto auto calc(50 / var(--widthBase) * 100vw);
    z-index: 3;
    animation: tableAnimation 3s ease infinite;
    content: "\ebb9";
    display: inline-block;
    font-family: "Material Symbols Outlined";
    font-size: clamp(3rem, 5.5555555556vw, 5.625rem);
    letter-spacing: clamp(0.03em, calc(4 / 1440 * 100vw), 0.05625em);
    font-weight: 400;
    color: #FFF;
  }
}

.table-flow {
  display: grid;
  grid-template-columns: repeat(var(--columns, 2), 1fr);
  -moz-column-gap: calc(40 / var(--widthBase) * 100vw);
       column-gap: calc(40 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .table-flow {
    --columns: 1;
  }
  .table-flow .table-left tr:last-of-type th, .table-flow .table-left tr:last-of-type td {
    border-block-end: none;
  }
}

.is-style-tbl_beta tr:last-of-type th, .is-style-tbl_column tr:last-of-type th, .is-style-tbl_beta tr:last-of-type td, .is-style-tbl_column tr:last-of-type td {
  border-block-end: 1px solid #C3C3C3;
}
.is-style-tbl_beta tr th, .is-style-tbl_column tr th, .is-style-tbl_beta tr td, .is-style-tbl_column tr td {
  padding: calc(18 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
  border-top: 1px solid #C3C3C3;
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.0875em, calc(1.8 / 1440 * 100vw), 0.1125em);
}
.is-style-tbl_beta tr th, .is-style-tbl_column tr th {
  inline-size: calc(330 / var(--widthBase) * 100vw);
  background: var(--beta, #E2E7DA);
  font-weight: 500;
}
.is-style-tbl_beta tr td, .is-style-tbl_column tr td {
  inline-size: calc(100% - 330 / var(--widthBase) * 100vw);
  font-weight: 700;
}

.is-style-tbl_column {
  --beta: #FAF6E3;
}
.is-style-tbl_column tr th, .is-style-tbl_column tr td {
  vertical-align: middle;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
}
.is-style-tbl_column tr th {
  padding: calc(12 / var(--widthBase) * 100vw) calc(10 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .is-style-tbl_column tr th {
    padding-inline-start: calc(30 / var(--widthBase) * 100vw);
  }
}
.is-style-tbl_column tr td {
  padding-inline: calc(20 / var(--widthBase) * 100vw);
  text-align: right;
}
@media (max-width: 768px) {
  .is-style-tbl_column tr td {
    padding-inline-end: calc(30 / var(--widthBase) * 100vw);
  }
}

@media (max-width: 768px) {
  .is-style-tbl_line tr th, .is-style-tbl_line tr td {
    inline-size: 100%;
    display: block;
  }
}
.is-style-tbl_line tr:last-of-type th, .is-style-tbl_line tr:last-of-type td {
  border-block-end: 1px solid #8B8B8B;
}
@media (max-width: 768px) {
  .is-style-tbl_line tr:last-of-type th {
    border-block-end: none;
  }
}
.is-style-tbl_line tr th, .is-style-tbl_line tr td {
  padding: calc(18 / var(--widthBase) * 100vw) calc(10 / var(--widthBase) * 100vw);
  border-block-start: 1px solid #8B8B8B;
  letter-spacing: clamp(0.0875em, calc(1.6 / 1440 * 100vw), 0.1125em);
}
.is-style-tbl_line tr th {
  inline-size: calc(310 / var(--widthBase) * 100vw);
  font-weight: 500;
}
@media (max-width: 768px) {
  .is-style-tbl_line tr th {
    inline-size: 100%;
    padding-block-end: 0;
  }
}
.is-style-tbl_line tr td {
  inline-size: calc(100% - 310 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .is-style-tbl_line tr td {
    padding-block-start: 0;
    inline-size: 100%;
    border-block-start: none;
    font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
    letter-spacing: clamp(0.04375em, calc(0.7 / 1440 * 100vw), 0.05625em);
  }
}

@media (max-width: 768px) {
  .is-style-tbl_four {
    inline-size: 610px;
  }
}
.is-style-tbl_four caption {
  caption-side: bottom;
  margin-block-start: calc(10 / var(--widthBase) * 100vw);
  font-weight: 400;
  text-align: right;
  font-size: clamp(0.8203125rem, 1.0416666667vw, 1.0546875rem);
  letter-spacing: clamp(0.0875em, calc(1.5 / 1440 * 100vw), 0.1125em);
}
.is-style-tbl_four tr th, .is-style-tbl_four tr td {
  letter-spacing: clamp(0.0875em, calc(1.6 / 1440 * 100vw), 0.1125em);
  text-align: center;
}
.is-style-tbl_four thead tr > *:first-child,
.is-style-tbl_four tbody tr > *:first-child {
  inline-size: calc(330 / var(--widthBase) * 100vw);
}
.is-style-tbl_four thead tr > *:nth-child(2),
.is-style-tbl_four tbody tr > *:nth-child(2) {
  background-color: var(--col01, #E2E7DA);
}
.is-style-tbl_four thead tr > *:nth-child(3),
.is-style-tbl_four tbody tr > *:nth-child(3) {
  background-color: var(--col02, #FAF6E3);
}
.is-style-tbl_four thead tr > *:last-child,
.is-style-tbl_four tbody tr > *:last-child {
  background-color: var(--col03, #D7EFB0);
}
.is-style-tbl_four thead tr th {
  padding-block: calc(25 / var(--widthBase) * 100vw);
  color: var(--textColor, #689D07);
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.0875em, calc(1.8 / 1440 * 100vw), 0.1125em);
}
.is-style-tbl_four tbody tr:last-of-type th, .is-style-tbl_four tbody tr:last-of-type td {
  border-bottom: 1px solid #C3C3C3;
}
.is-style-tbl_four tbody tr th, .is-style-tbl_four tbody tr td {
  padding: calc(15 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
  border-top: 1px solid #C3C3C3;
}
.is-style-tbl_four tbody tr td {
  font-weight: 700;
}

/*-------------------------------------------------------------------------------
  list
--------------------------------------------------------------------------------*/
.is-style-list_beta > *.swiper-slide > *, .is-style-list_beta > *.char-transform > *, .is-style-list_beta > *:not(.swiper-slide):not(.char-transform) {
  padding: calc(40 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--listBetaGap, 24) / var(--widthBase) * 100vw);
}

.is-style-list_beta:not(.swiper-wrapper) {
  display: grid;
  grid-template-columns: repeat(var(--columns, 2), 1fr);
  gap: calc(40 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .is-style-list_beta:not(.swiper-wrapper) {
    --columns: 1;
  }
}
.is-style-list_beta > * {
  border-radius: clamp(30px, 3.4722222222vw, 50px);
  background: var(--listBetaBg, #FAF6E3);
}
.is-style-list_beta > * figure {
  inline-size: 100%;
}
.is-style-list_beta > * figure img {
  inline-size: 100%;
  aspect-ratio: 385/293;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
.is-style-list_beta > * p {
  line-height: 1.5;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.035em, calc(0.64 / 1440 * 100vw), 0.045em);
}

.is-style-list_round > *.swiper-slide > *, .is-style-list_round > *.char-transform > *, .is-style-list_round > *:not(.swiper-slide) {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--listRoundGap, 20) / var(--widthBase) * 100vw);
}

.is-style-list_round:not(.swiper-wrapper):not(.char-transform) {
  display: grid;
  grid-template-columns: repeat(var(--columns, 3), 1fr);
  gap: calc(40 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
}
@media (max-width: 1024px) {
  .is-style-list_round:not(.swiper-wrapper):not(.char-transform) {
    --columns: 2;
  }
}
@media (max-width: 768px) {
  .is-style-list_round:not(.swiper-wrapper):not(.char-transform) {
    --columns: 1;
  }
}
.is-style-list_round > * figure {
  inline-size: 100%;
}
.is-style-list_round > * figure img {
  inline-size: 100%;
  border-radius: clamp(40px, 4.1666666667vw, 60px);
  aspect-ratio: 398/436;
}

.is-style-list_line > * {
  border-block-start: 1px solid #C3C3C3;
}
.is-style-list_line > *:last-of-type {
  border-block-end: 1px solid #C3C3C3;
}

/*-------------------------------------------------------------------------------
  gallery
--------------------------------------------------------------------------------*/
.is-style-gallery_auto img {
  max-block-size: calc(300 / var(--widthBase) * 100vw);
  min-block-size: calc(300 / var(--widthBase) * 100vw);
}
.is-style-gallery_auto figure {
  flex-grow: inherit !important;
}

:root {
  --widthBase: 1440;
  --heightBase: 760;
  --scroll: 3px;
  --cubic: cubic-bezier(0.75, 0, 0.23, 0.95);
  --inlineSpeace: 110;
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
}
@media (max-width: 768px) {
  :root {
    --widthBase: 768;
    --inlineSpeace: 50;
  }
}

* {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: none;
}

/*-------------------------------------------------------------------------------
  html global
--------------------------------------------------------------------------------*/
/*----------------------------------------
  smooth scroll
------------------------------------------*/
.lenis.lenis-smooth {
  overflow-x: hidden;
  scroll-behavior: auto;
}

/*-------------------------------------------------------------------------------
  body global
--------------------------------------------------------------------------------*/
body {
  color: #000;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 2;
  font-weight: 400;
  letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  background: #A3A065;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: calc(var(--scroll, 5px));
  height: calc(var(--scroll, 5px));
}
body::-webkit-scrollbar-track {
  background: #ffffff;
}
body::-webkit-scrollbar-thumb {
  background: #A3A065;
}
body ::-moz-selection {
  background-color: #A3A065;
  color: #FFF;
}
body ::selection {
  background-color: #A3A065;
  color: #FFF;
}

/*-------------------------------------------------------------------------------
  img global
--------------------------------------------------------------------------------*/
img,
svg {
  width: auto;
  height: auto;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

figure {
  line-height: 0;
}
figure figcaption {
  line-height: 2;
}

/*-------------------------------------------------------------------------------
  link global
--------------------------------------------------------------------------------*/
a {
  color: #2D2D2D;
  text-decoration: none;
}
a[href], a[data-href] {
  cursor: pointer;
}

/*-------------------------------------------------------------------------------
  table global
--------------------------------------------------------------------------------*/
table {
  width: 100%;
}
table th {
  font-weight: bold;
  vertical-align: text-top;
}
table th,
table td {
  text-align: left;
}

/*-------------------------------------------------------------------------------
  text global
--------------------------------------------------------------------------------*/
strong,
b {
  font-weight: bold;
}

em {
  font-style: italic;
}

/*-------------------------------------------------------------------------------
  input global
--------------------------------------------------------------------------------*/
input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
input[type=number],
input[type=file],
input[type=date],
textarea {
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=file]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder {
  color: #d5d5d5;
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=file]::placeholder,
input[type=date]::placeholder,
textarea::placeholder {
  color: #d5d5d5;
}

select,
label {
  width: 100%;
  cursor: pointer;
}

/*-------------------------------------------------------------------------------
  input button global
--------------------------------------------------------------------------------*/
input[type=submit],
input[type=reset],
input[type=button],
button {
  cursor: pointer;
}
@media (min-width: 769px) {
  input[type=submit],
  input[type=reset],
  input[type=button],
  button {
    transition: all 0.3s ease;
  }
}

/*-------------------------------------------------------------------------------
  base
--------------------------------------------------------------------------------*/
@media (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .lg-only {
    display: none !important;
  }
}

/*-------------------------------------------------------------------------------
  logo
--------------------------------------------------------------------------------*/
.cmn-logo {
  inline-size: clamp(245px, 345 / var(--widthBase) * 100vw, 500px);
  aspect-ratio: 345/27;
}

.cmn-logomark {
  inline-size: clamp(155px, 255 / var(--widthBase) * 100vw, 300px);
  aspect-ratio: 255/253;
}

#logoAnimation,
#mv-logoAnimation {
  aspect-ratio: 639/110;
}
#logoAnimation #MvTtlText,
#mv-logoAnimation #MvTtlText {
  fill: #FFF;
  -webkit-mask: url(#MvTtlClip);
          mask: url(#MvTtlClip);
}
#logoAnimation #MvTtlClip,
#mv-logoAnimation #MvTtlClip {
  stroke-width: 8px;
  stroke-miterlimit: 10;
  stroke-dashoffset: 3424.3083496094px;
  stroke-dasharray: 3424.3083496094px;
}
#logoAnimation #MvTtlClip path,
#mv-logoAnimation #MvTtlClip path {
  stroke: #FFF;
}

.cmn-insta {
  line-height: 1;
}
.cmn-insta svg {
  aspect-ratio: 1;
}

/*-------------------------------------------------------------------------------
  icon
--------------------------------------------------------------------------------*/
.icon-arrow::after, .index-price .swiper-button-next::after,
.index-price .swiper-button-prev::after {
  content: "\e941";
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-size: clamp(1.5rem, 2.7777777778vw, 2.8125rem);
  letter-spacing: clamp(0.03em, calc(2 / 1440 * 100vw), 0.05625em);
  font-weight: 200;
  color: #000;
  line-height: 0;
  color: inherit;
}

.icon-new {
  position: relative;
}
.icon-new::before {
  content: "";
  inline-size: calc(70 / var(--widthBase) * 100vw);
  min-inline-size: 70px;
  aspect-ratio: 69/37;
  position: absolute;
  inset: -1px auto auto max(calc(27 / var(--widthBase) * 100vw), 30px);
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='39' viewBox='0 0 70 39' fill='none'%3E%3Cpath fill='%23E95504' d='M69.5 1v37.6L34.7 27.8 0 38.6V1h69.5Z'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M4.3 1v31.8l29.2-9 1.3-.4 1.2.4 29.2 9V1'/%3E%3Cpath fill='%232D2D2D' d='M20.3 18V7.6h2l3.1 5.6 1 2.2h.1l-.3-3.6V7.6h2V18h-2.1l-3-5.5-1-2.3H22l.2 3.6V18h-2Zm10.5 0V7.6H37v1.8h-4.3v2.4h3.7v1.7h-3.7v2.8h4.5V18h-6.5Zm9.6 0-2-10.4h2l.9 5 .5 3.4.7-3.3 1.2-5h1.8l1.2 5 .6 3.3.5-3.3.9-5h2l-2 10.3h-2.6L45 12.9l-.5-2.4-.5 2.4L43 18h-2.5Z'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
}

/*-------------------------------------------------------------------------------
  load
--------------------------------------------------------------------------------*/
.progress-bar {
  inline-size: 100%;
  block-size: 100%;
  position: fixed;
  inset: 0;
  z-index: 150;
  pointer-events: none;
}
.progress-bar::before, .progress-bar::after {
  content: "";
  inline-size: 100%;
  block-size: 51vh;
  background: #A3A065;
  position: fixed;
  z-index: 1;
}
.progress-bar::before {
  inset: 0;
  clip-path: inset(0 0 calc(100% - var(--progress, 100) * 1%) 0);
}
.progress-bar::after {
  inset: auto auto 0 0;
  clip-path: inset(calc(100% - var(--progress, 100) * 1%) 0 0 0);
}
.progress-bar #logoAnimation {
  position: absolute;
  z-index: 5;
  inset: 50% 50% auto auto;
  transform: translate(50%, -50%);
}
.progress-bar #logomark {
  position: absolute;
  z-index: 5;
  inset: auto 50% calc(50 / var(--widthBase) * 100vw) auto;
  transform: translateX(50%);
  opacity: 0;
}

.loading_mask {
  inline-size: 100%;
  block-size: 100%;
  position: fixed;
  inset: 0;
  z-index: 155;
  background: linear-gradient(125deg, transparent 0%, transparent 20%, #A3A065 40%, #A3A065 60%, transparent 80%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 1000vw;
  background-position: 50% 0;
  pointer-events: none;
}

#load-contents {
  background: #ffffff;
}

/*-------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------*/
.hd {
  --betaBtnBg:#969696;
  --betaBtnColor: #222;
  --betaBtnSize: 16;
  --loadFrom: 0, -100%;
  inline-size: 100%;
  position: fixed;
  inset: 0 0 auto auto;
  z-index: 100;
}
@media (min-width: 769px) {
  .hd {
    padding: calc(10 / var(--heightBase) * 100svh) calc(40 / var(--widthBase) * 100vw) calc(10 / var(--heightBase) * 100svh) calc(30 / var(--widthBase) * 100vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #2D2D2D;
  }
}
@media (max-width: 768px) {
  .hd {
    --addPosition: fixed;
    --addParentIndex: 100;
    --addBg: rgba(255,255,255,.3);
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .hd::before {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
  .hd::before {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .hd.open .hd-content {
    clip-path: inset(0% round 20px);
  }
  .hd.open .hd-nav ul li {
    opacity: 1;
    transform: translateX(0);
  }
  .hd.open .cmn-reserve {
    opacity: 1;
    transform: translateX(0);
  }
  .hd.change {
    --changeColor: #313d44;
  }
  .hd.change::before {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}
.hd .hd-info {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(35 / var(--widthBase) * 100vw);
       column-gap: calc(35 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .hd .hd-info {
    padding: calc(10 / var(--heightBase) * 100svh) calc(40 / var(--widthBase) * 100vw) calc(10 / var(--heightBase) * 100svh) calc(30 / var(--widthBase) * 100vw);
  }
}
@media (max-width: 768px) {
  .hd .hd-info .hd-logo {
    display: grid;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .hd .hd-info .hd-logo .cmn-logo {
    inline-size: calc(420 / var(--widthBase) * 100vw);
    min-height: 40px;
  }
}
@media (max-width: 768px) {
  .hd .hd-info .hd-logo .cmn-logo path {
    fill: var(--changeColor, #FFF);
  }
}
@media (max-width: 768px) {
  .hd .hd-info .cmn-insta svg {
    inline-size: 30px;
  }
}
@media (max-width: 768px) {
  .hd .hd-info .cmn-insta svg g {
    fill: var(--changeColor, #FFF);
  }
}
.hd .hd-content {
  display: flex;
  -moz-column-gap: calc(50 / var(--widthBase) * 100vw);
       column-gap: calc(50 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .hd .hd-content {
    padding: calc(50 / var(--heightBase) * 100svh) calc(50 / var(--widthBase) * 100vw) calc(100 / var(--heightBase) * 100svh) calc(50 / var(--widthBase) * 100vw);
    inline-size: 60%;
    position: fixed;
    inset: calc(40px + 10 / var(--heightBase) * 100svh) 0 auto auto;
    flex-direction: column;
    row-gap: calc(50 / var(--widthBase) * 100vw);
    clip-path: inset(0 0 100% 100% round 20px);
    transition: clip-path 0.5s var(--cubic);
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}
.hd .cmn-reserve {
  padding-block: calc(15 / var(--widthBase) * 100vw);
}
@media (min-width: 769px) {
  .hd .cmn-reserve::after {
    transition: background-color var(--addDuration, 0.3s) var(--cubic);
  }
  .hd .cmn-reserve:not(:hover)::after {
    animation: tentAnimation2 1s steps(6) reverse forwards;
  }
  .hd .cmn-reserve:hover {
    --iconColor: #FFF;
  }
  .hd .cmn-reserve:hover::after {
    animation: tentAnimation 1s steps(6) forwards, shakeAnimation 3s ease-in-out infinite;
  }
}
@media (max-width: 768px) {
  .hd .cmn-reserve {
    --betaBtnBg: #FFF;
    inline-size: 100%;
    padding: calc(30 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
    justify-content: center;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.5s var(--cubic), transform 0.5s var(--cubic);
    transition-delay: 0.3s;
    font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
    letter-spacing: clamp(0.04375em, calc(0.9 / 1440 * 100vw), 0.05625em);
  }
}

/*----------------------------------------
  hd-nav
------------------------------------------*/
.hd-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .hd-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.hd-nav ul {
  display: flex;
  -moz-column-gap: calc(50 / var(--widthBase) * 100vw);
       column-gap: calc(50 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .hd-nav ul {
    flex-direction: column;
    row-gap: calc(10 / var(--widthBase) * 100vw);
  }
}
.hd-nav ul .current-menu-item a::before,
.hd-nav ul .current_page_item a::before {
  opacity: 1;
}
@media (max-width: 768px) {
  .hd-nav ul li {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.5s var(--cubic), transform 0.5s var(--cubic);
  }
  .hd-nav ul li:nth-of-type(1) {
    transition-delay: 0.015s;
  }
  .hd-nav ul li:nth-of-type(2) {
    transition-delay: 0.03s;
  }
  .hd-nav ul li:nth-of-type(3) {
    transition-delay: 0.045s;
  }
  .hd-nav ul li:nth-of-type(4) {
    transition-delay: 0.06s;
  }
  .hd-nav ul li:nth-of-type(5) {
    transition-delay: 0.075s;
  }
  .hd-nav ul li:nth-of-type(6) {
    transition-delay: 0.09s;
  }
  .hd-nav ul li:nth-of-type(7) {
    transition-delay: 0.105s;
  }
  .hd-nav ul li:nth-of-type(8) {
    transition-delay: 0.12s;
  }
  .hd-nav ul li:nth-of-type(9) {
    transition-delay: 0.135s;
  }
  .hd-nav ul li:nth-of-type(10) {
    transition-delay: 0.15s;
  }
}
.hd-nav ul a {
  position: relative;
  color: #FFF;
}
@media (min-width: 769px) {
  .hd-nav ul a::before {
    content: "";
    inline-size: 6px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    inset: calc(100% + 5 / var(--widthBase) * 100vw) 50% auto auto;
    transform: translateX(50%);
    opacity: 0;
    transform-origin: center;
    transition: opacity 0.5s var(--cubic);
  }
  @keyframes hoverAnimation {
    0% {
      transform: translateX(50%) scale(1) rotate(0);
      border-radius: 70%;
    }
    10%, 30%, 50%, 70%, 90% {
      transform: translateX(50%) scale(0.9) rotate(180deg);
      border-radius: 40%;
    }
    20%, 40%, 60%, 80% {
      transform: translateX(50%) scale(2) rotate(360deg);
      border-radius: 50%;
    }
  }
  .hd-nav ul a:hover::before {
    opacity: 1;
    animation: hoverAnimation 5s ease-in-out forwards;
  }
}
@media (max-width: 768px) {
  .hd-nav ul a {
    --flagSize: 20;
    display: flex;
    -moz-column-gap: calc(20 / var(--widthBase) * 100vw);
         column-gap: calc(20 / var(--widthBase) * 100vw);
    font-size: clamp(1.1484375rem, 1.4583333333vw, 1.4765625rem);
    letter-spacing: clamp(0.04375em, calc(1.05 / 1440 * 100vw), 0.05625em);
  }
  .hd-nav ul a::before {
    content: "";
    inline-size: calc(var(--flagSize, 35) / var(--widthBase) * 100vw);
    min-inline-size: calc(var(--flagSize, 35) * 1px);
    aspect-ratio: 35/27;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 27' fill='none'%3E%3Cpath fill='%23E95504' stroke='%23231815' stroke-linejoin='round' stroke-width='3' d='M33 2.3H11l11 23 11-23Z'/%3E%3Cpath fill='%23231815' d='M2 .8a1.5 1.5 0 1 0 0 3v-3Zm0 3h9v-3H2v3Z'/%3E%3C/svg%3E");
    background-position: 0 0;
    background-size: contain;
    display: block;
    transform: rotateZ(-90deg) rotateX(-5deg) translateY(10px);
    opacity: 0;
  }
}

.single .hd-nav ul li:nth-of-type(2) a::before,
.category .hd-nav ul li:nth-of-type(2) a::before {
  opacity: 1;
}

/*----------------------------------------
  hamburger
------------------------------------------*/
@media (max-width: 768px) {
  #hamburger {
    inline-size: 40px;
    aspect-ratio: 1/1;
    display: block;
    position: fixed;
    inset: calc(10 / var(--heightBase) * 100svh) calc(40 / var(--widthBase) * 100vw) auto auto;
    z-index: 151;
    transition: transform 0.56s;
    border-radius: 100%;
    cursor: pointer;
  }
  #hamburger.open {
    transform: scale(1.3) rotate(0deg);
  }
  #hamburger.open::before {
    transform: rotate(225deg);
    top: calc(50% - 2px);
    width: 21px;
  }
  #hamburger.open::after {
    transform: rotate(-225deg);
    top: calc(50% - 2px);
    width: 21px;
  }
  #hamburger.change {
    --changeColor: #313d44;
  }
  #hamburger::before, #hamburger::after {
    content: "";
    inline-size: 100%;
    height: 4px;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    border-radius: 2px;
    background: var(--changeColor, #FFF);
  }
  #hamburger::before {
    transition: all 0.56s cubic-bezier(0.4, 0, 0.2, 1.4);
    top: calc(50% - 7px - 2px);
  }
  #hamburger::after {
    transition: all 0.56s cubic-bezier(0.4, 0, 0.2, 1.4);
    top: calc(50% + 4px);
  }
}

/*-------------------------------------------------------------------------------
  mainimg
--------------------------------------------------------------------------------*/
.mv {
  inline-size: 100%;
  /*----------------------------------------
    index mv
  ------------------------------------------*/
  /*----------------------------------------
    under page mv
  ------------------------------------------*/
  /*----------------------------------------
    guide mv
  ------------------------------------------*/
}
body.index .mv {
  --trans: -400;
  --loadFrom: 0, 100%;
  block-size: calc(100vh + 60 / var(--heightBase) * 100svh);
  padding-block: calc(45 / var(--widthBase) * 100vw);
  overflow: hidden;
  position: relative;
  z-index: 3;
  background: url("../images/index-mv.webp") no-repeat center/cover;
}
@media (max-width: 768px) {
  body.index .mv {
    block-size: 100svh;
  }
}
@media (min-width: 769px) {
  body.index .mv {
    min-block-size: 820px;
  }
}
@media (min-width: 2001px) {
  body.index .mv {
    --defaultPosition: 130%;
  }
}
body.index .mv #mv-logoAnimation {
  position: absolute;
  z-index: 5;
  inset: calc(50% - 30 / var(--heightBase) * 100svh) 50% auto auto;
  transform: translate(50%, -50%);
}
body:not(.index) .mv {
  padding-block-end: calc(94 / var(--widthBase) * 100vw);
  display: flex;
  flex-direction: column;
  row-gap: calc(87 / var(--widthBase) * 100vw);
  position: relative;
}
body:not(.index) .mv::before {
  content: "";
  inline-size: 100%;
  block-size: calc(470 / var(--heightBase) * 100svh);
  background: url("../images/index-mv.webp") no-repeat center/cover;
}
body:not(.index) .mv > * {
  padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
}
body:not(.index) .mv .mv-ttl {
  padding-block: calc(80 / var(--widthBase) * 100vw);
  padding-inline-start: calc(70 / var(--widthBase) * 100vw);
  display: grid;
  justify-content: center;
  text-align: center;
  border-radius: calc(infinity * 1px) 0 0 calc(infinity * 1px);
  position: absolute;
  inset: calc(470 / var(--heightBase) * 100svh / 2 - 80 / var(--widthBase) * 100vw) 0 auto auto;
  z-index: 1;
  background: rgba(221, 220, 198, 0.9);
  border-inline-start: 5px solid #77733c;
  color: #77733c;
}
body:not(.index) .mv .mv-ttl .char-en {
  font-family: "Noto Serif JP", serif;
  text-transform: uppercase;
  font-size: clamp(1.65rem, 3.0555555556vw, 3.09375rem);
  letter-spacing: clamp(0.03em, calc(2.2 / 1440 * 100vw), 0.05625em);
  line-height: 1;
}
body:not(.index) .mv .mv-ttl .char-jp {
  font-weight: 500;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}
body.info .mv::before {
  background: url("../images/info-mv.webp") no-repeat center/cover;
}
body.guide .mv::before {
  background: url("../images/guide-mv.webp") no-repeat center/cover;
}
body.guide .mv {
  --decMountainsInset: auto calc(120 / var(--widthBase) * 100vw) calc(-13 / var(--widthBase) * 100vw) auto;
  --decMountainsRotate: 180deg;
  padding-block-end: calc(80 / var(--widthBase) * 100vw);
  background: #A3A065;
  position: relative;
}
body.guide .mv::after {
  content: "";
  inline-size: calc(179 / var(--widthBase) * 100vw);
  aspect-ratio: 66/24;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.2 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238fb721%7D.cls-2%7Bfill:%23458b38%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M6.9 8.6 0 15.5h13.7L6.9 8.6z' class='cls-2'/%3E%3Cpath d='M24 17.2 17.2 24h13.7L24 17.2z' class='cls-1'/%3E%3Cpath d='m41.2 8.6-6.9 6.9h13.8l-6.9-6.9z' class='cls-2'/%3E%3Cpath d='M58.4 17.2 51.5 24h13.7l-6.8-6.8zM24 0l-6.8 6.9h13.7L24 0z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: var(--decMountainsInset, 0);
  transform: rotateY(var(--decMountainsRotate, 0));
}
body.guide .mv .mv-intro_wrap {
  margin-block-start: calc(-87 / var(--widthBase) * 100vw);
  padding-inline-start: 0;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: calc(68 / var(--widthBase) * 100vw);
       column-gap: calc(68 / var(--widthBase) * 100vw);
  position: relative;
}
@media (max-width: 1024px) {
  body.guide .mv .mv-intro_wrap {
    flex-direction: column;
    padding-inline-end: 0;
  }
}
body.guide .mv .mv-intro_wrap::before {
  content: "";
  inline-size: calc(648 / var(--widthBase) * 100vw);
  aspect-ratio: 648/440;
  margin-block-start: calc(-50 / var(--widthBase) * 100vw);
  border-radius: 0 clamp(30px, 3.4722222222vw, 50px) clamp(30px, 3.4722222222vw, 50px) 0;
  background: url("../images/guide-img.webp") no-repeat center/cover;
}
@media (max-width: 1024px) {
  body.guide .mv .mv-intro_wrap::before {
    margin-inline-start: auto;
    border-radius: clamp(30px, 3.4722222222vw, 50px) 0 0 clamp(30px, 3.4722222222vw, 50px);
    margin-block-start: calc(-100 / var(--widthBase) * 100vw);
  }
}
body.guide .mv .mv-intro {
  padding-block-start: calc(50 / var(--widthBase) * 100vw);
}
body.guide .mv .mv-intro > * + * {
  margin-block-start: calc(35 / var(--widthBase) * 100vw);
}
@media (max-width: 1024px) {
  body.guide .mv .mv-intro {
    padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
    padding-block-start: 0;
    margin-block-start: calc(-100 / var(--widthBase) * 100vw);
  }
}
@media (max-width: 768px) {
  body.guide .mv .mv-intro {
    padding-block-start: calc(60 / var(--widthBase) * 100vw);
    margin-block-start: 0;
  }
}
body.guide .mv .mv-intro p {
  font-weight: 500;
  line-height: 2.3;
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.0875em, calc(1.8 / 1440 * 100vw), 0.1125em);
}
@media (max-width: 768px) {
  body.guide .mv .mv-intro p {
    font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
    letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
  }
}

/*-------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------*/
.ft {
  --betaBtnBg:#969696;
  --betaBtnColor: #222;
  --betaBtnSize: 16;
  padding: calc(110 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  background: #2D2D2D;
}
.ft > * + * {
  margin-block-start: calc(100 / var(--widthBase) * 100vw);
}
.ft small {
  display: block;
  text-align: center;
  font-weight: 500;
  color: #878787;
  letter-spacing: 0;
  line-height: 1;
}
.ft .ft-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #FFF;
}
@media (max-width: 768px) {
  .ft .ft-content {
    flex-direction: column;
    row-gap: calc(20 / var(--widthBase) * 100vw);
  }
}
.ft .ft-logo {
  inline-size: calc(347 / var(--widthBase) * 100vw);
}
.ft .ft-info > * + * {
  margin-block-start: calc(12 / var(--widthBase) * 100vw);
}
.ft .ft-info p {
  font-weight: 700;
  line-height: 1.5;
}
.ft .ft-info .cmn-insta {
  margin-block-start: calc(50 / var(--widthBase) * 100vw);
  display: block;
}
.ft .ft-nav_wrap {
  display: flex;
  align-content: center;
  gap: calc(20 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
}
.ft .ft-nav_wrap .ft-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .ft .ft-nav_wrap .ft-nav {
    display: none;
  }
}
.ft .ft-nav_wrap .ft-nav ul {
  display: flex;
  align-content: center;
  gap: calc(20 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
}
.ft .ft-nav_wrap .ft-nav a {
  font-family: 700;
  color: #FFF;
  letter-spacing: 0;
}
.ft .ft-nav_wrap .cmn-reserve {
  padding-block: calc(15 / var(--widthBase) * 100vw);
}
@media (min-width: 769px) {
  .ft .ft-nav_wrap .cmn-reserve::after {
    transition: background-color var(--addDuration, 0.3s) var(--cubic);
  }
  .ft .ft-nav_wrap .cmn-reserve:not(:hover)::after {
    animation: tentAnimation2 1s steps(6) reverse forwards;
  }
  .ft .ft-nav_wrap .cmn-reserve:hover {
    --iconColor: #FFF;
  }
  .ft .ft-nav_wrap .cmn-reserve:hover::after {
    animation: tentAnimation 1s steps(6) forwards, shakeAnimation 3s ease-in-out infinite;
  }
}

/*-------------------------------------------------------------------------------
  main
--------------------------------------------------------------------------------*/
.main {
  position: relative;
  z-index: 1;
}

/*-------------------------------------------------------------------------------
  cmn contents
--------------------------------------------------------------------------------*/
.swiper .swiper-wrapper {
  will-change: transform;
}

@media (min-width: 769px) {
  .boxer {
    transition: var(--transition);
  }
  .boxer img {
    transition: var(--transition);
  }
  .boxer:hover img {
    transform: scale(0.98);
  }
}

/*----------------------------------------
  reserve btn
------------------------------------------*/
.cmn-reserve {
  --betaBtnGap: 18;
  font-weight: 500;
}
.cmn-reserve::after {
  content: "";
  inline-size: calc(48 / var(--widthBase) * 100vw);
  aspect-ratio: 48/29;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 336 28' fill='none'%3E%3Cpath fill='%232D2D2D' d='M34.2 0H11.7L0 28h48L34.2 0ZM16.4 25.4 12.8 18l-3 7.3H4.1l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L14.3 2.6Z'/%3E%3Cpath fill='%232D2D2D' fill-rule='evenodd' d='M82.2 0H59.7L48 28h48L82.2 0ZM64.4 25.4 60.8 18l-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L62.3 2.6ZM130.2 0h-22.5L96 28h48L130.2 0Zm-17.8 25.4h-1.6l-2-7.3-1.6 7.3H100l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L110.3 2.6ZM178.2 0h-22.5L144 28h48L178.2 0Zm-17.8 25.4h-12.3l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L158.3 2.6ZM226.2 0h-22.5L192 28h48L226.2 0Zm-17.8 25.4h-1.6l-2-7.3-1.6 7.3H196l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L206.3 2.6ZM274.2 0h-22.5L240 28h48L274.2 0Zm-17.8 25.4-3.6-7.3-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L254.3 2.6Z' clip-rule='evenodd'/%3E%3Cpath fill='%232D2D2D' d='M322.2 0h-22.5L288 28h48L322.2 0Zm-17.8 25.4-3.6-7.3-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L302.3 2.6Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 336 28' fill='none'%3E%3Cpath fill='%232D2D2D' d='M34.2 0H11.7L0 28h48L34.2 0ZM16.4 25.4 12.8 18l-3 7.3H4.1l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L14.3 2.6Z'/%3E%3Cpath fill='%232D2D2D' fill-rule='evenodd' d='M82.2 0H59.7L48 28h48L82.2 0ZM64.4 25.4 60.8 18l-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L62.3 2.6ZM130.2 0h-22.5L96 28h48L130.2 0Zm-17.8 25.4h-1.6l-2-7.3-1.6 7.3H100l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L110.3 2.6ZM178.2 0h-22.5L144 28h48L178.2 0Zm-17.8 25.4h-12.3l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L158.3 2.6ZM226.2 0h-22.5L192 28h48L226.2 0Zm-17.8 25.4h-1.6l-2-7.3-1.6 7.3H196l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L206.3 2.6ZM274.2 0h-22.5L240 28h48L274.2 0Zm-17.8 25.4-3.6-7.3-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L254.3 2.6Z' clip-rule='evenodd'/%3E%3Cpath fill='%232D2D2D' d='M322.2 0h-22.5L288 28h48L322.2 0Zm-17.8 25.4-3.6-7.3-3 7.3h-5.7l8.7-21.1 10.5 21h-6.9Zm-2-22.8h18l11.3 22.8h-18L302.3 2.6Z'/%3E%3C/svg%3E");
  -webkit-mask-size: calc(336 / var(--widthBase) * 100vw);
          mask-size: calc(336 / var(--widthBase) * 100vw);
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  background-color: var(--iconColor, currentColor);
}

.cmn-scroll-reserve {
  --loadFrom: 100%,0;
  inline-size: calc(128 / var(--widthBase) * 100vw);
  min-inline-size: 100px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: calc(10 / var(--widthBase) * 100vw);
  position: fixed;
  inset: auto calc(35 / var(--widthBase) * 100vw) calc(35 / var(--widthBase) * 100vw) auto;
  z-index: 100;
  background-color: #2D2D2D;
  border-radius: 50%;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
}
@keyframes reserveAnimation {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 45, 45, 0);
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 calc(8 / var(--widthBase) * 100vw) rgba(45, 45, 45, 0.5);
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 0 0 calc(20 / var(--widthBase) * 100vw) rgba(45, 45, 45, 0);
    transform: scale(1);
  }
}
@media (min-width: 769px) {
  .cmn-scroll-reserve {
    box-shadow: 0 0 0 0 rgba(45, 45, 45, 0);
    transform: scale(1);
    transition: box-shadow 0.3s var(--cubic), transform 0.3s var(--cubic);
  }
  .cmn-scroll-reserve::after {
    transition: background-color var(--addDuration, 0.3s) var(--cubic);
  }
  .cmn-scroll-reserve:not(:hover)::after {
    animation: tentAnimation2 1s steps(6) reverse forwards;
  }
  .cmn-scroll-reserve:hover {
    animation: reserveAnimation 2s ease-in-out infinite;
  }
  .cmn-scroll-reserve:hover::after {
    animation: tentAnimation 1s steps(6) infinite, shakeAnimation 3s ease-in-out infinite;
  }
}
.cmn-scroll-reserve::after {
  order: -1;
}

/*----------------------------------------
  info news
------------------------------------------*/
.cmn-info {
  display: grid;
  grid-template-columns: repeat(var(--colmun, 3), 1fr);
  gap: calc(60 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
}
@media (max-width: 1024px) {
  .cmn-info {
    --colmun: 2;
  }
}
@media (max-width: 768px) {
  .cmn-info {
    --colmun: 1;
  }
}
.cmn-info .is-anim {
  overflow: hidden;
}
.cmn-info .is-anim .icon-new::before {
  transform: translateY(-100%);
  transition: transform 0.3s var(--cubic);
}
.cmn-info .is-comp .icon-new::before {
  transform: translateY(0);
}
.cmn-info > *:last-of-type:not(:only-child) {
  display: var(--lastInfoPost, block);
}
@media (min-width: 769px) {
  .cmn-info a img {
    transition: var(--transition);
  }
  .cmn-info a:hover .cmn-info-cat {
    background: #689D07;
  }
  .cmn-info a:hover img {
    transform: scale(1.05);
  }
}
.cmn-info figure {
  overflow: hidden;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
.cmn-info img {
  inline-size: 100%;
  aspect-ratio: 370/264;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
.cmn-info time {
  font-weight: 700;
}
.cmn-info .cmn-info-ttl {
  font-weight: 500;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cmn-info .cmn-info-data {
  padding-block-start: calc(10 / var(--widthBase) * 100vw);
  display: flex;
  align-items: center;
  -moz-column-gap: calc(20 / var(--widthBase) * 100vw);
       column-gap: calc(20 / var(--widthBase) * 100vw);
}
.cmn-info .cmn-info_item > * + * {
  margin-block-start: calc(5 / var(--widthBase) * 100vw);
}
.cmn-info .cmn-info_item figure {
  inline-size: 100%;
}

/*----------------------------------------
  cmn-access
------------------------------------------*/
.cmn-access {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.cmn-access > * + * {
  margin-block-start: calc(45 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .cmn-access {
    inline-size: 100%;
    padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  }
}
.cmn-access .cmn-access-contents {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(70 / var(--widthBase) * 100vw);
       column-gap: calc(70 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .cmn-access .cmn-access-contents {
    flex-direction: column;
    row-gap: calc(50 / var(--widthBase) * 100vw);
  }
}
.cmn-access .cmn-access-detail {
  max-inline-size: calc(500 / var(--widthBase) * 100vw);
}
@media (max-width: 1024px) {
  .cmn-access .cmn-access-detail {
    inline-size: 100%;
    max-inline-size: 100%;
  }
}
.cmn-access .cmn-access-detail > div {
  padding-block: calc(25 / var(--widthBase) * 100vw);
}
.cmn-access .cmn-access-detail > div > * + * {
  margin-block-start: calc(10 / var(--widthBase) * 100vw);
}
.cmn-access .cmn-access-detail > div + div {
  border-block-start: 1px solid #C3C3C3;
}
.cmn-access .cmn-access-detail p {
  line-height: 1.5;
}
.cmn-access iframe {
  width: auto;
  height: auto;
  inline-size: calc(640 / var(--widthBase) * 100vw);
  aspect-ratio: 640/410;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
@media (max-width: 768px) {
  .cmn-access iframe {
    inline-size: 100%;
    order: -1;
  }
}

/*-------------------------------------------------------------------------------
  is
--------------------------------------------------------------------------------*/
/*----------------------------------------
  load
------------------------------------------*/
.is-load-open {
  opacity: 0;
  transform: translate(var(--loadFrom, 0));
  transition: opacity 1s var(--cubic), transform 1s 0.3s var(--cubic);
}
.is-load-open.active {
  opacity: 1;
  transform: translate(0);
}

/*----------------------------------------
  pulldown
------------------------------------------*/
.is-pulldown {
  --addBg: #FAF6E3;
  overflow: hidden;
  transition: padding-block-end 0.3s var(--cubic);
  position: var(--addPosition, relative);
  z-index: var(--addParentIndex, 1);
}
.is-pulldown::before {
  content: "";
  inline-size: 100%;
  block-size: var(--addBlock, 100%);
  display: block;
  position: absolute;
  inset: var(--addInset, 0);
  z-index: var(--addIndex, -1);
  background-color: var(--addBg, currentColor);
  transition: transform var(--addDuration, 0.3s) var(--cubic);
}
@media (min-width: 769px) {
  .is-pulldown:hover::before {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
.is-pulldown::before {
  transform: scaleX(0);
  transform-origin: top right;
}
.is-pulldown.is-open .is-pulldown-ttl::after {
  transform: rotate(225deg);
}
.is-pulldown .is-pulldown-ttl {
  padding: calc(30 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  display: flex;
  align-items: center;
  -moz-column-gap: calc(30 / var(--widthBase) * 100vw);
       column-gap: calc(30 / var(--widthBase) * 100vw);
  color: #333333;
}
@media (max-width: 1024px) {
  .is-pulldown .is-pulldown-ttl {
    padding-block: calc(30 / var(--heightBase) * 100svh);
  }
}
.is-pulldown .is-pulldown-ttl::after {
  content: "";
  inline-size: calc(16 / var(--widthBase) * 100vw);
  min-inline-size: 16px;
  aspect-ratio: 1/1;
  background: linear-gradient(to right, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)), linear-gradient(to bottom, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  transform: rotate(0);
  transform-origin: center;
  transition: transform 0.3s var(--cubic);
}
.is-pulldown .is-pulldown-ttl > span {
  flex-grow: 1;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.0875em, calc(1.8 / 1440 * 100vw), 0.1125em);
}
.is-pulldown .is-pulldown-content {
  padding-inline: calc(20 / var(--widthBase) * 100vw);
  padding-block-end: calc(35 / var(--widthBase) * 100vw);
}
.is-pulldown .is-pulldown-content > * + * {
  margin-block-start: calc(10 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .is-pulldown .is-pulldown-content > * + * {
    margin-block-start: calc(20 / var(--widthBase) * 100vw);
  }
}
.is-pulldown .is-pulldown-content .is-style-btn_beta {
  --betaBtnGap: 13;
  padding: calc(15 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0.0875em, calc(1.4 / 1440 * 100vw), 0.1125em);
}
.is-pulldown .is-pulldown-content .is-style-btn_beta::after {
  font-size: clamp(1.53125rem, 1.9444444444vw, 1.96875rem);
  letter-spacing: clamp(0.04375em, calc(1.4 / 1440 * 100vw), 0.05625em);
}

.is-anim {
  transition: filter 0.5s var(--cubic);
}
.is-anim figure {
  overflow: hidden;
}
.is-anim img {
  transition: filter 0.5s var(--cubic);
}
.is-anim .boxer img {
  transition: filter 0.5s var(--cubic), transform 0.5s var(--cubic);
}

/*----------------------------------------
  cursor
------------------------------------------*/
.cursor {
  display: none;
}
@media (min-width: 769px) {
  .cursor {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    pointer-events: none;
    z-index: 10000;
    pointer-events: none;
    fill: none;
    stroke: #dedede;
  }
}

/*-------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------*/
/*----------------------------------------
  index-info
------------------------------------------*/
.index-info {
  --lastInfoPost: none;
  padding: calc(75 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(200 / var(--widthBase) * 100vw);
  background: #F0F0F0;
}
.index-info > * + * {
  margin-block-start: calc(40 / var(--widthBase) * 100vw);
}
@media (max-width: 1024px) {
  .index-info {
    --lastInfoPost: block;
  }
}
@media (max-width: 768px) {
  .index-info {
    --lastInfoPost: none;
  }
}

/*----------------------------------------
  index-intro
------------------------------------------*/
.index-intro {
  padding: calc(150 / var(--widthBase) * 100vw) 0 calc(170 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  display: flex;
  -moz-column-gap: calc(45 / var(--widthBase) * 100vw);
       column-gap: calc(45 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro {
    padding-block-start: calc(100 / var(--widthBase) * 100vw);
    flex-direction: column;
    row-gap: calc(100 / var(--widthBase) * 100vw);
  }
}
.index-intro .index-intro-ttl {
  color: #2D2D2D;
  position: relative;
  z-index: 2;
}
.index-intro .index-intro-ttl::before, .index-intro .index-intro-ttl::after {
  content: "";
  inline-size: calc(162 / var(--widthBase) * 100vw);
  aspect-ratio: 162/80;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='80' viewBox='0 0 162 80' fill='none'%3E%3Cpath fill='%23C3E7DA' d='M11.6 71.5C18.3 67 24.4 62.3 29.9 57c1.7-1.8.6-4.6-1.9-5.2a108 108 0 0 1-23-8.7c-2.5-1.2-5.2.1-5 2.6C1 53.5 2.5 61.2 4.8 69c.7 2.5 4.6 4 6.8 2.6Z'/%3E%3Cpath fill='%23AADDCA' d='M53.1 78.5a126 126 0 0 0 12.5-19.4c1-2.2-.8-4.5-3.3-4.3-7.9.6-15.9.3-23.8-.8-2.5-.4-4.6 1.8-3.6 4 3 7 6.8 13.7 11.2 20.3 1.5 2.2 5.5 2.3 7 .2Z'/%3E%3Cpath fill='%23C3E7DA' d='M94 72.3c2.6-7.4 4.5-15 5.7-22.3.4-2.4-2.1-4-4.4-3-7.3 3-14.9 5.1-22.6 6.5-2.5.4-3.8 3.1-2.2 5 5 5.6 10.6 10.9 16.8 15.7 2 1.6 5.8.5 6.7-1.9Z'/%3E%3Cpath fill='%23AADDCA' d='M131 53.7c.2-8-.2-15.7-1.3-23.2-.4-2.4-3.3-3.1-5.3-1.5-6 5.3-12.6 9.7-19.6 13.4-2.2 1.2-2.6 4.2-.5 5.4a125 125 0 0 0 20.8 9.8c2.5 1 5.8-1.3 5.8-4Z'/%3E%3Cpath fill='%23C3E7DA' d='M161 23.6c-2.2-7.8-5-15.2-8.3-22.1-1.1-2.2-4.2-1.9-5.6.4-4.3 7.3-9.3 13.9-14.9 19.7-1.8 2-1.2 4.9 1.2 5.4 7.4 1.5 15.1 2.4 23.1 2.4 2.6 0 5.1-3.3 4.4-5.8Z'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  z-index: -1;
}
.index-intro .index-intro-ttl::before {
  inset: calc(100% - 20 / var(--widthBase) * 100vw) 0 auto auto;
}
.index-intro .index-intro-ttl::after {
  inset: auto auto calc(100% + 20 / var(--widthBase) * 100vw) calc(-56 / var(--widthBase) * 100vw);
}
.index-intro .index-intro-ttl span {
  display: block;
}
.index-intro .index-intro-ttl .char-sans {
  font-weight: 700;
  font-size: clamp(1.2rem, 2.2222222222vw, 2.25rem);
  letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
}
.index-intro .index-intro-ttl .char-serif {
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  line-height: 1.2;
  font-size: clamp(2.625rem, 4.8611111111vw, 4.921875rem);
  letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
}
@media (max-width: 768px) {
  .index-intro .index-intro-ttl .char-serif {
    font-size: clamp(2.2875rem, 4.2361111111vw, 4.2890625rem);
    letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
  }
}
.index-intro .index-intro-text > * + * {
  margin-block-start: calc(35 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro .index-intro-text > * + * {
    margin-block-start: calc(20 / var(--widthBase) * 100vw);
  }
}
.index-intro .index-intro-content {
  position: relative;
}
.index-intro .index-intro-content > * + * {
  margin-block-start: calc(70 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro .index-intro-content {
    padding-inline-end: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  }
  .index-intro .index-intro-content > * + * {
    margin-block-start: calc(35 / var(--widthBase) * 100vw);
  }
}
.index-intro .index-intro-content::before {
  content: "";
  inline-size: calc(163 / var(--widthBase) * 100vw);
  aspect-ratio: 163/133;
  position: absolute;
  inset: auto calc(-53 / var(--widthBase) * 100vw) calc(100% + 48 / var(--widthBase) * 100vw) auto;
  background: url("../images/dec-mountain.svg") no-repeat center/contain;
}
.index-intro .index-intro-content p {
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.04375em, calc(0.9 / 1440 * 100vw), 0.05625em);
}
.index-intro .index-intro-gallery {
  margin-block-start: calc(-250 / var(--widthBase) * 100vw);
  flex-grow: 1;
}
.index-intro .index-intro-gallery > * + * {
  margin-block-start: calc(65 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: calc(30 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
    order: -1;
  }
  .index-intro .index-intro-gallery > * + * {
    margin-block-start: calc(0 / var(--widthBase) * 100vw);
  }
}
.index-intro .index-intro-gallery .index-intro-mv {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-mv {
    inline-size: 80%;
    margin-inline-start: auto;
  }
}
.index-intro .index-intro-gallery .index-intro-mv img {
  inline-size: calc(678 / var(--widthBase) * 100vw);
  aspect-ratio: 648/542;
  border-radius: clamp(30px, 3.4722222222vw, 50px) 0 0 clamp(30px, 3.4722222222vw, 50px);
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-mv img {
    inline-size: 100%;
  }
}
.index-intro .index-intro-gallery .index-intro-images {
  display: flex;
  -moz-column-gap: calc(72 / var(--widthBase) * 100vw);
       column-gap: calc(72 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images {
    padding-inline-end: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  }
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-img {
    inline-size: 50%;
  }
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-img img {
  inline-size: calc(321 / var(--widthBase) * 100vw);
  aspect-ratio: 321/308;
  border-radius: clamp(30px, 3.4722222222vw, 50px);
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-img img {
    inline-size: 100%;
  }
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-illust {
  inline-size: calc(244 / var(--widthBase) * 100vw);
  position: relative;
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-illust {
    flex-grow: 1;
    padding-block-start: 0;
  }
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-illust img {
  position: absolute;
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_01 {
  inline-size: calc(100 / var(--widthBase) * 100vw);
  aspect-ratio: 100/111;
  inset: calc(100 / var(--widthBase) * 100vw) auto auto 0;
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_01 {
    inset-block-start: 0;
  }
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_02 {
  inline-size: calc(116 / var(--widthBase) * 100vw);
  aspect-ratio: 116/121;
  inset: calc(160 / var(--widthBase) * 100vw) 0 auto auto;
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_02 {
    inset-block-start: calc(50 / var(--widthBase) * 100vw);
  }
}
.index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_03 {
  inline-size: calc(78 / var(--widthBase) * 100vw);
  aspect-ratio: 78/76;
  inset: auto auto calc(-50 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-intro .index-intro-gallery .index-intro-images .index-intro-illust .dec-img_03 {
    inset-block-end: calc(20 / var(--widthBase) * 100vw);
  }
}

/*----------------------------------------
  index-site
  コンテンツはguide-siteを参照
------------------------------------------*/
.index-site {
  --giudeSiteBg: #FFF;
  --textBetaBg: #D9D9D9;
  --decMountInset: auto auto calc(100% - calc(650 / var(--widthBase) * 100vw) * (46 / 297) / 2) calc(95 / var(--widthBase) * 100vw);
  --decSvgBorderSize: calc(100% - calc(200 / var(--widthBase) * 100vw));
  padding: calc(100 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  background: #F0F0F0;
  position: relative;
}
.index-site::before {
  content: "";
  inline-size: calc(651 / var(--widthBase) * 100vw);
  aspect-ratio: 297/46;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296.9 46'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23231815;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M110.1 45.2 161.6.8 188.8 23l27.6-14.4L234.8 23l28.5-19.5 32.9 32.9' class='cls-1'/%3E%3Cpath d='m144.6 28.3 17-27.5-1.9 15.9M161.6.8l9.3 17.8M210.7 19.7l5.7-11.1 1.8 10M254.4 19.7l8.9-16.2 9.2 19.5M263.3 3.5V17M.8 36.4 48.6.8l31.7 24 22-13.6 19.6 14.6' class='cls-1'/%3E%3Cpath d='M35.3 23 48.6.8v19.6M48.6.8l10 17.8M94.2 28.3l8.1-17.1L105 23' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: left center;
  background-size: contain;
  position: absolute;
  inset: var(--decMountInset, 0);
}
.index-site .index-site-btn {
  margin-block-start: calc(80 / var(--widthBase) * 100vw);
}
.index-site .index-site-btn a {
  margin-inline: auto;
}
.index-site .index-guide {
  --decMountainsInset: calc(-85 / var(--widthBase) * 100vw) calc(106 / var(--widthBase) * 100vw) auto auto;
  --decMountainsRotate: 180deg;
  margin-block-start: calc(-70 / var(--widthBase) * 100vw);
  position: relative;
}
.index-site .index-guide::before {
  content: "";
  inline-size: calc(179 / var(--widthBase) * 100vw);
  aspect-ratio: 66/24;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.2 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238fb721%7D.cls-2%7Bfill:%23458b38%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M6.9 8.6 0 15.5h13.7L6.9 8.6z' class='cls-2'/%3E%3Cpath d='M24 17.2 17.2 24h13.7L24 17.2z' class='cls-1'/%3E%3Cpath d='m41.2 8.6-6.9 6.9h13.8l-6.9-6.9z' class='cls-2'/%3E%3Cpath d='M58.4 17.2 51.5 24h13.7l-6.8-6.8zM24 0l-6.8 6.9h13.7L24 0z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: var(--decMountainsInset, 0);
  transform: rotateY(var(--decMountainsRotate, 0));
}
@media (max-width: 1024px) {
  .index-site .index-guide {
    margin-block-start: calc(50 / var(--widthBase) * 100vw);
  }
}
.index-site .index-guide .guide-list-content > * + * {
  margin-block-start: calc(85 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-site .index-guide .guide-list-content > * + * {
    margin-block-start: calc(55 / var(--widthBase) * 100vw);
  }
}
.index-site .index-guide .guide-list-content > *:nth-of-type(odd) {
  --decMountainsInset: auto calc(100% + calc(80 / var(--widthBase) * 100vw)) calc(47 / var(--widthBase) * 100vw) auto;
  --decMountainsRotate: 0;
  margin-inline-start: auto;
}
.index-site .index-guide .guide-list-content > *:nth-of-type(even) {
  --decMountainsInset: auto auto calc(93 / var(--widthBase) * 100vw) calc(100% + calc(63 / var(--widthBase) * 100vw));
  margin-inline-end: auto;
}
.index-site .index-guide .guide-site {
  position: relative;
}
.index-site .index-guide .guide-site::before {
  content: "";
  inline-size: calc(179 / var(--widthBase) * 100vw);
  aspect-ratio: 66/24;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.2 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238fb721%7D.cls-2%7Bfill:%23458b38%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M6.9 8.6 0 15.5h13.7L6.9 8.6z' class='cls-2'/%3E%3Cpath d='M24 17.2 17.2 24h13.7L24 17.2z' class='cls-1'/%3E%3Cpath d='m41.2 8.6-6.9 6.9h13.8l-6.9-6.9z' class='cls-2'/%3E%3Cpath d='M58.4 17.2 51.5 24h13.7l-6.8-6.8zM24 0l-6.8 6.9h13.7L24 0z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: var(--decMountainsInset, 0);
  transform: rotateY(var(--decMountainsRotate, 0));
}

/*----------------------------------------
  index-price
  コンテンツはguide-priceを参照
------------------------------------------*/
.index-price {
  --giudePricePaddingTop: 0;
  --giudePriceMarginTop: 0;
  --guidPriceBorder: 0;
  --guidePriceJustify: flex-start;
  --guidePriceNumColor: #689D07;
  --guidePriceWeight: 500;
  --guidePriceNumFontSize: 24;
  padding-block-start: calc(145 / var(--widthBase) * 100vw);
}
.index-price .index-price-info {
  padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
}
.index-price .index-price-content {
  --addBg: #FAF6E3;
  padding-block: calc(82 / var(--widthBase) * 100vw) calc(100 / var(--widthBase) * 100vw);
  position: var(--addPosition, relative);
  z-index: var(--addParentIndex, 1);
}
.index-price .index-price-content > * + * {
  margin-block-start: calc(40 / var(--widthBase) * 100vw);
}
.index-price .index-price-content::before {
  content: "";
  inline-size: 100%;
  block-size: var(--addBlock, 100%);
  display: block;
  position: absolute;
  inset: var(--addInset, 0);
  z-index: var(--addIndex, -1);
  background-color: var(--addBg, currentColor);
  transition: transform var(--addDuration, 0.3s) var(--cubic);
}
.index-price .index-price-content::before {
  inline-size: calc(100% - 110 / var(--widthBase) * 100vw);
  border-radius: 0 clamp(80px, 6.9444444444vw, 100px) clamp(80px, 6.9444444444vw, 100px) 0;
}
.index-price .index-price-content::after {
  content: "";
  inline-size: calc(275 / var(--widthBase) * 100vw);
  aspect-ratio: 275/187;
  background: url("../images/dec-car.webp") no-repeat center/contain;
  position: absolute;
  inset: calc(100% - 50 / var(--widthBase) * 100vw) calc(110 / var(--widthBase) * 100vw) auto auto;
}
@media (max-width: 768px) {
  .index-price .index-price-content::after {
    inset-inline-end: calc(-50 / var(--widthBase) * 100vw);
  }
}
.index-price .swiper-nav {
  margin-block-start: 0;
  display: flex;
  -moz-column-gap: calc(20 / var(--widthBase) * 100vw);
       column-gap: calc(20 / var(--widthBase) * 100vw);
  align-items: center;
  position: absolute;
  inset-block-start: calc(100 / var(--widthBase) * 100vw);
  inset-inline-end: calc(var(--inlineSpeace) / var(--widthBase) * 100vw + 100 / var(--widthBase) * 100vw);
}
@media (min-width: 769px) {
  .index-price .swiper-nav:hover > * {
    --slideBtn: .97;
    opacity: 0.8;
  }
}
.index-price .swiper-button-next,
.index-price .swiper-button-prev {
  --swiper-navigation-size: 0;
  height: auto;
  inline-size: calc(72 / var(--widthBase) * 100vw);
  min-inline-size: 72px;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background: #2D2D2D;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
@media (min-width: 769px) {
  .index-price .swiper-button-next,
  .index-price .swiper-button-prev {
    transition: transform 0.5s var(--cubic), opacity 0.3s var(--cubic);
  }
  .index-price .swiper-button-next:hover,
  .index-price .swiper-button-prev:hover {
    --slideBtn: 1.05;
    transform: rotateY(var(--slideBtnRotate, 0)) scale(var(--slideBtn));
    opacity: 1;
  }
  .index-price .swiper-button-next:hover::after,
  .index-price .swiper-button-prev:hover::after {
    animation: arrowAnimation 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
@media (max-width: 768px) {
  .index-price .swiper-button-next,
  .index-price .swiper-button-prev {
    inline-size: calc(40 / var(--widthBase) * 100vw);
    min-inline-size: 40px;
  }
}
.index-price .swiper-button-next::after,
.index-price .swiper-button-prev::after {
  color: #FFF;
  font-size: clamp(1.3125rem, 1.6666666667vw, 1.6875rem);
  letter-spacing: clamp(0.04375em, calc(1.2 / 1440 * 100vw), 0.05625em);
}
.index-price .swiper-button-next {
  --slideBtnRotate: 0;
}
.index-price .swiper-button-prev {
  --slideBtnRotate: 180deg;
  transform: rotateY(var(--slideBtnRotate, 180deg)) scale(var(--slideBtn, 1));
}

/*----------------------------------------
  index-access
  コンテンツはcmn-accessを参照
------------------------------------------*/
.index-access {
  margin-block: calc(80 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  index-sightseeing
------------------------------------------*/
.index-sightseeing {
  padding: calc(90 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(120 / var(--widthBase) * 100vw);
  background: #FAF6E3;
  border-radius: clamp(80px, 6.9444444444vw, 100px);
}
.index-sightseeing > * + * {
  margin-block-start: calc(60 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .index-sightseeing {
    padding-block-start: calc(150 / var(--widthBase) * 100vw);
  }
}
.index-sightseeing .index-sightseeing-ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .index-sightseeing .index-sightseeing-ttl {
    flex-wrap: wrap;
    row-gap: calc(20 / var(--widthBase) * 100vw);
  }
}

/*----------------------------------------
  index-faq
------------------------------------------*/
.index-faq {
  --decSvgBorderSize: 15%;
  padding: calc(120 / var(--widthBase) * 100vw) calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(110 / var(--widthBase) * 100vw);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .index-faq {
    flex-direction: column;
    row-gap: calc(50 / var(--widthBase) * 100vw);
  }
}
.index-faq .index-faq-ttl {
  position: relative;
}
@media (max-width: 768px) {
  .index-faq .index-faq-ttl {
    inline-size: 100%;
  }
}
.index-faq .index-faq-ttl::before {
  content: "";
  inline-size: calc(167 / var(--widthBase) * 100vw);
  aspect-ratio: 167/128;
  background: url("../images/dec-tent.webp") no-repeat center/contain;
  position: absolute;
  inset: calc(100% + 57 / var(--widthBase) * 100vw) calc(52 / var(--widthBase) * 100vw) auto auto;
}
@media (max-width: 768px) {
  .index-faq .index-faq-ttl::before {
    inset: auto 0 0 auto;
  }
}
.index-faq .index-faq-contents {
  inline-size: calc(537 / var(--widthBase) * 100vw);
}
@media (min-width: 1025px) {
  .index-faq .index-faq-contents {
    order: -1;
  }
}
@media (max-width: 1024px) {
  .index-faq .index-faq-contents {
    inline-size: 100%;
  }
}

/*-------------------------------------------------------------------------------
  archive
--------------------------------------------------------------------------------*/
/*----------------------------------------
  category
------------------------------------------*/
.category-list {
  padding: calc(30 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  display: flex;
  gap: calc(10 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  flex-wrap: wrap;
  background: #F0F0F0;
}
.category-list a {
  --bg: #2D2D2D;
  padding: calc(10 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
  display: block;
  font-weight: 700;
  background: var(--bg);
  border-radius: calc(infinity * 1px);
  color: #FFF;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.0875em, calc(1.6 / 1440 * 100vw), 0.1125em);
}
@media (min-width: 769px) {
  .category-list a {
    --addDuration: .53s;
    --addBg: var(--bg);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    transition: transform 0.4s var(--cubic);
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .category-list a::before {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
  .category-list a::before {
    transform: scale(0.2);
    border-radius: calc(infinity * 1px);
    transition: transform var(--addDuration, 0.2s) var(--cubic), background-color var(--addDuration, 0.3s) var(--cubic);
  }
  .category-list a:hover {
    transform: translateY(-2px) scale(1.02);
  }
  .category-list a:hover::before {
    --addBg: #689D07;
    transform: scale(1);
  }
}
.category-list a.current {
  --bg: #A3A065;
}

/*----------------------------------------
  archive 
------------------------------------------*/
.archive-contents {
  padding: 0 calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(140 / var(--widthBase) * 100vw);
}
.archive-contents > * + * {
  margin-block-start: calc(60 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  pagination
------------------------------------------*/
.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(18 / var(--widthBase) * 100vw) calc(18 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .navigation.pagination .nav-links {
    gap: calc(10 / var(--widthBase) * 100vw) calc(10 / var(--widthBase) * 100vw);
  }
}
@media (min-width: 769px) {
  .navigation.pagination .nav-links a {
    transition: var(--transition);
    overflow: hidden;
    --addBg: #dedede;
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .navigation.pagination .nav-links a::after {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .navigation.pagination .nav-links a:hover::after {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
@media (min-width: 769px) {
  .navigation.pagination .nav-links a::after {
    transform: scaleX(0);
    transform-origin: top right;
  }
  .navigation.pagination .nav-links a:hover {
    transform: scale(1.1);
  }
}
.navigation.pagination .nav-links > * {
  inline-size: calc(64 / var(--widthBase) * 100vw);
  min-inline-size: calc(64 / var(--widthBase) * 100vw);
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background: #D6D6D6;
  color: #222;
  font-weight: 700;
  line-height: 1;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}
@media (max-width: 768px) {
  .navigation.pagination .nav-links > * {
    min-inline-size: 30px;
    font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
    letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
  }
}
.navigation.pagination .nav-links > *.current {
  background: #222;
  color: #FFF;
}
.navigation.pagination .nav-links > *.next {
  margin-inline-start: calc(20 / var(--widthBase) * 100vw);
}
.navigation.pagination .nav-links > *.prev {
  margin-inline-end: calc(20 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  single
------------------------------------------*/
.single-contents {
  inline-size: calc(1000 / var(--widthBase) * 100vw);
  padding-block: calc(55 / var(--widthBase) * 100vw) calc(140 / var(--widthBase) * 100vw);
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .single-contents {
    inline-size: calc(100% - var(--inlineSpeace) / var(--widthBase) * 100vw * 2);
  }
}
.single-contents .single-info {
  padding-block: calc(14 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  display: flex;
  flex-direction: column;
  border-block: 1px solid #A3A065;
  position: relative;
}
@media (max-width: 768px) {
  .single-contents .single-info {
    row-gap: calc(20 / var(--widthBase) * 100vw);
  }
}
.single-contents .single-info.icon-new::before {
  inset: -2px auto auto 0;
}
.single-contents .single-info.icon-new .single-data {
  padding-inline-start: max(calc(90 / var(--widthBase) * 100vw), 70px + calc(20 / var(--widthBase) * 100vw));
}
.single-contents .single-cat,
.single-contents .single-data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(5 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
}
.single-contents time {
  font-weight: 700;
}
.single-contents .single-ttl {
  font-weight: 500;
  font-size: clamp(1.53125rem, 1.9444444444vw, 1.96875rem);
  letter-spacing: clamp(0.04375em, calc(1.4 / 1440 * 100vw), 0.05625em);
}
.single-contents .single-view {
  margin-block-start: calc(44 / var(--widthBase) * 100vw);
}
@media (min-width: 769px) {
  .single-contents .single-view {
    padding-inline: calc(50 / var(--widthBase) * 100vw);
  }
}

/*----------------------------------------
  single-pager 
------------------------------------------*/
.single-pager {
  margin-block-start: calc(100 / var(--widthBase) * 100vw);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(18 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
}
.single-pager > * {
  display: grid;
  place-content: center;
  background: #D6D6D6;
  color: #222;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 769px) {
  .single-pager > * {
    transition: var(--transition);
    overflow: hidden;
    --addBg: #dedede;
    position: var(--addPosition, relative);
    z-index: var(--addParentIndex, 1);
  }
  .single-pager > *::after {
    content: "";
    inline-size: 100%;
    block-size: var(--addBlock, 100%);
    display: block;
    position: absolute;
    inset: var(--addInset, 0);
    z-index: var(--addIndex, -1);
    background-color: var(--addBg, currentColor);
    transition: transform var(--addDuration, 0.3s) var(--cubic);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .single-pager > *:hover::after {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
@media (min-width: 769px) {
  .single-pager > *::after {
    transform: scaleX(0);
    transform-origin: top right;
  }
  .single-pager > *:hover {
    transform: scale(1.1);
  }
}
.single-pager > *.back {
  padding: calc(10 / var(--widthBase) * 100vw) calc(40 / var(--widthBase) * 100vw);
  border-radius: calc(infinity * 1px);
}
.single-pager > *.prev, .single-pager > *.next {
  inline-size: calc(64 / var(--widthBase) * 100vw);
  min-inline-size: calc(64 / var(--widthBase) * 100vw);
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}
@media (max-width: 768px) {
  .single-pager > *.prev, .single-pager > *.next {
    min-inline-size: 50px;
  }
}

/*----------------------------------------
  single-post
------------------------------------------*/
.single-view .single-post {
  margin-block-start: calc(50 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  single-swiper
------------------------------------------*/
.single-swiper figure {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.single-swiper img {
  inline-size: 100%;
}
.single-swiper .swiper-slide {
  overflow: hidden;
}
.single-swiper .single-mv {
  --swiper-navigation-sides-offset: calc(-25 / var(--widthBase) * 100vw);
  position: relative;
}
.single-swiper .single-mv .swiper-button-prev,
.single-swiper .single-mv .swiper-button-next {
  inline-size: calc(50 / var(--widthBase) * 100vw);
  min-inline-size: 50px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FFF;
}
.single-swiper .single-mv .swiper-button-prev.swiper-button-disabled,
.single-swiper .single-mv .swiper-button-next.swiper-button-disabled {
  pointer-events: auto;
  opacity: 1;
}
.single-swiper .single-mv .swiper-button-prev.swiper-button-disabled::after,
.single-swiper .single-mv .swiper-button-next.swiper-button-disabled::after {
  opacity: 0.2;
}
.single-swiper .single-mv .swiper-button-prev::after {
  content: "\e2ea";
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
  font-weight: 400;
  color: #878787;
}
.single-swiper .single-mv .swiper-button-next::after {
  content: "\e5e1";
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
  font-weight: 400;
  color: #878787;
}
.single-swiper .char-main figure {
  aspect-ratio: 900/600;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
.single-swiper .char-sub {
  --speaseHover: 8px;
  margin-block-start: calc(15 / var(--widthBase) * 100vw);
}
.single-swiper .char-sub > * + * {
  margin-block-start: calc(10 / var(--widthBase) * 100vw);
}
@media (min-width: 769px) {
  .single-swiper .char-sub {
    inline-size: calc(100% - 50 / var(--widthBase) * 100vw);
  }
}
@media (max-width: 768px) {
  .single-swiper .char-sub > * + * {
    margin-block-start: calc(15 / var(--widthBase) * 100vw);
  }
}
.single-swiper .char-sub figure {
  aspect-ratio: 132/88;
  border-radius: 10px;
  transition: var(--transition);
}
@media (min-width: 769px) {
  .single-swiper .char-sub figure:hover {
    transform: translateY(calc(var(--speaseHover) * -1));
  }
  .single-swiper .char-sub figure:hover img {
    transform: translateY(calc(var(--speaseHover) * -1));
  }
}
.single-swiper .char-sub img {
  height: calc(100% + var(--transition));
  transition: var(--transition);
  transform: translateY(0);
  position: absolute;
  inset: 0;
}
@media (min-width: 769px) {
  .single-swiper .char-sub .swiper-slide {
    padding-block-start: var(--speaseHover);
  }
}
@media (min-width: 769px) {
  .single-swiper .char-sub .swiper-slide-thumb-active {
    transform: translateY(calc(var(--speaseHover) * -1));
  }
  .single-swiper .char-sub .swiper-slide-thumb-active figure:hover {
    transform: translateY(0);
    transition: none;
  }
  .single-swiper .char-sub .swiper-slide-thumb-active img {
    transform: translateY(calc(var(--speaseHover) * -1));
  }
}
.single-swiper .char-sub .swiper-slide-thumb-active figure {
  opacity: 0.3;
}
.single-swiper .char-sub .swiper-scrollbar {
  --swiper-scrollbar-drag-bg-color: #A3A065;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

/*-------------------------------------------------------------------------------
 guide
--------------------------------------------------------------------------------*/
/*----------------------------------------
  giude_wrap
------------------------------------------*/
.giude_wrap {
  --sideSize: 220;
  padding-block: calc(100 / var(--widthBase) * 100vw) calc(170 / var(--widthBase) * 100vw);
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .giude_wrap {
    --sideSize: 320;
  }
}
@media (max-width: 768px) {
  .giude_wrap {
    flex-direction: column;
  }
  .giude_wrap > * + * {
    margin-block-start: calc(100 / var(--widthBase) * 100vw);
  }
}

/*----------------------------------------
  guide-side
------------------------------------------*/
@media (min-width: 769px) {
  .guide-side {
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content;
    padding-block-start: calc(220 / var(--widthBase) * 100vw);
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
  }
}
@media (min-width: 769px) {
  .guide-side .guide-menu {
    inline-size: calc(var(--sideSize) / var(--widthBase) * 100vw);
    block-size: calc(100vh - var(--headerHeight, 0) * 1px - 50 / var(--widthBase) * 100vw);
    display: grid;
    align-items: center;
    pointer-events: auto;
    overflow: hidden;
    overflow-y: scroll;
    border-radius: 0 clamp(30px, 3.4722222222vw, 50px) clamp(30px, 3.4722222222vw, 50px) 0;
  }
  .guide-side .guide-menu::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .guide-side .guide-menu::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .guide-side .guide-menu::-webkit-scrollbar-thumb {
    background: #A3A065;
  }
}
.guide-side .guide-menu .guide-menu-list {
  inline-size: 100%;
  padding: calc(66 / var(--widthBase) * 100vw) calc(46 / var(--widthBase) * 100vw) calc(61 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  row-gap: calc(20 / var(--widthBase) * 100vw);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .guide-side .guide-menu .guide-menu-list {
    padding-block-start: calc(150 / var(--widthBase) * 100vw);
    border-radius: clamp(30px, 3.4722222222vw, 50px);
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: calc(20 / var(--widthBase) * 100vw);
         column-gap: calc(20 / var(--widthBase) * 100vw);
    background: #F0F0F0;
  }
}
@media (min-width: 769px) {
  .guide-side .guide-menu .guide-menu-list {
    padding-block-start: calc(66 / var(--widthBase) * 100vw + 72 / var(--widthBase) * 100vw / 2);
  }
  .guide-side .guide-menu .guide-menu-list::after {
    content: "";
    inline-size: 100%;
    block-size: calc(100% - 72 / var(--widthBase) * 100vw / 2);
    border-radius: 0 clamp(30px, 3.4722222222vw, 50px) clamp(30px, 3.4722222222vw, 50px) 0;
    background: #F0F0F0;
    position: absolute;
    z-index: -1;
    inset: auto auto 0 0;
  }
}
.guide-side .guide-menu .guide-menu-list::before {
  content: "";
  block-size: calc(72 / var(--heightBase) * 100svh);
  max-inline-size: calc(72 / var(--widthBase) * 100vw);
  min-inline-size: 72px;
  aspect-ratio: 1/1;
  display: block;
  background: url("../images/dec-vector.webp") no-repeat center/contain;
  position: absolute;
  inset: calc(-32 / var(--widthBase) * 100vw) auto auto 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .guide-side .guide-menu .guide-menu-list::before {
    inset-inline-start: 50%;
  }
}
@media (min-width: 769px) {
  .guide-side .guide-menu .guide-menu-list::before {
    inset: auto auto calc(100% - 72 / var(--widthBase) * 100vw) 50%;
  }
}
.guide-side .guide-menu a {
  --addIndex: -1;
  --addBg: #2D2D2D;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: calc(10 / var(--widthBase) * 100vw) calc(20 / var(--widthBase) * 100vw);
  font-weight: 700;
  color: #FFF;
  line-height: 1.2;
  position: relative;
  z-index: 2;
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0.0875em, calc(1.4 / 1440 * 100vw), 0.1125em);
  position: var(--addPosition, relative);
  z-index: var(--addParentIndex, 1);
}
.guide-side .guide-menu a::before {
  content: "";
  inline-size: 100%;
  block-size: var(--addBlock, 100%);
  display: block;
  position: absolute;
  inset: var(--addInset, 0);
  z-index: var(--addIndex, -1);
  background-color: var(--addBg, currentColor);
  transition: transform var(--addDuration, 0.3s) var(--cubic);
}
@media (min-width: 769px) {
  .guide-side .guide-menu a:hover {
    --addBg: #A3A065;
  }
  .guide-side .guide-menu a:hover::after {
    transform: rotate(0);
    opacity: 1;
  }
  .guide-side .guide-menu a:hover::before {
    transform: scale(1.02);
  }
}
@media (max-width: 1024px) {
  .guide-side .guide-menu a {
    padding-block-end: calc(11 / var(--widthBase) * 100vw);
  }
}
.guide-side .guide-menu a::before {
  border-radius: calc(infinity * 1px);
}
.guide-side .guide-menu a::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: auto auto auto calc(100% - 8 / var(--widthBase) * 100vw);
  transform-origin: center left;
  transform: rotate(90deg);
  opacity: 0;
  transition: opacity 0.3s var(--cubic), transform 0.3s var(--cubic);
  inline-size: calc(var(--flagSize, 35) / var(--widthBase) * 100vw);
  min-inline-size: calc(var(--flagSize, 35) * 1px);
  aspect-ratio: 35/27;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 27' fill='none'%3E%3Cpath fill='%23E95504' stroke='%23231815' stroke-linejoin='round' stroke-width='3' d='M33 2.3H11l11 23 11-23Z'/%3E%3Cpath fill='%23231815' d='M2 .8a1.5 1.5 0 1 0 0 3v-3Zm0 3h9v-3H2v3Z'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
}
.guide-side .guide-menu a.is-active {
  --addBg: #A3A065;
}
.guide-side .guide-menu a.is-active::after {
  transform: rotate(0);
  opacity: 1;
}

/*----------------------------------------
  guide-contents 
------------------------------------------*/
.guide-contents > * + * {
  margin-block-start: calc(100 / var(--widthBase) * 100vw);
}
.guide-contents > * {
  padding-inline: calc(var(--sideSize) / var(--widthBase) * 100vw + 90 / var(--widthBase) * 100vw) calc(170 / var(--widthBase) * 100vw);
}
@media (max-width: 1300px) {
  .guide-contents > * {
    padding-inline: calc(var(--sideSize) / var(--widthBase) * 100vw + 90 / var(--widthBase) * 100vw) calc(100 / var(--widthBase) * 100vw);
  }
}
@media (max-width: 768px) {
  .guide-contents > * {
    padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
  }
}

/*----------------------------------------
  guide-map
------------------------------------------*/
.guide-map {
  padding-inline: calc(var(--inlineSpeace) / var(--widthBase) * 100vw);
}
.guide-map .guide-map_item {
  inline-size: 80%;
  margin-inline: auto;
  padding: calc(30 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  display: grid;
  place-content: center;
  border-radius: clamp(30px, 3.4722222222vw, 50px);
  box-shadow: inset 0 0 0 6px #A3A065;
  position: relative;
  aspect-ratio: 468/448;
}
@media (max-width: 768px) {
  .guide-map .guide-map_item {
    inline-size: 100%;
    box-shadow: inset 0 0 0 3px #A3A065;
  }
}
.guide-map .guide-map_item img {
  max-inline-size: 100%;
  max-block-size: calc(448 / var(--widthBase) * 100vw);
  aspect-ratio: 468/448;
  -o-object-fit: contain;
     object-fit: contain;
}
.guide-map .guide-map_item::before, .guide-map .guide-map_item::after {
  content: "";
  position: absolute;
}
.guide-map .guide-map_item::before {
  inline-size: calc(178 / var(--widthBase) * 100vw);
  aspect-ratio: 178/119;
  background: url("../images/dec-map.webp") no-repeat center/contain;
  inset: calc(-34 / var(--widthBase) * 100vw) auto auto calc(-56 / var(--widthBase) * 100vw);
}
.guide-map .guide-map_item::after {
  inline-size: calc(130 / var(--widthBase) * 100vw);
  aspect-ratio: 130/126;
  background: url("../images/dec-binoculars.webp") no-repeat center/contain;
  inset: auto calc(-40 / var(--widthBase) * 100vw) calc(-34 / var(--widthBase) * 100vw) auto;
}

/*----------------------------------------
  guide-main
------------------------------------------*/
.guide-main {
  padding-block-end: calc(30 / var(--widthBase) * 100vw);
}
.guide-main .guide-list > * + * {
  margin-block-start: calc(80 / var(--widthBase) * 100vw);
}
.guide-main .guide-list-content > * {
  margin-block-start: calc(var(--guideSpeace, 30) / var(--widthBase) * 100vw);
}
.guide-main .guide-list-content > * + .guide-gallery {
  --guideSpeace: 60;
}
.guide-main .guide-list-content > * + .guide-site {
  --guideSpeace: 75;
}
.guide-main .guide-list-content > * + a {
  --guideSpeace: 30;
}
.guide-main .guide-list-content > * + .table-wrap {
  --guideSpeace: 30;
}
.guide-main .guide-list-content > *.guide-bnr {
  --guideSpeace: 50;
}
.guide-main .guide-list-content > *.is-style-ttl_sub {
  --guideSpeace: 60;
}
.guide-main .guide-list-content > *.guide-price-list {
  --guideSpeace: 45;
}
.guide-main .guide-list-content > *.guide-site:first-child {
  --guideSpeace: 45;
}

/*----------------------------------------
  guide-site
  index & guide
------------------------------------------*/
.guide-site {
  inline-size: calc(960 / var(--widthBase) * 100vw);
  padding: calc(50 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(385 / var(--widthBase) * 100vw), 1fr));
  align-items: flex-start;
  gap: calc(30 / var(--widthBase) * 100vw) calc(35 / var(--widthBase) * 100vw);
  border-radius: clamp(30px, 3.4722222222vw, 50px);
  background: var(--giudeSiteBg, #E2E7DA);
}
@media (max-width: 1024px) {
  .guide-site {
    inline-size: 100%;
  }
}
@media (max-width: 768px) {
  .guide-site {
    grid-template-columns: 1fr;
  }
}
.guide-site.is-anim .flag-img {
  transform-origin: bottom left;
  transform: rotate(10deg);
  transition: transform 0.3s var(--cubic);
}
.guide-site.is-comp .flag-img {
  transform: rotate(0);
}
@media (min-width: 769px) {
  .guide-site:nth-of-type(even) figure {
    order: 1;
  }
}
.guide-site:nth-of-type(even) .flag-img .dec-flag {
  fill: #FDD000;
}
@media (max-width: 1024px) {
  .guide-site figure {
    inline-size: 100%;
  }
}
.guide-site figure img {
  inline-size: 100%;
  aspect-ratio: 385/293;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}
.guide-site .guide-site-ttl_wrap {
  padding-inline: calc(35 / var(--widthBase) * 100vw);
  position: relative;
}
.guide-site .guide-site-ttl_wrap .guide-site-ttl {
  position: absolute;
  inset: auto auto calc(100% - 20 / var(--widthBase) * 100vw) calc(-5 / var(--widthBase) * 100vw);
}
.guide-site .guide-site-text {
  padding-block-start: calc(30 / var(--widthBase) * 100vw);
}
.guide-site .guide-site-text > * + * {
  margin-block-start: calc(30 / var(--widthBase) * 100vw);
}
.guide-site .flag-img {
  inline-size: calc(152 / var(--widthBase) * 100vw);
  aspect-ratio: 153/122;
}
@media (max-width: 768px) {
  .guide-site .flag-img {
    inline-size: 120px;
  }
}
.guide-site .flag-title {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  fill: #000;
  text-transform: uppercase;
  font-size: clamp(1.575rem, 2.9166666667vw, 2.953125rem);
  letter-spacing: clamp(0.03em, calc(2.1 / 1440 * 100vw), 0.05625em);
}
@media (min-width: 1441px) {
  .guide-site .flag-title {
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .guide-site .flag-title {
    font-size: clamp(2.475rem, 4.5833333333vw, 4.640625rem);
    letter-spacing: clamp(0.03em, calc(3.3 / 1440 * 100vw), 0.05625em);
  }
}
.guide-site .flag-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  fill: #000;
  font-size: clamp(0.984375rem, 1.25vw, 1.265625rem);
  letter-spacing: clamp(0.04375em, calc(0.9 / 1440 * 100vw), 0.05625em);
}
@media (min-width: 1441px) {
  .guide-site .flag-subtitle {
    font-size: 1.125rem;
  }
}

/*----------------------------------------
  guide-price
  index & guide
------------------------------------------*/
.guide-price {
  padding-block-end: calc(52 / var(--widthBase) * 100vw);
}
.guide-price figure {
  position: relative;
}
.guide-price figure figcaption {
  padding: 10px 30px;
  background: #FFF;
  border-radius: 10px 0 10px 0;
  display: inline-block;
  position: absolute;
  inset: auto 0 0 auto;
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0.04375em, calc(0.7 / 1440 * 100vw), 0.05625em);
}
.guide-price .guide-price-ttl {
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
  letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
}
.guide-price .guide-price-text {
  display: grid;
  grid-template-rows: auto;
  row-gap: calc(20 / var(--widthBase) * 100vw);
}
.guide-price .guide-price-data {
  padding-block-start: calc(var(--giudePricePaddingTop, 20) / var(--widthBase) * 100vw);
  display: flex;
  align-items: center;
  justify-content: var(--guidePriceJustify, flex-end);
  -moz-column-gap: calc(15 / var(--widthBase) * 100vw);
       column-gap: calc(15 / var(--widthBase) * 100vw);
  border-block-start: var(--guidPriceBorder, 1px) solid #C3C3C3;
}
@media (max-width: 768px) {
  .guide-price .guide-price-data {
    padding-block-start: calc(var(--giudePricePaddingTop, 20) / var(--widthBase) * 100vw);
    margin-block-start: calc(var(--giudePriceMarginTop) / var(--heightBase) * 100svh);
  }
}
.guide-price .guide-price-data > * {
  display: flex;
  align-items: center;
}
.guide-price .guide-price-num {
  min-inline-size: -moz-fit-content;
  min-inline-size: fit-content;
  color: var(--guidePriceNumColor, #000);
  font-weight: 500;
  line-height: 1;
  font-size: clamp(calc(var(--guidePriceNumFontSize, 16) * 0.875 / 16 * 1rem), calc(var(--guidePriceNumFontSize, 16) / 1440 * 100vw), calc(var(--guidePriceNumFontSize, 16) * 1.125 / 16 * 1rem));
  letter-spacing: clamp(0.0875em, calc(var(--guidePriceNumFontSize, 16) * 0.1 / 1440 * 100vw), 0.1125em);
}
.guide-price .guide-price-num::after {
  content: "名様";
}
.guide-price .guide-price-money {
  color: var(--guidePriceColor, #689D07);
  font-weight: var(--guidePriceWeight, 700);
  line-height: 1.4;
  font-size: clamp(1.3125rem, 1.6666666667vw, 1.6875rem);
  letter-spacing: clamp(0.0875em, calc(2.4 / 1440 * 100vw), 0.1125em);
}
.guide-price p:not([class]) {
  letter-spacing: clamp(0.035em, calc(0.64 / 1440 * 100vw), 0.045em);
}

/*----------------------------------------
  guide-text
------------------------------------------*/
.guide-text {
  --listBetaBg: #E2E7DA;
}
.guide-text p {
  line-height: 1.5;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.035em, calc(0.64 / 1440 * 100vw), 0.045em);
}

/*----------------------------------------
  guide-gallery
------------------------------------------*/
.guide-gallery {
  display: grid;
  grid-template-columns: repeat(var(--column, 3), 1fr);
  gap: calc(45 / var(--widthBase) * 100vw) calc(28 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .guide-gallery {
    --column: 2;
  }
}
.guide-gallery .guide-gallery_item > * + * {
  margin-block-start: calc(10 / var(--widthBase) * 100vw);
}
.guide-gallery p {
  padding-inline: calc(10 / var(--widthBase) * 100vw);
}
.guide-gallery figure {
  inline-size: 100%;
}
.guide-gallery img {
  inline-size: 100%;
  aspect-ratio: 300/230;
  border-radius: clamp(10px, 2.0833333333vw, 30px);
}

/*----------------------------------------
  guide-bnr
------------------------------------------*/
.guide-bnr {
  inline-size: 100%;
  padding: calc(30 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
  aspect-ratio: 960/150;
  display: grid;
  align-items: center;
  background: var(--bnrBg) no-repeat center/cover, #A3A065;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
  font-size: clamp(1.3125rem, 1.6666666667vw, 1.6875rem);
  letter-spacing: clamp(0.04375em, calc(1.2 / 1440 * 100vw), 0.05625em);
  position: var(--addPosition, relative);
  z-index: var(--addParentIndex, 1);
}
.guide-bnr::before {
  content: "";
  inline-size: 100%;
  block-size: var(--addBlock, 100%);
  display: block;
  position: absolute;
  inset: var(--addInset, 0);
  z-index: var(--addIndex, -1);
  background-color: var(--addBg, currentColor);
  transition: transform var(--addDuration, 0.3s) var(--cubic);
}
@media (min-width: 769px) {
  .guide-bnr {
    --addBg: rgba(0,0,0, .2);
    transition: var(--transition);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .guide-bnr:hover::before {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
@media (min-width: 769px) {
  .guide-bnr::before {
    transform: scaleX(0);
    transform-origin: top right;
  }
  .guide-bnr:hover {
    transform: scale(0.98);
  }
}
@media (max-width: 768px) {
  .guide-bnr {
    --addBg: rgba(255,255,255,.5);
    padding: calc(50 / var(--widthBase) * 100vw) calc(50 / var(--widthBase) * 100vw);
    white-space: pre-wrap;
    word-break: keep-all;
    font-size: clamp(1.09375rem, 1.3888888889vw, 1.40625rem);
    letter-spacing: clamp(0.04375em, calc(1 / 1440 * 100vw), 0.05625em);
  }
}

/*----------------------------------------
  guide-facility
------------------------------------------*/
.guide-facility {
  --listBetaBg: #FFF;
  --decMountInset: auto calc(20 / var(--widthBase) * 100vw) calc(100% - calc(650 / var(--widthBase) * 100vw) * (46 / 297) / 2) auto;
  padding-block: calc(110 / var(--widthBase) * 100vw) calc(130 / var(--widthBase) * 100vw);
  background: #FAF6E3;
  position: relative;
}
.guide-facility > * + * {
  margin-block-start: calc(45 / var(--widthBase) * 100vw);
}
.guide-facility::before {
  content: "";
  inline-size: calc(651 / var(--widthBase) * 100vw);
  aspect-ratio: 297/46;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296.9 46'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23231815;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M110.1 45.2 161.6.8 188.8 23l27.6-14.4L234.8 23l28.5-19.5 32.9 32.9' class='cls-1'/%3E%3Cpath d='m144.6 28.3 17-27.5-1.9 15.9M161.6.8l9.3 17.8M210.7 19.7l5.7-11.1 1.8 10M254.4 19.7l8.9-16.2 9.2 19.5M263.3 3.5V17M.8 36.4 48.6.8l31.7 24 22-13.6 19.6 14.6' class='cls-1'/%3E%3Cpath d='M35.3 23 48.6.8v19.6M48.6.8l10 17.8M94.2 28.3l8.1-17.1L105 23' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: left center;
  background-size: contain;
  position: absolute;
  inset: var(--decMountInset, 0);
}
.guide-facility .guide-facility-text > * + * {
  margin-block-start: calc(20 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  guide-sightseeing
------------------------------------------*/
.guide-sightseeing > * + * {
  margin-block-start: calc(45 / var(--widthBase) * 100vw);
}
.guide-sightseeing .guide-sightseeing-list {
  --decMountainsInset: auto calc(-63 / var(--widthBase) * 100vw) calc(67 / var(--widthBase) * 100vw) auto;
  --decMountainsRotate: 180deg;
  position: relative;
}
.guide-sightseeing .guide-sightseeing-list::before {
  content: "";
  inline-size: calc(179 / var(--widthBase) * 100vw);
  aspect-ratio: 66/24;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.2 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238fb721%7D.cls-2%7Bfill:%23458b38%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M6.9 8.6 0 15.5h13.7L6.9 8.6z' class='cls-2'/%3E%3Cpath d='M24 17.2 17.2 24h13.7L24 17.2z' class='cls-1'/%3E%3Cpath d='m41.2 8.6-6.9 6.9h13.8l-6.9-6.9z' class='cls-2'/%3E%3Cpath d='M58.4 17.2 51.5 24h13.7l-6.8-6.8zM24 0l-6.8 6.9h13.7L24 0z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: var(--decMountainsInset, 0);
  transform: rotateY(var(--decMountainsRotate, 0));
}
.guide-sightseeing .guide-sightseeing-list > * {
  position: relative;
}
.guide-sightseeing .guide-sightseeing-list > *::before {
  content: "";
  inline-size: calc(179 / var(--widthBase) * 100vw);
  aspect-ratio: 66/24;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.2 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238fb721%7D.cls-2%7Bfill:%23458b38%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M6.9 8.6 0 15.5h13.7L6.9 8.6z' class='cls-2'/%3E%3Cpath d='M24 17.2 17.2 24h13.7L24 17.2z' class='cls-1'/%3E%3Cpath d='m41.2 8.6-6.9 6.9h13.8l-6.9-6.9z' class='cls-2'/%3E%3Cpath d='M58.4 17.2 51.5 24h13.7l-6.8-6.8zM24 0l-6.8 6.9h13.7L24 0z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: var(--decMountainsInset, 0);
  transform: rotateY(var(--decMountainsRotate, 0));
}
.guide-sightseeing .guide-sightseeing-list > *::before {
  z-index: -1;
}
.guide-sightseeing .guide-sightseeing-list > *:nth-of-type(5n) {
  --decMountainsInset: calc(155 / var(--widthBase) * 100vw) auto auto calc(-120 / var(--widthBase) * 100vw);
}
.guide-sightseeing .guide-sightseeing-list > *:nth-of-type(5n - 1) {
  --decMountainsInset: calc(235 / var(--widthBase) * 100vw) calc(-123 / var(--widthBase) * 100vw) auto auto;
  --decMountainsRotate: 180deg;
}
.guide-sightseeing .guide-sightseeing-list > *:nth-of-type(5n - 2)::before {
  display: none;
}
.guide-sightseeing .guide-sightseeing-list > *:nth-of-type(5n - 3) {
  --decMountainsInset: auto calc(-33 / var(--widthBase) * 100vw) calc(100% + calc(27 / var(--widthBase) * 100vw)) auto;
  --decMountainsRotate: 180deg;
}
.guide-sightseeing .guide-sightseeing-list > *:nth-of-type(5n - 4) {
  --decMountainsInset: auto auto calc(91 / var(--widthBase) * 100vw) calc(-120 / var(--widthBase) * 100vw);
}

/*----------------------------------------
  guide-reserve
------------------------------------------*/
.guide-reserve {
  inline-size: 100%;
  padding: calc(30 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 930/350;
  background: url("../images/guide-bnr.webp") no-repeat center/cover;
  position: var(--addPosition, relative);
  z-index: var(--addParentIndex, 1);
}
.guide-reserve::before {
  content: "";
  inline-size: 100%;
  block-size: var(--addBlock, 100%);
  display: block;
  position: absolute;
  inset: var(--addInset, 0);
  z-index: var(--addIndex, -1);
  background-color: var(--addBg, currentColor);
  transition: transform var(--addDuration, 0.3s) var(--cubic);
}
@media (min-width: 769px) {
  .guide-reserve {
    --addBg: rgba(0,0,0, .2);
    transition: var(--transition);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .guide-reserve:hover::before {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
@media (min-width: 769px) {
  .guide-reserve::before {
    transform: scaleX(0);
    transform-origin: top right;
  }
  .guide-reserve:hover {
    transform: scale(0.98);
  }
  .guide-reserve:hover .guide-sightseeing-text {
    transform: translateX(50px);
  }
}
@media (max-width: 768px) {
  .guide-reserve {
    --addBg: rgba(255,255,255,.5);
    padding: calc(30 / var(--widthBase) * 100vw) 0 0 0;
  }
}
.guide-reserve .cmn-logo {
  inline-size: calc(451 / var(--widthBase) * 100vw);
  margin-block-start: calc(15 / var(--widthBase) * 100vw);
}
@media (max-width: 768px) {
  .guide-reserve .cmn-logo {
    margin-inline: calc(30 / var(--widthBase) * 100vw);
  }
}
.guide-reserve .cmn-logo path {
  fill: #222;
}
.guide-reserve .guide-sightseeing-ttl {
  line-height: 2.5;
  font-size: clamp(0.765625rem, 0.9722222222vw, 0.984375rem);
  letter-spacing: clamp(0em, calc(0 / 1440 * 100vw), 0em);
}
@media (max-width: 768px) {
  .guide-reserve .guide-sightseeing-ttl {
    margin-inline: calc(30 / var(--widthBase) * 100vw);
  }
}
.guide-reserve .guide-sightseeing-text {
  margin-block-start: calc(25 / var(--widthBase) * 100vw);
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: clamp(0.875rem, 1.1111111111vw, 1.125rem);
  letter-spacing: clamp(0.04375em, calc(0.8 / 1440 * 100vw), 0.05625em);
}
@media (min-width: 769px) {
  .guide-reserve .guide-sightseeing-text {
    transition: var(--transition);
  }
}
@media (max-width: 768px) {
  .guide-reserve .guide-sightseeing-text {
    padding: calc(30 / var(--widthBase) * 100vw) calc(30 / var(--widthBase) * 100vw);
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}

/*----------------------------------------
  guide-access
------------------------------------------*/
@media (min-width: 769px) {
  .guide-access {
    padding-inline-end: calc(80 / var(--widthBase) * 100vw);
  }
}

/*-------------------------------------------------------------------------------
  404
--------------------------------------------------------------------------------*/
.error-404 {
  padding: 0 calc(var(--inlineSpeace) / var(--widthBase) * 100vw) calc(100 / var(--widthBase) * 100vw);
}
.error-404 > * + * {
  margin-block-start: calc(50 / var(--widthBase) * 100vw);
}

input:not([type=radio]):not([type=checkbox]).val-err,
select.val-err,
textarea.val-err {
  background-color: #FFE4E4 !important;
}

p.val-err {
  color: #e40000;
  font-size: 0.8em;
}
p.val-err::before {
  content: "※";
}

.check_no-through {
  color: #e40000;
}

input:not([type=radio]):not([type=checkbox]).val-through,
select.val-through,
textarea.val-through {
  background-color: #E2FBE2 !important;
}

.check_any_required.val-err input:not([type=radio]):not([type=checkbox]),
.check_any_required.val-err select,
.check_any_required.val-err textarea {
  background-color: #FFE4E4 !important;
}
.check_any_required.val-through input:not([type=radio]):not([type=checkbox]):not(.val-err),
.check_any_required.val-through select:not(.val-err),
.check_any_required.val-through textarea:not(.val-err) {
  background-color: #E2FBE2 !important;
}

/*# sourceMappingURL=common.css.map*/