/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/swiper/swiper-bundle.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */
@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;
}
:root {
  --swiper-theme-color: #007aff;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-pointer-events {
  touch-action: pan-y;
}

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

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

.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-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.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-cube-shadow {
  transform-style: preserve-3d;
}

.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));
}

/* 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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - 44px / 2);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  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:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

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

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --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: 10px;
  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: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  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: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  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: 6px 0;
  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 4px;
  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;
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  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: 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: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

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

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: 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: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

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

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

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

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.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 #007aff;
  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);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

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

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

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/assets/stylesheets/app.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

:root {
  --fontS-max:4.8rem;
  --fontS-4xl:4rem;
  --fontS-3xl:3.2rem;
  --fontS-2xl:2.8rem;
  --fontS-xl:2.4rem;
  --fontS-l:2rem;
  --fontS-ml:1.8rem;
  --fontS-m:1.6rem;
  --fontS-s:1.4rem;
  --fontS-xs:1.3rem;
  --fontS-2xs:1.2rem;
  --fontf-normal:"Zen Old Mincho", serif;
  --fontf-en:"Gentium Book Plus", serif;
  --fontf-noto:"Noto Sans JP", sans-serif;
  --fontf-en2:"Besley", serif;
  --main-bk-color: #1E1E1E;
  --main-wh-color: #ffffff;
  --main-gray-color: #AFAFB0;
  --main-lowerTxt-color: #524E4D;
  --main-accent-color1: #8E7F59;
  --main-accent-color2: #BDAC82;
  --main-accent-color3: #B7A67A;
  --bg-navi-color1: #C5B68F;
  --bg-navi-color2: #D6C8A3;
  --bg-aside-color: #EFE7CF;
  --bg-light-color: #FAF7F4;
  --link-color: #313131;
  --transition-default: all .5s ease-out;
  --pc-paddingLeft: 19.375vw;
}

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

html {
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
  letter-spacing: 0;
}

body {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  color: #1E1E1E;
  color: var(--main-bk-color);
  font-family: "Zen Old Mincho", serif;
  font-family: var(--fontf-normal);
  line-height: 1.6;
  width: 100%;
}

header, footer, main, nav,
section, article, aside,
h1, h2, h3, h4,
figure, figcaption, table,
p, ul, li, dl, dd, dt, th, td, button,
a, input, textarea, select,
hr {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1, h2 {
  line-height: inherit;
  font-size: inherit;
  font-weight: bold;
}

p, li, dd, dt, th, td, button, figcaption,
a, input, textarea, select {
  line-height: inherit;
  font-size: inherit;
}

li {
  list-style: none;
}

a {
  display: block;
  color: inherit;
  transition: all .5s ease-out;
  transition: var(--transition-default);
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button {
  outline: none;
  display: block;
  padding: 0;
  color: inherit;
  border-radius: 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  text-align: initial;
}

input {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  line-height: 1;
  border: none;
}
input[type=submit] {
  padding: 0;
  background: none;
}
input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

textarea {
  outline: none;
  display: block;
  border: none;
}

select {
  outline: none;
  border-radius: 0;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

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

svg {
  display: block;
}
svg:not(:root) {
  overflow: visible;
}

.pcBlock {
  display: none;
}
@media screen and (min-width: 768px ) {
  .pcBlock {
    display: block;
  }
}

.spBlock {
  display: block;
}
@media screen and (min-width: 768px ) {
  .spBlock {
    display: none;
  }
}

html[lang=ja] .hide-ja {
  display: none !important;
}

html[lang=en] .hide-en {
  display: none !important;
}

.is-textCenter {
  text-align: center;
}

.is-textLeft {
  text-align: left;
}

.is-textRight {
  text-align: right;
}

.blockInline {
  display: inline !important;
}

.widthSlim {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.fadeIn_item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.fadeIn_item.visible {
  opacity: 1;
  transform: translateY(0);
}

.mask {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  display: block;
  -webkit-mask-image: url(../1334a7d3444040e59ffa.webp);
  mask-image: url(../1334a7d3444040e59ffa.webp);
  mask-mode: alpha;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  mask-size: auto 200%;
  opacity: 0;
  transform: translateY(40px);
  margin: auto;
}
.mask.on {
  animation: 0.8s mask-animation cubic-bezier(0, 0.4, 0.48, 1) 0s forwards;
}

@keyframes mask-animation {
  0% {
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    opacity: 0;
    transform: translateY(40px);
  }
  20% {
    opacity: 1;
  }
  to {
    -webkit-mask-position: center 0%;
    mask-position: center 0%;
    -webkit-mask-size: auto 500%;
    mask-size: auto 500%;
    opacity: 1;
    transform: translateY(0);
  }
}
.pageTitle {
  padding: 100px 0 30px;
  font-size: 2rem;
  font-size: var(--fontS-l);
}
@media screen and (min-width: 768px ) {
  .pageTitle {
    padding: 40px 0;
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
  .archive .pageTitle {
    padding-bottom: 30px;
  }
}

.contentTitle {
  font-weight: 400;
  text-align: center;
  padding: 0 0 30px;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
@media screen and (min-width: 768px ) {
  .contentTitle {
    padding: 0 0 60px;
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
}

.postTitle {
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
  line-height: 1.2;
  text-align: center;
  margin-bottom: 20px;
}
.postTitle small {
  display: block;
  font-size: 2rem;
  font-size: var(--fontS-l);
  padding-top: 0.3em;
}
@media screen and (min-width: 768px ) {
  .postTitle {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
    margin-bottom: 60px;
  }
  .postTitle small {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
  }
}

.postThumb {
  margin: 0 calc(50% - 50vw) 20px;
  aspect-ratio: 17/11;
  overflow: hidden;
}
.postThumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px ) {
  .postThumb {
    margin: 0 -5vw 40px;
  }
}

.textColor-gold {
  color: #8E7F59 !important;
  color: var(--main-accent-color1) !important;
}

.textColor-bk {
  color: #1E1E1E !important;
  color: var(--main-bk-color) !important;
}

.p0 {
  padding: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.fontNoto {
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
}
.fontNoto small {
  display: block;
  font-size: 90%;
}

.fontEn {
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
}

.bodyBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  background: url(../c4059a317ba0157483d9.webp) no-repeat center center/cover;
  opacity: 1;
  transition: opacity 0.5s;
}
.bodyBg.is-hidden {
  opacity: 0;
}

.headerContainer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}

.mainContainer {
  position: relative;
}

.asideContainer {
  position: relative;
}

.footerContainer {
  position: relative;
}

.embedWrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.embedWrapper iframe,
.embedWrapper object,
.embedWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fadeIn_item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.fadeIn_item.visible {
  opacity: 1;
  transform: translateY(0);
}

.sectionCover-wh {
  background: #ffffff;
  background: var(--main-wh-color);
}

.sectionSlim {
  max-width: 888px;
  margin-left: auto;
  margin-right: auto;
}

.sectionXSlim {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.sectionColumn .sectionTxt p:not([class]) a {
  display: inline-block;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: url(../a6a5459c21bd238a9b4c.webp) no-repeat center center/cover;
  filter: grayscale(100);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 2s ease, opacity 2s ease;
}
.loading .loadingBg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.8);
  mix-blend-mode: multiply;
  opacity: 1;
  transition: opacity 2s ease;
}
.loading .loadingLogo {
  width: 120px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
}
.loading.done {
  opacity: 0;
  pointer-events: none;
}

.headMenu {
  width: 100%;
  display: flex;
  margin-bottom: 40px;
}
.headMenu .menu-item {
  display: none;
  pointer-events: none;
  text-align: center;
  width: 100%;
}
.headMenu .menu-item a {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-bottom: 20px;
}
.headMenu .menu-item.is-active {
  display: block;
}
.headMenu .menu-item.is-active a {
  color: #B7A67A;
  color: var(--main-accent-color3);
}
.headMenu.spHide {
  display: none;
}
.headMenu.headMenu-workshop {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px ) {
  .headMenu {
    display: flex;
    border-bottom: 1px solid #B7A67A;
    border-bottom: 1px solid var(--main-accent-color3);
    margin-bottom: 60px;
  }
  .headMenu .menu-item {
    display: block;
    position: relative;
    pointer-events: auto;
  }
  .headMenu .menu-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 30px;
    background: #AFAFB0;
    background: var(--main-gray-color);
  }
  .headMenu .menu-item:last-child::after {
    display: none;
  }
  .archive .headMenu .menu-item {
    width: 33.3333%;
  }
  .headMenu .menu-item a {
    text-align: center;
    font-size: 2rem;
    font-size: var(--fontS-l);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
  }
  .headMenu .menu-item a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
    border-bottom: 5px solid #B7A67A;
    border-bottom: 5px solid var(--main-accent-color3);
  }
  .headMenu .menu-item.is-active a {
    border-bottom: 5px solid #B7A67A;
    border-bottom: 5px solid var(--main-accent-color3);
  }
  .headMenu.spHide {
    display: flex;
  }
}

.postMenu-list {
  width: 100%;
  border-top: 1px solid #AFAFB0;
  border-top: 1px solid var(--main-gray-color);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 2rem;
  font-size: var(--fontS-l);
  gap: 0 30px;
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, transform 0.5s, margin-top 0.4s;
  margin: 80px 0;
}
@media screen and (min-width: 768px ) {
  .postMenu-list {
    display: none;
  }
}
.postMenu-list > a {
  width: 100%;
  padding: 40px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
.postMenu-list > a::after {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background: #524E4D;
  background: var(--main-lowerTxt-color);
}
.postMenu-list > ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.postMenu-list > ul li a {
  width: 100%;
  padding-left: 1.2em;
}
.postMenu-list > ul li.is-active a {
  color: #B7A67A;
  color: var(--main-accent-color3);
}

.large-slider {
  width: 100%;
  margin: 0 auto 40px;
  position: relative;
}
.single-bamboo-fence .large-slider {
  margin: 0 auto 100px;
}
@media screen and (min-width: 768px ) {
  .single-bamboo-fence .large-slider {
    margin-bottom: 170px;
  }
}
#productContents .large-slider {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px ) {
  #productContents .large-slider {
    margin-bottom: 100px;
  }
}
.large-slider .lowerCommon-slider {
  width: 84vw;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  .large-slider .lowerCommon-slider {
    width: 80vw;
    margin-right: 0;
    overflow: visible;
    position: relative;
  }
}
.single-bamboo-fence .large-slider .swiper-wrapper .swiper-slide, .tax-bamboo-fence-cat .large-slider .swiper-wrapper .swiper-slide, .post-type-archive-bamboo-fence .large-slider .swiper-wrapper .swiper-slide {
  width: 283px;
  padding-right: 20px;
}
@media screen and (min-width: 768px ) {
  .single-bamboo-fence .large-slider .swiper-wrapper .swiper-slide, .tax-bamboo-fence-cat .large-slider .swiper-wrapper .swiper-slide, .post-type-archive-bamboo-fence .large-slider .swiper-wrapper .swiper-slide {
    padding: 0 10px;
  }
}
.tax-bamboo-fence-cat .large-slider .swiper-wrapper .swiper-slide, .post-type-archive-bamboo-fence .large-slider .swiper-wrapper .swiper-slide {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px ) {
  .tax-bamboo-fence-cat .large-slider .swiper-wrapper .swiper-slide, .post-type-archive-bamboo-fence .large-slider .swiper-wrapper .swiper-slide {
    margin-bottom: 0;
  }
}
.large-slider .swiper-wrapper .swiper-slide .postThumb {
  margin: 0;
  aspect-ratio: auto;
}
.large-slider .swiper-wrapper .swiper-slide .postThumb img {
  aspect-ratio: 13/9;
  width: 100%;
}
.large-slider .swiper-wrapper .swiper-slide .postThumb figcaption {
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.single-bamboo-fence .large-slider .swiper-wrapper .swiper-slide .postThumb figcaption {
  justify-content: center;
}
.large-slider .swiper-wrapper .swiper-slide .postThumb figcaption span {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.single-bamboo-fence .large-slider .swiper-wrapper .swiper-slide .postThumb figcaption span, .tax-bamboo-fence-cat .large-slider .swiper-wrapper .swiper-slide .postThumb figcaption span, .post-type-archive-bamboo-fence .large-slider .swiper-wrapper .swiper-slide .postThumb figcaption span {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
}
.large-slider .swiper-wrapper .swiper-slide .postThumb figcaption i {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-style: normal;
}
@media screen and (min-width: 768px ) {
  .large-slider .swiper-wrapper .swiper-slide {
    padding-right: 50px;
    max-width: 720px;
  }
  .large-slider .swiper-wrapper .swiper-slide .postThumb figcaption {
    flex-direction: row;
    justify-content: space-between;
    gap: 5%;
  }
}
@media screen and (min-width: 768px ) {
  .large-slider.koubouSlide .swiper-wrapper .swiper-slide {
    width: 430px;
    padding: 0 15px;
  }
}
.large-slider .swiper-button-prev,
.large-slider .swiper-button-next {
  margin-top: -45px;
  width: 30px;
  height: 30px;
}
.large-slider .swiper-button-prev::after,
.large-slider .swiper-button-next::after {
  background-size: 10px auto;
}
.large-slider .swiper-button-prev {
  left: -15px;
}
.large-slider .swiper-button-next {
  right: -15px;
}
.large-slider.koubouSlide .swiper-button-prev,
.large-slider.koubouSlide .swiper-button-next {
  margin-top: -15px;
}
@media screen and (min-width: 768px ) {
  .large-slider.koubouSlide .swiper-button-next {
    left: 856px;
  }
}
@media screen and (min-width: 768px ) {
  .large-slider .swiper-button-prev,
  .large-slider .swiper-button-next {
    margin-top: -40px;
    width: 40px;
    height: 40px;
  }
  .large-slider .swiper-button-prev::after,
  .large-slider .swiper-button-next::after {
    background-size: 14px auto;
  }
  .large-slider .swiper-button-prev {
    left: -20px;
  }
  .large-slider .swiper-button-next {
    right: 30px;
  }
}
@media screen and (min-width: 960px ) {
  .large-slider .swiper-button-next {
    right: auto;
    left: 700px;
  }
}

.materialContent {
  margin-bottom: 110px;
}
.materialContent .listMaterial {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 45px 6.25%;
  gap: 45px 6.25%;
}
@media screen and (min-width: 960px ) {
  .materialContent .listMaterial {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.materialContent .listMaterial li {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-rows: auto auto 1fr auto auto;
  grid-row: span 5;
}
.materialContent .listMaterial li figure {
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 10px;
}
.materialContent .listMaterial li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1.1;
}
.materialContent .listMaterial li .ttl {
  margin-bottom: 0.8em;
}
html[lang=en] .materialContent .listMaterial li .ttl {
  margin-bottom: 1.2em;
}
.materialContent .listMaterial li .ttl small {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  display: block;
  color: color-mix(in srgb, currentColor, transparent 30%);
}
html[lang=en] .materialContent .listMaterial li .ttl small {
  display: none;
}
.materialContent .listMaterial li .ttl span {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  display: block;
  line-height: 1.3;
}
html[lang=en] .materialContent .listMaterial li .ttl span {
  line-height: 1.25;
}
.materialContent .listMaterial li .num {
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  margin-bottom: 0.5em;
}
html[lang=en] .materialContent .listMaterial li .num {
  line-height: 1.3;
}
html[lang=en] .materialContent .listMaterial li .num span {
  display: none;
}
.materialContent .listMaterial li .btn {
  margin-bottom: 10px;
}
html[lang=en] .materialContent .listMaterial li .btn.is-ja {
  display: none;
}
.materialContent .listMaterial li .btn.is-en {
  display: none;
}
html[lang=en] .materialContent .listMaterial li .btn.is-en {
  display: block;
}
.materialContent .listMaterial li .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  font-weight: 700;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  border-radius: 20px;
  color: #1E1E1E;
  color: var(--main-bk-color);
}
.materialContent .listMaterial li .subList {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  justify-content: center;
  margin-top: 1em;
  font-size: 1.3rem;
  font-size: var(--fontS-xs);
}
html[lang=ja] .materialContent .listMaterial li .subList {
  display: none;
}
.materialContent .listMaterial li .subList a {
  text-decoration: underline;
}
.materialContent .listMaterial li .subList a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px ) {
  .materialContent .listMaterial {
    gap: 70px 2.5%;
  }
  .materialContent .listMaterial li .btn a:hover {
    background: #B7A67A;
    background: var(--main-accent-color3);
    color: #ffffff;
    color: var(--main-wh-color);
  }
}

.contentBreak {
  background: #BDAC82;
  background: var(--main-accent-color2);
}
@media screen and (min-width: 768px ) {
  .contentBreak {
    margin-bottom: 100px;
    height: 1px;
  }
}

.widthFit {
  display: flex;
  justify-content: center;
}

.headerContainer {
  transition: opacity 0.4s;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  position: relative;
}
.headerContainer .headerLogo {
  position: absolute;
  left: 8vw;
  top: 50px;
}
.headerContainer .headerLogo a {
  width: 60vw;
  line-height: 1;
}
.headerContainer .headerLogo a svg {
  width: 100%;
}
.headerContainer .headerLogo a svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.lower .headerContainer .headerLogo a svg path {
  fill: #1E1E1E;
  fill: var(--main-bk-color);
}
@media screen and (min-width: 768px ) {
  .headerContainer .headerLogo {
    left: 5vw;
  }
  .headerContainer .headerLogo a {
    width: 100%;
  }
  .headerContainer .headerLogo a:hover {
    opacity: 0.7;
  }
}
.headerContainer .headerBtn-block {
  display: none;
  gap: 20px;
  position: absolute;
  top: 58px;
  right: 100px;
}
@media screen and (min-width: 768px ) {
  .headerContainer .headerBtn-block {
    display: flex;
  }
}
@media screen and (min-width: 960px ) {
  .headerContainer .headerBtn-block {
    right: 200px;
  }
}
.headerContainer .headerBtn-block .headerBtn-item a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  background: #1E1E1E;
  background: var(--main-bk-color);
  border-radius: 20px;
  border: 1px solid #1E1E1E;
  border: 1px solid var(--main-bk-color);
  color: #ffffff;
  color: var(--main-wh-color);
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.headerContainer .headerBtn-block .headerBtn-item.btnSearch a {
  background: #ffffff;
  background: var(--main-wh-color);
  color: #1E1E1E;
  color: var(--main-bk-color);
  gap: 12px;
}
.headerContainer .headerBtn-block .headerBtn-item.btnSearch a::after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNiAxNC4yNTZDMTEuNTIxMiAxNC4yNTYgMTQuNyAxMS4yMzQgMTQuNyA3LjUwNjA3QzE0LjcgMy43NzgxNiAxMS41MjEyIDAuNzU2MTA0IDcuNiAwLjc1NjEwNEMzLjY3ODc4IDAuNzU2MTA0IDAuNSAzLjc3ODE2IDAuNSA3LjUwNjA3QzAuNSAxMS4yMzQgMy42Nzg3OCAxNC4yNTYgNy42IDE0LjI1NloiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE0LjEwMTYgMTMuNzY2NkwxOS41MDE2IDE5LjM0MjciIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) center center/contain;
}
.headerContainer > .globalNavi-side_btn a {
  position: fixed;
  inset: auto 20px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  gap: 8px;
  padding: 1em 1.5em;
  background: color-mix(in srgb, #B7A67A, transparent 15%);
  color: #ffffff;
  color: var(--main-wh-color);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
@supports (color: color-mix(in lch, red, blue)){
.headerContainer > .globalNavi-side_btn a {
  background: color-mix(in srgb, var(--main-accent-color3), transparent 15%);
}
}
.headerContainer > .globalNavi-side_btn a span {
  line-height: 1;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  font-weight: 500;
}
.headerContainer > .globalNavi-side_btn a i {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-weight: 900;
  line-height: 1;
  font-style: normal;
}
@media screen and (max-width: 767.98px ) {
  .headerContainer > .globalNavi-side_btn a i {
    display: none;
  }
}
.headerContainer > .globalNavi-side_btn a::before, .headerContainer > .globalNavi-side_btn a::after {
  content: "";
  display: block;
}
.headerContainer > .globalNavi-side_btn a::before {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -4.5px;
  transform: rotate(45deg);
  border-right: 1px solid #ffffff;
  border-right: 1px solid var(--main-wh-color);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--main-wh-color);
  height: 10px;
  width: 10px;
}
.headerContainer > .globalNavi-side_btn a::after {
  background: #ffffff;
  background: var(--main-wh-color);
  width: 14px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 30px;
}
@media screen and (min-width: 768px ) {
  .headerContainer > .globalNavi-side_btn a {
    left: auto;
    right: 3.5vw;
    bottom: calc(20px + 3em);
    color: #ffffff;
    color: var(--main-wh-color);
    flex-direction: column;
    padding: 34px 6px;
    gap: 28px;
    width: 78px;
    height: auto;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgNzggMjUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzYuNzMwOCAwLjAwMDIxOTA5MkgxLjI2OTIzQzAuNTc2OTIzIDAuMDAwMjE5MDkyIDAgMi41MjQ0MyAwIDUuMzI5MUwxLjk2MTU0IDczLjIwMjJDMyAxMDguMjYxIDMgMTQzLjYgMS45NjE1NCAxNzguNjU4TDAgMjQ2LjY3MUMwIDI0OS40NzYgMC41NzY5MjMgMjUyIDEuMjY5MjMgMjUySDc2LjczMDhDNzcuNTM4NSAyNTIgNzguMTE1NCAyNDkuNDc2IDc4IDI0Ni42NzFMNzYuMDM4NSAxNzguNjU4Qzc1IDE0My42IDc1IDEwOC4yNjEgNzYuMDM4NSA3My4yMDIyTDc4IDUuMTg4ODdDNzggMi4zODQxOSA3Ny40MjMxIC0wLjE0MDAxNSA3Ni43MzA4IC0wLjE0MDAxNVYwLjAwMDIxOTA5MloiIGZpbGw9IiNCREFDODIiLz4KPC9zdmc+Cg==) no-repeat center center/100% 100%;
    border-radius: 0;
    font-weight: 900;
    opacity: 1;
  }
  .headerContainer > .globalNavi-side_btn a span {
    writing-mode: vertical-rl;
  }
  .headerContainer > .globalNavi-side_btn a i {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
  }
  .headerContainer > .globalNavi-side_btn a::before, .headerContainer > .globalNavi-side_btn a::after {
    display: none;
  }
  .headerContainer > .globalNavi-side_btn a:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3OCIgaGVpZ2h0PSIyNTIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc4IDI1MiI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogIzFlMWUxZTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2LjczLDBIMS4yN0MuNTgsMCwwLDIuNTIsMCw1LjMzbDEuOTYsNjcuODdjMS4wNCwzNS4wNiwxLjA0LDcwLjQsMCwxMDUuNDZsLTEuOTYsNjguMDFjMCwyLjguNTgsNS4zMywxLjI3LDUuMzNoNzUuNDZjLjgxLDAsMS4zOC0yLjUyLDEuMjctNS4zM2wtMS45Ni02OC4wMWMtMS4wNC0zNS4wNi0xLjA0LTcwLjQsMC0xMDUuNDZsMS45Ni02OC4wMWMwLTIuOC0uNTgtNS4zMy0xLjI3LTUuMzNWMFoiLz4KPC9zdmc+) no-repeat center center/100% 100%;
  }
}
.headerContainer > .globalNavi-side_lang {
  gap: 5px;
  position: fixed;
  right: 3.5vw;
  bottom: 30px;
  color: #524E4D;
  color: var(--main-lowerTxt-color);
  min-width: 78px;
  justify-content: center;
  display: none;
}
@media screen and (min-width: 768px ) {
  .headerContainer > .globalNavi-side_lang {
    display: flex;
  }
}
.headerContainer > .globalNavi-side_lang li {
  display: flex;
  gap: 5px;
}
.headerContainer > .globalNavi-side_lang li:first-child::after {
  content: "/";
  display: block;
}
.headerContainer > .globalNavi-side_lang li a.activeLang {
  text-decoration: underline;
}
html[lang=ja] .headerContainer > .globalNavi-side_lang a[data-stt-changelang=ja] {
  text-decoration: underline;
}
html[lang=en] .headerContainer > .globalNavi-side_lang a[data-stt-changelang=en] {
  text-decoration: underline;
}
.headerContainer .naviToggle {
  position: fixed;
  top: 49px;
  right: 9.23vw;
  z-index: 1000;
  cursor: pointer;
  display: flex;
  gap: 5px;
  transition: 0.4s;
}
.headerContainer .naviToggle svg {
  width: 5.5px;
  transition: opacity 0.4s ease, transform 0.5s ease;
}
.headerContainer .naviToggle svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.lower .headerContainer .naviToggle svg path {
  fill: #1E1E1E;
  fill: var(--main-bk-color);
}
@media screen and (min-width: 768px ) {
  .headerContainer .naviToggle {
    top: 58px;
    right: 3.6vw;
  }
  .headerContainer .naviToggle:hover {
    right: calc(3.6vw - 2px);
    gap: 7px;
  }
}
.headerContainer .naviToggle.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.lower .headerContainer .naviToggle.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.headerContainer .naviToggle.is-open svg:nth-child(2) {
  transform: translateY(-18px) rotate(90deg);
}
.headerContainer .naviToggle.is-open svg:nth-child(1), .headerContainer .naviToggle.is-open svg:nth-child(3) {
  opacity: 0;
}
.headerContainer.is-bgWh .headerLogo a {
  color: #524E4D;
  color: var(--main-lowerTxt-color);
}
.headerContainer.is-bgWh .headerLogo a::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTkiIGhlaWdodD0iMTAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMTkgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNi4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgOSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjNTI0ZTRkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS43Miw2Ni42N2MwLTEuNzEuODYtNC4yNywxLjcyLTUuOTguODYtMS43MSwxLjcyLTQuMjcsMy40NS01Ljk4LDEuNzItMS43MSwyLjU5LTMuNDIsNC4zMS01LjEzLDEuNzItMS43MSwyLjU5LTMuNDIsNC4zMS01LjEzLDEuNzItMS43MSwzLjQ1LTMuNDIsNS4xNy00LjI3cTIuNTktMS43MSw2LjA0LTQuMjdjMS43Mi0uODUsMy40NS0xLjcxLDUuMTctMy40MiwxLjcyLTEuNzEsMy40NS0xLjcxLDYuMDQtMy40MiwyLjU5LTEuNzEsMy40NS0xLjcxLDYuMDQtMi41NiwyLjU5LS44NSw0LjMxLTEuNzEsNi4wNC0xLjcxczQuMzEtLjg1LDYuMDQtMS43MWMxLjcyLS44NSw1LjE3LDAsOS40OSwwaDIuNTljNC4zMS44NSw0LjMxLDEuNzEsNy43NiwyLjU2LDEuNzIsMCwzLjQ1LDEuNzEsNi4wNCwyLjU2LDIuNTkuODUsMy40NSwyLjU2LDQuMzEsNC4yNy44NiwxLjcxLDIuNTksMy40MiwzLjQ1LDUuMTMuODYsMS43MSwxLjcyLDMuNDIsMi41OSw1Ljk4Ljg2LDIuNTYuODYsNC4yNywxLjcyLDUuOTguODYsMS43MSwwLDQuMjcsMCw1Ljk4djUuOThjMCwxLjcxLDAsNC4yNy0uODYsNS45OC0uODYsMS43MSwwLDQuMjctMS43Miw1Ljk4LTEuNzIsMS43MS0xLjcyLDMuNDItMy40NSw1LjEzLTEuNzIsMS43MS0yLjU5LDMuNDItMy40NSw1LjEzLDAsMC0xLjcyLDIuNTYtNC4zMSw0LjI3cS0yLjU5LDEuNzEtNS4xNywzLjQyYy0yLjU5LDEuNzEtMy40NSwxLjcxLTUuMTcsMi41Ni0xLjcyLjg1LTMuNDUsMS43MS01LjE3LDIuNTYtMS43Mi44NS0zLjQ1Ljg1LTUuMTcsMS43MS0xLjcyLjg1LTMuNDUsMC02LjA0LDBoLTUuMTdjLTEuNzIsMC00LjMxLS44NS00LjMxLTIuNTZzMC0uODUsMy40NS0xLjcxYzEuNzIsMCwzLjQ1LS44NSw2LjA0LTIuNTYsMi41OS0xLjcxLDMuNDUtMi41Niw1LjE3LTMuNDIsMS43Mi0uODUsMy40NS0yLjU2LDUuMTctMy40MiwxLjcyLS44NSwzLjQ1LTMuNDIsNC4zMS00LjI3cTEuNzItMS43MSwyLjU5LTMuNDJjLjg2LTEuNzEsMS43Mi0xLjcxLDMuNDUtMy40MiwwLDAsMi41OS01LjEzLDMuNDUtNy42OXYtMTcuMDljMC0yLjU2LS44Ni00LjI3LTIuNTktNS45OC0xLjcyLTEuNzEtMi41OS00LjI3LTQuMzEtNS4xMy0xLjcyLS44NS00LjMxLTIuNTYtNi4wNC0zLjQyLTEuNzItLjg1LTUuMTctLjg1LTYuOS0uODVzMCwwLS44NiwwdjQuMjdjMCwuODUsMCwzLjQyLS44Niw2Ljg0LS44NiwzLjQyLTEuNzIsNC4yNy0yLjU5LDYuODRxLTEuNzIsMy40Mi0zLjQ1LDUuOThsLTEuNzIsNC4yN3MtMS43MiwzLjQyLTIuNTksMy40MnEtMS43MiwzLjQyLTMuNDUsNi44NGMtMS43MiwzLjQyLTEuNzIsMi41Ni0yLjU5LDQuMjctLjg2LDEuNzEtLjg2LDIuNTYtMi41OSw0LjI3LDAsMC00LjMxLDQuMjctNC4zMSw1LjEzLDAsMC0zLjQ1LDQuMjctMy40NSw1LjEzLTEuNzIsMS43MS00LjMxLDIuNTYtNi4wNCwyLjU2cy0yLjU5LDAtNi4wNC0xLjcxYy0uODYsMC0yLjU5LS44NS0zLjQ1LTQuMjdxLTEuNzItNC4yNy0yLjU5LTcuNjljLS44Ni0yLjU2LTMuNDUtMy40Mi02LjA0LTQuMjcsMCwwLTIuNTktMS43MS0yLjU5LTMuNDJ2LTYuODRsLS44NiwxLjcxWk0yMy4yOCw3Ni45MnEyLjU5LTMuNDIsNS4xNy03LjY5YzIuNTktNC4yNywwLDAsMC0uODVxMS43Mi0yLjU2LDMuNDUtNS4xM3QyLjU5LTUuMTNjLjg2LTIuNTYsMCwwLDAtLjg1LDIuNTktMy40MiwxLjcyLTMuNDIsNC4zMS02Ljg0LDAsMCw0LjMxLTYuODQsNC4zMS04LjU1LDAtMy40MiwwLTQuMjctLjg2LTQuMjdzLTIuNTksMS43MS01LjE3LDMuNDJjLTIuNTksMS43MS0zLjQ1LDEuNzEtNS4xNywzLjQyLTEuNzIsMS43MS0zLjQ1LDIuNTYtNC4zMSwzLjQyLTMuNDUsMy40Mi0zLjQ1LDIuNTYtNi45LDUuOTgtMy40NSwzLjQyLTEuNzIsMS43MS0yLjU5LDQuMjctMS43MiwyLjI4LTMuMTYsNC44NC00LjMxLDcuNjlsLTEuNzIsNS4xM3MzLjQ1LDEuNzEsNC4zMSwyLjU2bDMuNDUsMi41NnMuODYsMCwxLjcyLjg1aDEuNzJaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNy4yOCw5OC4yOWMtMi41OSwyLjU2LTUuMTcsMi41Ni03Ljc2LDAtMi41OS0yLjU2LDAtMy40MiwwLTYuODRWMTYuMjRjMC0zLjQyLDIuNTktNC4yNywwLTYuODQtMi41OS0yLjU2LTMuNDUsMC02LjksMEg2LjA0Yy0zLjQ1LDAtNC4zMSwxLjcxLTYuOSwwQy0zLjQ1LDcuNjksMCw2Ljg0LDAsMi41NlMxLjcyLDAsMy40NSwwczIuNTksMCw1LjE3Ljg1cTIuNTkuODUsNS4xNy44NWg5Ni41OGMzLjQ1LDAsNC4zMS0yLjU2LDYuOSwwLDIuNTksMi41NiwwLDMuNDIsMCw2Ljg0djgyLjA1YzAsMy40MiwyLjU5LDQuMjcsMCw2Ljg0di44NVoiLz4KPC9zdmc+) no-repeat center 0/contain;
}
.headerContainer.is-bgWh .naviToggle svg path {
  fill: #524E4D;
  fill: var(--main-lowerTxt-color);
}
.headerContainer.is-bgWh .naviToggle.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.headerContainer.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* 初期状態：ナビ非表示 */
#globalNavi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  pointer-events: none;
  transition: transform 0.3s ease;
  z-index: 900;
}
#globalNavi .globalNavi-inner {
  width: -moz-fit-content;
  width: fit-content;
  z-index: 900;
  height: 100%;
  position: relative;
}
#globalNavi .globalNavi-inner .globalNavi-main {
  background: #C5B68F;
  background: var(--bg-navi-color1);
  opacity: 0;
  transform: translate(0, -100%);
  transition: transform 1s ease, opacity 1s ease;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: auto;
  max-height: 58vh;
  overflow: auto;
}
@media screen and (min-width: 768px ) {
  #globalNavi .globalNavi-inner .globalNavi-main {
    height: 100svh;
    max-height: 100svh;
    width: 30vw;
    min-width: 360px;
    max-width: 453px;
    transform: translate(-100%, 0);
    padding-top: 12vh;
    position: relative;
    overflow: visible;
  }
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list {
  color: #524E4D;
  color: var(--main-lowerTxt-color);
  padding-top: 8vh;
  font-feature-settings: "palt";
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  gap: 0 30px;
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, transform 0.5s, margin-top 0.4s;
  margin-top: 16px;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > a,
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item strong {
  padding-left: 15vw;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.linkItem-pc {
  display: none;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.linkItem-end {
  margin-bottom: 7vh;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::before, #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::after {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background: #524E4D;
  background: var(--main-lowerTxt-color);
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::before {
  transform: rotate(0deg);
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::after {
  transition: opacity 0.5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
@media screen and (min-width: 768px ) {
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
    gap: 0 10px;
    width: -moz-fit-content;
    width: fit-content;
    visibility: visible;
    opacity: 1;
    margin-top: 4vh;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > a,
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item strong {
    padding-left: 5vw;
    position: relative;
    transition: 0.4s;
    cursor: pointer;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > a::after,
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item strong::after {
    content: "";
    position: absolute;
    left: 5vw;
    top: 100%;
    width: 76%;
    height: 1px;
    background: none;
    transition: 0.4s;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.linkItem-pc {
    display: flex;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.linkItem-end {
    margin-bottom: 0;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::before, #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item .btnDrop::after {
    transition: background-color 0.4s;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item::after {
    content: "";
    display: block;
    height: 1px;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: 0;
    left: 5vw;
    background: none;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item:hover::after {
    background: #ffffff;
    background: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item:hover strong,
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item:hover > a {
    color: #ffffff;
    color: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item:hover .btnDrop::before, #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item:hover .btnDrop::after {
    background: #ffffff;
    background: var(--main-wh-color);
  }
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul {
  display: none;
  background: #D6C8A3;
  background: var(--bg-navi-color2);
  width: 100vw;
  gap: 3vh 0;
  padding: 5vh 0;
  margin-top: 5vh;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 18vw;
  line-height: 1.25;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a::after {
  content: "";
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open {
  margin: 0;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open > ul {
  display: flex;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open .btnDrop {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open .btnDrop::after {
  opacity: 0;
}
#globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-hidden {
  height: 0;
  opacity: 0;
  margin: 0;
}
@media screen and (min-width: 768px ) {
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item {
    position: static;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul {
    display: flex;
    font-size: 2rem;
    font-size: var(--fontS-l);
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 30vw;
    height: 100svh;
    max-height: 100svh;
    min-width: 360px;
    max-width: 453px;
    gap: 4.6vh 0;
    padding: 24vh 0 0;
    margin-top: 0;
    opacity: 0;
    transform: translateX(-20%);
    pointer-events: none;
    transition: opacity 0.4s, transform 0.8s;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a {
    padding: 0 8vw 0 4vw;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a::after {
    width: 10px;
    height: 10px;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a:hover {
    color: #ffffff;
    color: var(--main-wh-color);
    transform: translateX(8px);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item > ul li a:hover::after {
    transition: 0.4s;
    border-color: #ffffff;
    border-color: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open {
    margin: 4vh 0 0;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open strong,
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open > a {
    color: #ffffff;
    color: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open strong::after,
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open > a::after {
    background: #ffffff;
    background: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open > ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open .btnDrop::before {
    background: #ffffff;
    background: var(--main-wh-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-open .btnDrop::after {
    opacity: 0;
  }
  #globalNavi .globalNavi-inner .globalNavi-main .globalNavi-list .globalNavi-list_item.is-hidden {
    height: auto;
    opacity: 1;
    margin: 4vh 0 0;
  }
}
#globalNavi .globalNavi-inner .globalNavi-logo {
  position: absolute;
  left: 12vw;
  bottom: 30px;
  transition: 1s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767.98px ) {
  html[lang=en] #globalNavi .globalNavi-inner .globalNavi-logo {
    width: 30px;
  }
  html[lang=en] #globalNavi .globalNavi-inner .globalNavi-logo svg {
    width: 100%;
    height: auto;
  }
}
#globalNavi .globalNavi-inner .globalNavi-logo svg {
  height: 100%;
  fill: #ffffff;
  fill: var(--main-wh-color);
}
#globalNavi .globalNavi-inner .globalNavi-logo a {
  height: 170px;
  margin-top: auto;
}
@media screen and (min-width: 768px ) {
  #globalNavi .globalNavi-inner .globalNavi-logo {
    left: 5vw;
    bottom: auto;
    top: 12vh;
    transition: opacity 0.5s 1s;
  }
  #globalNavi .globalNavi-inner .globalNavi-logo a {
    height: auto;
  }
  #globalNavi .globalNavi-inner .globalNavi-logo a svg {
    width: 90%;
  }
  #globalNavi .globalNavi-inner .globalNavi-logo a svg path {
    fill: #524E4D;
    fill: var(--main-lowerTxt-color);
  }
  #globalNavi .globalNavi-inner .globalNavi-logo a:hover {
    opacity: 0.7;
  }
}
#globalNavi .globalNavi-inner .globalNavi-side {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 7vw;
  bottom: 30px;
  color: #ffffff;
  color: var(--main-wh-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 48px;
  width: 60vw;
}
#globalNavi .globalNavi-inner .globalNavi-side a {
  color: #ffffff;
  color: var(--main-wh-color);
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 30px;
  height: 60px;
  background: #524E4D;
  background: var(--main-lowerTxt-color);
  border-radius: 30px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a i {
  display: none;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::before, #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::after {
  content: "";
  display: block;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::before {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 1px solid #ffffff;
  border-right: 1px solid var(--main-wh-color);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--main-wh-color);
  height: 10px;
  width: 10px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::after {
  background: #ffffff;
  background: var(--main-wh-color);
  width: 14px;
  height: 1px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_tel {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  display: flex;
  gap: 25px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang {
  display: flex;
  gap: 5px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang li {
  display: flex;
  gap: 5px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang li:first-child::after {
  content: "/";
  display: block;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang li a.activeLang {
  text-decoration: underline;
}
html[lang=ja] #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang a[data-stt-changelang=ja] {
  text-decoration: underline;
}
html[lang=en] #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang a[data-stt-changelang=en] {
  text-decoration: underline;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer p {
  display: none;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer .globalNavi-sns {
  display: flex;
  gap: 20px;
}
#globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer .globalNavi-sns li a {
  width: 25px;
  height: 25px;
}
@media screen and (min-width: 768px ) {
  #globalNavi .globalNavi-inner .globalNavi-side {
    position: fixed;
    right: 3.37vw;
    bottom: 58px;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    width: 78px;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn {
    width: 100%;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a {
    color: #524E4D;
    color: var(--main-lowerTxt-color);
    flex-direction: column;
    padding: 34px 6px;
    gap: 28px;
    width: 100%;
    height: auto;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgNzggMjUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzYuNzMwOCA5LjcwMjE1ZS0wNUgxLjI2OTIzQzAuNTc2OTIzIDkuNzAyMTVlLTA1IDAgMi41MjQzIDAgNS4zMjg5OEwxLjk2MTU0IDczLjIwMjFDMyAxMDguMjYxIDMgMTQzLjU5OSAxLjk2MTU0IDE3OC42NThMMCAyNDYuNjcxQzAgMjQ5LjQ3NiAwLjU3NjkyMyAyNTIgMS4yNjkyMyAyNTJINzYuNzMwOEM3Ny41Mzg1IDI1MiA3OC4xMTU0IDI0OS40NzYgNzggMjQ2LjY3MUw3Ni4wMzg1IDE3OC42NThDNzUgMTQzLjU5OSA3NSAxMDguMjYxIDc2LjAzODUgNzMuMjAyMUw3OCA1LjE4ODc1Qzc4IDIuMzg0MDcgNzcuNDIzMSAtMC4xNDAxMzcgNzYuNzMwOCAtMC4xNDAxMzdWOS43MDIxNWUtMDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center center/100% 100%;
    border-radius: 0;
    font-weight: 900;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a span {
    writing-mode: vertical-rl;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a i {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::before, #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a::after {
    display: none;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_btn a:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgNzggMjUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzYuNzMwOCAwLjAwMDIxOTA5MkgxLjI2OTIzQzAuNTc2OTIzIDAuMDAwMjE5MDkyIDAgMi41MjQ0MyAwIDUuMzI5MUwxLjk2MTU0IDczLjIwMjJDMyAxMDguMjYxIDMgMTQzLjYgMS45NjE1NCAxNzguNjU4TDAgMjQ2LjY3MUMwIDI0OS40NzYgMC41NzY5MjMgMjUyIDEuMjY5MjMgMjUySDc2LjczMDhDNzcuNTM4NSAyNTIgNzguMTE1NCAyNDkuNDc2IDc4IDI0Ni42NzFMNzYuMDM4NSAxNzguNjU4Qzc1IDE0My42IDc1IDEwOC4yNjEgNzYuMDM4NSA3My4yMDIyTDc4IDUuMTg4ODdDNzggMi4zODQxOSA3Ny40MjMxIC0wLjE0MDAxNSA3Ni43MzA4IC0wLjE0MDAxNVYwLjAwMDIxOTA5MloiIGZpbGw9IiNCREFDODIiLz4KPC9zdmc+Cg==) no-repeat center center/100% 100%;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_tel {
    display: none;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_lang a:hover {
    opacity: 0.7;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer {
    position: relative;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer p {
    display: block;
    position: absolute;
    right: calc(100% + 60px);
    top: 0;
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
    width: 220px;
  }
  #globalNavi .globalNavi-inner .globalNavi-side .globalNavi-side_footer a:hover {
    opacity: 0.7;
  }
}
#globalNavi .globalNavi-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1s;
  opacity: 0;
  visibility: hidden;
  z-index: 899;
  height: 100%;
}
#globalNavi .globalNavi-overlay .slideItem {
  position: relative;
}
#globalNavi .globalNavi-overlay .slideItem .slideImg {
  overflow: hidden;
  height: 100vh;
}
#globalNavi .globalNavi-overlay .slideItem .slideImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#globalNavi.is-open {
  pointer-events: auto;
}
#globalNavi.is-open .globalNavi-main {
  transform: translateY(0);
  opacity: 1;
}
#globalNavi.is-open .globalNavi-overlay,
#globalNavi.is-open .globalNavi-logo,
#globalNavi.is-open .globalNavi-side {
  opacity: 1;
  visibility: visible;
}

#breadcrumbs {
  display: none;
  padding: 140px 0 0;
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
}
#breadcrumbs > span {
  display: flex;
  gap: 3px;
  align-items: center;
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  color: #AFAFB0;
  color: var(--main-gray-color);
}
#breadcrumbs > span .breadcrumb_last {
  color: #8E7F59;
  color: var(--main-accent-color1);
}
@media screen and (min-width: 768px ) {
  #breadcrumbs {
    display: block;
    width: 84vw;
    max-width: 1112px;
  }
  #breadcrumbs a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
}

.asideContainer {
  position: relative;
  padding: 120px 0;
  z-index: 2;
  background: #EFE7CF;
  background: var(--bg-aside-color);
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  margin-top: -30px;
}
.asideContainer .sectionInner {
  padding: 0 7vw;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.asideContainer .sectionInner .sectionBlock {
  padding-bottom: 60px;
}
.asideContainer .sectionInner .sectionBlock .sectionLead {
  margin-bottom: 20px;
}
.asideContainer .sectionInner .sectionBlock .sectionLead i {
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 700;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  display: block;
  line-height: 100%;
}
.asideContainer .sectionInner .sectionBlock .sectionLead span {
  display: block;
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
  padding-top: 5px;
  font-weight: 400;
}
html[lang=en] .asideContainer .sectionInner .sectionBlock .sectionLead span {
  display: none;
}
@media screen and (min-width: 768px ) {
  .asideContainer .sectionInner .sectionBlock .sectionLead i {
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 960px ) {
  .asideContainer .sectionInner .sectionBlock .sectionLead i {
    font-size: 5.4rem;
  }
}
.asideContainer .sectionInner .sectionBlock .sectionDesc {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  line-height: 1.8;
  margin-bottom: 30px;
}
.asideContainer .sectionInner .sectionBlock .btnBase a {
  color: #ffffff;
  color: var(--main-wh-color);
  background: #524E4D;
  background: var(--main-lowerTxt-color);
  border-color: #524E4D;
  border-color: var(--main-lowerTxt-color);
}
.asideContainer .sectionInner .sectionBlock .btnBase.btnArrow a::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjA3TDcuNzEuMzZjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}
.asideContainer .sectionInner .sectionBlock .sectionImg {
  width: 190px;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px ) {
  .asideContainer .sectionInner {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    justify-content: center;
    gap: 6vw;
  }
  .asideContainer .sectionInner .sectionBlock {
    position: relative;
    padding-bottom: 60px;
  }
  .asideContainer .sectionInner .sectionBlock .btnBase {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(1) {
    width: 36.35vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(1) .btnBase a {
    margin-left: 0;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) {
    width: 49.4vw;
    display: flex;
    gap: 2.645vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionTxt {
    width: 30vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionImg {
    width: 16.86vw;
    margin: 0;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionImg a img {
    transition: 0.4s;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionImg a:hover img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 960px ) {
  .asideContainer .sectionInner {
    gap: 12vw;
  }
  .asideContainer .sectionInner .sectionBlock {
    padding-bottom: 0;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(1) {
    width: 22.35vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) {
    width: 39.4vw;
    gap: 2.645vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionTxt {
    width: 20vw;
  }
  .asideContainer .sectionInner .sectionBlock:nth-child(2) .sectionImg {
    width: 16.86vw;
  }
}

.footerContainer {
  position: relative;
  padding: 120px 0 50px;
  z-index: 1;
  background: #1E1E1E;
  background: var(--main-bk-color);
  margin-top: -30px;
  color: #AFAFB0;
  color: var(--main-gray-color);
}
.footerContainer .sectionInner {
  padding: 0 7vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerContainer .sectionInner .footerFrame {
  display: flex;
}
.footerContainer .sectionInner .footerLogo {
  margin-bottom: 50px;
  display: flex;
}
.footerContainer .sectionInner .footerLogo a {
  display: flex;
  align-items: center;
  flex: none;
  gap: 10px;
  writing-mode: vertical-rl;
  line-height: 1;
}
.footerContainer .sectionInner .footerLogo a svg {
  fill: currentColor;
}
.footerContainer .sectionInner .footerSns {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
}
.footerContainer .sectionInner .footerSns li a {
  width: 25px;
  height: 25px;
}
.footerContainer .sectionInner .footerSns li.footerSns_threads {
  opacity: 0.7;
}
.footerContainer .sectionInner .footerBlock-info {
  order: 4;
  margin-bottom: 40px;
}
.footerContainer .sectionInner .footerBlock-info .siteName {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 8px;
}
.footerContainer .sectionInner .footerBlock-info .sectionDesc {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.footerContainer .sectionInner .footerBlock-info .sectionDesc a {
  display: inline-block;
  text-decoration: underline;
}
.footerContainer .sectionInner .footerBlock-info .sectionDesc.sectionDesc-small {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  padding-top: 10px;
}
.footerContainer .sectionInner .footerBlock-info .sectionDesc.sectionDesc-small a {
  text-decoration: none;
}
.footerContainer .sectionInner .footerBlock-sitemap {
  color: #ffffff;
  color: var(--main-wh-color);
  order: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  margin-bottom: 100px;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu {
  width: 50%;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt {
  margin-bottom: 5px;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt a span {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  display: block;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt a i {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-style: normal;
  display: block;
}
html[lang=en] .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt a i {
  display: none;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dd {
  line-height: 1.5;
  padding-top: 10px;
}
.footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dd a {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  padding-left: 1em;
}
.footerContainer .sectionInner .copy {
  order: 5;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
}
@media screen and (min-width: 768px ) {
  .footerContainer {
    padding-top: 200px;
  }
  .footerContainer a:hover {
    opacity: 0.5;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu {
    width: 30%;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt {
    margin-bottom: 5px;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt a span {
    font-size: 1.8rem;
    font-size: var(--fontS-ml);
    display: block;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dt a i {
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
    font-style: normal;
    display: block;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dd {
    line-height: 1.5;
    padding-top: 10px;
  }
  .footerContainer .sectionInner .footerBlock-sitemap .footerList-menu dd a {
    font-size: 1.4rem;
    font-size: var(--fontS-s);
    padding-left: 1em;
  }
}
@media screen and (min-width: 960px ) {
  .footerContainer .sectionInner {
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
    padding-right: 0;
  }
  .footerContainer .sectionInner .footerLogo {
    margin-bottom: 0;
  }
  .footerContainer .sectionInner .footerSns {
    position: absolute;
    top: 35px;
    left: calc(56px + 14.4vw);
  }
  .footerContainer .sectionInner .footerBlock-info {
    order: 3;
    margin-bottom: 0;
    padding-left: 7.4vw;
    padding-top: 100px;
  }
  .footerContainer .sectionInner .footerBlock-info .siteName {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
    margin-bottom: 8px;
  }
  .footerContainer .sectionInner .footerBlock-info .sectionDesc {
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-size: var(--fontS-s);
  }
  .footerContainer .sectionInner .footerBlock-info .sectionDesc a {
    display: inline-block;
    text-decoration: underline;
  }
  .footerContainer .sectionInner .footerBlock-info .sectionDesc.sectionDesc-small {
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
    padding-top: 10px;
  }
  .footerContainer .sectionInner .footerBlock-info .sectionDesc.sectionDesc-small a {
    text-decoration: none;
  }
  .footerContainer .sectionInner .footerBlock-sitemap {
    order: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 0;
    margin-bottom: 120px;
    margin-left: auto;
    padding-right: 0;
    width: 58%;
  }
  html[lang=en] .footerContainer .sectionInner .footerBlock-sitemap {
    width: 100%;
    margin-top: 40px;
    margin-left: calc(48px + 7.4vw);
  }
  .footerContainer .sectionInner .copy {
    width: 100%;
    text-align: center;
    padding-right: 7vw;
  }
}

.btnBase a {
  width: -moz-max-content;
  width: max-content;
  min-width: 300px;
  max-width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  border-radius: 40px;
  position: relative;
  font-weight: 500;
  font-size: 2rem;
  font-size: var(--fontS-l);
  letter-spacing: 6%;
  margin-left: auto;
  margin-right: auto;
}
.btnBase.btnBk a {
  background: #1E1E1E;
  background: var(--main-bk-color);
  background: var(--main-bk-color);
  border-color: #1E1E1E;
  border-color: var(--main-bk-color);
  color: #ffffff;
  color: var(--main-wh-color);
}
.btnBase.btnArrow a {
  gap: 12px;
}
.btnBase.btnArrow a::after {
  content: "";
  display: block;
  width: 15px;
  height: 13px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}
.btnBase.btnBlank a {
  gap: 12px;
  color: #ffffff;
  color: var(--main-wh-color);
  background: #524E4D;
  background: var(--main-lowerTxt-color);
  border-color: #524E4D;
  border-color: var(--main-lowerTxt-color);
}
.btnBase.btnBlank a::after {
  content: "";
  display: block;
  width: 15px;
  height: 13px;
  transform: rotate(-45deg);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjA3TDcuNzEuMzZjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}
@media screen and (min-width: 768px ) {
  .btnBase a:hover {
    background: #B7A67A !important;
    background: var(--main-accent-color3) !important;
    border-color: #B7A67A !important;
    border-color: var(--main-accent-color3) !important;
    color: #1E1E1E !important;
    color: var(--main-bk-color) !important;
  }
  .btnBase.btnArrow a:hover::after {
    transition: 0.4s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain !important;
  }
  .btnBase.btnBlank a:hover::after {
    transition: 0.4s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
  }
}

.btnInline {
  width: 100%;
  max-width: 300px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  border-radius: 40px;
  position: relative;
  font-weight: 500;
  font-size: 2rem;
  font-size: var(--fontS-l);
  letter-spacing: 6%;
  margin-left: auto;
  margin-right: auto;
}
.btnInline.btnArrow {
  gap: 12px;
}
.btnInline.btnArrow::after {
  content: "";
  display: block;
  width: 15px;
  height: 13px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}
@media screen and (min-width: 768px ) {
  .btnInline {
    transition: 0.4s;
  }
  .btnInline.btnArrow:hover::after {
    transition: 0.4s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain !important;
  }
}

.btnBlock {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.btnBlock .btnBase a {
  padding: 0 2em;
  width: -moz-fit-content;
  width: fit-content;
}
.btnBlock .btnBase.btnLarge a {
  min-width: 280px;
}
@media screen and (min-width: 768px ) {
  .btnBlock {
    flex-direction: row;
    gap: 10px;
  }
}

.textLink {
  color: #8E7F59;
  color: var(--main-accent-color1);
  text-decoration: underline;
  display: inline-block;
}
@media screen and (min-width: 768px ) {
  .textLink:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
    text-decoration: none;
  }
}

.linkBlank {
  display: inline-block;
  text-decoration: underline;
}
.linkBlank::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjgzMzMgOC4yMjIyMlYxMi41NTU2QzExLjgzMzMgMTIuOTM4NiAxMS42ODEyIDEzLjMwNiAxMS40MTAzIDEzLjU3NjlDMTEuMTM5NCAxMy44NDc4IDEwLjc3MiAxNCAxMC4zODg5IDE0SDIuNDQ0NDRDMi4wNjEzNSAxNCAxLjY5Mzk1IDEzLjg0NzggMS40MjMwNyAxMy41NzY5QzEuMTUyMTggMTMuMzA2IDEgMTIuOTM4NiAxIDEyLjU1NTZWNC42MTExMUMxIDQuMjI4MDIgMS4xNTIxOCAzLjg2MDYyIDEuNDIzMDcgMy41ODk3M0MxLjY5Mzk1IDMuMzE4ODUgMi4wNjEzNSAzLjE2NjY3IDIuNDQ0NDQgMy4xNjY2N0g2Ljc3Nzc4TTkuNjY2NjcgMUgxNE0xNCAxVjUuMzMzMzNNMTQgMUw2LjA1NTU2IDguOTQ0NDQiIHN0cm9rZT0iIzFFMUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center center/contain;
}
@media screen and (min-width: 768px ) {
  .linkBlank:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
    text-decoration: none;
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #1E1E1E;
  border: 1px solid var(--main-bk-color);
  background: #ffffff;
  background: var(--main-wh-color);
  border-radius: 50%;
  transition: opacity 0.4s;
  cursor: pointer;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat center center/14px auto;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.swiper-button-prev::after {
  transform: rotate(180deg);
}

.home .sectionContainer {
  position: relative;
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  overflow: hidden;
}
.home .sectionContainer::before {
  pointer-events: none;
}
.home .sectionContainer .sectionInner {
  padding-left: 7vw;
}
@media screen and (min-width: 768px ) {
  .home .sectionContainer .sectionInner {
    padding-left: 5.3vw;
  }
}
.home .sectionContainer .sectionLead i {
  font-size: 6rem;
  font-style: normal;
  font-weight: 700;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  display: block;
  line-height: 100%;
}
.home .sectionContainer .sectionLead small {
  display: block;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  font-weight: 400;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  padding-top: 0.5em;
}
.home .sectionContainer .sectionLead span {
  display: block;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-top: 20px;
}
@media screen and (min-width: 768px ) {
  .home .sectionContainer .sectionLead i {
    font-size: 6.4rem;
  }
  .home .sectionContainer .sectionLead small {
    padding-top: 0.8em;
  }
  .home .sectionContainer .sectionLead span {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
    padding-top: 40px;
  }
}
.home .sectionCover-wh {
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  position: relative;
  z-index: 3;
}
.home .sectionCover-wh .sectionContainer .sectionLead {
  text-align: center;
}
.home .sectionCover-wh .sectionContainer .sectionLead i {
  font-size: 5.4rem;
}

#mainVisual {
  background: #1E1E1E;
  background: var(--main-bk-color);
  padding-bottom: 1px;
  z-index: 11;
}
#mainVisual .sectionInner {
  padding-left: 0;
}
#mainVisual .mvSlide {
  height: 100%;
}
#mainVisual .mvSlide .slideItem {
  position: relative;
}
#mainVisual .mvSlide .slideItem .slideImg {
  overflow: hidden;
  height: 100vh;
}
#mainVisual .mvSlide .slideItem .slideImg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  background-blend-mode: multiply;
}
#mainVisual .mvSlide .slideItem .slideImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px ) {
  #mainVisual .mvSlide .slideItem .slideImg {
    min-height: 740px;
  }
}
#mainVisual .mvSlide .slideItem .slideTxt {
  position: absolute;
  left: 7vw;
  bottom: 160px;
  z-index: 1;
  color: #ffffff;
  color: var(--main-wh-color);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#mainVisual .mvSlide .slideItem .slideTxt span {
  font-weight: 900;
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
#mainVisual .mvSlide .slideItem .slideTxt i {
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-weight: 350;
  font-style: normal;
}
html[lang=en] #mainVisual .mvSlide .slideItem .slideTxt i {
  display: none;
}
#mainVisual .mvSlide .slideItem.swiper-slide-active .slideImg img, #mainVisual .mvSlide .slideItem.swiper-slide-duplicate-active .slideImg img, #mainVisual .mvSlide .slideItem.swiper-slide-prev .slideImg img {
  animation: zoomanime 6s linear 0s normal both;
}
#mainVisual .mvMenu,
#mainVisual .mvSide-menu,
#mainVisual .topScroll {
  position: absolute;
  z-index: 1;
}
#mainVisual .mvMenu {
  left: 7vw;
  bottom: 70px;
  display: flex;
  align-items: center;
  gap: 45px;
  color: #ffffff;
  color: var(--main-wh-color);
}
#mainVisual .mvMenu .mvMenu-lang {
  display: flex;
  gap: 5px;
}
#mainVisual .mvMenu .mvMenu-lang li {
  display: flex;
  gap: 5px;
}
#mainVisual .mvMenu .mvMenu-lang li:first-child::after {
  content: "/";
  display: block;
}
#mainVisual .mvMenu .mvMenu-lang li a.activeLang {
  text-decoration: underline;
}
html[lang=ja] #mainVisual .mvMenu .mvMenu-lang a[data-stt-changelang=ja] {
  text-decoration: underline;
}
html[lang=en] #mainVisual .mvMenu .mvMenu-lang a[data-stt-changelang=en] {
  text-decoration: underline;
}
#mainVisual .mvMenu .mvMenu-sns {
  display: flex;
  gap: 20px;
}
#mainVisual .mvMenu .mvMenu-sns li a {
  width: 25px;
  height: 25px;
}
#mainVisual .mvMenu .mvMenu-other {
  display: none;
  gap: 30px;
}
#mainVisual .mvMenu .mvMenu-other .mvMenu-item a {
  line-height: 1.4;
}
#mainVisual .mvMenu .mvMenu-other .mvMenu-item a span {
  display: block;
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
#mainVisual .mvMenu .mvMenu-other .mvMenu-item a i {
  display: block;
  font-style: normal;
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
}
@media screen and (min-width: 768px ) {
  #mainVisual .mvMenu .mvMenu-other {
    display: flex;
  }
}
@media screen and (min-width: 768px ) {
  #mainVisual .mvMenu a:hover {
    opacity: 0.7;
  }
}
#mainVisual .mvSide-menu {
  right: 3vw;
  top: 150px;
  z-index: 1;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
#mainVisual .mvSide-menu .menuItem,
#mainVisual .mvSide-menu .menuItem a {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  color: #ffffff;
  color: var(--main-wh-color);
}
#mainVisual .mvSide-menu .menuItem span,
#mainVisual .mvSide-menu .menuItem a span {
  font-weight: 600;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
html[lang=en] #mainVisual .mvSide-menu .menuItem span,
html[lang=en] #mainVisual .mvSide-menu .menuItem a span {
  display: none;
}
#mainVisual .mvSide-menu .menuItem i,
#mainVisual .mvSide-menu .menuItem a i {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-style: normal;
}
html[lang=en] #mainVisual .mvSide-menu .menuItem i,
html[lang=en] #mainVisual .mvSide-menu .menuItem a i {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
@media screen and (min-width: 768px ) {
  #mainVisual .mvSide-menu {
    display: flex;
  }
  #mainVisual .mvSide-menu .menuItem,
  #mainVisual .mvSide-menu .menuItem a {
    transition: 0.4s;
  }
  #mainVisual .mvSide-menu .menuItem:hover,
  #mainVisual .mvSide-menu .menuItem a:hover {
    color: #BDAC82;
    color: var(--main-accent-color2);
  }
}
#mainVisual .topScroll {
  margin-inline: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
#mainVisual .topScroll span {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  writing-mode: vertical-rl;
  line-height: 1;
  height: 210px;
  color: #AFAFB0;
  color: var(--main-gray-color);
}
#mainVisual .topScroll span::after {
  content: "";
  display: block;
  background: #AFAFB0;
  background: var(--main-gray-color);
  left: 0.3em;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 1px;
  height: 166px;
  animation: sdl 3s cubic-bezier(0.6, 0, 0, 0.6) infinite;
}
@media screen and (min-width: 768px ) {
  #mainVisual .topScroll {
    display: block;
  }
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
#topHero {
  padding: 120px 0;
  margin-top: -30px;
  color: #AFAFB0;
  color: var(--main-gray-color);
  overflow-y: auto;
}
@media screen and (min-width: 768px ) {
  #topHero {
    padding-top: 180px;
  }
}
#topHero::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #222222 0%, #1E1E1E 36.54%, #060607 100%);
  mix-blend-mode: multiply;
  border-radius: 0 0 100% 100%/0 0 30px 30px;
}
#topHero .sectionInner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  z-index: 11;
}
@media screen and (min-width: 768px ) {
  #topHero .sectionInner {
    flex-direction: row;
  }
}
#topHero .sectionInner .sectionLead i {
  font-size: 6rem;
  font-style: normal;
  font-weight: 700;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  line-height: 100%;
}
#topHero .sectionInner .sectionLead span {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-top: 16px;
}
@media screen and (min-width: 768px ) {
  #topHero .sectionInner .sectionLead {
    width: 50%;
  }
  #topHero .sectionInner .sectionLead i {
    font-size: 8em;
  }
}
@media screen and (min-width: 960px ) {
  #topHero .sectionInner .sectionLead i {
    font-size: 10rem;
  }
}
#topHero .sectionInner .sectionSummary {
  width: 90%;
}
#topHero .sectionInner .sectionSummary .sectionDesc {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  line-height: 200%;
  margin-bottom: 1em;
}
html[lang=en] #topHero .sectionInner .sectionSummary .sectionDesc {
  line-height: 1.8;
}
@media screen and (min-width: 768px ) {
  #topHero .sectionInner .sectionSummary {
    width: 33vw;
  }
  #topHero .sectionInner .sectionSummary .sectionDesc {
    font-size: 1.8rem;
    font-size: var(--fontS-ml);
    margin-bottom: 2.5em;
  }
}

