@charset "UTF-8";
@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;
  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: translateZ(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;
}
.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);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.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;
  scroll-snap-stop: always;
}
.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-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.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;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.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,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.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-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  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 > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .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(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.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;
  -webkit-backface-visibility: hidden;
  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-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  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;
  -webkit-backface-visibility: hidden;
  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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}
:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}
@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}
:where(textarea) {
  resize: vertical;
  resize: block;
}
:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}
:where(:disabled) {
  cursor: not-allowed;
}
:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}
:where(button) {
  border-style: solid;
}
:where(a) {
  text-underline-offset: 0.2ex;
}
:where(ul, ol) {
  list-style: none;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}
:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}
:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}
:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}
:where(
    .visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)
  ) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@font-face {
  font-family: Pokkru-B, tofu;
  src: url(../static/fonts/RoPokkruStd-Bd.woff2) format("woff2");
  src: url(../static/fonts/RoPokkruStd-Bd.otf) format("opentype");
}
@font-face {
  font-family: Pokkru-B, tofu;
  src: url(../static/fonts/ZenMaruGothic-Black.ttf) format("opentype");
}
._sp {
  display: none !important;
}
@media screen and (max-width: 787px) {
  ._sp {
    display: block !important;
  }
}
._sp_df {
  display: none !important;
}
@media screen and (max-width: 787px) {
  ._sp_df {
    display: flex !important;
  }
}
._pc {
  display: block !important;
}
@media screen and (max-width: 787px) {
  ._pc {
    display: none !important;
  }
}
._pc_df {
  display: flex !important;
}
@media screen and (max-width: 787px) {
  ._pc_df {
    display: none !important;
  }
}
body {
  font-family: Noto Sans JP, sans-serif;
}
body {
  background: #fff;
  font-size: 15px;
  line-height: 1.8;
}
@media screen and (max-width: 787px) {
  body {
    font-size: 14px;
  }
}
p,
th,
td,
h1,
h2,
h3,
h4,
ul,
li,
span {
  color: #333;
}
a {
  color: #ff7ba9;
}
body,
.contentwrapper {
  overflow-x: hidden;
}
.header {
  position: relative;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  padding-top: 5px;
}
@media screen and (max-width: 787px) {
  .header {
    padding: 10px;
    background: #fff;
  }
}
.header:after {
  content: "";
  width: 100%;
  height: 80%;
  background: linear-gradient(#f0eadf, rgba(255, 255, 255, 0.1));
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .header:after {
    height: 100%;
    background: linear-gradient(#f0eadf, #fff);
  }
}
.header:before {
  content: "";
  width: 150%;
  height: calc(100% + 16px);
  background: #fff;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  padding-left: 100px;
  padding-right: 100px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .header:before {
    content: none;
  }
}
.header.small .header-logo:before {
  width: 40%;
  height: 70px;
}
.header.small .header-logo a {
  width: 240px;
}
.header.small .header-nav .icon {
  height: 35px;
  transform: scale(0.8);
}
.header.small .header-unnanlogo {
  max-width: 175px;
}
.header-logo {
  text-align: center;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1125px) {
  .header-logo {
    text-align: left;
  }
}
.header-logo:before {
  content: "";
  width: 50%;
  height: 100px;
  background: url(../static/svg/header_bg.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.4s;
}
@media screen and (max-width: 787px) {
  .header-logo:before {
    content: none;
  }
}
.header-logo a {
  width: 340px;
  display: inline-block;
  text-align: center;
  transition: 0.4s;
}
@media screen and (max-width: 1125px) {
  .header-logo a {
    width: 220px;
    display: block;
  }
}
.header-logo img {
  width: 100%;
}
.header-logo img.pc {
  display: block;
}
@media screen and (max-width: 1125px) {
  .header-logo img.pc {
    display: none;
  }
}
.header-logo img.sp {
  display: none;
}
@media screen and (max-width: 1125px) {
  .header-logo img.sp {
    display: block;
  }
}
.header-unnanlogo {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 215px;
  width: 21%;
  transition: 0.4s;
}
@media screen and (max-width: 1125px) {
  .header-unnanlogo {
    display: none;
  }
}
.header-unnanlogo img {
  width: 100%;
}
.header-nav {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 787px) {
  .header-nav {
    display: none;
  }
}
.header-nav li {
  width: 12.5%;
  text-align: center;
}
.header-nav li.headernav_1 .icon {
  max-width: 53px;
  width: 65%;
}
.header-nav li.headernav_2 .icon {
  max-width: 41px;
  width: 52%;
}
.header-nav li.headernav_3 .icon {
  max-width: 67px;
  width: 68%;
}
.header-nav li.headernav_4 .icon {
  max-width: 40px;
  width: 43%;
}
.header-nav li.headernav_5 .icon {
  max-width: 86px;
  width: 90%;
}
.header-nav li.headernav_6 .icon {
  max-width: 86px;
  width: 85%;
}
.header-nav li.headernav_7 .icon {
  max-width: 38px;
  width: 75%;
}
.header-nav li.headernav_8 .icon {
  max-width: 43px;
  width: 38%;
}
.header-nav a {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
.header-nav .icon {
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 3px;
  transition: 0.4s;
}
.header-nav .text {
  font-size: clamp(10px, 1.3vw, 14px);
  line-height: 1;
  display: block;
}
.header-nav img {
  width: 100%;
}
.header-sublist {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  z-index: 1;
}
.header-sublist li {
  width: 65px;
  height: 65px;
}
@media screen and (max-width: 787px) {
  .header-sublist li {
    width: 50px;
    height: 50px;
  }
}
.header-sublist a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.header-sublist .img {
  margin: 0 auto -5px;
  display: flex;
  height: 45px;
}
@media screen and (max-width: 787px) {
  .header-sublist .img {
    height: 37px;
  }
}
.header-sublist .access {
  background: #ff7baa;
}
.header-sublist .access .img {
  width: 32px;
}
@media screen and (max-width: 787px) {
  .header-sublist .access .img {
    width: 25px;
  }
}
.header-sublist .search {
  background: #333;
}
.header-sublist .search .img {
  width: 25px;
}
@media screen and (max-width: 787px) {
  .header-sublist .search .img {
    width: 20px;
  }
}
.header-sublist .contact {
  background: #000;
}
.header-sublist .contact .img {
  width: 24px;
}
.header-sublist img {
  width: 100%;
}
.header-sublist .text {
  font-size: 11px;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .header-sublist .text {
    font-size: 10px;
  }
}
@media screen and (min-width: 787px) {
  .header.lower {
    border-bottom: 1px solid #ccc;
    display: flex;
    background: #fff;
  }
  .header.lower:before {
    content: "";
    width: 50%;
    height: 100%;
    background: url(../static/svg/header_bg.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    transition: 0.4s;
    opacity: 0.4;
  }
  .header.lower .header-logo {
    width: 25%;
  }
  .header.lower .header-logo:before {
    content: none;
  }
  .header.lower .header-logo a {
    display: block;
    max-width: 240px;
    width: 100%;
    margin: 20px 25px;
  }
  .header.lower .header-unnanlogo {
    top: 100px;
    left: 64px;
    max-width: 165px;
  }
  .header.lower .header-nav {
    width: 75%;
    margin: 70px 20px 5px;
    justify-content: flex-end;
    max-width: none;
    position: relative;
  }
  .header.lower .header-nav li {
    width: fit-content;
    margin-left: 20px;
  }
  .header.lower .header-nav a {
    font-size: 14px;
  }
  .header.lower .header-nav .text {
    font-size: clamp(10px, 1.1vw, 14px);
  }
}
@media screen and (max-width: 1125px) {
  .header.lower {
    border-bottom: 1px solid #ccc;
    display: flex;
    background: #fff;
  }
  .header.lower .header-logo {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .header.lower .header-logo:before {
    content: none;
  }
  .header.lower .header-logo a {
    display: block;
    max-width: 240px;
    width: 100%;
    margin: 0;
  }
  .header.lower .header-nav {
    width: 100%;
    margin: 90px 20px 5px;
    justify-content: center;
  }
}
@media screen and (max-width: 787px) {
  .header.lower .header-logo {
    position: static;
  }
  .header.lower .header-logo a {
    max-width: 220px;
    margin-bottom: 6px;
  }
}
.hamburger {
  display: block;
  z-index: 3;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  background: #000;
  position: relative;
}
.hamburger p {
  position: absolute;
  bottom: 3px;
  left: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  transform: translate(-50%);
  width: 100%;
  font-weight: 700;
}
.hamburger span {
  display: block;
  position: absolute;
  width: 25px;
  height: 2px;
  left: 50%;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transform: translate(-50%, -50%);
}
.hamburger span:nth-child(1) {
  top: calc(50% - 13px);
}
.hamburger span:nth-child(2) {
  top: calc(50% - 6px);
}
.hamburger span:nth-child(3) {
  top: calc(50% + 1px);
}
.hamburger.active span:nth-child(1) {
  top: calc(50% - 6px);
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  top: calc(50% - 6px);
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
nav.globalMenuSp {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  color: #333;
  background: #fff;
  text-align: center;
  width: 100%;
  transform: translateY(-100%);
  transition: all 0.6s;
  padding-top: 95px;
}
nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: 0.4s;
}
nav.globalMenuSp ul li.headernav_1 .icon img {
  width: 36px;
}
nav.globalMenuSp ul li.headernav_2 .icon img {
  width: 36px;
}
nav.globalMenuSp ul li.headernav_3 .icon img {
  width: 50px;
}
nav.globalMenuSp ul li.headernav_4 .icon img {
  width: 30px;
}
nav.globalMenuSp ul li.headernav_5 .icon img {
  width: 50px;
}
nav.globalMenuSp ul li.headernav_6 .icon img {
  width: 50px;
}
nav.globalMenuSp ul li.headernav_7 .icon img {
  width: 30px;
}
nav.globalMenuSp ul li.headernav_8 .icon img {
  width: 32px;
}
nav.globalMenuSp ul li.headernav_9 .icon img {
  width: 26px;
}
nav.globalMenuSp ul li img {
  margin: 0 auto;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li a {
  display: flex;
  color: #333;
  padding: 1em;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  nav.globalMenuSp ul li a {
    align-items: center;
    padding: 0 1em;
    height: 50px;
  }
}
nav.globalMenuSp ul li a .icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
@media screen and (max-width: 787px) {
  nav.globalMenuSp ul li a .icon {
    height: fit-content;
    width: 50px;
  }
}
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: translateY(0);
}
.gtranslate_wrapper {
  position: absolute;
  top: 15px;
  right: 210px;
  z-index: 99;
}
@media screen and (max-width: 787px) {
  .gtranslate_wrapper {
    position: absolute;
    top: 58px;
    right: 10px;
    width: 140px;
  }
}
@media screen and (max-width: 787px) {
  .gt_switcher {
    width: 140px !important;
  }
}
@media screen and (max-width: 787px) {
  .gt_switcher .gt_selected a {
    width: 128px !important;
  }
}
@media screen and (max-width: 787px) {
  .gt_option {
    width: 138px !important;
  }
}
@media screen and (max-width: 787px) {
  .gt_option a {
    width: 128px !important;
  }
}
@media screen and (max-width: 787px) {
  .gt_switcher a {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 787px) {
  .gt_selector {
    width: 140px !important;
  }
}
.RecommendInfo {
  width: calc(100% - 40px);
  margin: 0 auto 50px !important;
}
@media screen and (max-width: 787px) {
  .RecommendInfo {
    margin: 0 auto 40px !important;
  }
}
.RecommendInfo-title {
  text-align: center;
  color: #603813;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 26px;
}
@media screen and (max-width: 787px) {
  .RecommendInfo-title {
    font-size: 20px;
    margin: 20px auto;
  }
}
.RecommendInfo-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 787px) {
  .RecommendInfo-list {
    justify-content: space-between;
  }
}
.RecommendInfo-list li {
  width: calc(25% - 20px);
  margin: 10px;
}
@media screen and (max-width: 787px) {
  .RecommendInfo-list li {
    width: calc(50% - 5px);
    margin: 5px 0;
  }
}
.RecommendInfo-list img,
.footer {
  width: 100%;
}
.footer-inner {
  padding: 40px 0 80px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 787px) {
  .footer-inner {
    padding: 40px 0 50px;
  }
}
.footer-inner:before {
  content: "";
  width: 100vw;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
.footer-inner:after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 787px) {
  .footer-inner > div {
    width: 100% !important;
  }
}
.footer-inner > div:nth-child(1) {
  width: calc(40% - 40px);
}
@media screen and (max-width: 787px) {
  .footer-inner > div:nth-child(1) {
    order: -2;
  }
}
.footer-inner > div:nth-child(2) {
  width: calc(30% - 40px);
}
@media screen and (max-width: 787px) {
  .footer-inner > div:nth-child(2) {
    text-align: center;
  }
}
.footer-inner > div:nth-child(3) {
  width: calc(30% - 40px);
}
@media screen and (max-width: 787px) {
  .footer-inner > div:nth-child(3) {
    order: -1;
    text-align: center;
  }
}
.footer-inner .deco {
  display: block;
  width: 100vw;
  height: 20px;
  mask: url(../static/svg/footer_deco.svg) repeat center center/contain;
  -webkit-mask: url(../static/svg/footer_deco.svg) repeat center center/contain;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #bfbfbf;
  transform: translate(-50%);
}
.footer-logo {
  text-align: center;
}
@media screen and (max-width: 787px) {
  .footer-logo {
    margin-bottom: 20px;
  }
}
.footer-logo a {
  width: 90%;
  margin: 0 auto 10px;
  display: block;
}
@media screen and (max-width: 787px) {
  .footer-logo a {
    width: 65%;
  }
}
.footer-logo img {
  width: 100%;
}
.footer-logo span {
  color: #fff;
}
@media screen and (max-width: 787px) {
  .footer-logo span {
    font-size: 13px;
  }
}
.footer-tel {
  font-size: 22px;
  color: #fff;
}
.footer p {
  font-size: 14px;
  color: #fff;
}
.footer a {
  text-decoration: none;
  color: #fff;
}
.footer-sns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  width: 80%;
}
@media screen and (max-width: 787px) {
  .footer-sns {
    max-width: 180px;
    width: 50%;
    margin: 0 auto 10px;
  }
}
.footer-sns li {
  width: calc(25% - 20px);
}
@media screen and (max-width: 787px) {
  .footer-sns li {
    width: calc(25% - 15px);
  }
}
.footer-sns a {
  display: inline-block;
}
.footer-sns img {
  width: 100%;
}
.footer .privacypolicy {
  font-size: 13px;
}
.footer .copyright {
  font-size: 13px;
  text-align: center;
  padding: 20px;
  color: #333;
}
.footer .warningtext {
  font-size: 13px;
  margin-top: 10px;
  text-align: left;
}
.documentdl {
  position: absolute;
  top: 50vh;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 787px) {
  .documentdl {
    display: none;
  }
}
.documentdl a {
  background: #006837;
  color: #fff;
  text-decoration: none;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 230px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  font-size: 18px;
  padding: 22px 18px;
  border-radius: 10px 0 0 10px;
}
.documentdl .icon {
  width: 22px;
  display: inline-block;
  margin-bottom: 10px;
}
.documentdl .icon img {
  width: 100%;
}
.documentdl .text {
  color: #fff;
}
.tac {
  text-align: center;
}
.fmt_btn_1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.fmt_btn_1 .text {
  color: #333;
  position: relative;
  margin-right: 15px;
}
@media screen and (max-width: 787px) {
  .fmt_btn_1 .text {
    margin-right: 10px;
  }
}
.fmt_btn_1 .text:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #3572b7;
  position: absolute;
  bottom: -15px;
  left: 0;
}
@media screen and (max-width: 787px) {
  .fmt_btn_1 .text:after {
    bottom: -5px;
  }
}
.fmt_btn_1 .arrow {
  width: 40px;
  height: 40px;
  background: url(../static/images/arrow_bluebg.png) no-repeat;
  border-radius: 50%;
  position: relative;
  background-size: cover;
}
@media screen and (max-width: 787px) {
  .fmt_btn_1 .arrow {
    width: 35px;
    height: 35px;
  }
}
.fmt_btn_1 .arrow:before,
.fmt_btn_1 .arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.fmt_btn_1 .arrow:before {
  left: 50%;
  width: 16px;
  height: 2px;
  background: #fff;
  transform: translate(-50%);
}
.fmt_btn_1 .arrow:after {
  left: calc(50% - 3px);
  width: 10px;
  height: 10px;
  transform: translate(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fmt_btn_2 {
  color: #fff;
  background: #754c24;
  text-decoration: none;
  padding: 14px 60px;
  border-radius: 30px;
  width: fit-content;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.fmt_title_1 {
  text-align: center;
  position: relative;
}
.fmt_title_1 .main {
  font-size: 36px;
  margin-bottom: 12px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .fmt_title_1 .main {
    font-size: 23px;
    margin-bottom: 5px;
  }
}
.fmt_title_1 .deco {
  display: block;
  width: 200px;
  height: 20px;
  mask: url(../static/svg/title_deco.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/title_deco.svg) no-repeat center
    center/contain;
  margin: 0 auto;
}
@media screen and (max-width: 787px) {
  .fmt_title_1 .deco {
    width: 135px;
  }
}
.fmt_title_1 .illust_1,
.fmt_title_1 .illust_2 {
  transform: translateY(-50%) scale(0.5);
  position: absolute;
  top: 50%;
  z-index: 1;
}
.fmt_title_1 .illust_1 img,
.fmt_title_1 .illust_2 img {
  width: auto;
}
.fmt_title_2 {
  border-bottom: 1px solid #efe9dd;
  margin-bottom: 30px;
  padding: 0 0 10px 10px;
  position: relative;
  font-size: 21px;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .fmt_title_2 {
    font-size: 17px;
  }
}
.fmt_title_2:before {
  content: "";
  background: url(../static/svg/fmt_title_deco1.svg) no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.fmt_title_3 {
  color: #754c24;
  background: #efe9dd;
  border-bottom: 1px solid #754c24;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 19px;
}
@media screen and (max-width: 787px) {
  .fmt_title_3 {
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: 15px;
  }
}
.lowfmtkeyvisual {
  margin: 50px 0 60px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual {
    margin: 40px 0;
  }
}
.lowfmtkeyvisual-jp {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual-en {
    font-size: 12px;
  }
}
.lowfmtkeyvisual-icon {
  display: inline-block;
}
.lowfmtkeyvisual-illust {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual-illust {
    position: static;
    width: 50%;
  }
}
.lowfmtkeyvisual img {
  width: 100%;
}
.lowfmtkeyvisual.unnantour .lowfmtkeyvisual-icon {
  width: 40px;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual.unnantour .lowfmtkeyvisual-icon {
    width: 30px;
  }
}
.lowfmtkeyvisual.unnantour .lowfmtkeyvisual-illust {
  top: 0;
  left: 65%;
  max-width: 272px;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual.unnantour .lowfmtkeyvisual-illust {
    max-width: 220px;
    display: block;
    margin: 15px auto 0;
  }
}
.lowfmtkeyvisual.news .lowfmtkeyvisual-icon {
  width: 45px;
}
@media screen and (max-width: 787px) {
  .lowfmtkeyvisual.news .lowfmtkeyvisual-icon {
    width: 35px;
  }
}
.fmt_table_simple {
  width: 100%;
}
.fmt_table_simple tbody {
  width: 100%;
  display: block;
  border: 1px solid #f0eade;
}
.fmt_table_simple tr {
  display: flex;
}
.fmt_table_simple tr:not(:last-child) {
  border-bottom: 1px solid #f0eade;
}
.fmt_table_simple th,
.fmt_table_simple td {
  width: 100%;
  padding: 10px;
}
.fmt_table_simple th:not(:last-child),
.fmt_table_simple td:not(:last-child) {
  border-right: 1px solid #f0eade;
}
@media screen and (max-width: 787px) {
  .fmt_table_simple th,
  .fmt_table_simple td {
    font-size: 12px;
  }
}
.fmt_table_simple th {
  text-align: left;
}
.fmt_table_1 {
  width: 100%;
  border-spacing: 0;
}
.fmt_table_1 tbody {
  width: 100%;
}
.fmt_table_1 tr:nth-child(2) th,
.fmt_table_1 tr:nth-child(2) td {
  border-top: 1px solid #754c24;
}
@media screen and (max-width: 787px) {
  .fmt_table_1 tr:first-child {
    display: none;
  }
  .fmt_table_1 tr:nth-child(2) {
    border-top: 1px solid #754c24;
    display: block;
  }
  .fmt_table_1 tr:nth-child(2) th,
  .fmt_table_1 tr:nth-child(2) td {
    border-top: none;
  }
  .fmt_table_1 tr th:last-child,
  .fmt_table_1 tr td:last-child {
    border-bottom: 1px solid #754c24;
  }
}
.fmt_table_1 th,
.fmt_table_1 td {
  padding: 15px;
  border-bottom: 1px solid #efe9dd;
}
.fmt_table_1 th:not(:last-child),
.fmt_table_1 td:not(:last-child) {
  border-right: 1px solid #754c24;
}
@media screen and (max-width: 787px) {
  .fmt_table_1 th,
  .fmt_table_1 td {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 12px;
    position: relative;
    padding: 15px 15px 15px calc(35% + 15px);
    min-height: 45px;
  }
  .fmt_table_1 th:not(:last-child),
  .fmt_table_1 td:not(:last-child) {
    border-right: none;
  }
  .fmt_table_1 th:not(:last-child):before,
  .fmt_table_1 td:not(:last-child):before {
    border-bottom: 1px solid #754c24;
  }
  .fmt_table_1 th:before,
  .fmt_table_1 td:before {
    background: #efe9dd;
    color: #754c24;
    font-weight: 700;
    width: 35%;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .fmt_table_1 th:nth-child(1):before,
  .fmt_table_1 td:nth-child(1):before {
    content: "会員企業、団体名";
  }
  .fmt_table_1 th:nth-child(2):before,
  .fmt_table_1 td:nth-child(2):before {
    content: "住所";
  }
  .fmt_table_1 th:nth-child(3):before,
  .fmt_table_1 td:nth-child(3):before {
    content: "電話番号";
  }
  .fmt_table_1 th:nth-child(4):before,
  .fmt_table_1 td:nth-child(4):before {
    content: "webサイト";
  }
}
.fmt_table_1 th {
  background: #efe9dd;
  color: #754c24;
  text-align: left;
}
.fmt_table_1 .otherlink {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 787px) {
  .fmt_table_1 .otherlink .text {
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
    color: #ff7ba9;
  }
}
.fmt_table_1 .otherlink .icon {
  width: 20px;
}
@media screen and (max-width: 787px) {
  .fmt_table_1 .otherlink .icon {
    width: 15px;
  }
}
.fmt_table_1 .otherlink img {
  width: 100%;
}
.wrap1200 {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
}
.wrap1050 {
  width: calc(100% - 40px);
  max-width: 1050px;
  margin: 0 auto;
}
.wrap800 {
  width: calc(100% - 40px);
  max-width: 800px;
  margin: 0 auto;
}
.lowKeyvisual {
  width: 100%;
  margin-top: 160px;
}
@media screen and (max-width: 787px) {
  .lowKeyvisual {
    margin-top: 90px;
  }
}
.subcategory {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 787px) {
  .subcategory {
    display: none;
  }
}
.subcategory:after {
  content: "";
  width: 100%;
  height: 80%;
  background: linear-gradient(#f0eadf, rgba(255, 255, 255, 0.1));
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.subcategory li {
  margin: 0 1rem;
}
@media screen and (max-width: 1000px) {
  .subcategory li {
    margin: 0 0.7rem;
  }
}
.subcategory li.active a {
  position: relative;
}
.subcategory li.active a:after {
  content: "";
  display: block;
  width: 130px;
  height: 12px;
  mask: url(../static/svg/title_deco.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/title_deco.svg) no-repeat center
    center/contain;
  margin: 0 auto;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translate(-50%);
  background: #f2adbc;
}
.subcategory a {
  color: #754c24;
  text-decoration: none;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(14px, 1.6vw, 22px);
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 20px;
}
.breadcrumb a,
.breadcrumb .current-item {
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  color: #333;
}
@media screen and (max-width: 787px) {
  .breadcrumb a,
  .breadcrumb .current-item {
    font-size: 13px;
  }
}
.breadcrumb li:not(:last-child),
.breadcrumb > span:not(:last-child) {
  position: relative;
  margin-right: 30px;
}
@media screen and (max-width: 787px) {
  .breadcrumb li:not(:last-child),
  .breadcrumb > span:not(:last-child) {
    margin-right: 20px;
  }
}
.breadcrumb li:not(:last-child):after,
.breadcrumb > span:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #f1acbb;
  border-right: 3px solid #f1acbb;
  transform: translate(-50%, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: -25px;
}
@media screen and (max-width: 787px) {
  .breadcrumb li:not(:last-child):after,
  .breadcrumb > span:not(:last-child):after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #f1acbb;
    border-right: 2px solid #f1acbb;
    top: 58%;
    right: -17px;
  }
}
.first-letter:first-letter {
  font-size: 220%;
  color: #ff7baa;
}
.column2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column2 > * {
  width: calc(50% - 20px);
}
@media screen and (max-width: 787px) {
  .column2 > * {
    width: 100%;
  }
}
.column3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column3 > * {
  width: calc(33.3333333333% - 30px);
}
@media screen and (max-width: 787px) {
  .column3 > * {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 787px) {
  .column3 > *:not(:last-child) {
    margin-bottom: 20px;
  }
}
.bold {
  font-weight: 700;
  color: #754c24;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 787px) {
  .bold {
    font-size: 15px;
  }
}
.wp-pagenavi {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 787px) {
  .wp-pagenavi {
    margin-bottom: 60px;
  }
}
.wp-pagenavi > span,
.wp-pagenavi > a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 0;
  font-size: 16px;
}
@media screen and (max-width: 787px) {
  .wp-pagenavi > span,
  .wp-pagenavi > a {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}
.wp-pagenavi .current {
  background: #ff7ba9;
  border-color: #ff7ba9 !important;
  color: #fff;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  border: none;
  position: relative;
}
.wp-pagenavi .nextpostslink:after,
.wp-pagenavi .previouspostslink:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.wp-pagenavi .previouspostslink:after {
  border-left: 2px solid #ff7ba9;
  border-bottom: 2px solid #ff7ba9;
  transform: translate(-50%, -50%) rotate(45deg);
}
.wp-pagenavi .nextpostslink:after {
  border-top: 2px solid #ff7ba9;
  border-right: 2px solid #ff7ba9;
  transform: translate(-50%, -50%) rotate(45deg);
}
.postlink_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  position: relative;
  height: 30px;
}
@media screen and (max-width: 787px) {
  .postlink_wrap {
    height: 25px;
  }
}
.postlink_wrap a {
  width: 40%;
  color: #754c24;
  position: absolute;
}
.postlink_wrap a.prev-link,
.postlink_wrap a.next-link {
  top: 0;
}
.postlink_wrap a.prev-link:after,
.postlink_wrap a.next-link:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 787px) {
  .postlink_wrap a.prev-link:after,
  .postlink_wrap a.next-link:after {
    width: 20px;
    height: 20px;
  }
}
.postlink_wrap a.prev-link {
  padding-left: 30px;
  left: 0;
}
.postlink_wrap a.prev-link:after {
  border-left: 1px solid #754c24;
  border-bottom: 1px solid #754c24;
  transform: translateY(-50%) rotate(45deg);
  left: 0;
}
.postlink_wrap a.next-link {
  padding-right: 30px;
  text-align: right;
  right: 0;
}
.postlink_wrap a.next-link:after {
  border-top: 1px solid #754c24;
  border-right: 1px solid #754c24;
  transform: translateY(-50%) rotate(45deg);
  right: 0;
}
.membercontent {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .membercontent {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .membercontent .fmt_table_1 th:nth-child(1):before,
  .membercontent .fmt_table_1 td:nth-child(1):before {
    content: "ジャンル";
  }
  .membercontent .fmt_table_1 th:nth-child(2):before,
  .membercontent .fmt_table_1 td:nth-child(2):before {
    content: "会員企業、団体名";
  }
  .membercontent .fmt_table_1 th:nth-child(3):before,
  .membercontent .fmt_table_1 td:nth-child(3):before {
    content: "webサイト";
  }
}
.trip {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .trip {
    margin-bottom: 60px;
  }
}
.searchpage {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .searchpage {
    margin-bottom: 60px;
  }
}
.search {
  cursor: pointer;
}
.searchBox {
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  transition: all 0.3s;
}
.searchBox.panelactive {
  opacity: 1;
  z-index: 9999;
}
.searchBox .lowfmtkeyvisual {
  margin: 120px auto 60px;
}
@media screen and (max-width: 787px) {
  .searchBox .lowfmtkeyvisual {
    margin: 80px auto 40px;
  }
}
.searchBox .lowfmtkeyvisual-icon {
  width: 35px;
}
@media screen and (max-width: 787px) {
  .searchBox .lowfmtkeyvisual-icon {
    width: 30px;
  }
}
.searchBox .search {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: 2px solid #5d5d5d;
  cursor: pointer;
}
@media screen and (max-width: 787px) {
  .searchBox .search {
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
  }
}
.searchBox .search:before,
.searchBox .search:after {
  content: "";
  width: 40px;
  height: 2px;
  border-radius: 2px;
  background: #5d5d5d;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 787px) {
  .searchBox .search:before,
  .searchBox .search:after {
    width: 30px;
  }
}
.searchBox .search:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.searchBox .search:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.searchBox .searchform {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchBox .searchform input {
  width: 80%;
  border: 2px solid #5d5d5d;
  border-radius: 7px;
}
@media screen and (max-width: 787px) {
  .searchBox .searchform input {
    width: 70%;
  }
}
.searchBox .searchform button {
  width: 19%;
  color: #fff;
  background: #000;
  border: #000;
  border-radius: 7px;
}
@media screen and (max-width: 787px) {
  .searchBox .searchform button {
    width: 29%;
  }
}
.searchBox .searchform input,
.searchBox .searchform button {
  padding: 10px 15px;
}
.topKeyvisual {
  width: 100%;
  height: auto;
  aspect-ratio: 4/2.6;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .topKeyvisual {
    aspect-ratio: 1/1.2;
    margin-bottom: 80px;
  }
}
.topKeyvisual-bgimg {
  width: 100%;
  height: calc(100% + 18vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  margin-top: 100px;
}
.topKeyvisual-bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topKeyvisual-bgimg:after {
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0.1), #fff);
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.topKeyvisual-bgimg-slide {
  width: 100%;
  height: 100%;
}
.topKeyvisual-textarea {
  position: absolute;
  top: 17vw;
  left: 10vw;
  width: 25vw;
  height: 42vw;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-textarea {
    position: absolute;
    top: auto;
    left: 50%;
    width: 90%;
    height: 70%;
    transform: translate(-50%);
  }
}
.topKeyvisual-maintext {
  width: 60%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-maintext {
    width: 42%;
    top: 33%;
  }
}
.topKeyvisual-maintext img {
  width: 100%;
}
.topKeyvisual-unnanmap {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: -4vw;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnanmap {
    width: 55%;
    right: -2%;
    bottom: -11%;
  }
}
.topKeyvisual-unnentour {
  width: 450px;
  display: flex;
  align-items: center;
  background: #3b362e;
  border-radius: 7px;
  position: absolute;
  top: 48vw;
  right: 6vw;
  padding: 10px;
  text-decoration: none;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour {
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    padding: 5px;
  }
}
.topKeyvisual-unnentour:after {
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  pointer-events: none;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour:after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}
.topKeyvisual-unnentour .illust {
  position: absolute;
  bottom: calc(100% - 20px);
  left: 50%;
  width: 60%;
  transform: translate(-50%);
  z-index: 2;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .illust {
    left: 70%;
    width: 50%;
  }
}
.topKeyvisual-unnentour .illust img {
  width: 100%;
}
.topKeyvisual-unnentour .text {
  width: 60%;
  color: #fff;
  margin: 20px 0 20px 25px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .text {
    margin: 10px 0 10px 20px;
    width: 55%;
  }
}
.topKeyvisual-unnentour .text:after {
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: url(../static/svg/unnantour_bg.svg) no-repeat;
  background-size: 100%;
  z-index: -1;
}
.topKeyvisual-unnentour .text .sub {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .text .sub {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.topKeyvisual-unnentour .text .sub span {
  color: #fff;
}
.topKeyvisual-unnentour .text .sub .icon {
  width: 26px;
  margin-right: 6px;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .text .sub .icon {
    width: 17px;
  }
}
.topKeyvisual-unnentour .text .main {
  color: #fff;
  font-size: 26px;
  line-height: 1;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .text .main {
    font-size: 18px;
  }
}
.topKeyvisual-unnentour .img {
  width: 40%;
  height: 105px;
  position: relative;
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .img {
    width: 45%;
    height: 80px;
  }
}
.topKeyvisual-unnentour .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topKeyvisual-unnentour .img .arrow {
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .img .arrow {
    width: 35px;
    height: 35px;
  }
}
.topKeyvisual-unnentour .img .arrow:before,
.topKeyvisual-unnentour .img .arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.topKeyvisual-unnentour .img .arrow:before {
  left: 50%;
  width: 20px;
  height: 3px;
  background: #fff;
  transform: translate(-50%);
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .img .arrow:before {
    width: 15px;
    height: 2px;
  }
}
.topKeyvisual-unnentour .img .arrow:after {
  left: calc(50% - 3px);
  width: 12px;
  height: 12px;
  transform: translate(-50%);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 787px) {
  .topKeyvisual-unnentour .img .arrow:after {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
.topUnnnantabi {
  margin: 0 auto 60px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi {
    margin: 0 auto 10px;
  }
}
.topUnnnantabi:after {
  content: "";
  width: calc(33.3333333333% - 20px);
  height: 0;
  display: block;
}
.topUnnnantabi-title,
.topUnnnantabi-cat {
  width: calc(33.3333333333% - 20px);
  margin-bottom: 30px;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title,
  .topUnnnantabi-cat {
    margin-bottom: 12px;
  }
}
.topUnnnantabi-title {
  text-align: center;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title {
    width: 100%;
    margin-bottom: 20px;
  }
}
.topUnnnantabi-title .illust {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title .illust {
    position: absolute;
    top: -10%;
    left: 58%;
    width: 50%;
    z-index: -1;
    max-width: 230px;
  }
}
.topUnnnantabi-title .illust img {
  width: 100%;
}
.topUnnnantabi-title .sub {
  font-weight: 700;
  font-size: clamp(14px, 1.7vw, 20px);
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title .sub {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.topUnnnantabi-title .main {
  color: #754c24;
  font-size: 36px;
  margin-bottom: 10px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title .main {
    font-size: 23px;
    margin-bottom: 5px;
  }
}
.topUnnnantabi-title .deco {
  display: block;
  width: 200px;
  height: 20px;
  background: #f2adbc;
  mask: url(../static/svg/title_deco.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/title_deco.svg) no-repeat center
    center/contain;
  margin: 0 auto;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-title .deco {
    width: 135px;
  }
}
.topUnnnantabi-cat {
  height: 250px;
}
@media screen and (max-width: 1000px) {
  .topUnnnantabi-cat {
    height: 200px;
  }
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat {
    width: calc(50% - 6px);
    height: 120px;
  }
}
.topUnnnantabi-cat a {
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid #dacbac;
  border-radius: 10px;
  padding: 40px 25px;
  text-decoration: none;
  background: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .topUnnnantabi-cat a {
    padding: 25px 20px;
  }
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat a {
    padding: 17px 15px;
  }
}
.topUnnnantabi-cat-text {
  position: relative;
  padding-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat-text {
    padding-bottom: 10px;
  }
}
.topUnnnantabi-cat-text:after {
  content: "";
  width: 55px;
  height: 4px;
  background: #39b34a;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat-text:after {
    height: 2px;
    width: 35px;
  }
}
.topUnnnantabi-cat-text .jp {
  font-size: clamp(20px, 2.8vw, 34px);
  color: #603813;
  line-height: 1.2;
  margin-bottom: 10px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat-text .jp {
    font-size: 19px;
    margin-bottom: 5px;
  }
}
.topUnnnantabi-cat-text .en {
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 400;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat-text .en {
    font-size: 10px;
    line-height: 1.1;
  }
}
.topUnnnantabi-cat-text span {
  display: block;
}
.topUnnnantabi-cat .subtext {
  color: #603813;
  font-weight: 700;
  margin-top: 20px;
  display: block;
  font-size: 17px;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .subtext {
    display: none;
  }
}
.topUnnnantabi-cat .photo {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45%;
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .photo {
    display: none;
  }
}
.topUnnnantabi-cat .photo img {
  width: 100%;
}
.topUnnnantabi-cat .arrow {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #754c24;
  position: absolute;
  bottom: 25px;
  right: 20px;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .arrow {
    width: 23px;
    height: 23px;
    bottom: 10px;
    right: 10px;
  }
}
.topUnnnantabi-cat .arrow:before,
.topUnnnantabi-cat .arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.topUnnnantabi-cat .arrow:before {
  left: 50%;
  width: 20px;
  height: 3px;
  background: #fff;
  transform: translate(-50%);
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .arrow:before {
    width: 10px;
    height: 2px;
  }
}
.topUnnnantabi-cat .arrow:after {
  left: calc(50% - 3px);
  width: 12px;
  height: 12px;
  transform: translate(-50%);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .arrow:after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
.topUnnnantabi-cat .img {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat .img {
    width: 100% !important;
  }
}
.topUnnnantabi-cat.unnnantabi_1 .img {
  max-width: 160px;
  bottom: 0;
  right: 10%;
  width: 56%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_1 .img {
    max-width: 120px;
    bottom: -45%;
    right: 10%;
  }
}
.topUnnnantabi-cat.unnnantabi_2 .img {
  max-width: 195px;
  bottom: 12%;
  right: 8%;
  width: 70%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_2 .img {
    max-width: 127px;
    bottom: -1%;
    right: -4%;
  }
}
.topUnnnantabi-cat.unnnantabi_3 .img {
  max-width: 176px;
  bottom: 15%;
  right: 13%;
  width: 58%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_3 .img {
    max-width: 110px;
    bottom: 8px;
    right: -7px;
  }
}
.topUnnnantabi-cat.unnnantabi_4 .img {
  max-width: 230px;
  top: 12%;
  right: 7%;
  width: 77%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_4 .img {
    max-width: 150px;
    top: 0;
    right: -10px;
  }
}
.topUnnnantabi-cat.unnnantabi_5 .img {
  max-width: 213px;
  bottom: 10%;
  right: 10%;
  width: 70%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_5 .img {
    max-width: 137px;
    bottom: 13%;
    right: -10px;
  }
}
.topUnnnantabi-cat.unnnantabi_6 .img {
  max-width: 216px;
  bottom: 10%;
  right: 16%;
  width: 73%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_6 .img {
    max-width: 117px;
    bottom: 5%;
    right: 0;
  }
}
.topUnnnantabi-cat.unnnantabi_7 .img {
  max-width: 165px;
  bottom: 6%;
  right: 2%;
  width: 55%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_7 .img {
    max-width: 115px;
    bottom: -19%;
    right: -20px;
  }
}
.topUnnnantabi-cat.unnnantabi_8 .img {
  max-width: 176px;
  bottom: 6%;
  right: 3%;
  width: 60%;
}
@media screen and (max-width: 787px) {
  .topUnnnantabi-cat.unnnantabi_8 .img {
    max-width: 116px;
    bottom: 7%;
    right: -15px;
  }
}
.topSeasoninformation {
  width: 100%;
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation {
    padding: 40px 0;
    margin-bottom: 20px;
  }
}
.topSeasoninformation-inner {
  background: #f8f1dc;
  padding: 80px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-inner {
    padding: 40px 0 60px;
  }
}
.topSeasoninformation-inner:before,
.topSeasoninformation-inner:after {
  content: "";
  width: 100%;
  height: 120px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.topSeasoninformation-inner:before {
  background: linear-gradient(#fff, rgba(255, 255, 255, 0.1));
  top: 0;
}
.topSeasoninformation-inner:after {
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.1), #fff);
}
.topSeasoninformation .sakurainfo.topSeasoninformation-title .main {
  color: #ff7baa;
}
.topSeasoninformation .sakurainfo.topSeasoninformation-title .deco {
  background: #f2adbc;
}
.topSeasoninformation .sakurainfo .topSeasoninformation-firstinfo .title,
.topSeasoninformation .sakurainfo .topSeasoninformation-list .title {
  color: #ff7baa;
}
.topSeasoninformation .hotaruinfo.topSeasoninformation-title .main {
  color: #3572b7;
}
.topSeasoninformation .hotaruinfo.topSeasoninformation-title .deco {
  background: #0071ba;
}
.topSeasoninformation .hotaruinfo .topSeasoninformation-firstinfo .title,
.topSeasoninformation .hotaruinfo .topSeasoninformation-list .title {
  color: #3572b7;
}
.topSeasoninformation .kouyoinfo.topSeasoninformation-title .main {
  color: #bf272d;
}
.topSeasoninformation .kouyoinfo.topSeasoninformation-title .deco {
  background: #bf272d;
}
.topSeasoninformation .kouyoinfo .topSeasoninformation-firstinfo .title,
.topSeasoninformation .kouyoinfo .topSeasoninformation-list .title {
  color: #bf272d;
}
.topSeasoninformation-title {
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-title {
    margin-bottom: 30px;
  }
}
.topSeasoninformation-title .illust_1,
.topSeasoninformation-title .illust_2 {
  transform: translateY(-50%) scale(0.5);
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-title .illust_1,
  .topSeasoninformation-title .illust_2 {
    transform: translateY(-50%) scale(1);
  }
}
.topSeasoninformation-title .illust_1 img,
.topSeasoninformation-title .illust_2 img {
  width: auto;
}
.topSeasoninformation-title .illust_1 {
  right: 53%;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-title .illust_1 {
    right: 74%;
    left: 10px;
  }
}
.topSeasoninformation-title .illust_2 {
  left: 53%;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-title .illust_2 {
    left: 77%;
    right: 10px;
  }
}
.topSeasoninformation-content {
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.topSeasoninformation-firstinfo,
.topSeasoninformation-list {
  width: calc(50% - 15px);
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo,
  .topSeasoninformation-list {
    width: 100%;
  }
}
.topSeasoninformation-firstinfo a,
.topSeasoninformation-list a {
  display: block;
  text-decoration: none;
  color: #333;
}
.topSeasoninformation-firstinfo img,
.topSeasoninformation-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo .img,
  .topSeasoninformation-list .img {
    width: 35% !important;
  }
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo .textbox,
  .topSeasoninformation-list .textbox {
    width: calc(65% - 20px) !important;
  }
}
.topSeasoninformation-firstinfo .date,
.topSeasoninformation-list .date {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo .date,
  .topSeasoninformation-list .date {
    margin-bottom: 5px;
  }
}
.topSeasoninformation-firstinfo .title,
.topSeasoninformation-list .title {
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.3;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo .title,
  .topSeasoninformation-list .title {
    margin-bottom: 5px;
  }
}
.topSeasoninformation-firstinfo p,
.topSeasoninformation-list p {
  font-size: 13px;
  line-height: 1.6;
}
.topSeasoninformation-firstinfo .date {
  margin-right: 40px;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo .date {
    margin-bottom: 5px;
  }
}
.topSeasoninformation-firstinfo .img {
  width: 100%;
  margin-bottom: 20px;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-firstinfo {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-origin: border-box;
    border-bottom: 1px solid #989999;
  }
  .topSeasoninformation-firstinfo a {
    display: flex;
    justify-content: space-between;
  }
  .topSeasoninformation-firstinfo .date {
    margin: 0;
  }
  .topSeasoninformation-firstinfo .img {
    width: 50%;
    margin: 0;
  }
  .topSeasoninformation-firstinfo .textbox {
    width: calc(50% - 20px);
  }
}
.topSeasoninformation-list li:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-origin: border-box;
  border-bottom: 1px solid #989999;
}
.topSeasoninformation-list a {
  display: flex;
  justify-content: space-between;
}
.topSeasoninformation-list .subtext {
  justify-content: space-between;
}
.topSeasoninformation-list .img {
  width: 50%;
  aspect-ratio: 3/2;
}
.topSeasoninformation-list .textbox {
  width: calc(50% - 20px);
}
.topSeasoninformation-banner {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topSeasoninformation-banner li {
  width: calc(33.3333333333% - 10px);
  height: 115px;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-banner li {
    width: 100%;
    height: 95px;
  }
  .topSeasoninformation-banner li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.topSeasoninformation-banner li:nth-child(1) {
  background: url(../static/images/season_1.jpg) no-repeat;
  background-size: cover;
}
.topSeasoninformation-banner li:nth-child(2) {
  background: url(../static/images/season_2.jpg) no-repeat;
  background-size: cover;
}
.topSeasoninformation-banner li:nth-child(3) {
  background: url(../static/images/season_3.jpg) no-repeat;
  background-size: cover;
}
.topSeasoninformation-banner a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}
.topSeasoninformation-banner a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
}
.topSeasoninformation-banner a:after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topSeasoninformation-banner .text {
  color: #fff;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-banner .text {
    font-size: 20px;
  }
}
.topSeasoninformation-banner .big {
  font-size: 31px;
  color: #fff;
}
@media screen and (max-width: 787px) {
  .topSeasoninformation-banner .big {
    font-size: 26px;
  }
}
.topNews {
  position: relative;
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .topNews {
    margin-bottom: 60px;
  }
}
.topNews-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 787px) {
  .topNews-title {
    margin-bottom: 15px;
  }
}
.topNews-title .main {
  color: #ff7baa;
}
.topNews-title .deco {
  background: #ff7baa;
}
.topNews-title .illust_1,
.topNews-title .illust_2 {
  transform: translateY(-50%) scale(0.5);
  position: absolute;
  top: 50%;
  z-index: 1;
}
.topNews-title .illust_1 img,
.topNews-title .illust_2 img {
  width: auto;
}
.topNews-title .illust_1 {
  right: 53.5%;
}
@media screen and (max-width: 787px) {
  .topNews-title .illust_1 {
    right: 58%;
  }
}
.topNews-title .illust_2 {
  left: 55%;
}
@media screen and (max-width: 787px) {
  .topNews-title .illust_2 {
    left: 64%;
    width: 30%;
  }
}
.topNews-list {
  width: calc(100% - 40px);
  max-width: 720px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 787px) {
  .topNews-list {
    margin: 0 auto 20px;
  }
}
.topNews-list li {
  border-bottom: 1px solid #979797;
}
.topNews-list a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
}
.topNews-list .date {
  margin-right: 15px;
}
@media screen and (max-width: 787px) {
  .topNews-list .date {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
}
.topNews-list .title {
  color: #333;
}
.topPickup {
  width: 100%;
  padding: 80px 0;
  background: url(../static/images/top_pickup_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .topPickup {
    padding: 50px 0;
  }
}
.topPickup:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.topPickup-title {
  margin-bottom: 40px;
}
.topPickup-title .main {
  color: #fff;
}
.topPickup-title .deco {
  background: #c4c4c4;
}
.topPickup-title .illust_1 {
  left: 55%;
}
.topPickup-topbtn {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.topPickup-topbtn a {
  width: 50%;
  height: 220px;
  display: block;
  border: 1px solid #fff;
  position: relative;
}
@media screen and (max-width: 787px) {
  .topPickup-topbtn a {
    width: 100%;
    height: 140px;
  }
}
.topPickup-topbtn a:nth-child(1) {
  background: url(../static/images/top_pickup_1.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 787px) {
  .topPickup-topbtn a:nth-child(1) {
    margin-bottom: 20px;
  }
}
.topPickup-topbtn a:nth-child(1) .text:after {
  background: #825557;
}
.topPickup-topbtn a:nth-child(1) .illust {
  max-width: 215px;
}
@media screen and (max-width: 787px) {
  .topPickup-topbtn a:nth-child(1) .illust {
    max-width: 165px;
  }
}
.topPickup-topbtn a:nth-child(2) {
  background: url(../static/images/top_pickup_2.jpg) no-repeat;
  background-size: cover;
}
.topPickup-topbtn a:nth-child(2) .text:after {
  background: #8ac483;
}
.topPickup-topbtn a:nth-child(2) .illust {
  max-width: 170px;
}
@media screen and (max-width: 787px) {
  .topPickup-topbtn a:nth-child(2) .illust {
    max-width: 145px;
  }
}
.topPickup-topbtn .text {
  height: 100%;
  width: 140px;
  position: absolute;
}
@media screen and (max-width: 787px) {
  .topPickup-topbtn .text {
    width: 100px;
  }
}
.topPickup-topbtn .text:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.topPickup-topbtn .text-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 82%;
  width: auto;
  z-index: 2;
}
.topPickup-topbtn .text-inner img {
  height: 100%;
  width: auto;
  max-inline-size: none;
}
.topPickup-topbtn .illust {
  width: 100%;
  position: absolute;
  bottom: -20px;
  right: -20px;
  z-index: 1;
}
.topPickup-topbtn .illust img {
  width: 100%;
}
.topPickup-bottombtn {
  display: flex;
  flex-wrap: wrap;
}
.topPickup-bottombtn li {
  width: 33.3333333333%;
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn li {
    width: 100%;
  }
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.topPickup-bottombtn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn a {
    display: flex;
    align-items: center;
  }
}
.topPickup-bottombtn .img {
  border: 1px solid #fff;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn .img {
    width: 50%;
    margin-bottom: 0;
  }
}
.topPickup-bottombtn .img:after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn .img:after {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid #fff;
  }
}
.topPickup-bottombtn .img img {
  width: 100%;
}
.topPickup-bottombtn span {
  font-size: 20px;
  text-align: center;
  color: #fff;
  display: block;
}
@media screen and (max-width: 787px) {
  .topPickup-bottombtn span {
    width: 50%;
    font-size: 16px;
    text-align-last: left;
    margin-left: 20px;
  }
}
.topGallery-title {
  padding: 50px 0;
  background: url(../static/images/top_gallery_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.topGallery-title:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.topGallery-title .main {
  color: #fff;
  margin-bottom: 0;
}
.topGallery-title .main i {
  width: 42px;
  display: block;
  margin: 0 auto 15px;
}
.topGallery-title .illust_1,
.topGallery-title .illust_2 {
  z-index: 2;
}
.topGallery-title .illust_1 {
  right: 58%;
}
.topGallery-title .illust_2 {
  left: 55%;
}
.topGallery-content,
.topGallery-content img {
  width: 100%;
}
.topBanner {
  width: calc(100% - 40px);
  max-width: 720px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 787px) {
  .topBanner {
    padding: 20px 0;
  }
}
.topBanner:before {
  content: "";
  width: 100vw;
  height: 120px;
  position: absolute;
  left: 50%;
  z-index: -1;
  background: linear-gradient(#f8f1dc, rgba(255, 255, 255, 0.1));
  top: 0;
  transform: translate(-50%);
}
.topBanner a {
  width: calc(50% - 20px);
  text-decoration: none;
  height: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 787px) {
  .topBanner a {
    width: calc(50% - 10px);
    height: 70px;
  }
}
.topBanner .pink {
  background: #f0eade;
  border: 4px solid #ff7baa;
  position: relative;
}
.topBanner .pink:before,
.topBanner .pink:after {
  content: "";
  width: 50px;
  height: 50px;
  background: url(../static/svg/top_banner_deco.svg) no-repeat;
  background-size: 100%;
  position: absolute;
}
@media screen and (max-width: 787px) {
  .topBanner .pink:before,
  .topBanner .pink:after {
    width: 32px;
    height: 32px;
  }
}
.topBanner .pink:before {
  bottom: 0;
  left: 0;
}
.topBanner .pink:after {
  top: 0;
  right: 0;
  transform: rotate(180deg);
}
.topBanner .pink .main {
  color: #ff7baa;
  font-size: 28px;
  margin-bottom: 10px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .topBanner .pink .main {
    font-size: 17px;
    margin-bottom: 0;
  }
}
.topBanner .pink .sub {
  font-size: 14px;
  color: #333;
}
@media screen and (max-width: 787px) {
  .topBanner .pink .sub {
    display: none;
  }
}
.topBanner .pink span {
  display: block;
  line-height: 1;
}
.topBanner .black {
  background: #000;
}
@media screen and (max-width: 787px) {
  .topBanner .black {
    font-size: 13px;
  }
}
.topBanner .black:after {
  content: "";
}
.topBanner .black span {
  color: #fff;
}
.categorymain {
  width: 100%;
  position: relative;
  margin: 40px 0 80px;
  padding-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .categorymain {
    padding-bottom: 60px;
    margin: 20px 0 30px;
  }
}
.categorymain-title {
  width: 30%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #d3c6ba;
  border-radius: 0 25px 25px 0;
  padding: 40px;
}
@media screen and (max-width: 787px) {
  .categorymain-title {
    width: fit-content;
    padding: 10px 10px 10px 25px;
    border-radius: 0 15px 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.categorymain-title .text {
  text-align: center;
  font-size: clamp(18px, 3vw, 36px);
  color: #754c24;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 787px) {
  .categorymain-title .text {
    font-size: 20px;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.categorymain-title .illust {
  width: 20vw;
  margin: 0 auto;
  max-width: 300px;
}
@media screen and (max-width: 787px) {
  .categorymain-title .illust {
    width: 25vw;
  }
}
.categorymain-img {
  width: 80%;
  height: 100%;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 787px) {
  .categorymain-img {
    width: 90%;
  }
}
.categorymain-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.categorysublist {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .categorysublist {
    margin-bottom: 40px;
  }
}
.categorysublist li:not(:last-child) {
  margin-right: 40px;
}
@media screen and (max-width: 787px) {
  .categorysublist li:not(:last-child) {
    margin-right: 20px;
  }
}
.categorysublist a {
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  color: #6b4d2b;
  font-size: 24px;
}
@media screen and (max-width: 787px) {
  .categorysublist a {
    font-size: 16px;
  }
}
.categorysublist a.active {
  color: #ff7ba9;
}
.archivelist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .archivelist {
    margin-bottom: 20px;
  }
}
.archivelist:after {
  content: "";
  width: calc(33.3333333333% - 20px);
  height: 0;
  display: block;
}
.archivelist li {
  width: calc(33.3333333333% - 30px);
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 787px) {
  .archivelist li {
    width: calc(50% - 10px);
    margin-bottom: 25px;
  }
}
.archivelist a {
  text-decoration: none;
  display: block;
  background: #6b4d2b;
  text-align: center;
  padding: 10px 50px;
  color: #fff;
  border-radius: 30px;
  margin: 20px auto 0;
  font-size: 14px;
  width: fit-content;
}
@media screen and (max-width: 787px) {
  .archivelist a {
    font-size: 12px;
    padding: 7px;
    width: 80%;
    margin: 10px auto 0;
  }
}
.archivelist .img {
  width: 100%;
  aspect-ratio: 3/2;
  margin-bottom: 10px;
}
.archivelist .subcat {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  background: #666;
  padding: 4px 12px;
  border-radius: 0 0 0 10px;
}
@media screen and (max-width: 787px) {
  .archivelist .subcat {
    font-size: 10px;
  }
}
.archivelist .date {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}
.archivelist .title {
  color: #6b4d2b;
  text-align-last: left;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 787px) {
  .archivelist .title {
    font-size: 15px;
  }
}
.archivelist .maincat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.archivelist .maincat li {
  color: #754c24;
  background: #d4c7bb;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px;
  line-height: 1;
  display: block;
  width: fit-content;
  font-weight: 700;
}
.archivelist .maincat li:not(:last-child) {
  margin-right: 5px;
}
@media screen and (max-width: 787px) {
  .archivelist .maincat li {
    font-size: 10px;
    padding: 2px;
    margin: 2px;
  }
}
.archivelist p {
  font-size: 14px;
  margin-top: 5px;
}
@media screen and (max-width: 787px) {
  .archivelist p {
    font-size: 12px;
  }
}
.archivelist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articlemain {
  width: 100%;
  margin: 50px auto 100px;
  position: relative;
}
@media screen and (max-width: 787px) {
  .articlemain {
    padding-bottom: 40px;
    margin: 50px 0 0;
  }
}
.articlemain-title {
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  color: #754c24;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  z-index: 1;
}
@media screen and (max-width: 787px) {
  .articlemain-title {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
.articlemain-title:after {
  content: "";
  display: block;
  width: 240px;
  height: 25px;
  mask: url(../static/svg/title_deco.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/title_deco.svg) no-repeat center
    center/contain;
  margin: 0 auto;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translate(-50%);
  background: #f2adbc;
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .articlemain-title:after {
    width: 145px;
    height: 15px;
    bottom: -7px;
  }
}
.articlemain-img {
  width: calc(100% - 80px);
  aspect-ratio: 18.8/9;
  margin: 0 auto 60px;
}
@media screen and (max-width: 787px) {
  .articlemain-img {
    width: 100%;
    margin-bottom: 0;
  }
}
.articlemain .categorymain-title {
  top: calc(50% + 10vw);
  transform: translateY(-50%);
  height: fit-content;
}
@media screen and (max-width: 787px) {
  .articlemain .categorymain-title {
    top: auto;
    bottom: 0;
    transform: translate(0);
    width: 100%;
  }
}
.articlemain img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.singlefmt1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px auto 100px;
}
@media screen and (max-width: 787px) {
  .singlefmt1 {
    margin: 20px auto;
  }
}
.singlefmt1-img {
  width: 55%;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 787px) {
  .singlefmt1-img {
    width: 100%;
    margin-bottom: -20px;
  }
}
.singlefmt1-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.singlefmt1-text {
  width: 42%;
}
@media screen and (max-width: 787px) {
  .singlefmt1-text {
    width: 100%;
  }
}
.singlefmt1-category {
  display: inline-flex;
  align-items: flex-end;
  background: #d4c7bb;
  position: relative;
  padding: 7px 120px 7px 20px;
  border-radius: 0 10px 10px 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 787px) {
  .singlefmt1-category {
    padding: 7px 100px 7px 15px;
    margin: 0 0 20px -20px;
    width: fit-content;
    max-width: 100%;
  }
}
.singlefmt1-category .text {
  font-size: 20px;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  color: #754c24;
}
@media screen and (max-width: 787px) {
  .singlefmt1-category .text {
    font-size: 18px;
  }
}
.singlefmt1-category .illust {
  width: 120px;
  position: absolute;
  bottom: 8px;
  right: 0;
}
@media screen and (max-width: 787px) {
  .singlefmt1-category .illust {
    width: 100px;
  }
}
.singlefmt1-category .illust img {
  width: 100%;
}
.singlefmt1-maintitle {
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  font-size: 31px;
}
@media screen and (max-width: 787px) {
  .singlefmt1-maintitle {
    font-size: 24px;
  }
}
.singlefmt1-subcategory {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media screen and (max-width: 787px) {
  .singlefmt1-subcategory {
    margin-top: 20px;
  }
}
.singlefmt1-subcategory li {
  color: #fff;
  background: #666;
  font-size: 13px;
  padding: 7px 14px;
  line-height: 1;
  width: fit-content;
}
.singlefmt1-subcategory li:not(:last-child) {
  margin-right: 5px;
}
@media screen and (max-width: 787px) {
  .singlefmt1-subcategory li {
    font-size: 10px;
  }
}
.singlefmt1 .articlecontent-table1 {
  margin-top: 40px;
}
@media screen and (max-width: 787px) {
  .singlefmt1 .articlecontent-table1 {
    margin-top: 30px;
  }
}
.singlefmt1 .articlecontent-table1 th {
  width: 30%;
}
.singlefmt1 .articlecontent-table1 td {
  width: 70%;
}
.articlecontent {
  margin-bottom: 80px;
}
.articlecontent .text_1,
.articlecontent .text_2 {
  margin-top: 40px;
}
@media screen and (max-width: 787px) {
  .articlecontent .text_1,
  .articlecontent .text_2 {
    margin-top: 25px;
  }
}
.articlecontent-imgbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .articlecontent-imgbox {
    margin-top: 25px;
  }
}
.articlecontent-imgbox-inner {
  aspect-ratio: 3/2;
  width: 50%;
}
.articlecontent-imgbox-inner:not(:nth-child(1), :nth-child(2)) {
  margin-top: 40px;
}
.articlecontent-imgbox-inner:not(:nth-child(2n + 1):last-child) {
  width: calc(50% - 20px);
}
.articlecontent-imgbox-inner:nth-child(2n + 1):last-child {
  width: 100%;
}
.articlecontent-imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articlecontent-slide {
  width: 100%;
  aspect-ratio: 4/3;
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .articlecontent-slide {
    margin-top: 25px;
  }
}
.articlecontent-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articlecontent-slide .swiper-button-next,
.articlecontent-slide .swiper-button-prev {
  color: #fff;
}
.articlecontent-table1 {
  width: 100%;
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .articlecontent-table1 {
    margin-top: 25px;
  }
}
.articlecontent-table1 tbody {
  width: 100%;
  border-top: 1px solid #754c24;
  display: block;
}
.articlecontent-table1 tr {
  border-bottom: 1px solid #f0eade;
  display: flex;
}
.articlecontent-table1 th {
  font-weight: 400;
  text-align-last: left;
  border-right: 1px solid #754c24;
  width: 20%;
  padding: 10px 15px;
}
@media screen and (max-width: 787px) {
  .articlecontent-table1 th {
    width: 30%;
    padding: 10px 15px 10px 0;
    font-size: 12px;
  }
}
.articlecontent-table1 td {
  width: 80%;
  padding: 10px 15px;
}
@media screen and (max-width: 787px) {
  .articlecontent-table1 td {
    width: 70%;
    font-size: 12px;
  }
}
.articlecontent-youtube,
.articlecontent-googlemap {
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .articlecontent-youtube,
  .articlecontent-googlemap {
    margin-top: 25px;
  }
}
.articlecontent-youtube iframe,
.articlecontent-googlemap iframe {
  width: 100%;
  height: 100%;
}
.articlecontent .fmt_table_simple {
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .articlecontent .fmt_table_simple {
    margin-top: 25px;
  }
}
.articlecontent .fmt_btn_2 {
  margin: 50px auto 0;
}
@media screen and (max-width: 787px) {
  .articlecontent .fmt_btn_2 {
    margin: 25px auto 0;
  }
}
.singlefmt3 {
  margin-bottom: 80px;
}
.singlefmt3 .fmt_title_2 {
  margin: 80px 0 40px;
}
@media screen and (max-width: 787px) {
  .singlefmt3 .fmt_title_2 {
    margin: 50px 0 20px;
  }
}
.singlefmt3 .thumbnail {
  width: 100%;
}
.singlefmt3 img {
  width: 100%;
  height: auto;
}
.singlefmt3 p,
.singlefmt3 .img,
.singlefmt3 .fmt_table_simple {
  margin-top: 50px;
}
@media screen and (max-width: 787px) {
  .singlefmt3 p,
  .singlefmt3 .img,
  .singlefmt3 .fmt_table_simple {
    margin-top: 25px;
  }
}
.seasoninfo {
  position: relative;
}
.seasoninfo .lowfmtkeyvisual-jp {
  margin-bottom: 0 !important;
  padding-bottom: 40px;
}
@media screen and (max-width: 787px) {
  .seasoninfo .lowfmtkeyvisual-jp {
    padding-bottom: 20px;
  }
}
.seasoninfo .lowfmtkeyvisual-jp:after {
  bottom: 0;
}
.seasoninfo .wrap1050:last-child {
  margin: 0 auto 100px;
}
.seasoninfo .wrap1050:last-child .archivelist {
  margin-bottom: 20px;
}
.unnansakura-kv .lowfmtkeyvisual-jp {
  color: #ff7baa;
}
.unnansakura-kv .illust_1,
.unnansakura-kv .illust_2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.unnansakura-kv .illust_1 img,
.unnansakura-kv .illust_2 img {
  width: 100%;
}
.unnansakura-kv .illust_1 {
  width: 28vw;
  max-width: 300px;
  right: calc(50% + 140px);
}
@media screen and (max-width: 787px) {
  .unnansakura-kv .illust_1 {
    right: calc(50% + 100px);
  }
}
.unnansakura-kv .illust_2 {
  width: 25vw;
  max-width: 230px;
  left: calc(50% + 160px);
}
@media screen and (max-width: 787px) {
  .unnansakura-kv .illust_2 {
    left: calc(50% + 100px);
  }
}
.unnansakura .archivelist .title {
  color: #ff7baa;
}
.unnankoyo .articlemain-title:after {
  background: #bf272d;
}
.unnankoyo-kv .lowfmtkeyvisual-jp {
  color: #bf272d;
}
.unnankoyo-kv .illust_1,
.unnankoyo-kv .illust_2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.unnankoyo-kv .illust_1 img,
.unnankoyo-kv .illust_2 img {
  width: 100%;
}
.unnankoyo-kv .illust_1 {
  width: 28vw;
  max-width: 280px;
  right: calc(50% + 140px);
}
@media screen and (max-width: 787px) {
  .unnankoyo-kv .illust_1 {
    right: calc(50% + 100px);
  }
}
.unnankoyo-kv .illust_2 {
  width: 25vw;
  max-width: 260px;
  left: calc(50% + 140px);
}
@media screen and (max-width: 787px) {
  .unnankoyo-kv .illust_2 {
    left: calc(50% + 100px);
  }
}
.unnankoyo .archivelist .title {
  color: #bf272d;
}
.unnanhotaru .articlemain-title:after {
  background: #3572b7;
}
.unnanhotaru-kv .lowfmtkeyvisual-jp {
  color: #3572b7;
}
.unnanhotaru-kv .illust_1,
.unnanhotaru-kv .illust_2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.unnanhotaru-kv .illust_1 img,
.unnanhotaru-kv .illust_2 img {
  width: 100%;
}
.unnanhotaru-kv .illust_1 {
  width: 28vw;
  max-width: 280px;
  right: calc(50% + 140px);
}
@media screen and (max-width: 787px) {
  .unnanhotaru-kv .illust_1 {
    right: calc(50% + 100px);
  }
}
.unnanhotaru-kv .illust_2 {
  width: 25vw;
  max-width: 260px;
  left: calc(50% + 140px);
}
@media screen and (max-width: 787px) {
  .unnanhotaru-kv .illust_2 {
    left: calc(50% + 100px);
  }
}
.unnanhotaru .archivelist .title {
  color: #3572b7;
}
.modelcontent {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .modelcontent {
    margin-bottom: 60px;
  }
}
.modelcontent-list {
  margin-top: 80px;
}
@media screen and (max-width: 787px) {
  .modelcontent-list {
    margin-top: 40px;
  }
}
.modelcontent-list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.modelcontent-list li:not(:last-child) {
  margin-bottom: 40px;
}
.modelcontent-list li:after {
  position: absolute;
  top: 15px;
  left: 15px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3967fe;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 25px;
}
@media screen and (max-width: 787px) {
  .modelcontent-list li:after {
    top: 10px;
    left: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 18px;
  }
}
.modelcontent-list li:nth-child(1):after {
  content: "A";
}
.modelcontent-list li:nth-child(2):after {
  content: "B";
}
.modelcontent-list li:nth-child(3):after {
  content: "C";
}
.modelcontent-list li:nth-child(4):after {
  content: "D";
}
.modelcontent-list li:nth-child(5):after {
  content: "E";
}
.modelcontent-list li:nth-child(6):after {
  content: "F";
}
.modelcontent-list li:nth-child(7):after {
  content: "G";
}
.modelcontent-list li:nth-child(8):after {
  content: "H";
}
.modelcontent-list li:nth-child(9):after {
  content: "I";
}
.modelcontent-list li:nth-child(10):after {
  content: "J";
}
.modelcontent-list li:nth-child(11):after {
  content: "K";
}
.modelcontent-list li:nth-child(12):after {
  content: "L";
}
.modelcontent-list li:nth-child(13):after {
  content: "M";
}
.modelcontent-list li:nth-child(14):after {
  content: "N";
}
.modelcontent-list li:nth-child(15):after {
  content: "O";
}
.modelcontent-list li:nth-child(16):after {
  content: "P";
}
.modelcontent-list li:nth-child(17):after {
  content: "Q";
}
.modelcontent-list li:nth-child(18):after {
  content: "R";
}
.modelcontent-list li:nth-child(19):after {
  content: "S";
}
.modelcontent-list li:nth-child(20):after {
  content: "T";
}
.modelcontent-list li:nth-child(21):after {
  content: "U";
}
.modelcontent-list li:nth-child(22):after {
  content: "V";
}
.modelcontent-list li:nth-child(23):after {
  content: "W";
}
.modelcontent-list li:nth-child(24):after {
  content: "X";
}
.modelcontent-list li:nth-child(25):after {
  content: "Y";
}
.modelcontent-list li:nth-child(26):after {
  content: "Z";
}
.modelcontent-list .imgbox {
  width: calc(50% - 20px);
  aspect-ratio: 3/2;
}
@media screen and (max-width: 787px) {
  .modelcontent-list .imgbox {
    width: 100%;
    margin-bottom: 25px;
  }
}
.modelcontent-list .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modelcontent-list .textbox {
  width: calc(50% - 20px);
}
@media screen and (max-width: 787px) {
  .modelcontent-list .textbox {
    width: 100%;
  }
}
.modelcontent-list .fmt_title_2 {
  margin-bottom: 15px;
}
.modelcontent-list .arrowbox {
  margin-top: 20px;
  padding: 30px 0 40px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 787px) {
  .modelcontent-list .arrowbox {
    margin-top: 15px;
    padding: 15px 0 35px;
  }
}
.modelcontent-list .arrowbox:before {
  content: "";
  background: #f1acbb;
  height: 100%;
  width: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
.modelcontent-list .arrowbox:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 18px 14px 0 14px;
  border-color: #f1acbb transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
}
.modelcontent-list .caricon,
.modelcontent-list .walkicon {
  display: block;
  margin: 0 auto 12px calc(50% - 35px);
}
.modelcontent-list .caricon {
  width: 25px;
}
.modelcontent-list .walkicon {
  width: 20px;
}
.modelcontent-list .pinkbg {
  background: #f1acbb;
  color: #fff;
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-radius: 80px;
  text-align: center;
  font-weight: 700;
  padding: 7px 20px;
  min-width: 280px;
}
.touristagents {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .touristagents {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .touristagents .fmt_title_2 {
    margin-bottom: 15px;
  }
}
.touristagents-pdflist li {
  border-bottom: 1px solid #efe9dd;
  padding: 15px 10px;
}
@media screen and (max-width: 787px) {
  .touristagents-pdflist li {
    padding: 10px 0;
  }
}
.touristagents-pdflist a {
  text-decoration: none;
  font-weight: 700;
  color: #754c24;
  display: inline-block;
}
.touristagents .wrap800:not(:last-child) {
  margin: 0 auto 80px;
}
@media screen and (max-width: 787px) {
  .touristagents .wrap800:not(:last-child) {
    margin: 0 auto 40px;
  }
}
.touristagents .touristguide-pdflist {
  margin: 20px 0 0;
}
.touristguide {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .touristguide {
    margin-bottom: 60px;
  }
}
.touristguide-inner:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 787px) {
  .touristguide-inner:not(:last-child) {
    margin-bottom: 40px;
  }
}
.touristguide-list li {
  position: relative;
  padding-left: 20px;
}
.touristguide-list li:not(:last-child) {
  margin-bottom: 5px;
}
.touristguide-list li:before {
  content: "●";
  color: #754c24;
  position: absolute;
  top: 0;
  left: 0;
}
.touristguide-list span {
  color: #754c24;
}
.touristguide-pdflist {
  margin-bottom: 40px;
}
@media screen and (max-width: 787px) {
  .touristguide-pdflist {
    margin-bottom: 20px;
  }
}
.touristguide-pdflist li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #efe9dd;
  padding: 10px 0;
}
@media screen and (max-width: 787px) {
  .touristguide-pdflist li {
    padding: 15px 0;
  }
}
.touristguide-pdflist li span {
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .touristguide-pdflist li span {
    display: block;
    width: 100%;
  }
}
.touristguide-pdflist li a {
  background: #754c24;
  color: #fff;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
@media screen and (max-width: 787px) {
  .touristguide-pdflist li a {
    width: fit-content;
    margin-top: 10px;
  }
}
.tatara .lowfmtkeyvisual-icon {
  width: 100px;
}
.tatara .lowfmtkeyvisual-illust {
  display: block;
  max-width: 220px;
  top: 40px;
  left: calc(50vw + 150px);
  margin: 0 auto;
}
@media screen and (max-width: 787px) {
  .tatara .lowfmtkeyvisual-illust {
    width: 35%;
    top: 60px;
    left: calc(50vw + 60px);
    margin: 0 auto;
    position: absolute;
  }
}
.tataracontent {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .tataracontent {
    margin-bottom: 60px;
  }
}
.tataracontent-inner {
  margin: 80px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 787px) {
  .tataracontent-inner {
    margin: 40px 0;
  }
}
.tataracontent-inner .textbox,
.tataracontent-inner .imgbox {
  width: calc(50% - 20px);
}
@media screen and (max-width: 787px) {
  .tataracontent-inner .textbox,
  .tataracontent-inner .imgbox {
    width: 100%;
  }
}
.tataracontent-inner:nth-child(2) .textbox {
  order: -1;
}
@media screen and (max-width: 787px) {
  .tataracontent-inner:nth-child(2) .textbox {
    order: 1;
  }
}
@media screen and (max-width: 787px) {
  .tataracontent-inner .imgbox {
    margin-bottom: 30px;
  }
}
.tataracontent .textbox > div:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 787px) {
  .tataracontent .textbox > div:not(:first-child) {
    margin-top: 30px;
  }
}
.tataracontent .textbox .fmt_title_2 {
  font-size: 19px;
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .tataracontent .textbox .fmt_title_2 {
    font-size: 17px;
  }
}
.tataracontent .textbox p {
  line-height: 1.9;
}
.sizenhodo .articlemain-img,
.outdoor .articlemain-img {
  position: relative;
  aspect-ratio: 21/9;
}
.sizenhodo .articlemain-subtext,
.outdoor .articlemain-subtext {
  position: absolute;
  top: 16%;
  left: 7%;
}
.sizenhodo .articlemain-subtext span,
.outdoor .articlemain-subtext span {
  color: #fff;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  font-size: clamp(14px, 4.2vw, 32px);
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 1;
  padding: 0.8rem 1.3rem;
}
@media screen and (max-width: 787px) {
  .sizenhodo .articlemain-subtext span,
  .outdoor .articlemain-subtext span {
    padding: 0.35rem 0.5rem;
  }
}
.sizenhodo .articlemain-subtext span:last-child,
.outdoor .articlemain-subtext span:last-child {
  margin: 15px 0 0 30px;
}
@media screen and (max-width: 787px) {
  .sizenhodo .articlemain-subtext span:last-child,
  .outdoor .articlemain-subtext span:last-child {
    margin: 7px 0 0 15px;
  }
}
.sizenhodo .articlemain-subtext span:after,
.outdoor .articlemain-subtext span:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 123, 169, 0.8);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sizenhodo-maincontent {
  margin-bottom: 60px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent .first-letter {
    margin-bottom: 30px;
  }
}
.sizenhodo-maincontent .column2 {
  margin-top: 60px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent .column2 {
    margin-top: 0;
  }
  .sizenhodo-maincontent .column2:first-child {
    margin-bottom: 50px;
  }
}
.sizenhodo-maincontent .fmt_title_2 {
  margin-top: 50px;
  font-size: 19px;
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent .fmt_title_2 {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent .textbox {
    margin-bottom: 20px;
  }
}
.sizenhodo-maincontent p {
  line-height: 1.9;
}
.sizenhodo-maincontent .btnwrap {
  margin-top: 40px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-maincontent .btnwrap {
    margin-top: 20px;
  }
}
.sizenhodo-maincontent .btnwrap a {
  background: #754c24;
  color: #fff;
  text-decoration: none;
  padding: 10px 50px 10px 30px;
  border-radius: 40px;
  display: inline-block;
  position: relative;
}
.sizenhodo-maincontent .btnwrap a:not(:last-child) {
  margin-bottom: 10px;
}
.sizenhodo-maincontent .btnwrap a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask: url(../static/svg/otherlink.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/otherlink.svg) no-repeat center center/contain;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 25px;
  background: #fff;
  transform: translateY(-50%);
}
.sizenhodo-course {
  background: #efe9dd;
  padding: 80px 0;
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-course {
    margin-bottom: 60px;
    padding: 60px 0 40px;
  }
}
.sizenhodo-course .subtext {
  font-size: 13px;
  margin: 40px 0;
  line-height: 1.8;
}
@media screen and (max-width: 787px) {
  .sizenhodo-course .subtext {
    margin: 20px 0;
  }
}
.sizenhodo-course-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sizenhodo-course-list li {
  width: calc(50% - 20px);
  margin-bottom: 40px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #754c24;
  padding: 35px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-course-list li {
    width: 100%;
    padding: 30px 20px 20px;
    margin-bottom: 20px;
  }
}
.sizenhodo-course-list .fmt_title_2 {
  font-size: 19px;
  margin-bottom: 15px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-course-list .fmt_title_2 {
    font-size: 17px;
  }
}
.sizenhodo-course-list p {
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-course-list p {
    margin-bottom: 15px;
  }
}
.sizenhodo-course-list .fmt_btn_2 {
  margin-top: 20px;
  padding: 8px 60px;
}
.sizenhodo-course-table {
  border-spacing: 0 5px;
}
.sizenhodo-course-table th {
  color: #fff;
  background: #754c24;
  border-radius: 5px;
  padding: 2px 10px;
  text-align: center;
  font-weight: 700;
}
.sizenhodo-course-table td {
  padding-left: 12px;
}
.sizenhodo-midokoro {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro .articlemain-title {
    margin-bottom: 60px;
  }
}
.sizenhodo-midokoro-inner:not(:last-child) {
  margin-bottom: 60px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro .fmt_title_2 {
    margin-bottom: 10px;
  }
}
.sizenhodo-midokoro .first-letter {
  margin-bottom: 30px;
}
.sizenhodo-midokoro .column2 .imgbox {
  width: 35%;
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro .column2 .imgbox {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sizenhodo-midokoro .column2 .textbox {
  width: calc(65% - 40px);
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro .column2 .textbox {
    width: 100%;
  }
}
.sizenhodo-midokoro-list > div:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro-list > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
.sizenhodo-midokoro .subtitle {
  color: #754c24;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 787px) {
  .sizenhodo-midokoro .column3 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse .articlemain {
    padding-bottom: 0;
  }
}
.sizenhodoCourse .fmt_title_2 {
  margin-bottom: 20px;
}
.sizenhodoCourse-inner:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-inner:not(:last-child) {
    margin-bottom: 40px;
  }
}
.sizenhodoCourse-inner .googlemap {
  aspect-ratio: 16/9;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-inner .googlemap {
    aspect-ratio: 1/1;
  }
}
.sizenhodoCourse-inner .googlemap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-list {
    margin-bottom: 40px;
  }
}
.sizenhodoCourse-list li {
  color: #fff;
  background: #f1acbb;
  padding: 10px 25px;
  font-weight: 700;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-list li {
    font-size: 13px;
    padding: 8px 20px;
    line-height: 1.4;
  }
}
.sizenhodoCourse-list li:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-list li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.sizenhodoCourse-list li:not(:last-child):before {
  content: "";
  background: #f1acbb;
  height: 100%;
  width: 6px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-list li:not(:last-child):before {
    content: none;
  }
}
.sizenhodoCourse-list li:not(:last-child):after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 14px 10px 0 10px;
  border-color: #f1acbb transparent transparent transparent;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 787px) {
  .sizenhodoCourse-list li:not(:last-child):after {
    bottom: -10px;
    border-width: 10px 8px 0 8px;
  }
}
.aboutcontent {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .aboutcontent {
    margin-bottom: 60px;
  }
}
.aboutcontent-bg {
  margin-top: -15vw;
  position: relative;
  z-index: -1;
}
.aboutcontent-inner {
  margin-top: 60px;
}
@media screen and (max-width: 787px) {
  .aboutcontent-inner {
    margin-top: 40px;
  }
}
@media screen and (max-width: 787px) {
  .aboutcontent-inner .fmt_title_2 {
    margin-bottom: 15px;
  }
}
.aboutcontent-tab {
  width: 100%;
  background: #efe9dd;
  padding: 80px 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .aboutcontent-tab {
    padding: 40px 0;
    margin-bottom: 40px;
  }
}
.aboutcontent-tab .tab-list {
  display: flex;
  justify-content: space-between;
}
.aboutcontent-tab .tab-menu {
  align-items: center;
  background-color: #ccc;
  color: #754c24;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 50px;
  width: calc(33.3333333333% - 10px);
  font-size: 19px;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .aboutcontent-tab .tab-menu {
    width: calc(33.3333333333% - 2px);
    font-size: 14px;
    flex-wrap: wrap;
    height: 55px;
  }
}
.aboutcontent-tab .tab-menu .icon {
  width: 40px;
  display: block;
  margin-right: 10px;
}
@media screen and (max-width: 787px) {
  .aboutcontent-tab .tab-menu .icon {
    margin-right: 0;
    width: 30px;
    margin-bottom: -17px;
  }
}
.aboutcontent-tab .tab-menu .icon img {
  width: 100%;
}
@media screen and (max-width: 787px) {
  .aboutcontent-tab .tab-menu .text {
    width: 100%;
    text-align: center;
    font-size: 13px;
  }
}
.aboutcontent-tab .tab-menu.current {
  background-color: #d5c5a6;
  position: relative;
}
.aboutcontent-tab .tab-menu.current:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #754c24 transparent transparent transparent;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translate(-50%);
}
.aboutcontent-tab .content-box {
  background-color: #ccc;
  display: none;
  width: 100%;
}
.aboutcontent-tab .content-box img {
  display: block;
  height: auto;
  width: 100%;
}
.aboutcontent .content-group {
  background: #fff;
  padding: 50px;
}
@media screen and (max-width: 787px) {
  .aboutcontent .content-group {
    padding: 40px;
  }
}
.aboutcontent .fmt_table_simple tbody {
  display: table;
}
.aboutcontent .fmt_table_simple tr {
  display: revert;
  position: relative;
}
@media screen and (max-width: 787px) {
  .aboutcontent .fmt_table_simple tr {
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
}
@media screen and (max-width: 787px) {
  .aboutcontent .fmt_table_simple tr:not(:last-child) {
    border-bottom: #f0eade;
  }
}
.aboutcontent .fmt_table_simple tr:not(:last-child):after {
  content: "";
  width: 100%;
  height: 1px;
  background: #f0eade;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 787px) {
  .aboutcontent .fmt_table_simple tr:not(:last-child):after {
    content: none;
  }
}
.aboutcontent .fmt_table_simple th {
  font-weight: 400;
}
.aboutcontent .fmt_table_simple th,
.aboutcontent .fmt_table_simple td {
  width: auto;
}
@media screen and (max-width: 787px) {
  .aboutcontent .fmt_table_simple th,
  .aboutcontent .fmt_table_simple td {
    width: 100%;
  }
}
@media screen and (max-width: 787px) and (max-width: 787px) {
  .aboutcontent .fmt_table_simple th:not(:last-child),
  .aboutcontent .fmt_table_simple td:not(:last-child) {
    border-bottom: #f0eade;
  }
}
.aboutcontent .fmt_table_simple a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  color: #ff7ba9;
}
.aboutcontent .fmt_table_simple a .icon {
  margin: 0 auto;
  display: block;
  width: 20px;
}
@media screen and (max-width: 787px) {
  .aboutcontent .fmt_table_simple a .icon {
    margin: 0 0 0 10px;
  }
}
.bgbeige {
  background: #efe9dd;
  padding: 80px 0;
  margin-top: 60px;
}
@media screen and (max-width: 787px) {
  .bgbeige {
    margin-top: 40px;
    padding: 40px 0;
  }
}
@media screen and (max-width: 787px) {
  .bgbeige .fmt_title_2 {
    margin-bottom: 10px;
  }
}
.whitebgbox {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #754c24;
  padding: 30px;
}
@media screen and (max-width: 787px) {
  .whitebgbox {
    padding: 25px 20px;
  }
}
.whitebgbox .fmt_title_2 {
  margin-bottom: 15px;
}
.whitebgbox-list li {
  position: relative;
  padding-left: 20px;
}
.whitebgbox-list li:before {
  content: "●";
  color: #754c24;
  position: absolute;
  top: 0;
  left: 0;
}
.whitebgbox .subtext {
  color: #754c24;
  margin-top: 15px;
}
.outdoor {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .outdoor {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .outdoor .fmt_title_2 {
    margin-bottom: 15px;
  }
}
.outdoor-courselist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoor-courselist {
    margin-bottom: 40px;
  }
}
.outdoor-courselist li {
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 787px) {
  .outdoor-courselist li {
    width: 100%;
  }
}
@media screen and (max-width: 787px) {
  .outdoor-courselist li:not(:last-child) {
    margin-bottom: 30px;
  }
}
.outdoor-courselist span {
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  display: block;
  color: #754c24;
  margin-bottom: 12px;
}
@media screen and (max-width: 787px) {
  .outdoor-courselist span {
    text-align: left;
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.outdoor-courselist p {
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .outdoor-courselist p {
    margin-bottom: 15px;
  }
}
.outdoor-courselist .fmt_btn_2 {
  padding: 10px 60px;
}
.outdoor-topsec {
  width: calc(100% - 40px);
  max-width: 620px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 787px) {
  .outdoor-topsec {
    margin: 0 auto 40px;
  }
}
.outdoor-topsec-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-wrap: wrap;
}
.outdoor-topsec-nav li {
  width: calc(25% - 15px);
  height: 140px;
}
@media screen and (max-width: 787px) {
  .outdoor-topsec-nav li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
.outdoor-topsec-nav li:nth-child(1) .icon {
  width: 62px;
}
.outdoor-topsec-nav li:nth-child(2) .icon {
  width: 40px;
}
.outdoor-topsec-nav li:nth-child(3) .icon {
  width: 63px;
}
.outdoor-topsec-nav li:nth-child(4) .icon {
  width: 54px;
}
.outdoor-topsec-nav a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #754c24;
  text-align: center;
  border-radius: 15px;
  color: #efe9dd;
  text-decoration: none;
  position: relative;
}
.outdoor-topsec-nav a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #efe9dd;
  border-right: 2px solid #efe9dd;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: rotate(45deg) translate(-50%);
}
.outdoor-topsec-nav span {
  display: block;
}
.outdoor-topsec-nav .icon {
  margin: 0 auto 45px;
}
.outdoor-topsec-nav .text {
  font-weight: 700;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  color: #fff;
}
.outdoor-cycling {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoor-cycling {
    margin-bottom: 40px;
  }
}
.outdoor-trekking {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoor-trekking {
    margin-bottom: 40px;
  }
}
.outdoor-camp {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoor-camp {
    margin-bottom: 40px;
  }
}
.outdoor-camp .googlemap {
  aspect-ratio: 16/9;
  margin-bottom: 20px;
}
.outdoor-camp .googlemap iframe {
  width: 100%;
  height: 100%;
}
.outdoor-camp .fmt_table_1 {
  margin: 60px 0;
}
@media screen and (max-width: 787px) {
  .outdoor-camp .fmt_table_1 {
    margin: 40px 0;
  }
  .outdoor-camp .fmt_table_1 th:nth-child(1):before,
  .outdoor-camp .fmt_table_1 td:nth-child(1):before {
    content: "キャンプ場";
  }
  .outdoor-camp .fmt_table_1 th:nth-child(2):before,
  .outdoor-camp .fmt_table_1 td:nth-child(2):before {
    content: "宿泊形式";
  }
  .outdoor-camp .fmt_table_1 th:nth-child(3):before,
  .outdoor-camp .fmt_table_1 td:nth-child(3):before {
    content: "住所";
  }
  .outdoor-camp .fmt_table_1 th:nth-child(4):before,
  .outdoor-camp .fmt_table_1 td:nth-child(4):before {
    content: "webサイト";
  }
}
@media screen and (max-width: 787px) {
  .outdoor-dam .column2 .imgbox {
    order: -1;
    margin-bottom: 25px;
  }
}
.outdoor-dam .column2 a {
  color: #ff7ba9;
}
.outdoor-dam-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 787px) {
  .outdoor-dam-list {
    margin-top: 40px;
  }
}
.outdoor-dam-list:after {
  content: "";
  width: calc(33.3333333333% - 30px);
  height: 0;
  display: block;
}
.outdoor-dam-list li {
  width: calc(33.3333333333% - 30px);
}
@media screen and (max-width: 787px) {
  .outdoor-dam-list li {
    width: 100%;
  }
}
.outdoor-dam-list li:not(:last-child) {
  margin-bottom: 40px;
}
.outdoor-dam-list .imgbox {
  margin-bottom: 25px;
}
.outdoor-dam-list .fmt_title_2 {
  display: block;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 787px) {
  .outdoor-dam-list .fmt_title_2 {
    font-size: 16px;
  }
}
.outdoor-dam-list p {
  margin-bottom: 20px;
}
.outdoor-dam-list .fmt_btn_2 {
  padding: 10px 60px;
  position: relative;
}
.outdoor-dam-list .fmt_btn_2:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask: url(../static/svg/otherlink.svg) no-repeat center center/contain;
  -webkit-mask: url(../static/svg/otherlink.svg) no-repeat center center/contain;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 25px;
  background: #fff;
  transform: translateY(-50%);
}
.outdoorCourse {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .outdoorCourse {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .outdoorCourse .articlemain {
    padding-bottom: 0;
  }
}
.outdoorCourse .first-letter {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoorCourse .first-letter {
    margin-bottom: 40px;
  }
}
.outdoorCourse-box:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 787px) {
  .outdoorCourse-box .fmt_title_2 {
    margin-bottom: 15px;
  }
}
.outdoorCourse-box-inner:not(:last-child) {
  margin-bottom: 50px;
}
.outdoorCourse-box-inner .googlemap {
  aspect-ratio: 16/9;
  margin: 20px 0;
}
.outdoorCourse-box-inner iframe {
  width: 100%;
  height: 100%;
}
.privacypolicy-content {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .privacypolicy-content {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 787px) {
  .privacypolicy .articlemain {
    padding-bottom: 0;
  }
}
.privacypolicy-list {
  margin-bottom: 40px;
}
.privacypolicy-list li:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .privacypolicy-list li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.privacypolicy-list li .bold {
  margin-bottom: 5px;
  display: block;
}
.privacypolicy-list li p {
  font-size: 14px;
}
@media screen and (max-width: 787px) {
  .privacypolicy-list li p {
    font-size: 12px;
  }
}
.contact-form {
  margin-bottom: 120px;
}
@media screen and (max-width: 787px) {
  .contact-form {
    margin-bottom: 60px;
  }
}
.contact-form .fmt_title_4 {
  color: #754c24;
  margin: 40px 0 10px;
}
@media screen and (max-width: 787px) {
  .contact-form .fmt_title_4 {
    margin: 20px 0 5px;
  }
}
.contact-form .fmt_btn_2 {
  margin-top: 40px;
}
@media screen and (max-width: 787px) {
  .contact-form .fmt_btn_2 {
    margin-top: 20px;
  }
}
.contact-form .toptext {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 787px) {
  .contact-form .toptext {
    margin-bottom: 5px;
  }
}
.contact-form .toptext span,
.contact-form .red {
  color: #be272d;
}
.contact-form .wpcf7-form {
  margin-bottom: 50px;
}
@media screen and (max-width: 787px) {
  .contact-form .wpcf7-form {
    margin-bottom: 25px;
  }
}
.contact-form .wpcf7-form label {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #efe9dd;
  cursor: auto;
  color: #333;
}
@media screen and (max-width: 787px) {
  .contact-form .wpcf7-form label {
    padding: 13px 0 17px;
  }
}
.contact-form .wpcf7-form .title {
  width: 165px;
  font-weight: 700;
}
@media screen and (max-width: 787px) {
  .contact-form .wpcf7-form .title {
    width: 100%;
    margin-bottom: 5px;
  }
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap {
  width: calc(100% - 165px);
}
@media screen and (max-width: 787px) {
  .contact-form .wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap input,
.contact-form .wpcf7-form .wpcf7-form-control-wrap textarea {
  width: 100%;
  border: 1px solid #c9c9c9;
  padding: 10px 18px;
  border-radius: 7px;
  background: #fff;
  color: #333;
}
.contact-form .wpcf7-form .wpcf7-submit {
  background: #000;
  color: #fff;
  font-size: 17px;
  max-width: 180px;
  border: none;
  margin: 0 auto;
  display: block;
  padding: 10px 18px;
  width: 100%;
  border-radius: 7px;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.contact-form .wpcf7-acceptance input {
  width: 25px !important;
  margin-right: 15px;
  accent-color: #f2adbc;
  cursor: pointer;
}
.contact-form .wpcf7-acceptance label {
  border-bottom: none;
  padding: 0;
  margin: 40px 0 20px;
  cursor: pointer;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item-label {
  font-weight: 700;
}
.contact-form .btnWrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 500px;
  margin: 40px auto 0;
}
@media screen and (max-width: 787px) {
  .contact-form .btnWrap {
    margin: 20px auto 0;
  }
}
.contact-form .btnWrap .btn {
  width: calc(50% - 15px);
}
.contact-form .btnWrap .btn input {
  width: 100%;
  max-width: none;
  font-size: 17px;
  font-weight: 700;
  border: none;
  margin: 0 auto;
  display: block;
  padding: 13px 18px;
  border-radius: 7px;
  cursor: pointer;
}
@media screen and (max-width: 787px) {
  .contact-form .btnWrap .btn input {
    font-size: 15px;
  }
}
.contact-form .btnWrap .btn.back input {
  background: #ddd;
  color: #333;
}
.contact-form .wpcf7-spinner {
  display: none;
}
.contact-privacypolicy {
  margin: 40px 0;
}
@media screen and (max-width: 787px) {
  .contact-privacypolicy {
    margin: 20px 0;
  }
}
.contact-sub {
  border-top: 1px solid #efe9dd;
}
.contact-sub-inner:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 787px) {
  .contact-sub-inner:not(:last-child) {
    margin-bottom: 20px;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.link_btm_kiji a {
  text-decoration: none !important;
  display: block !important;
  background: #6b4d2b !important;
  text-align: center !important;
  padding: 10px 50px !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  margin: 0!important !important;
  font-size: 14px !important;
  width: fit-content !important;
}
.singlefmt3 .link_btm_kiji p,
.singlefmt3 .fmt_table_simple .link_btm_kiji {
  margin-top: 0px !important;
}
.link_btm_kiji {
  margin-bottom: 0px !important;
}
.link_btm_kiji a {
  border-radius: 10px !important;
  padding: 1em 1em !important;
}

.articlecontent-imgbox-inner {
  position: relative;
}
._sp .image-caption,
._pc_df .image-caption,
.swiper-wrapper .image-caption {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  margin-top: 8px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  position: absolute;
  bottom: 0px;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.6);
}

.wrap1050 {
  color: #333 !important;
}

.headernav_4 .text {
  padding-left: 0.3em;
}

.unnnantabi_1 .en,
.unnnantabi_2 .en,
.unnnantabi_3 .en,
.unnnantabi_4 .en,
.unnnantabi_5 .en,
.unnnantabi_6 .en,
.unnnantabi_7 .en,
.unnnantabi_8 .en,
.unnnantabi_11 .en {
  text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff,
    -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff,
    -1px 0px 0px #ffffff, 0px -1px 0px #ffffff; /* 文字の影 */
}

.uuu-dark-mode .unnnantabi_1 .en,
.uuu-dark-mode .unnnantabi_2 .en,
.uuu-dark-mode .unnnantabi_3 .en,
.uuu-dark-mode .unnnantabi_4 .en,
.uuu-dark-mode .unnnantabi_5 .en,
.uuu-dark-mode .unnnantabi_6 .en,
.uuu-dark-mode .unnnantabi_7 .en,
.uuu-dark-mode .unnnantabi_8 .en,
.uuu-dark-mode .unnnantabi_11 .en {
  text-shadow: none;
}

#top_menu_list {
  background-color: transparent !important;
  overflow: hidden;
}

#top_menu_list .no_bg {
  background-color: transparent !important;
}

.uuu-dark-mode .no_bg {
  background-color: transparent !important;
}

#cachil .no_bg {
  background-color: transparent !important;
}

.header-unnanlogo {
  z-index: 1;
}

#no_bg {
  background-color: transparent !important;
}
.footer #footer_logo {
  fill: #fff;
}
.footer #footer_logo .uuu-yellow-mode {
  fill: #000;
}

#picky a .uuu-yellow-mode h3 {
  color: #fff !important;
}
#picky .uuu-yellow-mode h3 {
  color: #fff !important;
}

.lowfmtkeyvisual img {
  background-color: transparent !important;
}
.lowfmtkeyvisual h2 {
  background-color: transparent !important;
}

.uuu-yellow-mode .header:after,
.uuu-blue-mode .header:after {
  background-color: transparent !important;
}

.cls-2 {
  fill: #fff;
}
.uuu-yellow-mode .cls-2 {
  fill: #000000 !important;
}
._sp .uuu-yellow-mode　.hamburger span {
  background: #000000 !important;
}

.touristguide-pdflist .uuu-dark-mode a,
.touristguide-pdflist .uuu-yellow-mode a,
.touristguide-pdflist .uuu-blue-mode a,
.unnan-gourmet-item .uuu-dark-mode a,
.unnan-gourmet-item .uuu-yellow-mode a,
.unnan-gourmet-item .uuu-blue-mode a,
.archivelist.uuu-dark-mode a,
.archivelist .uuu-yellow-mode a,
.archivelist .uuu-blue-mode a,
.outdoor-courselist .uuu-dark-mode a,
.outdoor-courselist .uuu-yellow-mode a,
.outdoor-courselist .uuu-blue-mode a {
  background: #754c24 !important;
  color: #fff !important;
}

.uuu-dark-mode .header:before,
.uuu-yellow-mode .header:before,
.uuu-blue-mode .header:before {
  background-color: transparent !important;
}

.uuu-dark-mode .header.lower:before,
.uuu-blue-mode .header.lower:before,
.uuu-yellow-mode .header.lower:before {
  background: none !important;
}

.uuu-dark-mode .header-logo:before,
.uuu-blue-mode .header-logo:before,
.uuu-yellow-mode .header-logo:before {
  background: none !important;
  transition: 1s;
  opacity: 1;
}

.uuu-dark-mode .header:after,
.uuu-blue-mode .header:after,
.uuu-yellow-mode .header:after {
  background: none !important;
}

.uuu-yellow-mode .topBanner .black {
  background: #000 !important;
}
.uuu-yellow-mode .topBanner .black span {
  background-color: transparent !important;
  color: #ffff00 !important;
}

.uuu-blue-mode .topBanner .black {
  background: #fff !important;
}
.uuu-blue-mode .topBanner .black span {
  background-color: transparent !important;
  color: #0000bc !important;
}

.uuu-dark-mode .topBanner .black {
  background: #ffff00 !important;
}
.uuu-dark-mode .topBanner .black span {
  background-color: transparent !important;
  color: #000 !important;
}

.topPickup-bottombtn li span {
  background: none !important;
}
.uuu-yellow-mode .topPickup-bottombtn li span {
  color: #ffff00 !important;
}

.uuu-yellow .en,
.uuu-dark-mode .en,
.uuu-blue-mode .en {
  text-shadow: none !important;
}

@media screen and (max-width: 787px) {
  #cachil .no_bg {
    background-color: transparent !important;
  }
}

/*ヤマタノオロチアーカイブページ追加css*/
.orochi-message h1 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  color: #754c24;
  font-family: Zen Maru Gothic, sans-serif;
  font-weight: 700;
  z-index: 1;
  line-height: 1.6em;
}

.orochi-message h2 {
  color: #754c24;
  text-align: center;
  background: #d3c6ba;
  padding: 15px 20px;
  margin-bottom: 20px;
  font-size: 23px;
  font-family: Zen Maru Gothic, sans-serif;
}
.orochi_txt p {
  text-align: justify;
}
.orochi_map {
  margin-top: 30px;
}

.orochi_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* お好みで余白 */
}

.orochi_list p {
  padding: 10px;
  width: 24%; /* PC：4列（100 ÷ 4） */
  box-sizing: border-box;
}

.orochi_list a {
  text-decoration: none;
  display: block;
  background: none;
  text-align: center;
  padding: 0px 0px;
  color: #fff;
  border-radius: 0px;
  margin: 0px;
  font-size: 14px;
  width: fit-content;
}

@media screen and (max-width: 787px) {
  .orochi-message h1 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 50px;
    position: relative;
    color: #754c24;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    z-index: 1;
    line-height: 1.6em;
  }
  .orochi_list p {
    width: 48%;
    padding: 0px;
  }

  .orochi-message h2 {
    color: #754c24;
    text-align: center;
    background: #d3c6ba;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Zen Maru Gothic, sans-serif;
  }
}
/*ヤマタノオロチ追加レイアウト*/

.svg_box {
  width: 100%;
  height: %;
  background-image: url("https://subwp.unnan-kankou.jp/wp-content/themes/unnan-tabi/images/orochi_map.jpg");
  background-size: cover; /* or contain / auto */
  background-position: center center;
  background-repeat: no-repeat;
  margin: 50px auto;
}

.st0 {
  fill: rgba(255, 0, 0, 0.2); /* 赤っぽい発光のベース */
  filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.2));
  animation: glowBlink 2s ease-in-out infinite;
  cursor: pointer;
  transition: fill 0.3s;
}

@keyframes glowBlink {
  0%,
  100% {
    fill: rgba(255, 0, 0, 0.2);
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.2));
  }
  50% {
    fill: rgba(255, 0, 0, 0);
    filter: drop-shadow(0 0 12px rgba(255, 0, 0, 0));
  }
}
.blink {
  animation: glowBlink 8s ease-in-out infinite;
}

.archivelist .no_back_c a {
  background: #ffffff !important;
  padding: 0px 0px;
  text-align: left;
}