#topProject {
  z-index: 9;
  padding: 100px 0 120px;
  margin-top: -30px;
  background: #0F110F;
  color: #AFAFB0;
  color: var(--main-gray-color);
}
#topProject::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 1px);
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  background: url(../0cc67add0389fccbe74f.webp) repeat 0 0;
  mix-blend-mode: multiply;
}
#topProject .sectionInner {
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: relative;
  z-index: 1;
}
#topProject .sectionInner .sectionLead small {
  padding-top: 0.5em;
}
#topProject .sectionInner .sectionLead span {
  padding-top: 20px;
}
#topProject .sectionInner .sectionHorizontal {
  position: relative;
  overflow: hidden;
}
#topProject .sectionInner .sectionHorizontal .imageTrack {
  display: flex;
  gap: 40px;
  flex-direction: column;
  height: auto;
  margin-bottom: 28px;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer {
  width: 95%;
  height: auto;
  max-height: calc(100vh - 100px);
  aspect-ratio: 12/19;
  position: relative;
  flex-shrink: 0;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a {
  height: 100%;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(31, 31, 31, 0.5);
  mix-blend-mode: multiply;
  pointer-events: none;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer figure {
  width: 100%;
  height: 100%;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .cat,
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt {
  position: absolute;
  z-index: 3;
  color: #ffffff;
  color: var(--main-wh-color);
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .cat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1em;
  height: 40px;
  top: 20px;
  right: 27px;
  border: 1px solid #ffffff;
  border: 1px solid var(--main-wh-color);
  border-radius: 20px;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt {
  position: absolute;
  left: 27px;
  bottom: 20px;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt span {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  font-weight: 900;
  display: block;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt i {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  font-style: normal;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .btnInline {
  display: none;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  border: 1px solid #ffffff;
  border: 1px solid var(--main-wh-color);
  padding: 0;
}
#topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .btnInline.btnArrow::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjA3TDcuNzEuMzZjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}
@media screen and (min-width: 768px ) {
  #topProject {
    padding: 200px 0;
  }
  #topProject .sectionInner {
    display: block;
    padding: 0;
  }
  #topProject .sectionInner .sectionLead {
    position: absolute;
    left: 5.3vw;
    top: 0px;
    z-index: 1;
  }
  #topProject .sectionInner .sectionHorizontal {
    padding-left: 20vw;
    padding-right: 5vw;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack {
    gap: 30px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer {
    width: 100%;
    height: 100%;
    position: relative;
    flex-shrink: 0;
    aspect-ratio: auto;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(31, 31, 31, 0.5);
    mix-blend-mode: multiply;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer figure {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -2;
    transition: 0.5s;
    aspect-ratio: 27/22;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .cat,
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt {
    position: absolute;
    z-index: 3;
    color: #ffffff;
    color: var(--main-wh-color);
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .cat {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1em;
    height: 40px;
    top: 20px;
    right: 20px;
    border: 1px solid #ffffff;
    border: 1px solid var(--main-wh-color);
    border-radius: 20px;
    transition: 0.5s;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt {
    position: absolute;
    left: 20px;
    bottom: 30px;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt span {
    font-size: 1.4rem;
    font-size: var(--fontS-s);
    font-weight: 900;
    display: block;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt i {
    font-size: 1.2rem;
    font-size: var(--fontS-2xs);
    font-family: "Noto Sans JP", sans-serif;
    font-family: var(--fontf-noto);
    font-style: normal;
  }
  html[lang=en] #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .slideTxt i {
    display: none;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer .btnInline {
    display: flex;
    bottom: 30px;
    right: 20px;
    width: 170px;
    height: 42px;
    transition: 0.5s;
    font-size: 1.8rem;
    font-size: var(--fontS-ml);
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a {
    height: 100%;
    overflow: hidden;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a:hover figure {
    transform: scale(1.05);
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a:hover .cat {
    background: #ffffff;
    background: var(--main-wh-color);
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a:hover .btnInline {
    background: #B7A67A;
    background: var(--main-accent-color3);
    color: #1E1E1E;
    color: var(--main-bk-color);
    border-color: #B7A67A;
    border-color: var(--main-accent-color3);
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer a:hover .btnInline::after {
    transition: 0.4s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICM1MjRlNGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjUzTDcuNzEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain !important;
  }
}
@media screen and (min-width: 1080px ) {
  #topProject .sectionInner .sectionHorizontal .imageTrack {
    gap: 3%;
    flex-direction: row;
  }
  #topProject .sectionInner .sectionHorizontal .imageTrack .imageContainer {
    width: 48.5%;
  }
}

#topMaterial {
  z-index: 8;
  padding: 100px 0 120px;
  margin-top: -30px;
  background: #141614;
  color: #AFAFB0;
  color: var(--main-gray-color);
}
#topMaterial::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 1px);
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  background: url(../0cc67add0389fccbe74f.webp) repeat 0 0;
  mix-blend-mode: multiply;
  opacity: 0.7;
}
#topMaterial .sectionInner {
  padding-right: 7vw;
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: relative;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item {
  width: calc(50% - 10px);
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a figure {
  width: 100%;
  height: 100%;
  aspect-ratio: 73/55;
  margin-bottom: 15px;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a h3 i {
  display: block;
  font-style: normal;
  color: #B7A67A;
  color: var(--main-accent-color3);
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a h3 span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a h3 span::after {
  content: "";
  flex: none;
  display: block;
  margin-left: 0.5em;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--main-wh-color);
  border-right: 1px solid #ffffff;
  border-right: 1px solid var(--main-wh-color);
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a p {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  padding-top: 10px;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item.material-item_primary {
  width: 100%;
  margin-bottom: 30px;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item.material-item_primary a figure {
  aspect-ratio: 80/93;
}
#topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item.material-item_primary a h3 span {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  justify-content: flex-start;
}
#topMaterial .sectionInner .btnBase {
  margin-top: 85px;
}
#topMaterial .sectionInner .btnBase a {
  color: #B7A67A;
  color: var(--main-accent-color3);
}
#topMaterial .sectionInner .btnBase a::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNiN2E2N2E7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44Niw2LjUzTDguMjEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlIMWMtLjI4LDAtLjUuMjItLjUuNXMuMjIuNS41LjVoMTIuMTVsLTUuNTksNC43OWMtLjIxLjE4LS4yMy41LS4wNS43MS4xOC4yMS41LjIzLjcxLjA1bDYuNjUtNS43Yy4yMi0uMTguMjItLjUyLDAtLjdaIi8+Cjwvc3ZnPg==) no-repeat 0 0/contain;
}
@media screen and (min-width: 768px ) {
  #topMaterial {
    padding: 150px 0;
  }
  #topMaterial .sectionInner {
    display: flex;
    flex-direction: row;
  }
  #topMaterial .sectionInner .sectionLead {
    padding-top: 100px;
    width: 30vw;
    flex: none;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material {
    gap: 40px 4%;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item {
    width: 30.66666%;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a figure {
    overflow: hidden;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a figure img {
    transition: 0.4s;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a h3 span::after {
    transition: 0.4s;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a:hover figure img {
    transform: scale(1.05);
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item a:hover h3 span::after {
    border-top: 1px solid #B7A67A;
    border-top: 1px solid var(--main-accent-color3);
    border-right: 1px solid #B7A67A;
    border-right: 1px solid var(--main-accent-color3);
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item.material-item_primary {
    width: 48%;
    margin-bottom: 20px;
  }
  #topMaterial .sectionInner .sectionSummary .sectionList-material .sectionMaterial-list_item.material-item_primary a figure {
    aspect-ratio: 53/77;
  }
}

#topTechnology {
  z-index: 7;
  padding: 100px 0 120px;
  margin-top: -30px;
  color: #AFAFB0;
  color: var(--main-gray-color);
  background: #1f211e;
}
@media screen and (min-width: 768px ) {
  #topTechnology {
    padding: 150px 0;
  }
}
#topTechnology::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 1px);
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  background: url(../0cc67add0389fccbe74f.webp) repeat 0 0;
  mix-blend-mode: multiply;
  opacity: 0.3;
}
#topTechnology .sectionInner {
  display: flex;
  flex-direction: column;
  gap: 70px;
  position: relative;
  padding-left: 0;
}
#topTechnology .sectionInner .sectionLead {
  padding-left: 7vw;
}
@media screen and (min-width: 768px ) {
  #topTechnology .sectionInner .sectionLead {
    padding-left: 5.3vw;
  }
}
#topTechnology .sectionInner .sectionHorizontalArrow {
  position: relative;
  padding-left: 5vw;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack {
  display: flex;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer {
  padding-left: 2vw;
  padding-right: 5vw;
  width: 90vw;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer figure {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 20px;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer .slideDesc {
  transition: 0.8s;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer .cat {
  font-size: 2rem;
  font-size: var(--fontS-l);
  margin-bottom: 10px;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer .slideTxt {
  line-height: 1.65;
}
#topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer.swiper-slide-active .slideDesc {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev,
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next {
  width: 34px;
  height: 34px;
  top: 42vw;
  margin-top: -17px;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  background: #1E1E1E;
  background: var(--main-bk-color);
}
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev::after,
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNiN2E2N2E7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44Niw2LjUzTDguMjEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlIMWMtLjI4LDAtLjUuMjItLjUuNXMuMjIuNS41LjVoMTIuMTVsLTUuNTksNC43OWMtLjIxLjE4LS4yMy41LS4wNS43MS4xOC4yMS41LjIzLjcxLjA1bDYuNjUtNS43Yy4yMi0uMTguMjItLjUyLDAtLjdaIi8+Cjwvc3ZnPg==) no-repeat center center/14px auto;
}
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev {
  left: 0;
}
#topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next {
  right: 0;
}
@media screen and (min-width: 768px ) {
  #topTechnology .sectionInner .sectionHorizontalArrow {
    padding-left: 5.3vw;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer {
    padding-left: 0;
    padding-right: 100px;
    display: flex;
    align-items: flex-end;
    gap: 2.645vw;
    width: 70vw;
    min-width: 888px;
  }
  html[lang=en] #topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer {
    align-items: flex-start;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer figure {
    width: 43vw;
    max-width: 653px;
    margin-bottom: 0;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer .slideDesc {
    min-width: 280px;
    width: 24vw;
    max-width: 361px;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .imageTrack .imageContainer .cat {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
    margin-bottom: 10px;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev,
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next {
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev::after,
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNiN2E2N2E7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44Niw2LjUzTDguMjEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlIMWMtLjI4LDAtLjUuMjItLjUuNXMuMjIuNS41LjVoMTIuMTVsLTUuNTksNC43OWMtLjIxLjE4LS4yMy41LS4wNS43MS4xOC4yMS41LjIzLjcxLjA1bDYuNjUtNS43Yy4yMi0uMTguMjItLjUyLDAtLjdaIi8+Cjwvc3ZnPg==) no-repeat center center/25px auto;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-prev {
    left: 5.3vw;
  }
  #topTechnology .sectionInner .sectionHorizontalArrow .swiper-button-next {
    right: calc(31vw - 100px);
    margin-right: -35px;
  }
}
#topTechnology .sectionInner .btnBase {
  margin-top: 20px;
}
#topTechnology .sectionInner .btnBase a {
  color: #B7A67A;
  color: var(--main-accent-color3);
}
#topTechnology .sectionInner .btnBase a::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNiN2E2N2E7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44Niw2LjUzTDguMjEuODNjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlIMWMtLjI4LDAtLjUuMjItLjUuNXMuMjIuNS41LjVoMTIuMTVsLTUuNTksNC43OWMtLjIxLjE4LS4yMy41LS4wNS43MS4xOC4yMS41LjIzLjcxLjA1bDYuNjUtNS43Yy4yMi0uMTguMjItLjUyLDAtLjdaIi8+Cjwvc3ZnPg==) no-repeat 0 0/contain;
}
@media screen and (min-width: 768px ) {
  #topTechnology .sectionInner .btnBase {
    margin-top: 100px;
  }
}

#topVisualbook {
  color: #ffffff;
  color: var(--main-wh-color);
  margin-top: -30px;
  z-index: 6;
  overflow: hidden;
}
#topVisualbook .sectionInner {
  padding: 150px 7vw 120px;
  width: 100vw;
  height: 100%;
}
@media screen and (min-width: 768px ) {
  #topVisualbook {
    min-height: 100svh;
  }
  #topVisualbook .sectionInner {
    min-height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #topVisualbook .sectionInner .btnInline::after {
    transition: 0.5s;
  }
}
#topVisualbook .background {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 130%;
  height: 105%;
  background: url(../973ebb085394ee5a91c0.webp) no-repeat 0 center/cover;
}
@media screen and (min-width: 768px ) {
  #topVisualbook .background {
    background: url(../8bb255ec8c8358f99501.webp) no-repeat center center/cover;
    width: 110%;
  }
}
#topVisualbook::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  mix-blend-mode: multiply;
}
#topVisualbook .sectionLead {
  position: relative;
  gap: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#topVisualbook .sectionLead span {
  display: block;
  font-size: 4.8rem;
  font-size: var(--fontS-max);
  margin: 0;
  padding: 0;
  height: 455px;
  max-height: 58vh;
}
#topVisualbook .sectionLead span img, #topVisualbook .sectionLead span svg {
  height: 100%;
  width: auto;
  max-height: 100%;
  fill: currentColor;
}
#topVisualbook .sectionLead em {
  position: absolute;
  right: -110px;
  top: 0;
  font-style: normal;
  writing-mode: vertical-rl;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
@media screen and (max-width: 767.98px ) {
  #topVisualbook .sectionLead em {
    font-size: min(5vw, 14px);
    right: -70px;
  }
}
#topVisualbook .sectionLead i {
  display: block;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  font-size: var(--fontS-xs);
  line-height: 110%;
  letter-spacing: 3%;
  text-align: center;
}
#topVisualbook .sectionLead small {
  display: block;
  line-height: 2;
}
#topVisualbook .btnBase a {
  width: 300px;
  color: #ffffff;
  color: var(--main-wh-color);
  border-color: #ffffff;
  border-color: var(--main-wh-color);
  margin-top: 40px;
}
#topVisualbook .btnBase a::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTUgMTMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS42LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCA5KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zNiw2LjA3TDcuNzEuMzZjLS4yMS0uMTgtLjUzLS4xNS0uNzEuMDUtLjE4LjIxLS4xNS41My4wNS43MWw1LjU5LDQuNzlILjVjLS4yOCwwLS41LjIyLS41LjVzLjIyLjUuNS41aDEyLjE1bC01LjU5LDQuNzljLS4yMS4xOC0uMjMuNS0uMDUuNzEuMTguMjEuNS4yMy43MS4wNWw2LjY1LTUuN2MuMjItLjE4LjIyLS41MiwwLS43WiIvPgo8L3N2Zz4=) no-repeat 0 0/contain;
}

.sectionCover-wh + #topVisualbook {
  z-index: 2;
}

#topExperience {
  margin-top: -30px;
  z-index: 5;
  padding: 120px 0 90px;
}
#topExperience .sectionInner {
  padding: 0 15.5vw;
}
#topExperience .sectionInner .sectionLead {
  margin-bottom: 50px;
}
#topExperience .sectionInner .sectionLead span {
  font-size: 3.2rem;
  font-size: var(--fontS-3xl);
}
#topExperience .sectionInner .sectionList-experience {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#topExperience .sectionInner .sectionList-experience .experience-item a {
  text-align: center;
}
#topExperience .sectionInner .sectionList-experience .experience-item a figure {
  margin-bottom: 10px;
  aspect-ratio: 67/50;
}
#topExperience .sectionInner .sectionList-experience .experience-item a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#topExperience .sectionInner .sectionList-experience .experience-item a h3 {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 10px;
}
#topExperience .sectionInner .sectionList-experience .experience-item a .sectionDesc {
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  letter-spacing: 5%;
  margin-bottom: 20px;
}
#topExperience .sectionInner .sectionList-experience .experience-item a .btnInline {
  background: #1E1E1E;
  background: var(--main-bk-color);
  border-color: #1E1E1E;
  border-color: var(--main-bk-color);
  color: #ffffff;
  color: var(--main-wh-color);
  height: 40px;
  width: 180px;
}
@media screen and (min-width: 768px ) {
  #topExperience {
    padding: 120px 0 140px;
    max-width: 888px;
    margin-left: auto;
    margin-right: auto;
  }
  #topExperience .sectionInner {
    padding: 0;
  }
  #topExperience .sectionInner .sectionList-experience {
    width: 100%;
    flex-direction: row;
    gap: 5%;
  }
  #topExperience .sectionInner .sectionList-experience .experience-item {
    width: 30%;
  }
  #topExperience .sectionInner .sectionList-experience .experience-item a figure {
    aspect-ratio: 44/57;
    overflow: hidden;
  }
  #topExperience .sectionInner .sectionList-experience .experience-item a figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.4s;
  }
  #topExperience .sectionInner .sectionList-experience .experience-item a .btnInline {
    transition: 0.4s;
  }
  #topExperience .sectionInner .sectionList-experience .experience-item a:hover figure img {
    transform: scale(1.05);
  }
  #topExperience .sectionInner .sectionList-experience .experience-item a:hover .btnInline {
    background: #B7A67A;
    background: var(--main-accent-color3);
    border-color: #B7A67A;
    border-color: var(--main-accent-color3);
  }
  #topExperience .sectionInner .sectionList-experience .experience-item:first-child a figure img {
    -o-object-position: right top;
       object-position: right top;
  }
}

#topShop {
  padding: 0 7vw 130px;
}
#topShop .sectionInner {
  padding: 60px 0 0;
  border-top: #9BA88D solid 1px;
}
#topShop .sectionInner .sectionLead {
  margin-bottom: 26px;
}
#topShop .sectionInner .sectionColumn .sectionImg {
  margin-bottom: 25px;
}
#topShop .sectionInner .sectionColumn .sectionTxt h3 {
  font-weight: 900;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 10px;
}
#topShop .sectionInner .sectionColumn .sectionTxt p {
  margin-bottom: 25px;
  line-height: 1.7;
}
#topShop .sectionInner .sectionColumn .sectionTxt .btnBk a {
  min-width: 218px;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
#topShop .sectionInner .google-map {
  filter: grayscale(100);
  padding-top: 75%;
}
@media screen and (min-width: 768px ) {
  #topShop {
    padding: 0 0 180px;
    max-width: 888px;
    margin-left: auto;
    margin-right: auto;
  }
  #topShop .sectionInner {
    padding: 120px 0 0;
  }
  #topShop .sectionInner .sectionLead {
    margin-bottom: 60px;
  }
  #topShop .sectionInner .sectionColumn {
    display: flex;
    gap: 40px;
    margin-bottom: 45px;
  }
  #topShop .sectionInner .sectionColumn .sectionImg {
    width: calc(50% - 20px);
    margin: 0;
  }
  #topShop .sectionInner .sectionColumn .sectionTxt {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
  }
  #topShop .sectionInner .sectionColumn .sectionTxt p {
    font-size: 1.4rem;
    font-size: var(--fontS-s);
  }
  #topShop .sectionInner .sectionColumn .sectionTxt .btnBk {
    margin: auto 0 0;
  }
  #topShop .sectionInner .sectionColumn .sectionTxt .btnBk a {
    margin: 0;
  }
  #topShop .sectionInner .google-map {
    padding-top: 50%;
  }
}

#topNews-blog .sectionInner {
  padding: 0 7vw 120px;
}
#topNews-blog .sectionLead {
  margin-bottom: 60px;
}
#topNews-blog .sectionList-news {
  border-top: 1px solid #AFAFB0;
  border-top: 1px solid var(--main-gray-color);
  margin-bottom: 40px;
}
#topNews-blog .sectionList-news .news-item a {
  padding: 30px 0;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
#topNews-blog .sectionList-news .news-item a .post-info {
  display: flex;
  flex-wrap: wrap;
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
}
#topNews-blog .sectionList-news .news-item a .post-info time {
  width: 110px;
}
#topNews-blog .sectionList-news .news-item a .post-info .post-cat {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
#topNews-blog .sectionList-news .news-item a .post-ttl {
  font-weight: 400;
  padding-top: 20px;
}
#topNews-blog .btnBase a {
  border: 1px solid #1E1E1E;
  border: 1px solid var(--main-bk-color);
}
@media screen and (min-width: 768px ) {
  #topNews-blog .sectionInner {
    padding: 0 5.3vw 150px;
  }
  #topNews-blog .sectionInner .sectionColumn {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionLead {
    flex: none;
    text-align: left;
    max-width: 424px;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news {
    width: 100%;
    max-width: 888px;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a {
    padding: 20px 0 30px;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a .post-ttl {
    padding: 20px 40px 0;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a .post-info,
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a .post-ttl {
    transition: 0.4s;
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
    border-bottom: 1px solid #B7A67A;
    border-bottom: 1px solid var(--main-accent-color3);
  }
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a:hover .post-info,
  #topNews-blog .sectionInner .sectionColumn .sectionList-news .news-item a:hover .post-ttl {
    transform: translateX(10px);
  }
  #topNews-blog .sectionInner .sectionColumn .btnBase {
    position: absolute;
    left: 5.3vw;
    top: 90px;
  }
}

.page .sectionContainer,
.error404 .sectionContainer {
  position: relative;
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  overflow: hidden;
}
.page .sectionContainer::before,
.error404 .sectionContainer::before {
  pointer-events: none;
}
.page .sectionContainer .sectionInner,
.error404 .sectionContainer .sectionInner {
  padding-left: 7vw;
}
@media screen and (min-width: 768px ) {
  .page .sectionContainer .sectionInner,
  .error404 .sectionContainer .sectionInner {
    padding-left: 5.3vw;
  }
}
.page .sectionCover-wh,
.error404 .sectionCover-wh {
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  position: relative;
  z-index: 3;
}
.page .sectionCover-wh .sectionContainer .sectionLead,
.error404 .sectionCover-wh .sectionContainer .sectionLead {
  text-align: center;
}
.page .sectionCover-wh .sectionContainer .sectionLead i,
.error404 .sectionCover-wh .sectionContainer .sectionLead i {
  font-size: 5.4rem;
}
.page .sectionMv,
.error404 .sectionMv {
  aspect-ratio: 14/11;
  margin: 0 calc(50% - 50vw) 40px;
}
.page .sectionMv img,
.error404 .sectionMv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page .sectionMv figcaption,
.error404 .sectionMv figcaption {
  padding-top: 10px;
}
.page .sectionMv.ratioNo,
.error404 .sectionMv.ratioNo {
  aspect-ratio: auto;
}
@media screen and (min-width: 768px ) {
  .page .sectionMv,
  .error404 .sectionMv {
    aspect-ratio: 11/4;
    margin: 0 0 50px;
  }
  .page .sectionMv.ratioNo,
  .error404 .sectionMv.ratioNo {
    aspect-ratio: auto;
  }
}
.page .sectionTitle,
.error404 .sectionTitle {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  margin-bottom: 40px;
}
.page .sectionTitle span,
.error404 .sectionTitle span {
  padding-top: 20px;
  display: block;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  line-height: 1.2;
}
.page .sectionTitle em,
.error404 .sectionTitle em {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  color: #8E7F59;
  color: var(--main-accent-color1);
  font-weight: 400;
  font-style: normal;
  display: block;
}
@media screen and (min-width: 768px ) {
  .page .sectionTitle,
  .error404 .sectionTitle {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
    margin-bottom: 40px;
  }
  .page .sectionTitle span,
  .error404 .sectionTitle span {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
  .page .sectionTitle em,
  .error404 .sectionTitle em {
    margin-bottom: 10px;
  }
}
.page .sectionSubtitle,
.error404 .sectionSubtitle {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  text-align: center;
  margin-bottom: 30px;
}
.page .introductionBlock,
.error404 .introductionBlock {
  margin-bottom: 120px;
}
.page .introductionBlock .sectionTitle,
.error404 .introductionBlock .sectionTitle {
  text-align: center;
}
.page .introductionBlock .sectionDesc,
.error404 .introductionBlock .sectionDesc {
  max-width: 600px;
  margin: 0 auto 40px;
}
.page .introductionBlock.workshopIntro .sectionMv,
.error404 .introductionBlock.workshopIntro .sectionMv {
  margin: 0 0 20px;
}
.page .introductionBlock.workshopIntro .sectionTitle,
.error404 .introductionBlock.workshopIntro .sectionTitle {
  text-align: left;
  margin-bottom: 30px;
}
.page .introductionBlock#material01,
.error404 .introductionBlock#material01 {
  padding-top: 20px;
}
@media screen and (min-width: 768px ) {
  .page .introductionBlock#material01,
  .error404 .introductionBlock#material01 {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px ) {
  .page .introductionBlock,
  .error404 .introductionBlock {
    margin-bottom: 60px;
  }
  .page .introductionBlock .sectionDesc,
  .error404 .introductionBlock .sectionDesc {
    margin-bottom: 60px;
  }
  .page .introductionBlock.flexIntro,
  .error404 .introductionBlock.flexIntro {
    display: flex;
    align-items: flex-start;
    gap: 5.4%;
    margin-bottom: 80px;
  }
  .page .introductionBlock.flexIntro .sectionMv,
  .error404 .introductionBlock.flexIntro .sectionMv {
    aspect-ratio: 5/3;
    margin: 0;
    width: 58.45%;
    flex: none;
  }
  .page .introductionBlock.flexIntro .sectionMv.ratioNo,
  .error404 .introductionBlock.flexIntro .sectionMv.ratioNo {
    aspect-ratio: auto;
  }
  .page .introductionBlock.flexIntro .sectionTitle,
  .error404 .introductionBlock.flexIntro .sectionTitle {
    text-align: left;
  }
  .page .introductionBlock.flexIntro .sectionDesc,
  .error404 .introductionBlock.flexIntro .sectionDesc {
    max-width: 600px;
    margin: 0 auto 40px;
  }
  .page .introductionBlock.flexIntro .btnBase a,
  .error404 .introductionBlock.flexIntro .btnBase a {
    margin-left: 0;
  }
  .page .introductionBlock.workshopIntro .sectionMv,
  .error404 .introductionBlock.workshopIntro .sectionMv {
    aspect-ratio: 32/25;
  }
  .page .introductionBlock.workshopIntro .sectionTitle em,
  .error404 .introductionBlock.workshopIntro .sectionTitle em {
    margin-bottom: 10px;
  }
  .page .introductionBlock.workshopIntro .sectionDesc,
  .error404 .introductionBlock.workshopIntro .sectionDesc {
    margin-bottom: 30px;
  }
  .page .introductionBlock.catThumb,
  .error404 .introductionBlock.catThumb {
    align-items: stretch;
  }
  .page .introductionBlock.catThumb .introductionBlock-text,
  .error404 .introductionBlock.catThumb .introductionBlock-text {
    padding-top: 50px;
    position: relative;
  }
  .page .introductionBlock.catThumb .btnBase,
  .error404 .introductionBlock.catThumb .btnBase {
    position: absolute;
    bottom: 20px;
    left: 0;
  }
}
.page .blockTitle,
.error404 .blockTitle {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  border-bottom: 1px solid #1E1E1E;
  border-bottom: 1px solid var(--main-bk-color);
}
@media screen and (min-width: 768px ) {
  .page .blockTitle,
  .error404 .blockTitle {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
}
.page .blockTitle-sub,
.error404 .blockTitle-sub {
  font-size: 2rem;
  font-size: var(--fontS-l);
  text-align: center;
  margin-bottom: 0.6em;
  padding-top: 0.5em;
}
@media screen and (min-width: 768px ) {
  .page .blockTitle-sub,
  .error404 .blockTitle-sub {
    text-align: left;
  }
}
.page .blockLead,
.error404 .blockLead {
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media screen and (min-width: 768px ) {
  .page .blockLead,
  .error404 .blockLead {
    font-size: 2rem;
    font-size: var(--fontS-l);
  }
}
.page .blockContent,
.error404 .blockContent {
  margin-bottom: 30px;
}
.page .blockContent h4,
.error404 .blockContent h4 {
  font-size: 2rem;
  font-size: var(--fontS-l);
  padding-top: 60px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.page .blockContent h4:first-child,
.error404 .blockContent h4:first-child {
  padding-top: 0;
}
.page .blockContent p,
.error404 .blockContent p {
  padding-top: 1em;
}
.page .blockContent p small,
.error404 .blockContent p small {
  font-size: 1.2rem;
  font-size: var(--fontS-2xs);
}
.page .blockContent .blockTxt,
.error404 .blockContent .blockTxt {
  text-align: left;
}
.page .blockContent .blockTxt .title,
.error404 .blockContent .blockTxt .title {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
@media screen and (min-width: 768px ) {
  .page .blockContent .blockTxt .title,
  .error404 .blockContent .blockTxt .title {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
    margin-bottom: 16px;
  }
}
.page .blockContent .flexBox,
.error404 .blockContent .flexBox {
  margin-bottom: 60px;
  gap: 15px;
}
@media screen and (min-width: 768px ) {
  .page .blockContent .flexBox,
  .error404 .blockContent .flexBox {
    align-items: center;
  }
  .page .blockContent .flexBox figure img,
  .error404 .blockContent .flexBox figure img {
    margin-bottom: 10px;
  }
}
.page .blockDl,
.error404 .blockDl {
  display: flex;
  flex-wrap: wrap;
}
.page .blockDl dt,
.error404 .blockDl dt {
  padding: 10px 0;
  width: 80px;
  flex: none;
  font-weight: 600;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
.page .blockDl dt::after,
.error404 .blockDl dt::after {
  content: "：";
  display: none;
}
.page .blockDl dd,
.error404 .blockDl dd {
  padding: 10px 0;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
  width: calc(100% - 80px);
}
.page .blockDl dd .textLink,
.error404 .blockDl dd .textLink {
  color: #1E1E1E;
  color: var(--main-bk-color);
  padding: 0 5px;
}
.page .blockDl .endDl,
.error404 .blockDl .endDl {
  border-bottom: none;
}
@media screen and (min-width: 768px ) {
  .page .blockDl,
  .error404 .blockDl {
    padding-top: 20px;
    border-top: 1px solid #1E1E1E;
    border-top: 1px solid var(--main-bk-color);
  }
  .page .blockDl dt,
  .error404 .blockDl dt {
    width: 60px;
    border-bottom: none;
    padding: 0;
  }
  .page .blockDl dt::after,
  .error404 .blockDl dt::after {
    display: inline;
  }
  .page .blockDl dd,
  .error404 .blockDl dd {
    border-bottom: none;
    width: calc(100% - 60px);
    padding: 0;
  }
  .page .blockDl dd .textLink:hover,
  .error404 .blockDl dd .textLink:hover {
    color: #AFAFB0;
    color: var(--main-gray-color);
  }
}
.page .blockDesc,
.error404 .blockDesc {
  margin-bottom: 40px;
}
.page .flexBox,
.error404 .flexBox {
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: center;
  flex-wrap: wrap;
}
.page .flexBox.gapLarge,
.error404 .flexBox.gapLarge {
  gap: 60px 40px;
}
@media screen and (min-width: 768px ) {
  .page .flexBox.gapLarge,
  .error404 .flexBox.gapLarge {
    gap: 120px 60px;
  }
}
.page .flexBox.alignLeft,
.error404 .flexBox.alignLeft {
  justify-content: flex-start;
}
.page .flexBox.alignLeft .btnBase,
.error404 .flexBox.alignLeft .btnBase {
  padding-top: 30px;
}
.page .flexBox.alignLeft .btnBase a,
.error404 .flexBox.alignLeft .btnBase a {
  margin-left: 0;
}
.page .flexBox .cell h3,
.error404 .flexBox .cell h3 {
  margin-bottom: 20px;
  font-size: 2rem;
  font-size: var(--fontS-l);
}
@media screen and (min-width: 768px ) {
  .page .flexBox .cell h3,
  .error404 .flexBox .cell h3 {
    margin-bottom: 40px;
  }
}
.page .flexBox .cell .cell-flexImg,
.error404 .flexBox .cell .cell-flexImg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8%;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px ) {
  .page .flexBox .cell .cell-flexImg,
  .error404 .flexBox .cell .cell-flexImg {
    margin-bottom: 40px;
  }
}
.page .flexBox .cell p,
.error404 .flexBox .cell p {
  text-align: left;
}
.page .flexBox.cell2sp,
.error404 .flexBox.cell2sp {
  flex-direction: row;
  flex-wrap: wrap;
  gap: auto;
}
.page .flexBox.cell2sp > *,
.error404 .flexBox.cell2sp > * {
  width: 46%;
}
.page .flexBox.catalogueBox,
.error404 .flexBox.catalogueBox {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px ) {
  .page .flexBox.catalogueBox,
  .error404 .flexBox.catalogueBox {
    padding-top: 40px;
    margin-bottom: 40px;
    flex-wrap: nowrap;
  }
}
.page .flexBox.catalogueBox .contentTitle,
.error404 .flexBox.catalogueBox .contentTitle {
  text-align: left;
  font-size: 3.2rem;
  font-size: var(--fontS-3xl);
}
.page .flexBox.catalogueBox .contentTitle i,
.error404 .flexBox.catalogueBox .contentTitle i {
  padding-top: 0.2em;
  display: block;
  font-size: 80%;
  font-style: normal;
}
@media screen and (min-width: 768px ) {
  .page .flexBox.catalogueBox .contentTitle,
  .error404 .flexBox.catalogueBox .contentTitle {
    padding-bottom: 40px;
  }
  .page .flexBox.catalogueBox .contentTitle i,
  .error404 .flexBox.catalogueBox .contentTitle i {
    padding-top: 0;
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
}
.page .flexBox.catalogueBox .desc,
.error404 .flexBox.catalogueBox .desc {
  margin-bottom: 40px;
}
.page .flexBox.catalogueBox .desc span,
.error404 .flexBox.catalogueBox .desc span {
  display: block;
  font-size: 2rem;
  font-size: var(--fontS-l);
  padding-top: 1em;
}
.page .flexBox.catalogueBox .flexImg,
.error404 .flexBox.catalogueBox .flexImg {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.page .flexBox.catalogueBox .btnBlock,
.error404 .flexBox.catalogueBox .btnBlock {
  align-items: flex-start;
}
.page .flexBox.centerFlex,
.error404 .flexBox.centerFlex {
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-bottom: 70px;
}
.page .flexBox.centerFlex > *,
.error404 .flexBox.centerFlex > * {
  width: calc(50% - 5px);
}
.page .flexBox.centerFlex > * span,
.error404 .flexBox.centerFlex > * span {
  display: block;
  text-align: left;
}
.page .flexBox.thumbFlex,
.error404 .flexBox.thumbFlex {
  align-items: center;
}
.page .flexBox.thumbFlex figure,
.error404 .flexBox.thumbFlex figure {
  width: 160px;
  flex: none;
}
.page .flexBox.thumbFlex .thumbFlex-text > *,
.error404 .flexBox.thumbFlex .thumbFlex-text > * {
  text-align: left;
}
.page .flexBox.thumbFlex .thumbFlex-text .sectionTitle,
.error404 .flexBox.thumbFlex .thumbFlex-text .sectionTitle {
  font-size: 2rem;
  font-size: var(--fontS-l);
  margin-bottom: 10px;
}
.page .flexBox.barHr,
.error404 .flexBox.barHr {
  border-bottom: 1px solid #BDAC82;
  border-bottom: 1px solid var(--main-accent-color2);
  margin-bottom: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px ) {
  .page .flexBox,
  .error404 .flexBox {
    flex-direction: row;
    gap: auto;
    justify-content: space-around;
  }
  .page .flexBox.cell2 > *,
  .error404 .flexBox.cell2 > * {
    width: 46%;
  }
  .page .flexBox.cell3,
  .error404 .flexBox.cell3 {
    justify-content: flex-start;
  }
  .page .flexBox.cell3 > *,
  .error404 .flexBox.cell3 > * {
    width: calc(33.3333% - 10px);
  }
  .page .flexBox.cell4 > *,
  .error404 .flexBox.cell4 > * {
    width: 23%;
  }
  .page .flexBox.centerFlex,
  .error404 .flexBox.centerFlex {
    gap: 15px;
  }
  .page .flexBox.centerFlex > *,
  .error404 .flexBox.centerFlex > * {
    max-width: 218px;
  }
  .page .flexBox.thumbFlex,
  .error404 .flexBox.thumbFlex {
    flex-wrap: nowrap;
    padding-left: 50px;
    padding-right: 50px;
  }
  .page .flexBox.barHr,
  .error404 .flexBox.barHr {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
.page .dotList,
.error404 .dotList {
  text-align: left;
}
.page .dotList li,
.error404 .dotList li {
  padding-left: 1em;
  text-indent: -0.5em;
}
.page .dotList li::before,
.error404 .dotList li::before {
  content: "・";
  display: inline-block;
}

.borderCover {
  border: 1px solid #AFAFB0;
  border: 1px solid var(--main-gray-color);
  padding: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
}
.borderCover p {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  text-align: left;
  line-height: 1.3;
}

.workshopFrame .flexBox {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px ) {
  .workshopFrame .flexBox {
    width: 100%;
  }
}

.mix_blend {
  mix-blend-mode: multiply;
}

.thumbDesc-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 80px;
  margin-bottom: 180px;
}
.thumbDesc-block .blockItem a figure {
  overflow: hidden;
  aspect-ratio: 73/55;
  margin-bottom: 20px;
}
.thumbDesc-block .blockItem a figure img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumbDesc-block .blockItem a .title {
  margin-bottom: 20px;
}
.thumbDesc-block .blockItem a .title i {
  display: block;
  font-style: normal;
  color: #B7A67A;
  color: var(--main-accent-color3);
}
.thumbDesc-block .blockItem a .title span {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.2rem;
  font-size: var(--fontS-3xl);
}
.thumbDesc-block .blockItem a .desc {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px ) {
  .thumbDesc-block {
    flex-direction: row;
    gap: 80px 4%;
    margin-bottom: 100px;
  }
  .thumbDesc-block .blockItem {
    width: 48%;
  }
  .thumbDesc-block .blockItem a .btnInline {
    margin-left: 0;
  }
  .thumbDesc-block .blockItem a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
  .thumbDesc-block .blockItem a:hover figure img {
    transform: scale(1.05);
  }
  .thumbDesc-block .blockItem a:hover .btnInline.btnArrow {
    color: #1E1E1E;
    color: var(--main-bk-color);
    background-color: #B7A67A;
    background-color: var(--main-accent-color3);
  }
}

.thumbMenu-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  margin-bottom: 120px;
}
.thumbMenu-list .list-item a {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.thumbMenu-list .list-item a figure {
  overflow: hidden;
  aspect-ratio: 1/1;
}
.thumbMenu-list .list-item a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px ) {
  .thumbMenu-list {
    grid-template-columns: repeat(4, 1fr);
  }
  #productContents .thumbMenu-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .yokotake-board #productContents .thumbMenu-list {
    grid-template-columns: repeat(5, 1fr);
  }
  .thumbMenu-list .list-item a figure {
    aspect-ratio: 66/47;
  }
  #productContents .thumbMenu-list .list-item a figure {
    aspect-ratio: 10/7;
  }
  .yokotake-board #productContents .thumbMenu-list .list-item a figure {
    aspect-ratio: 1/1;
  }
  .thumbMenu-list .list-item a figure img {
    transition: 0.4s;
  }
  .thumbMenu-list .list-item a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
  .thumbMenu-list .list-item a:hover figure img {
    transform: scale(1.05);
  }
}

.pageMenu-sp {
  display: block;
  border-top: 1px solid #AFAFB0;
  border-top: 1px solid var(--main-gray-color);
  padding-top: 40px;
  margin-bottom: 120px;
}
@media screen and (min-width: 768px ) {
  .pageMenu-sp {
    display: none;
  }
}
.pageMenu-sp.productMain {
  border-top: none;
  padding-top: 0;
}

.linkMenu-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, transform 0.5s, margin-top 0.4s;
  margin-top: 30px;
}
.linkMenu-list > a {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
.linkMenu-list .btnDrop {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.linkMenu-list .btnDrop::before, .linkMenu-list .btnDrop::after {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background: #524E4D;
  background: var(--main-lowerTxt-color);
}
.linkMenu-list .btnDrop::before {
  transform: rotate(0deg);
}
.linkMenu-list .btnDrop::after {
  transition: opacity 0.5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.linkMenu-list > ul {
  display: none;
  width: 100%;
  padding: 30px 0;
}
.linkMenu-list > ul li {
  margin-bottom: 20px;
}
.linkMenu-list > ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 25px;
  font-size: 2rem;
  font-size: var(--fontS-l);
}
.productMain .linkMenu-list > ul li a {
  justify-content: flex-start;
  gap: 20px;
}
.linkMenu-list > ul li a figure {
  flex: none;
  width: 31%;
  aspect-ratio: 10/7;
  overflow: hidden;
}
.linkMenu-list > ul li a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.linkMenu-list > ul li.is-active {
  color: #8E7F59;
  color: var(--main-accent-color1);
}
.linkMenu-list.is-open .btnDrop {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.linkMenu-list.is-open .btnDrop::after {
  opacity: 0;
}

.bambooFrame {
  padding: 100px 8% 120px;
  margin: 0 calc(50% - 50vw) 100px;
  background: #FAF7F4;
  background: var(--bg-light-color);
}
@media screen and (min-width: 768px ) {
  .bambooFrame {
    padding: 80px 13% 130px;
    background: url(../d4408fcc3703b105d4df.webp) no-repeat 0 0/100% 100%;
    margin: 0 0 140px;
  }
}
.bambooFrame hr {
  width: 100vw;
  height: 5px;
  background: #ffffff;
  background: var(--main-wh-color);
  margin: 130px calc(50% - 50vw);
}
.bambooFrame figure figcaption {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.bambooFrame figure figcaption.figcaptionTitle {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  margin-bottom: 10px;
}
.bambooFrame > .arrowCenter {
  margin: 20px auto;
}

.slideCover {
  position: relative;
  display: flex;
  justify-content: center;
}
.slideCover .swiper-button-prev,
.slideCover .swiper-button-next {
  top: 130px;
  margin-top: 0;
  width: 30px;
  height: 30px;
}
.slideCover .swiper-button-prev::after,
.slideCover .swiper-button-next::after {
  background-size: 10px auto;
}
.slideCover .swiper-button-prev {
  left: -15px;
}
.slideCover .swiper-button-next {
  right: -15px;
}
@media screen and (min-width: 768px ) {
  .slideCover .swiper-button-prev,
  .slideCover .swiper-button-next {
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
  }
  .slideCover .swiper-button-prev::after,
  .slideCover .swiper-button-next::after {
    background-size: 10px auto;
  }
  .slideCover .swiper-button-prev {
    left: -40px;
  }
  .slideCover .swiper-button-next {
    right: -40px;
  }
}

.contentSlide {
  overflow: hidden;
  max-width: 740px;
}
.contentSlide .swiper-slide figure {
  overflow: hidden;
  aspect-ratio: 40/33;
  margin-bottom: 25px;
}
.contentSlide .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contentSlide .swiper-slide .slideTxt .title {
  font-weight: 400;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 20px;
}
.contentSlide .swiper-slide .slideTxt .desc {
  margin-bottom: 20px;
}
@media screen and (min-width: 960px ) {
  .contentSlide .swiper-slide {
    display: flex;
    gap: 50px;
  }
  .contentSlide .swiper-slide figure {
    aspect-ratio: 6/5;
    margin-bottom: 0;
  }
  .contentSlide .swiper-slide .slideTxt {
    width: 43%;
    flex: none;
  }
  .contentSlide .swiper-slide .slideTxt .title {
    font-size: 2.8rem;
    font-size: var(--fontS-2xl);
    margin-bottom: 16px;
  }
  .contentSlide .swiper-slide .slideTxt .desc {
    margin-bottom: 16px;
  }
}

.productTab {
  flex-direction: column-reverse;
  display: none;
}
@media screen and (min-width: 768px ) {
  .productTab {
    display: flex;
    flex-direction: row;
    gap: 7.5%;
    padding-top: 40px;
  }
}

.productTab-cat {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, transform 0.5s, margin-top 0.4s;
  gap: 20px;
  border-top: 1px solid #AFAFB0;
  border-top: 1px solid var(--main-gray-color);
  padding-top: 40px;
  margin-bottom: 120px;
}
.productTab-cat .productCat-item {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  width: 100%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.productTab-cat .productCat-item .btnDrop {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.productTab-cat .productCat-item .btnDrop::before, .productTab-cat .productCat-item .btnDrop::after {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background: #524E4D;
  background: var(--main-lowerTxt-color);
}
.productTab-cat .productCat-item .btnDrop::before {
  transform: rotate(0deg);
}
.productTab-cat .productCat-item .btnDrop::after {
  transition: opacity 0.5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
@media screen and (min-width: 768px ) {
  .productTab-cat {
    width: 18%;
    gap: 30px;
    border: none;
    padding-top: 0;
  }
  .productTab-cat .productCat-item {
    font-size: 2rem;
    font-size: var(--fontS-l);
    transition: 0.5s;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
  }
  .productTab-cat .productCat-item.is-active {
    border-bottom-color: #B7A67A;
    border-bottom-color: var(--main-accent-color3);
  }
  .productTab-cat .productCat-item:hover {
    border-bottom-color: #B7A67A;
    border-bottom-color: var(--main-accent-color3);
  }
  .productTab-cat .productCat-item .btnDrop {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .productTab-cat .productCat-item .btnDrop::before {
    display: none;
  }
  .productTab-cat .productCat-item .btnDrop::after {
    position: relative;
    top: auto;
    left: auto;
    width: 12px;
    height: 12px;
    background: none;
    transform: rotate(45deg);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }
}

.productTab-content {
  margin-bottom: 50px;
}
.productTab-content .productList {
  display: none;
}
.productTab-content .productList ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.productTab-content .productList ul .productList-item a {
  display: flex;
  align-items: center;
  gap: 6.66666%;
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  line-height: 1.3;
}
.productTab-content .productList ul .productList-item a figure {
  flex: none;
  width: 31%;
  aspect-ratio: 10/7;
  overflow: hidden;
}
.productTab-content .productList ul .productList-item a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px ) {
  .productTab-content {
    width: 74.5%;
    margin-bottom: 0;
    min-height: 480px;
  }
  .productTab-content .productList ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px 0;
  }
  .productTab-content .productList ul .productList-item {
    width: 33.3333%;
  }
  .productTab-content .productList ul .productList-item a figure img {
    transition: 0.5s;
  }
  .productTab-content .productList ul .productList-item a:hover {
    color: #8E7F59;
    color: var(--main-accent-color1);
  }
  .productTab-content .productList ul .productList-item a:hover figure img {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

.btnGuide {
  margin-bottom: 50px;
}
.btnGuide a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  background: #1E1E1E;
  background: var(--main-bk-color);
  border-radius: 20px;
  border: 1px solid #1E1E1E;
  border: 1px solid var(--main-bk-color);
  color: #ffffff;
  color: var(--main-wh-color);
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
@media screen and (min-width: 768px ) {
  .btnGuide {
    display: none;
  }
}

.faq-block {
  border-top: 1px solid #ccc;
  max-width: 888px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
.faq-block .btnBase {
  margin-top: 40px;
}
@media screen and (min-width: 768px ) {
  .faq-block {
    margin-bottom: 120px;
  }
  .faq-block .btnBase {
    display: none;
  }
}

.faqItem {
  border-bottom: 1px solid #ccc;
}
.faqItem dt {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  padding: 30px 80px 30px 0;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (min-width: 768px ) {
  .faqItem dt {
    font-size: 2rem;
    font-size: var(--fontS-l);
  }
}
.faqItem dt::before, .faqItem dt::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background: #8E7F59;
  background: var(--main-accent-color1);
}
.faqItem dt::after {
  transform: translateY(-50%) rotate(90deg);
  opacity: 1;
  transition: opacity 0.5s;
}
.faqItem dd {
  display: none;
  padding: 0 0 35px;
}
.faqItem.open dt::after {
  opacity: 0;
}

.linkList-wrap {
  position: relative;
  z-index: 1;
  max-width: 280px;
  margin: 0 auto 40px;
}
.linkList-wrap .dropdownLabel {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-family: "Zen Old Mincho", serif;
  font-family: var(--fontf-normal);
  transition: 0.3s ease;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  position: relative;
}
.linkList-wrap .dropdownLabel::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  border-right: 1px solid #B7A67A;
  border-right: 1px solid var(--main-accent-color3);
  border-bottom: 1px solid #B7A67A;
  border-bottom: 1px solid var(--main-accent-color3);
}
.linkList-wrap .linkList {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  position: absolute;
  top: 110%;
  left: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}
.linkList-wrap .linkList.is-open {
  display: block;
}
.linkList-wrap .linkList li a {
  display: block;
  padding: 10px;
  text-align: center;
  background-color: #EFE7CF;
  background-color: var(--bg-aside-color);
  text-decoration: none;
}
.linkList-wrap .linkList li a small {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
@media screen and (min-width: 768px ) {
  .linkList-wrap {
    max-width: 100%;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #B7A67A;
    border-bottom: 1px solid var(--main-accent-color3);
  }
  .linkList-wrap .dropdownLabel {
    display: none;
  }
  .linkList-wrap .linkList {
    display: grid !important;
    position: static;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px 5%;
    gap: 10px 5%;
    border-radius: 0;
    overflow: visible;
  }
  .linkList-wrap .linkList li {
    border: none;
  }
  .linkList-wrap .linkList li a {
    text-align: left;
    padding: 10px 24px 10px 0;
    background: none;
    border-radius: 4px;
    position: relative;
  }
  .linkList-wrap .linkList li a::after {
    transition: 0.5s;
    content: "";
    display: block;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-right: 1px solid #1E1E1E;
    border-right: 1px solid var(--main-bk-color);
    border-top: 1px solid #1E1E1E;
    border-top: 1px solid var(--main-bk-color);
  }
  .linkList-wrap .linkList li a:hover {
    color: #AFAFB0;
    color: var(--main-gray-color);
  }
  .linkList-wrap .linkList li a:hover::after {
    right: -10px;
    border-right: 1px solid #AFAFB0;
    border-right: 1px solid var(--main-gray-color);
    border-top: 1px solid #AFAFB0;
    border-top: 1px solid var(--main-gray-color);
  }
}

.contentBlock {
  margin-bottom: 60px;
}
.contentBlock .pageTitle {
  padding: 0;
  margin-bottom: 0;
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
  font-weight: 400;
}
.contentBlock .title {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-top: 40px;
  font-weight: 500;
}
.contentBlock .desc,
.contentBlock .pageTitle + .desc,
.contentBlock .pageTitle + figure,
.contentBlock figure + .btnBase {
  padding-top: 20px;
}
@media screen and (min-width: 768px ) {
  .contentBlock {
    max-width: 888px;
    margin: 0 auto 80px;
  }
  .contentBlock .pageTitle {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
  .contentBlock .pageTitle + .desc,
  .contentBlock .pageTitle + figure,
  .contentBlock figure + .btnBase {
    padding-top: 40px;
  }
}

.baseTable tr {
  text-align: left;
}
.baseTable tr th {
  width: 36%;
  padding: 8px 0;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
.baseTable tr td {
  padding: 8px 0;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
.baseTable tr td.smallText {
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
}
.baseTable tr td small {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.baseTable tr td a {
  display: inline-block;
}
@media screen and (min-width: 768px ) {
  .baseTable tr th {
    width: 21.4%;
    padding-right: 10px;
  }
  .baseTable tr td {
    padding: 15px 0;
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
  }
  .baseTable tr td.smallText {
    font-size: 1.8rem;
    font-size: var(--fontS-ml);
  }
  .baseTable tr td small {
    font-size: 1.6rem;
    font-size: var(--fontS-m);
  }
}

.shopInfo {
  padding-top: 60px;
  margin-bottom: 130px;
}
.shopInfo .sectionLead {
  text-align: center;
  margin-bottom: 26px;
}
.shopInfo .sectionLead i {
  font-size: 2.8rem !important;
  font-size: var(--fontS-2xl) !important;
}
.shopInfo .sectionColumn .sectionImg {
  margin-bottom: 25px;
}
.shopInfo .sectionColumn .sectionTxt h3 {
  font-weight: 900;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 10px;
}
.shopInfo .sectionColumn .sectionTxt p {
  margin-bottom: 25px;
  line-height: 1.7;
}
.shopInfo .sectionColumn .sectionTxt .btnBk a {
  width: 218px;
  height: 40px;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.shopInfo .google-map {
  filter: grayscale(100);
  padding-top: 75%;
}
@media screen and (min-width: 768px ) {
  .shopInfo {
    margin-bottom: 160px;
  }
  .shopInfo .sectionLead {
    margin-bottom: 60px;
  }
  .shopInfo .sectionLead i {
    font-size: 5.4rem !important;
  }
  .shopInfo .sectionColumn {
    display: flex;
    gap: 40px;
    margin-bottom: 45px;
  }
  .shopInfo .sectionColumn .sectionImg {
    width: calc(50% - 20px);
    margin: 0;
  }
  .shopInfo .sectionColumn .sectionTxt {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
  }
  .shopInfo .sectionColumn .sectionTxt p {
    font-size: 1.4rem;
    font-size: var(--fontS-s);
  }
  .shopInfo .sectionColumn .sectionTxt .btnBk {
    margin: auto 0 0;
  }
  .shopInfo .sectionColumn .sectionTxt .btnBk a {
    margin: 0;
  }
  .shopInfo .google-map {
    padding-top: 50%;
  }
}

.koubouSlide {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px ) {
  .koubouSlide {
    margin-bottom: 120px;
  }
}

.messageBlock .sectionLead,
.mediaBlock .sectionLead {
  text-align: center;
  margin-bottom: 40px;
}
.messageBlock .sectionLead i,
.mediaBlock .sectionLead i {
  font-size: 2.8rem !important;
  font-size: var(--fontS-2xl) !important;
}
@media screen and (min-width: 768px ) {
  .messageBlock .sectionLead,
  .mediaBlock .sectionLead {
    margin-bottom: 90px;
  }
  .messageBlock .sectionLead i,
  .mediaBlock .sectionLead i {
    font-size: 5.4rem !important;
  }
}
.messageBlock .sectionTitle,
.mediaBlock .sectionTitle {
  text-align: center;
}

.messageBlock {
  padding-top: 120px;
  margin-bottom: 80px;
}
.messageBlock .messageImg {
  max-width: 650px;
  margin: 0 auto 50px;
}
.messageBlock .sectionDesc {
  margin-bottom: 1em;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.mediaBlock {
  padding-top: 60px;
}
.mediaBlock .mediaList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
}
.mediaBlock .mediaList .mediaList-item {
  width: 100%;
}
.mediaBlock .mediaList .mediaList-item a {
  text-decoration: underline;
  display: inline-block;
}
@media screen and (min-width: 768px ) {
  .mediaBlock .mediaList {
    display: flex;
    flex-wrap: wrap;
  }
  .mediaBlock .mediaList .mediaList-item {
    width: calc(50% - 20px);
  }
}

.bambooFrame-dl {
  max-width: 570px;
  margin: 0 auto 40px;
}
.bambooFrame-dl dt {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  text-align: center;
  margin-bottom: 20px;
}

.flowFlex {
  display: flex;
  flex-direction: column;
  position: relative;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 768px ) {
  .flowFlex {
    flex-direction: row;
    margin: 0 -3vw;
    gap: 32px;
  }
}

.arrowCenter {
  padding: 50px 0 25px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
.arrowCenter p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.arrowCenter p span {
  text-align: center;
  line-height: 1.2;
}
.arrowCenter p .plus {
  position: relative;
  width: 44px;
  height: 44px;
}
.arrowCenter p .plus::before, .arrowCenter p .plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #8E7F59;
  background: var(--main-accent-color1);
}
.arrowCenter p .plus::before {
  width: 2px;
  height: 44px;
}
.arrowCenter p .plus::after {
  width: 44px;
  height: 2px;
}
.arrowCenter .absolute {
  position: absolute;
  flex-direction: column;
  gap: 6px;
  font-size: 1.4rem;
  font-size: var(--fontS-s);
  top: calc(50% - 100px);
  right: 0;
}
.arrowCenter .absolute i {
  width: 67px;
  height: 67px;
  font-style: normal;
  color: #ffffff;
  color: var(--main-wh-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #B7A67A;
  background: var(--main-accent-color3);
}
.arrowCenter .order3 {
  order: 3;
}
.arrowCenter .arrow {
  width: 31px;
  height: 62px;
  position: relative;
}
.arrowCenter .arrow::before, .arrowCenter .arrow::after {
  content: "";
  position: absolute;
  left: 50%;
}
.arrowCenter .arrow::before {
  background: #8E7F59;
  background: var(--main-accent-color1);
  width: 2px;
  height: 62px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.arrowCenter .arrow::after {
  width: 24px;
  height: 24px;
  margin-left: -3.5px;
  bottom: -5px;
  transform: rotate(45deg) translateX(-50%);
  border-right: 2px solid #8E7F59;
  border-right: 2px solid var(--main-accent-color1);
  border-bottom: 2px solid #8E7F59;
  border-bottom: 2px solid var(--main-accent-color1);
}
.arrowCenter.arrowCenter2 {
  gap: 20px;
}
.arrowCenter.arrowCenter3 {
  position: relative;
  padding: 0;
}
.arrowCenter.arrowCenter3 span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(50% - 100px);
}
.arrowCenter.arrowCenter3 .arrow {
  transform: rotate(0deg);
}
@media screen and (min-width: 768px ) {
  .arrowCenter {
    width: 120px;
    flex: none;
    padding: 10px 0 0;
    margin: 0 auto;
    justify-content: flex-start;
    gap: 35px;
  }
  .arrowCenter p {
    flex-direction: column;
  }
  .arrowCenter .absolute {
    position: relative;
    gap: 12px;
    top: auto;
    right: auto;
    margin: 40px auto;
  }
  .arrowCenter .absolute i {
    width: 77px;
    height: 77px;
  }
  .arrowCenter .order3 {
    order: inherit;
  }
  .arrowCenter .arrow {
    transform: rotate(-90deg);
  }
  .arrowCenter.arrowCenter3 span {
    right: -40px;
  }
}

.headMenu + .contentTitle {
  padding-top: 40px;
}
@media screen and (min-width: 768px ) {
  .headMenu + .contentTitle {
    padding-top: 0;
  }
}

.flowFlex + .sectionSubtitle {
  padding-top: 120px;
}
@media screen and (min-width: 768px ) {
  .flowFlex + .sectionSubtitle {
    padding-top: 60px;
  }
}

.youtubeCover {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtubeCover iframe {
  width: 100%;
  height: 100%;
}

.headMenu-sub {
  max-width: 888px;
  margin: -30px auto 60px;
  display: none;
  justify-content: center;
  align-items: center;
}
.headMenu-sub li {
  width: 25%;
  text-align: center;
  position: relative;
}
.headMenu-sub li a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border-bottom: 6px solid #ffffff;
  border-bottom: 6px solid var(--main-wh-color);
  padding: 10px 0;
}
.headMenu-sub li a:hover {
  color: #8E7F59;
  color: var(--main-accent-color1);
  border-bottom: 6px solid #B7A67A;
  border-bottom: 6px solid var(--main-accent-color3);
}
.headMenu-sub li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 0;
  width: 1px;
  height: 18px;
  background: #AFAFB0;
  background: var(--main-gray-color);
}
.headMenu-sub li:last-child::after {
  display: none;
}
@media screen and (min-width: 768px ) {
  .headMenu-sub {
    display: flex;
  }
}

.productBtn-block {
  gap: 20px;
  display: flex;
  margin-bottom: 40px;
}
.productBtn-block .productBtn-item {
  width: 100%;
}
.productBtn-block .productBtn-item a {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #1E1E1E;
  background: var(--main-bk-color);
  border-radius: 20px;
  border: 1px solid #1E1E1E;
  border: 1px solid var(--main-bk-color);
  color: #ffffff;
  color: var(--main-wh-color);
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.productBtn-block .productBtn-item.btnSearch a {
  background: #ffffff;
  background: var(--main-wh-color);
  color: #1E1E1E;
  color: var(--main-bk-color);
  gap: 12px;
}
.productBtn-block .productBtn-item.btnSearch a::after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNiAxNC4yNTZDMTEuNTIxMiAxNC4yNTYgMTQuNyAxMS4yMzQgMTQuNyA3LjUwNjA3QzE0LjcgMy43NzgxNiAxMS41MjEyIDAuNzU2MTA0IDcuNiAwLjc1NjEwNEMzLjY3ODc4IDAuNzU2MTA0IDAuNSAzLjc3ODE2IDAuNSA3LjUwNjA3QzAuNSAxMS4yMzQgMy42Nzg3OCAxNC4yNTYgNy42IDE0LjI1NloiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE0LjEwMTYgMTMuNzY2NkwxOS41MDE2IDE5LjM0MjciIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) center center/contain;
}
@media screen and (min-width: 768px ) {
  .productBtn-block {
    display: none;
  }
}

.single #single-worksContents {
  overflow: hidden;
}
.single #single-worksContents .sectionInner {
  padding: 8vw;
  max-width: 1112px;
}
@media screen and (min-width: 768px ) {
  .single #single-worksContents .sectionInner {
    width: 84vw;
    padding: 0 0 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
.single #single-worksContents .sectionLead i {
  font-size: 6rem;
  font-style: normal;
  font-weight: 700;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  display: block;
  line-height: 100%;
}
.single #single-worksContents .sectionLead small {
  display: block;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  font-weight: 400;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  padding-top: 0.5em;
}
.single #single-worksContents .sectionLead span {
  display: block;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-top: 20px;
}
@media screen and (min-width: 768px ) {
  .single #single-worksContents .sectionLead i {
    font-size: 6.4rem;
  }
  .single #single-worksContents .sectionLead small {
    padding-top: 0.8em;
  }
  .single #single-worksContents .sectionLead span {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
    padding-top: 40px;
  }
}
.single .sectionCover-wh {
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  position: relative;
  z-index: 3;
}
.single .sectionCover-wh .sectionContainer .sectionLead {
  text-align: center;
}
.single .sectionCover-wh .sectionContainer .sectionLead i {
  font-size: 5.4rem;
}

.entryContent {
  margin-bottom: 90px;
  margin-left: auto;
  margin-right: auto;
}
.single-works .entryContent {
  margin-bottom: 110px;
}
.single-works .entryContent *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px ) {
  .single-works .entryContent {
    margin-bottom: 160px;
  }
}
.entryContent figure,
.entryContent p,
.entryContent ul {
  margin-bottom: 20px;
}
.entryContent h1,
.entryContent h2,
.entryContent h3,
.entryContent h4,
.entryContent h5,
.entryContent h6 {
  margin-bottom: 30px;
  padding-top: 1em;
}
.entryContent h1:first-child,
.entryContent h2:first-child,
.entryContent h3:first-child,
.entryContent h4:first-child,
.entryContent h5:first-child,
.entryContent h6:first-child {
  padding-top: 0;
}
.entryContent h1 {
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
}
@media screen and (min-width: 768px ) {
  .entryContent h1 {
    font-size: 4rem;
    font-size: var(--fontS-4xl);
  }
}
.entryContent h2 {
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
}
@media screen and (min-width: 768px ) {
  .entryContent h2 {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
}
.entryContent h3 {
  font-size: 2rem;
  font-size: var(--fontS-l);
}
@media screen and (min-width: 768px ) {
  .entryContent h3 {
    font-size: 2.4rem;
    font-size: var(--fontS-xl);
  }
}
.entryContent h4 {
  font-size: 1.6rem;
  font-size: var(--fontS-m);
}
.entryContent h5 {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.entryContent h6 {
  font-size: 1.3rem;
  font-size: var(--fontS-xs);
}
.entryContent p:not([class]) {
  line-height: 2;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  margin-bottom: 1.5em;
}
.entryContent p:not([class]) a {
  text-decoration: underline;
  display: inline;
}
@media screen and (min-width: 768px ) {
  .entryContent p:not([class]) a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px ) {
  .entryContent {
    margin-bottom: 50px;
  }
  .entryContent p.buttonPrimary a {
    height: 80px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
.entryContent ul:not([class]),
.entryContent .wp-block-list {
  margin-bottom: 1.5em;
}
.entryContent ul:not([class]) li,
.entryContent .wp-block-list li {
  list-style: disc;
  margin-left: 1.2em;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 768px ) {
  .entryContent p + ul:not([class]),
  .entryContent p + ol:not([class]),
  .entryContent p + .wp-block-list {
    margin-top: -1em;
  }
}
.entryContent ol:not([class]),
.entryContent ol.wp-block-list {
  margin-bottom: 1.5em;
}
.entryContent ol:not([class]) li,
.entryContent ol.wp-block-list li {
  list-style: decimal;
  margin-left: 1.4rem;
  margin-left: var(--fontS-s);
  margin-bottom: 1em;
}
.entryContent figure figcaption {
  font-weight: 400;
  font-size: 1.3rem;
  font-size: var(--fontS-xs);
  padding-top: 10px;
  margin-bottom: 0;
}
.entryContent img {
  width: 100%;
}
.entryContent .wp-block-image {
  overflow: hidden;
}
.entryContent .wp-block-image.is-style-rounded {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.entryContent .wp-block-image.is-style-rounded img {
  width: 50px;
  border-radius: 50%;
}
.entryContent .wp-block-image.is-style-rounded figcaption {
  text-align: center;
  margin-left: 1.5rem;
}
@media screen and (min-width: 768px ) {
  .entryContent .wp-block-image.is-style-rounded {
    display: block;
  }
  .entryContent .wp-block-image.is-style-rounded img {
    width: 80px;
  }
  .entryContent .wp-block-image.is-style-rounded figcaption {
    margin-left: 0;
  }
}
.entryContent .wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
}
.entryContent .wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0 !important;
}
.entryContent .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.entryContent .wp-block-embed__wrapper iframe,
.entryContent .wp-block-embed__wrapper object,
.entryContent .wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entryContent .wp-embedded-content {
  max-width: 100%;
}
.entryContent .is-layout-flex {
  display: flex;
}
.entryContent .wp-block-columns {
  margin-bottom: 0;
  display: block;
  flex-wrap: nowrap;
  gap: 2em;
}
.entryContent .wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}
.entryContent .wp-block-columns.is-style-center {
  justify-content: center;
}
.entryContent .wp-block-columns.is-not-stacked-on-mobile {
  display: flex;
}
.entryContent .wp-block-columns .wp-block-column {
  flex-basis: 100%;
  flex-grow: 1;
}
@media screen and (min-width: 768px ) {
  .entryContent .wp-block-columns .wp-block-column[style*=flex-basis] {
    flex-grow: 0;
  }
}
.entryContent .wp-block-columns .wp-block-column[style*=flex-basis] figcaption {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px ) {
  .entryContent .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
  }
  .entryContent .wp-block-columns .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .entryContent .wp-block-columns .wp-block-column:last-child {
    margin-right: 0;
  }
}
.entryContent .wp-block-button {
  margin-bottom: 40px;
}
.entryContent .wp-block-button__link.buttonBase a {
  text-decoration: none;
  display: flex;
  overflow: hidden;
}
.entryContent .wp-block-table {
  margin-bottom: 0;
}
.entryContent .wp-block-table table {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #AFAFB0;
  border-top: 1px solid var(--main-gray-color);
}
.entryContent .wp-block-table table tr th,
.entryContent .wp-block-table table tr td {
  text-align: left;
  width: 100%;
  display: block;
  padding: 10px 0 20px;
  vertical-align: top;
  border: none;
}
.entryContent .wp-block-table table tr th:first-child,
.entryContent .wp-block-table table tr td:first-child {
  padding: 20px 0 0 0;
}
.entryContent .wp-block-table table tr th a,
.entryContent .wp-block-table table tr td a {
  text-decoration: underline;
  display: inline;
}
.entryContent .wp-block-table table tr td {
  font-weight: 400;
  font-size: 1.5rem;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
.entryContent .wp-block-table table tr td:first-child {
  font-weight: 700;
  font-size: 1.3rem;
  border-bottom: none;
}
@media screen and (min-width: 768px ) {
  .entryContent .wp-block-table table tr th,
  .entryContent .wp-block-table table tr td {
    display: table-cell;
    padding: 40px;
    line-height: 2;
    font-size: 1.5rem;
  }
  .entryContent .wp-block-table table tr th:first-child,
  .entryContent .wp-block-table table tr td:first-child {
    padding: 40px 0 40px 40px;
    width: 25%;
    font-size: 1.3rem;
    border-bottom: 1px solid #AFAFB0;
    border-bottom: 1px solid var(--main-gray-color);
  }
  .entryContent .wp-block-table table tr th a,
  .entryContent .wp-block-table table tr td a {
    text-decoration: underline;
    display: inline;
  }
}
@media screen and (min-width: 768px ) and (min-width: 768px ) {
  .entryContent .wp-block-table table tr th a:hover,
  .entryContent .wp-block-table table tr td a:hover {
    text-decoration: none;
  }
}
.entryContent .wp-block-separator {
  height: 1px;
  background: #AFAFB0;
  background: var(--main-gray-color);
  margin: 40px auto;
  border: none;
}
@media screen and (min-width: 768px ) {
  .entryContent .wp-block-separator {
    margin: 60px auto;
  }
}
.entryContent .postInfo {
  display: flex;
  align-items: center;
  gap: 2em;
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  margin-bottom: 0;
}
.entryContent .postInfo span {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.entryContent .postTitle {
  text-align: center;
}
@media screen and (min-width: 768px ) {
  .entryContent .postTitle {
    text-align: left;
  }
}
.entryContent > .btnBase {
  padding-top: 40px;
}

@media screen and (min-width: 768px ) {
  #single-worksContents .descList,
  #single-worksContents .entryContent {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
  }
}

.worksSlider {
  position: relative;
  margin-bottom: 30px;
}
.worksSlider .swiper-wrapper .slide_item {
  overflow: hidden;
  aspect-ratio: 25/14;
}
.worksSlider .swiper-wrapper .slide_item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px ) {
  .worksSlider {
    margin-bottom: 60px;
  }
  .worksSlider .swiper-wrapper .slide_item {
    width: 90%;
    max-width: 888px;
  }
}
.worksSlider .swiper-button-prev,
.worksSlider .swiper-button-next {
  display: none;
}
@media screen and (min-width: 768px ) {
  .worksSlider .swiper-button-prev,
  .worksSlider .swiper-button-next {
    display: block;
  }
}
@media screen and (min-width: 768px ) {
  .worksSlider .swiper-button-prev {
    left: 8.2%;
  }
}
@media screen and (min-width: 768px ) {
  .worksSlider .swiper-button-next {
    right: 8.2%;
  }
}

.descList {
  margin-bottom: 60px;
}
.descList dl {
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
  display: flex;
  padding: 12px 0;
}
.descList dl dt {
  width: 36%;
  flex: none;
}
@media screen and (min-width: 768px ) {
  .descList dl {
    font-size: 2rem;
    font-size: var(--fontS-l);
  }
  .descList dl dt {
    width: 29.5%;
    flex: none;
  }
}

.postHead {
  text-align: center;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  margin-bottom: 40px;
}

.archive .sectionContents,
.page .sectionContents,
.error404 .sectionContents {
  overflow: hidden;
}
.archive .sectionContents .sectionInner,
.page .sectionContents .sectionInner,
.error404 .sectionContents .sectionInner {
  padding: 8vw;
  max-width: 1112px;
}
@media screen and (min-width: 768px ) {
  .archive .sectionContents .sectionInner,
  .page .sectionContents .sectionInner,
  .error404 .sectionContents .sectionInner {
    width: 84vw;
    padding: 0 0 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
.archive .sectionContents .sectionLead i,
.page .sectionContents .sectionLead i,
.error404 .sectionContents .sectionLead i {
  font-size: 6rem;
  font-style: normal;
  font-weight: 700;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  display: block;
  line-height: 100%;
}
.archive .sectionContents .sectionLead small,
.page .sectionContents .sectionLead small,
.error404 .sectionContents .sectionLead small {
  display: block;
  font-size: 1.6rem;
  font-size: var(--fontS-m);
  font-weight: 400;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  padding-top: 0.5em;
}
.archive .sectionContents .sectionLead span,
.page .sectionContents .sectionLead span,
.error404 .sectionContents .sectionLead span {
  display: block;
  font-size: 2.4rem;
  font-size: var(--fontS-xl);
  padding-top: 20px;
}
@media screen and (min-width: 768px ) {
  .archive .sectionContents .sectionLead i,
  .page .sectionContents .sectionLead i,
  .error404 .sectionContents .sectionLead i {
    font-size: 6.4rem;
  }
  .archive .sectionContents .sectionLead small,
  .page .sectionContents .sectionLead small,
  .error404 .sectionContents .sectionLead small {
    padding-top: 0.8em;
  }
  .archive .sectionContents .sectionLead span,
  .page .sectionContents .sectionLead span,
  .error404 .sectionContents .sectionLead span {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
    padding-top: 40px;
  }
}
.archive .sectionContents#archive-newsContents .sectionInner,
.page .sectionContents#archive-newsContents .sectionInner,
.error404 .sectionContents#archive-newsContents .sectionInner {
  max-width: 888px;
  margin-left: auto;
  margin-right: auto;
}
.archive .sectionCover-wh,
.page .sectionCover-wh,
.error404 .sectionCover-wh {
  border-radius: 0 0 100% 100%/0 0 30px 30px;
  position: relative;
  z-index: 3;
}
.archive .sectionCover-wh .sectionContainer .sectionLead,
.page .sectionCover-wh .sectionContainer .sectionLead,
.error404 .sectionCover-wh .sectionContainer .sectionLead {
  text-align: center;
}
.archive .sectionCover-wh .sectionContainer .sectionLead i,
.page .sectionCover-wh .sectionContainer .sectionLead i,
.error404 .sectionCover-wh .sectionContainer .sectionLead i {
  font-size: 5.4rem;
}

.catCover {
  overflow-x: scroll;
  margin: 0 calc(50% - 50vw) 20px;
  padding: 0 7vw;
}
@media screen and (min-width: 768px ) {
  .catCover {
    overflow-x: auto;
    margin: 0 auto 60px;
    padding: 0;
  }
}

.catList {
  min-width: 888px;
  display: flex;
  gap: 10px;
}
.catList .catList-item {
  width: calc(25% - 7.5px);
}
.catList .catList-item a {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-size: var(--fontS-l);
  border-radius: 30px;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
}
@media screen and (min-width: 768px ) {
  .catList .catList-item a:hover {
    color: #ffffff;
    color: var(--main-wh-color);
    background: #B7A67A;
    background: var(--main-accent-color3);
  }
}

.category-news .catList .catList-item.item-news a,
.category-blog .catList .catList-item.item-blog a,
.category-media .catList .catList-item.item-media a {
  color: #ffffff;
  color: var(--main-wh-color);
  background: #B7A67A;
  background: var(--main-accent-color3);
}

.newsList {
  margin-bottom: 100px;
}
.newsList .textList .textList_item a {
  padding: 30px 0;
  border-bottom: 1px solid #AFAFB0;
  border-bottom: 1px solid var(--main-gray-color);
}
.newsList .textList .textList_item a .textList-cat {
  display: flex;
  align-items: center;
  gap: 2em;
  font-family: "Noto Sans JP", sans-serif;
  font-family: var(--fontf-noto);
  margin-bottom: 25px;
}
.newsList .textList .textList_item a .textList-cat span {
  font-size: 1.4rem;
  font-size: var(--fontS-s);
}
.newsList .textList .textList_item a .textList-title {
  font-size: 2rem;
  font-size: var(--fontS-l);
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 768px ) {
  .newsList .textList .textList_item a .textList-title {
    padding: 0 40px;
  }
  .newsList .textList .textList_item a .textList-cat,
  .newsList .textList .textList_item a .textList-title {
    transition: transform 0.4s;
  }
  .newsList .textList .textList_item a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
    border-bottom: 1px solid #B7A67A;
    border-bottom: 1px solid var(--main-accent-color3);
  }
  .newsList .textList .textList_item a:hover .textList-cat,
  .newsList .textList .textList_item a:hover .textList-title {
    transform: translateX(10px);
  }
}

.thumbList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 60px;
  margin-bottom: 100px;
}
.thumbList .thumbList_item a {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.thumbList .thumbList_item a .thumbList-thumb {
  aspect-ratio: 27/19;
}
.thumbList .thumbList_item a .thumbList-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumbList .thumbList_item a .thumbList-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.thumbList .thumbList_item a .thumbList-text .thumbList-cat {
  display: flex;
  gap: 1em;
  color: #B7A67A;
  color: var(--main-accent-color3);
}
.thumbList .thumbList_item a .thumbList-text .thumbList-title {
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
  line-height: 1.2;
}
@media screen and (min-width: 768px ) {
  .thumbList {
    display: flex;
    flex-direction: row;
    gap: 80px 4%;
  }
  .thumbList .thumbList_item {
    width: 48%;
  }
  .thumbList .thumbList_item a .thumbList-thumb {
    overflow: hidden;
  }
  .thumbList .thumbList_item a .thumbList-thumb img {
    transition: transform 0.4s;
  }
  .thumbList .thumbList_item a .thumbList-text {
    transition: color 0.4s;
  }
  .thumbList .thumbList_item a .thumbList-text .thumbList-title {
    font-size: 3.2rem;
    font-size: var(--fontS-3xl);
  }
  .thumbList .thumbList_item a .btnInline {
    transition: 0.4s;
    margin-left: 0;
  }
  .thumbList .thumbList_item a:hover .thumbList-thumb img {
    transform: scale(1.05);
  }
  .thumbList .thumbList_item a:hover .thumbList-text {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
  .thumbList .thumbList_item a:hover .btnInline {
    background: #B7A67A;
    background: var(--main-accent-color3);
  }
}

.sortBlock {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
}
.sortBlock .worksYear-dropdown,
.sortBlock .cat-dropdown {
  width: calc(50% - 4px);
  max-width: 230px;
}
@media screen and (min-width: 768px ) {
  .sortBlock {
    margin-bottom: 60px;
    gap: 12px;
  }
}

.worksYear-dropdown,
.cat-dropdown {
  position: relative;
  display: block;
  z-index: 10;
}
.worksYear-dropdown .dropdown-toggle,
.cat-dropdown .dropdown-toggle {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  font-family: "Zen Old Mincho", serif;
  font-family: var(--fontf-normal);
  transition: 0.3s ease;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
  position: relative;
}
.worksYear-dropdown .dropdown-toggle::after,
.cat-dropdown .dropdown-toggle::after {
  content: "";
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
@media screen and (min-width: 768px ) {
  .worksYear-dropdown .dropdown-toggle::after,
  .cat-dropdown .dropdown-toggle::after {
    right: 35px;
  }
}
.worksYear-dropdown .dropdown-menu,
.cat-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background-color: #EFE7CF;
  background-color: var(--bg-aside-color);
  z-index: 1000;
  min-width: 100%;
  border-radius: 8px;
  max-height: 230px;
  overflow: scroll;
}
.worksYear-dropdown .dropdown-item,
.cat-dropdown .dropdown-item {
  display: block;
  padding: 10px 0 10px 16px;
  color: #333;
  text-decoration: none;
}
.worksYear-dropdown .dropdown-item:hover,
.cat-dropdown .dropdown-item:hover {
  background-color: #D6C8A3;
  background-color: var(--bg-navi-color2);
}
.worksYear-dropdown.is-open .dropdown-menu,
.cat-dropdown.is-open .dropdown-menu {
  display: block;
}

.worksYear-dropdown .dropdown-toggle::after {
  border-right: 1px solid #B7A67A;
  border-right: 1px solid var(--main-accent-color3);
  border-bottom: 1px solid #B7A67A;
  border-bottom: 1px solid var(--main-accent-color3);
}
@media screen and (min-width: 768px ) {
  .worksYear-dropdown .dropdown-toggle:hover {
    background-color: #1E1E1E;
    background-color: var(--main-bk-color);
    color: #ffffff;
    color: var(--main-wh-color);
    border-color: #1E1E1E;
    border-color: var(--main-bk-color);
  }
  .worksYear-dropdown .dropdown-toggle:hover::after {
    border-right: 1px solid #ffffff;
    border-right: 1px solid var(--main-wh-color);
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--main-wh-color);
  }
}

.cat-dropdown .dropdown-toggle {
  color: #ffffff;
  color: var(--main-wh-color);
  background: #B7A67A;
  background: var(--main-accent-color3);
}
.cat-dropdown .dropdown-toggle::after {
  border-right: 1px solid #ffffff;
  border-right: 1px solid var(--main-wh-color);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--main-wh-color);
}
@media screen and (min-width: 768px ) {
  .cat-dropdown .dropdown-toggle:hover {
    border-color: #1E1E1E;
    border-color: var(--main-bk-color);
    color: #ffffff;
    color: var(--main-wh-color);
    background-color: #1E1E1E;
    background-color: var(--main-bk-color);
  }
}

.pagination {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  padding: 0 0 100px;
}
@media screen and (min-width: 768px ) {
  .pagination .prev a:hover,
  .pagination .next a:hover {
    color: #B7A67A;
    color: var(--main-accent-color3);
  }
}

.page-select-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 10px;
}
.page-select-dropdown .dropdown-toggle {
  position: relative;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  border: none;
  border-radius: 30px;
  padding: 0 20px;
  cursor: pointer;
  font-size: 1.8rem;
  font-size: var(--fontS-ml);
  font-family: "Zen Old Mincho", serif;
  font-family: var(--fontf-normal);
  transition: 0.3s ease;
  border: 1px solid #B7A67A;
  border: 1px solid var(--main-accent-color3);
}
.page-select-dropdown .dropdown-toggle::after {
  content: "";
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  margin-bottom: 6px;
  border-right: 1px solid #B7A67A;
  border-right: 1px solid var(--main-accent-color3);
  border-bottom: 1px solid #B7A67A;
  border-bottom: 1px solid var(--main-accent-color3);
}
@media screen and (min-width: 768px ) {
  .page-select-dropdown .dropdown-toggle:hover {
    background-color: #1E1E1E;
    background-color: var(--main-bk-color);
    color: #ffffff;
    color: var(--main-wh-color);
    border-color: #1E1E1E;
    border-color: var(--main-bk-color);
  }
  .page-select-dropdown .dropdown-toggle:hover::after {
    border-right: 1px solid #ffffff;
    border-right: 1px solid var(--main-wh-color);
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--main-wh-color);
  }
}
.page-select-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background-color: #EFE7CF;
  background-color: var(--bg-aside-color);
  z-index: 1000;
  min-width: 75%;
  border-radius: 8px;
  overflow: hidden;
}
.page-select-dropdown .dropdown-item {
  display: block;
  padding: 5px 1em;
  text-align: right;
  text-decoration: none;
}
.page-select-dropdown .dropdown-item:hover {
  background-color: #B7A67A;
  background-color: var(--main-accent-color3);
}
.page-select-dropdown .dropdown-item.current {
  font-weight: bold;
  background-color: #D6C8A3;
  background-color: var(--bg-navi-color2);
}
.page-select-dropdown.open .dropdown-menu {
  display: block;
}

.kyomeichikuLogoCorp {
  position: absolute;
  left: 5vw;
  top: 50px;
  z-index: 10;
  transition: none;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuLogoCorp {
    top: 40px;
    left: 30px;
  }
}
.kyomeichikuLogoCorp a {
  color: #ffffff;
  color: var(--main-wh-color);
  font-size: 2.8rem;
  font-size: var(--fontS-2xl);
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 1;
  transition: none;
}
.kyomeichikuLogoCorp a svg {
  fill: currentColor;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuLogoCorp a svg {
    width: 180px;
  }
}
@media screen and (min-width: 768px ) {
  .kyomeichikuLogoCorp {
    left: 5vw;
  }
  .kyomeichikuLogoCorp a {
    font-size: 4rem;
    font-size: var(--fontS-4xl);
    gap: 20px;
  }
  .kyomeichikuLogoCorp a::before {
    width: 41px;
    height: 35px;
  }
  .kyomeichikuLogoCorp a:hover {
    opacity: 0.7;
  }
}

.kyomeichikuNaviButton {
  position: fixed;
  top: 49px;
  right: 9.23vw;
  z-index: 1000;
  cursor: pointer;
  transition: none;
  display: flex;
  gap: 5px;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuNaviButton {
    opacity: 1;
    visibility: visible;
  }
}
.kyomeichikuNaviButton svg {
  width: 5.5px;
  transition: opacity 0.4s ease, transform 0.5s ease;
}
.kyomeichikuNaviButton svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.lower .kyomeichikuNaviButton svg path {
  fill: #1E1E1E;
  fill: var(--main-bk-color);
}
@media screen and (min-width: 960px ) {
  .kyomeichikuNaviButton {
    top: 58px;
    right: 3.6vw;
  }
  .kyomeichikuNaviButton:hover {
    right: calc(3.6vw - 2px);
    gap: 7px;
  }
}
.kyomeichikuNaviButton.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.lower .kyomeichikuNaviButton.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}
.kyomeichikuNaviButton.is-open svg:nth-child(2) {
  transform: translateY(-18px) rotate(90deg);
}
.kyomeichikuNaviButton.is-open svg:nth-child(1), .kyomeichikuNaviButton.is-open svg:nth-child(3) {
  opacity: 0;
}

.is-bgWh .headerLogo a {
  color: #524E4D;
  color: var(--main-lowerTxt-color);
}
.is-bgWh .headerLogo a::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTkiIGhlaWdodD0iMTAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMTkgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNi4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgOSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjNTI0ZTRkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS43Miw2Ni42N2MwLTEuNzEuODYtNC4yNywxLjcyLTUuOTguODYtMS43MSwxLjcyLTQuMjcsMy40NS01Ljk4LDEuNzItMS43MSwyLjU5LTMuNDIsNC4zMS01LjEzLDEuNzItMS43MSwyLjU5LTMuNDIsNC4zMS01LjEzLDEuNzItMS43MSwzLjQ1LTMuNDIsNS4xNy00LjI3cTIuNTktMS43MSw2LjA0LTQuMjdjMS43Mi0uODUsMy40NS0xLjcxLDUuMTctMy40MiwxLjcyLTEuNzEsMy40NS0xLjcxLDYuMDQtMy40MiwyLjU5LTEuNzEsMy40NS0xLjcxLDYuMDQtMi41NiwyLjU5LS44NSw0LjMxLTEuNzEsNi4wNC0xLjcxczQuMzEtLjg1LDYuMDQtMS43MWMxLjcyLS44NSw1LjE3LDAsOS40OSwwaDIuNTljNC4zMS44NSw0LjMxLDEuNzEsNy43NiwyLjU2LDEuNzIsMCwzLjQ1LDEuNzEsNi4wNCwyLjU2LDIuNTkuODUsMy40NSwyLjU2LDQuMzEsNC4yNy44NiwxLjcxLDIuNTksMy40MiwzLjQ1LDUuMTMuODYsMS43MSwxLjcyLDMuNDIsMi41OSw1Ljk4Ljg2LDIuNTYuODYsNC4yNywxLjcyLDUuOTguODYsMS43MSwwLDQuMjcsMCw1Ljk4djUuOThjMCwxLjcxLDAsNC4yNy0uODYsNS45OC0uODYsMS43MSwwLDQuMjctMS43Miw1Ljk4LTEuNzIsMS43MS0xLjcyLDMuNDItMy40NSw1LjEzLTEuNzIsMS43MS0yLjU5LDMuNDItMy40NSw1LjEzLDAsMC0xLjcyLDIuNTYtNC4zMSw0LjI3cS0yLjU5LDEuNzEtNS4xNywzLjQyYy0yLjU5LDEuNzEtMy40NSwxLjcxLTUuMTcsMi41Ni0xLjcyLjg1LTMuNDUsMS43MS01LjE3LDIuNTYtMS43Mi44NS0zLjQ1Ljg1LTUuMTcsMS43MS0xLjcyLjg1LTMuNDUsMC02LjA0LDBoLTUuMTdjLTEuNzIsMC00LjMxLS44NS00LjMxLTIuNTZzMC0uODUsMy40NS0xLjcxYzEuNzIsMCwzLjQ1LS44NSw2LjA0LTIuNTYsMi41OS0xLjcxLDMuNDUtMi41Niw1LjE3LTMuNDIsMS43Mi0uODUsMy40NS0yLjU2LDUuMTctMy40MiwxLjcyLS44NSwzLjQ1LTMuNDIsNC4zMS00LjI3cTEuNzItMS43MSwyLjU5LTMuNDJjLjg2LTEuNzEsMS43Mi0xLjcxLDMuNDUtMy40MiwwLDAsMi41OS01LjEzLDMuNDUtNy42OXYtMTcuMDljMC0yLjU2LS44Ni00LjI3LTIuNTktNS45OC0xLjcyLTEuNzEtMi41OS00LjI3LTQuMzEtNS4xMy0xLjcyLS44NS00LjMxLTIuNTYtNi4wNC0zLjQyLTEuNzItLjg1LTUuMTctLjg1LTYuOS0uODVzMCwwLS44NiwwdjQuMjdjMCwuODUsMCwzLjQyLS44Niw2Ljg0LS44NiwzLjQyLTEuNzIsNC4yNy0yLjU5LDYuODRxLTEuNzIsMy40Mi0zLjQ1LDUuOThsLTEuNzIsNC4yN3MtMS43MiwzLjQyLTIuNTksMy40MnEtMS43MiwzLjQyLTMuNDUsNi44NGMtMS43MiwzLjQyLTEuNzIsMi41Ni0yLjU5LDQuMjctLjg2LDEuNzEtLjg2LDIuNTYtMi41OSw0LjI3LDAsMC00LjMxLDQuMjctNC4zMSw1LjEzLDAsMC0zLjQ1LDQuMjctMy40NSw1LjEzLTEuNzIsMS43MS00LjMxLDIuNTYtNi4wNCwyLjU2cy0yLjU5LDAtNi4wNC0xLjcxYy0uODYsMC0yLjU5LS44NS0zLjQ1LTQuMjdxLTEuNzItNC4yNy0yLjU5LTcuNjljLS44Ni0yLjU2LTMuNDUtMy40Mi02LjA0LTQuMjcsMCwwLTIuNTktMS43MS0yLjU5LTMuNDJ2LTYuODRsLS44NiwxLjcxWk0yMy4yOCw3Ni45MnEyLjU5LTMuNDIsNS4xNy03LjY5YzIuNTktNC4yNywwLDAsMC0uODVxMS43Mi0yLjU2LDMuNDUtNS4xM3QyLjU5LTUuMTNjLjg2LTIuNTYsMCwwLDAtLjg1LDIuNTktMy40MiwxLjcyLTMuNDIsNC4zMS02Ljg0LDAsMCw0LjMxLTYuODQsNC4zMS04LjU1LDAtMy40MiwwLTQuMjctLjg2LTQuMjdzLTIuNTksMS43MS01LjE3LDMuNDJjLTIuNTksMS43MS0zLjQ1LDEuNzEtNS4xNywzLjQyLTEuNzIsMS43MS0zLjQ1LDIuNTYtNC4zMSwzLjQyLTMuNDUsMy40Mi0zLjQ1LDIuNTYtNi45LDUuOTgtMy40NSwzLjQyLTEuNzIsMS43MS0yLjU5LDQuMjctMS43MiwyLjI4LTMuMTYsNC44NC00LjMxLDcuNjlsLTEuNzIsNS4xM3MzLjQ1LDEuNzEsNC4zMSwyLjU2bDMuNDUsMi41NnMuODYsMCwxLjcyLjg1aDEuNzJaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNy4yOCw5OC4yOWMtMi41OSwyLjU2LTUuMTcsMi41Ni03Ljc2LDAtMi41OS0yLjU2LDAtMy40MiwwLTYuODRWMTYuMjRjMC0zLjQyLDIuNTktNC4yNywwLTYuODQtMi41OS0yLjU2LTMuNDUsMC02LjksMEg2LjA0Yy0zLjQ1LDAtNC4zMSwxLjcxLTYuOSwwQy0zLjQ1LDcuNjksMCw2Ljg0LDAsMi41NlMxLjcyLDAsMy40NSwwczIuNTksMCw1LjE3Ljg1cTIuNTkuODUsNS4xNy44NWg5Ni41OGMzLjQ1LDAsNC4zMS0yLjU2LDYuOSwwLDIuNTksMi41NiwwLDMuNDIsMCw2Ljg0djgyLjA1YzAsMy40MiwyLjU5LDQuMjcsMCw2Ljg0di44NVoiLz4KPC9zdmc+) no-repeat center 0/contain;
}
.is-bgWh .naviToggle svg path {
  fill: #524E4D;
  fill: var(--main-lowerTxt-color);
}
.is-bgWh .naviToggle.is-open svg path {
  fill: #ffffff;
  fill: var(--main-wh-color);
}

.kyomeichikuNavi_layer {
  content: "";
  height: 100svh;
  width: 230px;
  background: linear-gradient(to left, #8E7F59, #8E7F59 30%, rgba(255, 255, 255, 0.5));
  position: absolute;
  right: 0;
  top: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuNavi_layer {
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    position: fixed;
    width: min(75vw, 300px);
    opacity: 0;
    visibility: hidden;
    transform: translateX(10%);
  }
  .kyomeichikuNavi_layer.is-opening {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
  .kyomeichikuNavi_layer.is-opened {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
  }
  .kyomeichikuNavi_layer.is-closing {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
    transform: translateX(0px);
    opacity: 0;
    visibility: hidden;
  }
}

.kyomeichikuNavi_logoWrap {
  position: absolute;
  right: 7svh;
  top: 6svh;
  z-index: 10;
  color: #fff;
  width: auto;
  height: 25svh;
  aspect-ratio: 0.23/1;
  container: kyomeichikuLogo/inline-size;
  transition: none;
}
.kyomeichikuNavi_logoWrap * {
  transition: inherit;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuNavi_logoWrap {
    height: 38vw;
    right: auto;
    left: 10vw;
    top: 100svh;
    translate: 0 calc(-100% - 5em);
    bottom: 20vw;
  }
}
.page-template-page-kyomeichiku .kyomeichikuNavi_logoWrap {
  display: none;
}

.kyomeichikuNavi_logo {
  width: 100%;
  height: 100%;
  margin: auto;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
.kyomeichikuNavi_logo svg {
  fill: currentColor;
  width: auto;
  height: 100%;
}

.kyomeichikuNavi_logoTagline {
  display: block;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  font-weight: 700;
  font-style: normal;
  font-size: 16cqw;
  line-height: 110%;
  letter-spacing: 3%;
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  white-space: nowrap;
  margin-top: 20%;
}
.kyomeichikuNavi_logoTagline svg {
  fill: currentColor;
}

.kyomeichikuNavi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  pointer-events: none;
  z-index: 20;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuNavi {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
  }
  .kyomeichikuNavi.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition: transform 0.5s 0.45s ease-out, opacity 0.5s 0.45s ease-out, visibility 0.5s 0.45s ease-out;
  }
  .kyomeichikuNavi.is-closing {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
    transform: translateX(0px);
    opacity: 0;
    visibility: hidden;
  }
}

.kyomeichikuNavi_inner {
  height: 100svh;
}

.kyomeichikuNavi_list {
  position: absolute;
  bottom: 16svh;
  right: 0;
  z-index: 10;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

.kyomeichikuNavi_item {
  pointer-events: auto;
}
.kyomeichikuNavi_item + .kyomeichikuNavi_item {
  margin-top: 3.7svh;
}
.kyomeichikuNavi_item a {
  display: block;
  padding-right: 42px;
  position: relative;
}
.kyomeichikuNavi_item a:hover img {
  opacity: 0.35;
  transition: opacity 0.2s ease-out;
}
.kyomeichikuNavi_item a::after {
  content: "";
  width: 35px;
  height: 1px;
  background: #fff;
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
}
.kyomeichikuNavi_item:first-child {
  margin-bottom: min(5.8svh, 60px);
}
.kyomeichikuNavi_item:last-child {
  margin-top: min(5.8svh, 60px);
}
.kyomeichikuNavi_item:last-child a::after {
  width: 65px;
}
html[lang=en] .kyomeichikuNavi_item:last-child a::after {
  width: 60px;
}
.kyomeichikuNavi_item img {
  vertical-align: bottom;
}

.kyomeichikuNavi_lang {
  position: absolute;
  bottom: 8svh;
  right: 2em;
  z-index: 10;
  color: #fff;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  z-index: 10;
  pointer-events: auto;
}
.kyomeichikuNavi_lang li + li::before {
  content: "/";
  margin-inline: 0.5em;
}
.kyomeichikuNavi_lang a {
  display: inline-block;
}
.kyomeichikuNavi_lang a.activeLang {
  text-decoration: underline;
}
html[lang=ja] .kyomeichikuNavi_lang a[data-stt-changelang=ja] {
  text-decoration: underline;
}
html[lang=en] .kyomeichikuNavi_lang a[data-stt-changelang=en] {
  text-decoration: underline;
}

.kyomeichikuFooterNavi_list {
  display: grid;
  background: #000;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 599.98px ) {
  .kyomeichikuFooterNavi_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.kyomeichikuFooterNavi_item {
  height: 100svh;
}
@media screen and (max-width: 599.98px ) {
  .kyomeichikuFooterNavi_item {
    height: auto;
    aspect-ratio: 1/1.55;
  }
}
.kyomeichikuFooterNavi_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kyomeichikuFooterNavi_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 768px ) {
  :where(ul:has(:hover) .kyomeichikuFooterNavi_link) {
    opacity: 0.25;
  }
  .kyomeichikuFooterNavi_link:hover {
    opacity: 1;
  }
}
.kyomeichikuFooterNavi_link img {
  transform: translateY(0px) !important;
}

.kyomeichikuFooterNavi_label {
  width: -moz-fit-content;
  width: fit-content;
  height: min(23.9svh, 244px);
  position: absolute;
  inset: 0 0 auto;
  margin-inline: auto;
  margin-top: 58.8svh;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuFooterNavi_label {
    height: min(19.12svh, 195px);
  }
}
@media screen and (max-width: 599.98px ) {
  .kyomeichikuFooterNavi_label {
    width: 6.666vw;
    height: auto;
    margin-top: 16.666vw;
  }
}

.kyomeichikuContentsVisual {
  position: relative;
  height: 100svh;
  background: #000;
}

.kyomeichikuContentsVisual_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  opacity: 0;
}
.kyomeichikuContentsVisual_back.is-loaded {
  transition: opacity 0.75s 0.35s ease-out;
  opacity: 1;
}

.kyomeichikuContentsVisual_title {
  position: absolute;
  left: 14.2vw;
  bottom: 13.23svh;
  z-index: 1;
  color: #fff;
  opacity: 0;
  transition: opacity 0.75s 1.25s ease-out, transform 0.5s 1.25s ease-out;
  transform: translateX(-10%);
  width: 150px;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuContentsVisual_title {
    width: min(20.51vw, 80px);
    height: -moz-fit-content;
    height: fit-content;
    inset: 0;
    margin: auto;
  }
}
.kyomeichikuContentsVisual_title.is-loaded {
  opacity: 1;
  transform: translateX(0);
}
.kyomeichikuContentsVisual_title span {
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 2.8rem;
  margin-left: clamp(3rem, 5vw, 7rem);
  margin-top: -5rem;
  font-style: normal;
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuContentsVisual_title span {
    font-size: min(6.15vw, 24px);
    margin-left: 1em;
    margin-top: -1.5em;
  }
}
html[lang=en] .kyomeichikuContentsVisual_title span {
  left: 10vw;
  font-size: 2rem;
  white-space: normal;
}

.kyomeichikuContentsVisual_credit {
  position: absolute;
  bottom: 2.35svh;
  right: 3.33svh;
  font-size: 1.2rem;
  opacity: 0.8;
  color: #fff;
  z-index: 10;
}
@media screen and (max-width: 959.98px ) {
  .kyomeichikuContentsVisual_credit {
    z-index: 1;
  }
}

.kyomeichikuContents {
  background: #fff;
  --space-inline: calc(76/1512*100vw);
  padding-block: 120px 180px;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContents {
    padding-block: 60px;
  }
}

.kyomeichikuContents_inner {
  max-width: 1350px;
  padding-inline: var(--space-inline);
  margin-inline: auto;
  box-sizing: content-box;
}

.kyomeichikuContentsBlock_heading {
  font-size: clamp(3.6rem, 3.3216rem + 0.71vw, 4.4rem);
  line-height: 1.5;
  font-weight: bold;
}

.kyomeichikuContentsBlock_text {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 2.22em;
}

.kyomeichikuContentsBlock_credit {
  margin-top: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock_credit {
    font-size: 1.3rem;
    width: 100%;
    text-align: right !important;
  }
}

/* block01 */
.kyomeichikuContentsBlock01 {
  padding-inline: 0;
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock01_contents {
    display: flex;
    gap: 5%;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock01_contents {
    gap: 10%;
  }
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock01_body {
    width: 50%;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock01_body {
    width: 50%;
    padding-inline: 10% 0;
  }
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock01_image {
    width: 50%;
  }
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock01_image {
    margin-top: 1.5em;
  }
  .kyomeichikuContentsBlock01_image img {
    width: 199%;
  }
}

/* block02 */
.kyomeichikuContentsBlock02 {
  padding-inline: 0;
  margin-top: 130px;
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock02_contents {
    display: flex;
    flex-direction: row-reverse;
    gap: 5%;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock02_contents {
    gap: 10%;
  }
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock02_body {
    width: 50%;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock02_body {
    padding-inline: 0 10%;
  }
}

.kyomeichikuContentsBlock02_image {
  width: 50%;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock02_image {
    width: auto;
    margin-top: 1.5em;
  }
}

/* block03 */
.kyomeichikuContentsBlock03 {
  padding-inline: 0;
  margin-top: 130px;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock03 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock03 p[style] {
    max-width: 100% !important;
    margin-top: 30px !important;
  }
}

.kyomeichikuContentsBlock03_body {
  margin-left: auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock03_body {
    width: 50%;
    padding-right: 10%;
  }
}

@media screen and (min-width: 768px ) {
  .kyomeichikuContentsBlock03_image {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin-left: calc(var(--space-inline) * -1);
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock03_image {
    padding-right: min(130px, 9.63vw);
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock03_image {
    margin-top: 1.5em;
  }
}

/* block04 */
.kyomeichikuContentsBlock04 {
  padding-inline: 0;
  margin-top: 130px;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock04:not(:has(.kyomeichikuContentsBlock04_body)) {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock04_body {
    margin-bottom: 40px;
    width: 50%;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock04_body {
    padding-left: 10%;
  }
}

.kyomeichikuContentsBlock04_image {
  margin-right: calc(var(--space-inline) * -1);
}
@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock04_image {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock04_image {
    padding-left: 10%;
  }
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock04_image {
    margin-top: 1.5em;
    padding-left: 0;
  }
}
.kyomeichikuContentsBlock04_image.is-reverse {
  margin-inline: calc(var(--space-inline) * -1) 0;
  padding-inline: 0 10%;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock04_image.is-reverse {
    padding-right: 0;
  }
}
.kyomeichikuContentsBlock04_image img {
  max-width: 100%;
}

/* block05 */
.kyomeichikuContentsBlock05 {
  padding-inline: 0;
  margin-top: 130px;
}

.kyomeichikuContentsBlock05_contents {
  display: grid;
  grid-gap: 80px 5%;
  gap: 80px 5%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: 1fr repeat(2, auto);
  grid-template-areas: "image1  contents" "image1  image2" "caption image2";
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock05_contents {
    display: block;
  }
}

@media screen and (min-width: 1080px ) {
  .kyomeichikuContentsBlock05_body {
    margin-bottom: 40px;
    grid-area: contents;
    padding-inline: 0 10%;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1440px ) {
  .kyomeichikuContentsBlock05_body {
    padding-inline: 10% 20%;
  }
}

.kyomeichikuContentsBlock05_image01 {
  grid-area: image1;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock05_image01 {
    margin-top: 30px;
  }
}

.kyomeichikuContentsBlock05_image02 {
  grid-area: image2;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock05_image02 {
    margin-top: 30px;
    width: 100%;
  }
  .kyomeichikuContentsBlock05_image02 img {
    width: 100%;
  }
}

.kyomeichikuContentsBlock05_caption {
  max-width: 400px;
  margin-left: auto;
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock05_caption {
    max-width: none;
    margin-top: 30px;
  }
}

/* block06 */
.kyomeichikuContentsBlock06 {
  margin-top: 90px;
  margin-inline: auto;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock06 {
    margin-top: 30px;
  }
}

.kyomeichikuContentsBlock06_image {
  max-width: 676px;
  margin-inline: auto;
}

/* block07 */
.kyomeichikuContentsBlock07 {
  margin-top: 90px;
  margin-inline: auto;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuContentsBlock07 {
    margin-top: 30px;
  }
}

.kyomeichikuContentsBlock07_image {
  max-width: 676px;
  margin-left: 10%;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuContentsBlock07_image {
    max-width: none;
    margin-left: auto;
  }
  .kyomeichikuContentsBlock07_image img {
    width: 100%;
  }
}

.kyomeichikuTopVisual {
  height: 100svh;
  position: relative;
  color: #fff;
  z-index: 1;
  background: #000;
}

.kyomeichikuTopVisual_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  opacity: 0;
}
.kyomeichikuTopVisual_back.is-loaded {
  transition: opacity 2.5s 0.5s ease-out;
  opacity: 1;
}

.kyomeichikuTopVisualLogo {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  inset: 0;
  translate: 5% 0;
  margin: auto;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

.kyomeichikuTopVisualLogo_logo svg {
  fill: #fff;
  max-height: min(60svh, 622px);
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopVisualLogo_logo svg {
    max-height: min(97vw, 65svh);
    height: auto;
    max-width: min(18vw, 90px);
  }
}

.kyomeichikuTopVisualLogo_en {
  display: block;
  font-family: "Gentium Book Plus", serif;
  font-family: var(--fontf-en);
  font-weight: 700;
  font-style: normal;
  font-size: min(1.765svh, 18px);
  line-height: 110%;
  letter-spacing: 3%;
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  white-space: nowrap;
  margin-top: 1.65em;
}

.kyomeichikuTopVisualLogo_tagline {
  position: absolute;
  left: 100%;
  margin-left: min(5.49svh, 56px);
  top: -1.5em;
  font-style: normal;
  writing-mode: vertical-rl;
  font-size: min(2.55svh, 26px);
  letter-spacing: 0.2em;
}
html[lang=en] .kyomeichikuTopVisualLogo_tagline {
  font-size: 1.6rem;
  white-space: normal;
  margin-left: 1.5em;
}
@media screen and (max-width: 767.98px ) {
  html[lang=en] .kyomeichikuTopVisualLogo_tagline {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopVisualLogo_tagline {
    font-size: 3vw;
    margin-left: min(6.4vw, 20px);
  }
}

.kyomeichikuTopVisual_credit {
  position: absolute;
  height: 100svh;
  top: 0;
  right: 0;
  z-index: 10;
  font-size: 1.2rem;
  color: #fff;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopVisual_credit {
    z-index: 2;
  }
}
.kyomeichikuTopVisual_credit span {
  position: absolute;
  bottom: 2.35svh;
  right: 3.33svh;
  opacity: 0.8;
  width: -moz-max-content;
  width: max-content;
}

.kyomeichikuTopSection_inner {
  min-height: 100svh;
  background: #fff;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 40px 13.2450331126vw;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_inner {
    padding: 0;
  }
}

.kyomeichikuTopSection_back {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}
@media screen and (min-width: 768px ) {
  .is-active .kyomeichikuTopSection_back {
    position: fixed;
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_back {
    height: auto;
    aspect-ratio: 1/1.25;
    z-index: 1;
  }
}

.kyomeichikuTopSection_layer {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_layer {
    height: auto;
    aspect-ratio: 1/1.25;
    z-index: 1;
  }
}

.kyomeichikuTopSection_innerTop {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  height: 100%;
  min-height: 650px;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_innerTop {
    display: block;
    height: auto;
  }
}

.kyomeichikuTopSection_body {
  width: 100%;
  max-width: 990px;
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  gap: min(9svh, 90px);
  min-height: auto;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_body {
    display: block;
    background: linear-gradient(to bottom, #333, #000);
  }
}

.kyomeichikuTopSection_header {
  align-self: stretch;
  max-width: 40%;
}
section:nth-child(even) .kyomeichikuTopSection_header {
  order: 2;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_header {
    width: 100%;
    aspect-ratio: 1/1.25;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
    max-width: none;
  }
  section:nth-child(even) .kyomeichikuTopSection_header {
    order: 0;
  }
}

.kyomeichikuTopSection_heading {
  writing-mode: vertical-rl;
  font-size: clamp(24px, 2.9vw, 44px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.12em;
  margin-top: -1em;
  max-height: 80svh;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_heading {
    font-size: min(8vw, 32px);
  }
}
html[lang=en] .kyomeichikuTopSection_heading {
  margin-top: 0;
  font-size: clamp(20px, 2.9vw, 40px);
  line-height: 1.6;
  line-height: 1.4;
  writing-mode: horizontal-tb;
}
@media screen and (max-width: 767.98px ) {
  html[lang=en] .kyomeichikuTopSection_heading {
    max-width: 80%;
    margin-inline: auto;
    text-align: center;
  }
}

.kyomeichikuTopSection_contents {
  flex: 1;
  max-width: 480px;
  font-size: clamp(16px, 1.32vw, 20px);
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuTopSection_contents {
    padding-inline: min(12.8vw, 40px);
    padding-block: 40px 80px;
    font-size: 1.6rem;
    max-width: none;
  }
}
html[lang=en] .kyomeichikuTopSection_contents {
  font-size: clamp(14px, 1.32vw, 18px);
  line-height: 1.65;
}
.kyomeichikuTopSection:nth-child(even) .kyomeichikuTopSection_contents {
  order: 1;
}
.kyomeichikuTopSection_contents .kyomeichikuTopSection_link {
  margin-top: 3.725svh;
  margin-left: auto;
  width: -moz-max-content;
  width: max-content;
}
.kyomeichikuTopSection_contents .kyomeichikuTopSection_link a {
  display: inline-block;
}
.kyomeichikuTopSection_contents .kyomeichikuTopSection_link a img {
  display: inline-block;
  vertical-align: middle;
}
.kyomeichikuTopSection_contents .kyomeichikuTopSection_link a:hover {
  opacity: 0.35;
}
.kyomeichikuTopSection_contents .kyomeichikuTopSection_link a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-left: 1.6rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTQuNUMwIDIyLjUwODEgNi40OTE4NyAyOSAxNC41IDI5QzIyLjUwODEgMjkgMjkgMjIuNTA4MSAyOSAxNC41QzI5IDYuNDkxODcgMjIuNTA4MSAwIDE0LjUgMEM2LjQ5MTg3IDAgMCA2LjQ5MTg3IDAgMTQuNVoiIGZpbGw9IiMxQTFEMUEiLz4KPHBhdGggZD0iTTEgMTQuNUMxIDcuMDQ0MTYgNy4wNDQxNiAxIDE0LjUgMUMyMS45NTU4IDEgMjggNy4wNDQxNiAyOCAxNC41QzI4IDIxLjk1NTggMjEuOTU1OCAyOCAxNC41IDI4VjI5QzIyLjUwODEgMjkgMjkgMjIuNTA4MSAyOSAxNC41QzI5IDYuNDkxODcgMjIuNTA4MSAwIDE0LjUgMEM2LjQ5MTg3IDAgMCA2LjQ5MTg3IDAgMTQuNUMwIDIyLjUwODEgNi40OTE4NyAyOSAxNC41IDI5VjI4QzcuMDQ0MTYgMjggMSAyMS45NTU4IDEgMTQuNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMC4yMjA3IDE0LjEyN0wyMC42MzI4IDE0LjQ5OUwyMC4yMjA3IDE0Ljg3MTFMMTYuMDc3MSAxOC41OTk2TDE1Ljc0MzIgMTguMjI3NUwxNS40MDgyIDE3Ljg1NjRMMTguNTgxMSAxNUg5LjUyMzQ0VjE0SDE4LjU4M0wxNS40MDgyIDExLjE0MjZMMTUuNzQzMiAxMC43NzA1TDE2LjA3NzEgMTAuMzk4NEwyMC4yMjA3IDE0LjEyN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 0 0/contain;
}

.kyomeichikuProcess {
  --space-inline: calc(76/1512*100vw);
  background: #fff;
  padding-top: 120px;
}

.kyomeichikuProcessSection + .kyomeichikuProcessSection {
  margin-top: 200px;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessSection + .kyomeichikuProcessSection {
    margin-top: 160px;
  }
}

.kyomeichikuProcess_inner {
  max-width: 1350px;
  padding-inline: var(--space-inline);
  margin-inline: auto;
  box-sizing: content-box;
}

.kyomeichikuProcessContents {
  display: flex;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContents {
    flex-direction: column;
  }
}
section:nth-of-type(even) .kyomeichikuProcessContents, .kyomeichikuProcessContents.is-reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767.98px ) {
  section:nth-of-type(even) .kyomeichikuProcessContents, .kyomeichikuProcessContents.is-reverse {
    flex-direction: column;
  }
}

.kyomeichikuProcessContents_body {
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessContents_body {
    width: 33.3%;
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContents_body {
    width: auto;
  }
}

.kyomeichikuProcessContents_heading {
  font-size: 3.4rem;
}
.kyomeichikuProcessContents_heading i {
  display: block;
  margin-bottom: 1em;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessContents_heading i {
    margin-bottom: 30px;
  }
  .kyomeichikuProcessContents_heading i img {
    height: 80px;
  }
}
.kyomeichikuProcessContents_heading span {
  display: inline-block;
}
.kyomeichikuProcessContents_heading img {
  vertical-align: bottom;
}

.kyomeichikuProcessContents_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 3.33em;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessContents_text {
    margin-top: 2.5em;
  }
}

.kyomeichikuProcessContents_image {
  margin-right: calc(var(--space-inline) * -1);
  margin-left: var(--space-inline);
  flex: 1;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContents_image {
    margin-left: 0;
    margin-top: 40px;
  }
}
section:nth-of-type(even) .kyomeichikuProcessContents_image, .is-reverse .kyomeichikuProcessContents_image {
  margin-left: calc(var(--space-inline) * -1);
  margin-right: var(--space-inline);
}
@media screen and (max-width: 767.98px ) {
  section:nth-of-type(even) .kyomeichikuProcessContents_image, .is-reverse .kyomeichikuProcessContents_image {
    margin-right: 0;
  }
}

.kyomeichikuProcessContentsSub {
  display: flex;
  max-width: 1080px;
  margin-inline: auto;
  margin-top: 80px;
  gap: 5%;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContentsSub {
    flex-direction: column;
    gap: 60px;
  }
}

.kyomeichikuProcessContentsSub_body {
  display: flex;
  flex: 1;
  max-width: 50%;
  gap: 10%;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContentsSub_body {
    max-width: 100%;
    flex-direction: column;
    align-items: center;
  }
}
.kyomeichikuProcessContentsSub_body img {
  flex-shrink: 0;
  margin-bottom: 40px;
}
.kyomeichikuProcessContentsSub_body p {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.kyomeichikuProcessContentsSub_image {
  display: flex;
  flex: 1;
  max-width: 50%;
  align-self: flex-start;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessContentsSub_image {
    max-width: 100%;
  }
}

.kyomeichikuProcessSectionCallout {
  background: #E4E8DF;
  padding-block: 120px;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuProcessSectionCallout {
    padding-inline: 5.0264550265vw;
    padding-block: 80px;
  }
}
.kyomeichikuProcessSectionCallout.is-flow {
  background: #404040;
  color: #fff;
}
.kyomeichikuProcessSectionCallout.is-meichikuBamboo {
  margin-top: 100px;
  background: #404040;
  color: #fff;
}
.kyomeichikuProcessSectionCallout.is-pattern2 {
  background-color: #C5B68F;
}

.kyomeichikuProcessSectionCalloutContents {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuProcessSectionCalloutContents {
    flex-direction: column;
  }
}

.kyomeichikuProcessSectionCalloutContents_body {
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuProcessSectionCalloutContents_body {
    width: auto;
  }
}

.kyomeichikuProcessSectionCalloutContents_heading {
  font-size: 3.4rem;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessSectionCalloutContents_heading {
    text-align: center;
  }
}
.kyomeichikuProcessSectionCalloutContents_heading span {
  display: inline-block;
}

.kyomeichikuProcessSectionCalloutContents_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 3.33em;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessSectionCalloutContents_text {
    margin-top: 2.5em;
  }
}

.kyomeichikuProcessSectionCalloutContents_button {
  margin-top: 40px;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessSectionCalloutContents_button {
    text-align: center;
  }
}
.kyomeichikuProcessSectionCalloutContents_button a {
  border: 1px solid currentColor;
  border-radius: 10em;
  font-size: 2rem;
  padding: 1em;
  max-width: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  gap: 0.5em;
}
@media screen and (max-width: 1439.98px ) {
  .kyomeichikuProcessSectionCalloutContents_button a {
    font-size: 1.4rem;
    max-width: 275px;
    margin-inline: auto;
  }
}
.is-pattern1 .kyomeichikuProcessSectionCalloutContents_button a {
  border-color: #B7A67A;
}
.is-pattern2 .kyomeichikuProcessSectionCalloutContents_button a {
  border-color: #fff;
}
.kyomeichikuProcessSectionCalloutContents_button a:hover {
  color: #404040;
  background: #fff;
  border-color: #fff;
}
.kyomeichikuProcessSectionCalloutContents_button svg {
  fill: currentColor;
}

.kyomeichikuProcessSectionCalloutContents_image {
  margin-right: 5.0264550265vw;
  flex: 1;
}
.kyomeichikuProcessSectionCalloutContents_image img {
  width: 100%;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuProcessSectionCalloutContents_image {
    margin-top: 60px;
    margin-right: 0;
  }
}

.kyomeichikuProcessSectionCalloutSub {
  display: flex;
  gap: 3.7%;
  margin-inline: auto;
  margin-top: 120px;
}
@media screen and (max-width: 1079.98px ) {
  .kyomeichikuProcessSectionCalloutSub {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessSectionCalloutSub {
    flex-direction: column;
    margin-top: 60px;
  }
}

.kyomeichikuProcessSectionCalloutSub_body {
  flex: 1;
  max-width: 540px;
  margin-left: auto;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessSectionCalloutSub_body {
    width: 100%;
    max-width: none;
  }
}

.kyomeichikuProcessSectionCalloutSub_image {
  flex: 1;
  max-width: 50%;
}
@media screen and (max-width: 767.98px ) {
  .kyomeichikuProcessSectionCalloutSub_image {
    max-width: 100%;
    margin-top: 60px;
  }
}

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