@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Noto+Serif+JP:wght@400;700&display=swap");
/*
suffix
560px < landscape <= 768px < tablet <= 1024px < laptop <= 1366px < desktop
        mobile    <= 768px
*/
:root {
  --font-family-body:"Noto Serif JP", serif;
  --font-family-latin:"Crimson Text", serif;
  --font-size-body:14px;
  --line-height-body:1.8;
  --header-height:60px;
  --color-text-body:#333;
  --color-text-red:#cc0000;
  --color-primary:#11449b;
  --color-secondary:#0086ce;
  --color-thirdly:#e4f0fa;
  --color-primary-rgb:92, 70, 43;
  --color-secondary-rgb:137, 111, 78;
  --color-thirdly-rgb:238, 236, 234;
  --color-border-grey:#CBCBCB;
  --gutter:20px;
  --container-slim:960px;
  --container:1200px;
  --container-number:1200;
  --container-wide:1300px;
}
@media (min-width: 768px) {
  :root {
    --font-size-body:16px;
    --header-height:100px;
  }
}


/**
 * Swiper 9.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 31, 2023
 */

:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  display: block;
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

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

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

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

.swiper-3d {
  -webkit-perspective: 1200px;
          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 {
  -webkit-transform-style: preserve-3d;
          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 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

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

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: 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 {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

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

.swiper-centered > .swiper-wrapper::before {
  -ms-flex-negative: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
      flex-shrink: 0;
          order: 9999;
  content: "";
}

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

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

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

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          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-lazy-preloader {
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
          transform-origin: 50%;
  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, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

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

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

.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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
          align-items: center;
          justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}

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

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  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-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none !important;
}

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

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

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

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

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

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

.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 {
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  display: inline-block;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.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 {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  left: 50%;
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

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

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

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

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          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 {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
}

.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 {
  top: 0;
  left: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

.swiper-slide-zoomed {
  -ms-touch-action: none;
  cursor: move;
      touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

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

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

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
      flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  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 {
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
          transform-origin: 0 0;
  backface-visibility: hidden;
  pointer-events: none;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          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 {
  visibility: visible;
  pointer-events: auto;
}

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

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

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

.swiper-flip {
  overflow: visible;
}

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

.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 {
  -webkit-backface-visibility: hidden;
  z-index: 0;
  backface-visibility: hidden;
}

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

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
          transform-origin: center bottom;
  backface-visibility: hidden;
}


.section--gutter {
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}
.section--full {
  grid-column: full;
}
.section--wide {
  grid-column: wide;
}
.section--slim {
  grid-column: slim;
}
.section--main {
  grid-column: main;
}
.section--aside {
  grid-column: aside;
}

.grid--row12, .grid--row11, .grid--row10, .grid--row9, .grid--row8, .grid--row7, .grid--row6, .grid--row5, .grid--row4, .grid--row3, .grid--row2, .grid--row1, .grid {
  display: -ms-grid;
  display: grid;
}

.grid--row1 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.grid--row2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.grid--row3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.grid--row4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.grid--row5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.grid--row6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.grid--row7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.grid--row8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}
.grid--row9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}
.grid--row10 {
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
}
.grid--row11 {
  -ms-grid-columns: (1fr)[11];
  grid-template-columns: repeat(11, 1fr);
}
.grid--row12 {
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}
.grid__column1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.grid__column2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.grid__column3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.grid__column4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid__column5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.grid__column6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
.grid__column7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
.grid__column8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
.grid__column9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
.grid__column10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
.grid__column11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
.grid__column12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.grid--gap5 {
  gap: 5px;
}
.grid--gapY5 {
  row-gap: 5px;
}
.grid--gapX5 {
  -webkit-column-gap: 5px;
          column-gap: 5px;
}
.grid--gap10 {
  gap: 10px;
}
.grid--gapY10 {
  row-gap: 10px;
}
.grid--gapX10 {
  -webkit-column-gap: 10px;
          column-gap: 10px;
}
.grid--gap15 {
  gap: 15px;
}
.grid--gapY15 {
  row-gap: 15px;
}
.grid--gapX15 {
  -webkit-column-gap: 15px;
          column-gap: 15px;
}
.grid--gap20 {
  gap: 20px;
}
.grid--gapY20 {
  row-gap: 20px;
}
.grid--gapX20 {
  -webkit-column-gap: 20px;
          column-gap: 20px;
}
.grid--gap25 {
  gap: 25px;
}
.grid--gapY25 {
  row-gap: 25px;
}
.grid--gapX25 {
  -webkit-column-gap: 25px;
          column-gap: 25px;
}
.grid--gap30 {
  gap: 30px;
}
.grid--gapY30 {
  row-gap: 30px;
}
.grid--gapX30 {
  -webkit-column-gap: 30px;
          column-gap: 30px;
}
.grid--gap35 {
  gap: 35px;
}
.grid--gapY35 {
  row-gap: 35px;
}
.grid--gapX35 {
  -webkit-column-gap: 35px;
          column-gap: 35px;
}
.grid--gap40 {
  gap: 40px;
}
.grid--gapY40 {
  row-gap: 40px;
}
.grid--gapX40 {
  -webkit-column-gap: 40px;
          column-gap: 40px;
}
.grid--gap45 {
  gap: 45px;
}
.grid--gapY45 {
  row-gap: 45px;
}
.grid--gapX45 {
  -webkit-column-gap: 45px;
          column-gap: 45px;
}
.grid--gap50 {
  gap: 50px;
}
.grid--gapY50 {
  row-gap: 50px;
}
.grid--gapX50 {
  -webkit-column-gap: 50px;
          column-gap: 50px;
}
.grid--gap55 {
  gap: 55px;
}
.grid--gapY55 {
  row-gap: 55px;
}
.grid--gapX55 {
  -webkit-column-gap: 55px;
          column-gap: 55px;
}
.grid--gap60 {
  gap: 60px;
}
.grid--gapY60 {
  row-gap: 60px;
}
.grid--gapX60 {
  -webkit-column-gap: 60px;
          column-gap: 60px;
}
.grid--gap65 {
  gap: 65px;
}
.grid--gapY65 {
  row-gap: 65px;
}
.grid--gapX65 {
  -webkit-column-gap: 65px;
          column-gap: 65px;
}
.grid--gap70 {
  gap: 70px;
}
.grid--gapY70 {
  row-gap: 70px;
}
.grid--gapX70 {
  -webkit-column-gap: 70px;
          column-gap: 70px;
}
.grid--gap75 {
  gap: 75px;
}
.grid--gapY75 {
  row-gap: 75px;
}
.grid--gapX75 {
  -webkit-column-gap: 75px;
          column-gap: 75px;
}
.grid--gap80 {
  gap: 80px;
}
.grid--gapY80 {
  row-gap: 80px;
}
.grid--gapX80 {
  -webkit-column-gap: 80px;
          column-gap: 80px;
}
.grid--gap85 {
  gap: 85px;
}
.grid--gapY85 {
  row-gap: 85px;
}
.grid--gapX85 {
  -webkit-column-gap: 85px;
          column-gap: 85px;
}
.grid--gap90 {
  gap: 90px;
}
.grid--gapY90 {
  row-gap: 90px;
}
.grid--gapX90 {
  -webkit-column-gap: 90px;
          column-gap: 90px;
}
.grid--gap95 {
  gap: 95px;
}
.grid--gapY95 {
  row-gap: 95px;
}
.grid--gapX95 {
  -webkit-column-gap: 95px;
          column-gap: 95px;
}
.grid--gap100 {
  gap: 100px;
}
.grid--gapY100 {
  row-gap: 100px;
}
.grid--gapX100 {
  -webkit-column-gap: 100px;
          column-gap: 100px;
}
@media (min-width: 560px) {
  .grid__column1--landscape {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--landscape {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--landscape {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--landscape {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--landscape {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--landscape {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--landscape {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--landscape {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--landscape {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--landscape {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--landscape {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--landscape {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--landscape {
    gap: 5px;
  }
  .grid--gapY5--landscape {
    row-gap: 5px;
  }
  .grid--gapX5--landscape {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--landscape {
    gap: 10px;
  }
  .grid--gapY10--landscape {
    row-gap: 10px;
  }
  .grid--gapX10--landscape {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--landscape {
    gap: 15px;
  }
  .grid--gapY15--landscape {
    row-gap: 15px;
  }
  .grid--gapX15--landscape {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--landscape {
    gap: 20px;
  }
  .grid--gapY20--landscape {
    row-gap: 20px;
  }
  .grid--gapX20--landscape {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--landscape {
    gap: 25px;
  }
  .grid--gapY25--landscape {
    row-gap: 25px;
  }
  .grid--gapX25--landscape {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--landscape {
    gap: 30px;
  }
  .grid--gapY30--landscape {
    row-gap: 30px;
  }
  .grid--gapX30--landscape {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--landscape {
    gap: 35px;
  }
  .grid--gapY35--landscape {
    row-gap: 35px;
  }
  .grid--gapX35--landscape {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--landscape {
    gap: 40px;
  }
  .grid--gapY40--landscape {
    row-gap: 40px;
  }
  .grid--gapX40--landscape {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--landscape {
    gap: 45px;
  }
  .grid--gapY45--landscape {
    row-gap: 45px;
  }
  .grid--gapX45--landscape {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--landscape {
    gap: 50px;
  }
  .grid--gapY50--landscape {
    row-gap: 50px;
  }
  .grid--gapX50--landscape {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--landscape {
    gap: 55px;
  }
  .grid--gapY55--landscape {
    row-gap: 55px;
  }
  .grid--gapX55--landscape {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--landscape {
    gap: 60px;
  }
  .grid--gapY60--landscape {
    row-gap: 60px;
  }
  .grid--gapX60--landscape {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--landscape {
    gap: 65px;
  }
  .grid--gapY65--landscape {
    row-gap: 65px;
  }
  .grid--gapX65--landscape {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--landscape {
    gap: 70px;
  }
  .grid--gapY70--landscape {
    row-gap: 70px;
  }
  .grid--gapX70--landscape {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--landscape {
    gap: 75px;
  }
  .grid--gapY75--landscape {
    row-gap: 75px;
  }
  .grid--gapX75--landscape {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--landscape {
    gap: 80px;
  }
  .grid--gapY80--landscape {
    row-gap: 80px;
  }
  .grid--gapX80--landscape {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--landscape {
    gap: 85px;
  }
  .grid--gapY85--landscape {
    row-gap: 85px;
  }
  .grid--gapX85--landscape {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--landscape {
    gap: 90px;
  }
  .grid--gapY90--landscape {
    row-gap: 90px;
  }
  .grid--gapX90--landscape {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--landscape {
    gap: 95px;
  }
  .grid--gapY95--landscape {
    row-gap: 95px;
  }
  .grid--gapX95--landscape {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--landscape {
    gap: 100px;
  }
  .grid--gapY100--landscape {
    row-gap: 100px;
  }
  .grid--gapX100--landscape {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}
@media (min-width: 768px) {
  .grid__column1--tablet {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--tablet {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--tablet {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--tablet {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--tablet {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--tablet {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--tablet {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--tablet {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--tablet {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--tablet {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--tablet {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--tablet {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--tablet {
    gap: 5px;
  }
  .grid--gapY5--tablet {
    row-gap: 5px;
  }
  .grid--gapX5--tablet {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--tablet {
    gap: 10px;
  }
  .grid--gapY10--tablet {
    row-gap: 10px;
  }
  .grid--gapX10--tablet {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--tablet {
    gap: 15px;
  }
  .grid--gapY15--tablet {
    row-gap: 15px;
  }
  .grid--gapX15--tablet {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--tablet {
    gap: 20px;
  }
  .grid--gapY20--tablet {
    row-gap: 20px;
  }
  .grid--gapX20--tablet {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--tablet {
    gap: 25px;
  }
  .grid--gapY25--tablet {
    row-gap: 25px;
  }
  .grid--gapX25--tablet {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--tablet {
    gap: 30px;
  }
  .grid--gapY30--tablet {
    row-gap: 30px;
  }
  .grid--gapX30--tablet {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--tablet {
    gap: 35px;
  }
  .grid--gapY35--tablet {
    row-gap: 35px;
  }
  .grid--gapX35--tablet {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--tablet {
    gap: 40px;
  }
  .grid--gapY40--tablet {
    row-gap: 40px;
  }
  .grid--gapX40--tablet {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--tablet {
    gap: 45px;
  }
  .grid--gapY45--tablet {
    row-gap: 45px;
  }
  .grid--gapX45--tablet {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--tablet {
    gap: 50px;
  }
  .grid--gapY50--tablet {
    row-gap: 50px;
  }
  .grid--gapX50--tablet {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--tablet {
    gap: 55px;
  }
  .grid--gapY55--tablet {
    row-gap: 55px;
  }
  .grid--gapX55--tablet {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--tablet {
    gap: 60px;
  }
  .grid--gapY60--tablet {
    row-gap: 60px;
  }
  .grid--gapX60--tablet {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--tablet {
    gap: 65px;
  }
  .grid--gapY65--tablet {
    row-gap: 65px;
  }
  .grid--gapX65--tablet {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--tablet {
    gap: 70px;
  }
  .grid--gapY70--tablet {
    row-gap: 70px;
  }
  .grid--gapX70--tablet {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--tablet {
    gap: 75px;
  }
  .grid--gapY75--tablet {
    row-gap: 75px;
  }
  .grid--gapX75--tablet {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--tablet {
    gap: 80px;
  }
  .grid--gapY80--tablet {
    row-gap: 80px;
  }
  .grid--gapX80--tablet {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--tablet {
    gap: 85px;
  }
  .grid--gapY85--tablet {
    row-gap: 85px;
  }
  .grid--gapX85--tablet {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--tablet {
    gap: 90px;
  }
  .grid--gapY90--tablet {
    row-gap: 90px;
  }
  .grid--gapX90--tablet {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--tablet {
    gap: 95px;
  }
  .grid--gapY95--tablet {
    row-gap: 95px;
  }
  .grid--gapX95--tablet {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--tablet {
    gap: 100px;
  }
  .grid--gapY100--tablet {
    row-gap: 100px;
  }
  .grid--gapX100--tablet {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}
@media (min-width: 1024px) {
  .grid__column1--laptop {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--laptop {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--laptop {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--laptop {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--laptop {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--laptop {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--laptop {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--laptop {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--laptop {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--laptop {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--laptop {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--laptop {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--laptop {
    gap: 5px;
  }
  .grid--gapY5--laptop {
    row-gap: 5px;
  }
  .grid--gapX5--laptop {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--laptop {
    gap: 10px;
  }
  .grid--gapY10--laptop {
    row-gap: 10px;
  }
  .grid--gapX10--laptop {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--laptop {
    gap: 15px;
  }
  .grid--gapY15--laptop {
    row-gap: 15px;
  }
  .grid--gapX15--laptop {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--laptop {
    gap: 20px;
  }
  .grid--gapY20--laptop {
    row-gap: 20px;
  }
  .grid--gapX20--laptop {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--laptop {
    gap: 25px;
  }
  .grid--gapY25--laptop {
    row-gap: 25px;
  }
  .grid--gapX25--laptop {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--laptop {
    gap: 30px;
  }
  .grid--gapY30--laptop {
    row-gap: 30px;
  }
  .grid--gapX30--laptop {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--laptop {
    gap: 35px;
  }
  .grid--gapY35--laptop {
    row-gap: 35px;
  }
  .grid--gapX35--laptop {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--laptop {
    gap: 40px;
  }
  .grid--gapY40--laptop {
    row-gap: 40px;
  }
  .grid--gapX40--laptop {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--laptop {
    gap: 45px;
  }
  .grid--gapY45--laptop {
    row-gap: 45px;
  }
  .grid--gapX45--laptop {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--laptop {
    gap: 50px;
  }
  .grid--gapY50--laptop {
    row-gap: 50px;
  }
  .grid--gapX50--laptop {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--laptop {
    gap: 55px;
  }
  .grid--gapY55--laptop {
    row-gap: 55px;
  }
  .grid--gapX55--laptop {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--laptop {
    gap: 60px;
  }
  .grid--gapY60--laptop {
    row-gap: 60px;
  }
  .grid--gapX60--laptop {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--laptop {
    gap: 65px;
  }
  .grid--gapY65--laptop {
    row-gap: 65px;
  }
  .grid--gapX65--laptop {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--laptop {
    gap: 70px;
  }
  .grid--gapY70--laptop {
    row-gap: 70px;
  }
  .grid--gapX70--laptop {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--laptop {
    gap: 75px;
  }
  .grid--gapY75--laptop {
    row-gap: 75px;
  }
  .grid--gapX75--laptop {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--laptop {
    gap: 80px;
  }
  .grid--gapY80--laptop {
    row-gap: 80px;
  }
  .grid--gapX80--laptop {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--laptop {
    gap: 85px;
  }
  .grid--gapY85--laptop {
    row-gap: 85px;
  }
  .grid--gapX85--laptop {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--laptop {
    gap: 90px;
  }
  .grid--gapY90--laptop {
    row-gap: 90px;
  }
  .grid--gapX90--laptop {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--laptop {
    gap: 95px;
  }
  .grid--gapY95--laptop {
    row-gap: 95px;
  }
  .grid--gapX95--laptop {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--laptop {
    gap: 100px;
  }
  .grid--gapY100--laptop {
    row-gap: 100px;
  }
  .grid--gapX100--laptop {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}
@media (min-width: 1366px) {
  .grid__column1--desktop {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--desktop {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--desktop {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--desktop {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--desktop {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--desktop {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--desktop {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--desktop {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--desktop {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--desktop {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--desktop {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--desktop {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--desktop {
    gap: 5px;
  }
  .grid--gapY5--desktop {
    row-gap: 5px;
  }
  .grid--gapX5--desktop {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--desktop {
    gap: 10px;
  }
  .grid--gapY10--desktop {
    row-gap: 10px;
  }
  .grid--gapX10--desktop {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--desktop {
    gap: 15px;
  }
  .grid--gapY15--desktop {
    row-gap: 15px;
  }
  .grid--gapX15--desktop {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--desktop {
    gap: 20px;
  }
  .grid--gapY20--desktop {
    row-gap: 20px;
  }
  .grid--gapX20--desktop {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--desktop {
    gap: 25px;
  }
  .grid--gapY25--desktop {
    row-gap: 25px;
  }
  .grid--gapX25--desktop {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--desktop {
    gap: 30px;
  }
  .grid--gapY30--desktop {
    row-gap: 30px;
  }
  .grid--gapX30--desktop {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--desktop {
    gap: 35px;
  }
  .grid--gapY35--desktop {
    row-gap: 35px;
  }
  .grid--gapX35--desktop {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--desktop {
    gap: 40px;
  }
  .grid--gapY40--desktop {
    row-gap: 40px;
  }
  .grid--gapX40--desktop {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--desktop {
    gap: 45px;
  }
  .grid--gapY45--desktop {
    row-gap: 45px;
  }
  .grid--gapX45--desktop {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--desktop {
    gap: 50px;
  }
  .grid--gapY50--desktop {
    row-gap: 50px;
  }
  .grid--gapX50--desktop {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--desktop {
    gap: 55px;
  }
  .grid--gapY55--desktop {
    row-gap: 55px;
  }
  .grid--gapX55--desktop {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--desktop {
    gap: 60px;
  }
  .grid--gapY60--desktop {
    row-gap: 60px;
  }
  .grid--gapX60--desktop {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--desktop {
    gap: 65px;
  }
  .grid--gapY65--desktop {
    row-gap: 65px;
  }
  .grid--gapX65--desktop {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--desktop {
    gap: 70px;
  }
  .grid--gapY70--desktop {
    row-gap: 70px;
  }
  .grid--gapX70--desktop {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--desktop {
    gap: 75px;
  }
  .grid--gapY75--desktop {
    row-gap: 75px;
  }
  .grid--gapX75--desktop {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--desktop {
    gap: 80px;
  }
  .grid--gapY80--desktop {
    row-gap: 80px;
  }
  .grid--gapX80--desktop {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--desktop {
    gap: 85px;
  }
  .grid--gapY85--desktop {
    row-gap: 85px;
  }
  .grid--gapX85--desktop {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--desktop {
    gap: 90px;
  }
  .grid--gapY90--desktop {
    row-gap: 90px;
  }
  .grid--gapX90--desktop {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--desktop {
    gap: 95px;
  }
  .grid--gapY95--desktop {
    row-gap: 95px;
  }
  .grid--gapX95--desktop {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--desktop {
    gap: 100px;
  }
  .grid--gapY100--desktop {
    row-gap: 100px;
  }
  .grid--gapX100--desktop {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}

.hidden {
  display: none;
}

@media (min-width: 560px) {
  .hidden--landscape-up {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden--tablet-up {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hidden--laptop-up {
    display: none;
  }
}
@media (min-width: 1366px) {
  .hidden--desktop-up {
    display: none;
  }
}
@media (max-width: 559.98px) {
  .hidden--landscape-down {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hidden--tablet-down {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .hidden--laptop-down {
    display: none;
  }
}
@media (max-width: 1365.98px) {
  .hidden--desktop-down {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden--pc {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hidden--mobile {
    display: none;
  }
}
[class*=object-fit] {
  width: 100%;
  max-width: none;
  height: 100%;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-fit-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-fit-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-fit-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-position-left {
  -o-object-position: left;
     object-position: left;
}

.object-position-right {
  -o-object-position: right;
     object-position: right;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.object-position-top {
  -o-object-position: top;
     object-position: top;
}

.object-position-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.object-position-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-position-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-position-left-center {
  -o-object-position: left center;
     object-position: left center;
}

.object-position-right-top {
  -o-object-position: right top;
     object-position: right top;
}

.object-position-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-position-right-center {
  -o-object-position: right center;
     object-position: right center;
}

.object-position-center-top {
  -o-object-position: center top;
     object-position: center top;
}

.object-position-center-bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.object-position-center-center {
  -o-object-position: center center;
     object-position: center center;
}

@media (hover: hover) {
  .button-image {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-image:hover {
    opacity: 0.6;
  }
}

.button-contact {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 80px;
  gap: 0 5px;
  border: 1px solid #fff;
}
@media (hover: hover) {
  .button-contact {
    -webkit-transition: 0.3s background-color ease-in-out;
    -o-transition: 0.3s background-color ease-in-out;
    transition: 0.3s background-color ease-in-out;
  }
  .button-contact__icon .fillPath {
    -webkit-transition: 0.3s fill ease-in-out;
    -o-transition: 0.3s fill ease-in-out;
    transition: 0.3s fill ease-in-out;
  }
  .button-contact__text {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .button-contact:hover {
    background-color: #fff;
  }
  .button-contact:hover .button-contact__icon .fillPath {
    fill: var(--color-text-body);
  }
  .button-contact:hover .button-contact__text {
    color: var(--color-text-body);
  }
}
.button-contact__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
}
.button-contact__icon .fillPath {
  fill: #fff;
}
.button-contact__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  color: #fff;
  font-size: 16px;
}
@media (min-width: 768px) {
  .button-contact {
    height: 100px;
    gap: 0 8px;
  }
  .button-contact__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
    width: 21px;
  }
  .button-contact__text {
    font-size: 18px;
  }
}

.button-mail {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 100%;
  gap: 0 5px;
  background-color: var(--color-primary);
}
@media (hover: hover) {
  .button-mail {
    -webkit-transition: 0.3s background-color ease-in-out;
    -o-transition: 0.3s background-color ease-in-out;
    transition: 0.3s background-color ease-in-out;
  }
  .button-mail:hover {
    background-color: var(--color-secondary);
  }
}
.button-mail my-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
}
.button-mail my-icon .fillPath {
  fill: #fff;
}
.button-mail span {
  color: #fff;
  font-size: 14px;
}
@media (min-width: 768px) {
  .button-mail {
    gap: 0 10px;
  }
  .button-mail my-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21.28px;
            flex: 0 0 21.28px;
    width: 21.28px;
  }
  .button-mail span {
    font-size: 18px;
  }
}

.button-menutoggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: var(--header-height);
  height: var(--header-height);
  background-color: var(--color-secondary);
}
.button-menutoggle__bartop, .button-menutoggle__barmiddle, .button-menutoggle__barbottom {
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  display: block;
  position: absolute;
  width: 50%;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.button-menutoggle__bartop {
  -webkit-transform: translateY(calc(-1 * var(--header-height) * 0.15));
      -ms-transform: translateY(calc(-1 * var(--header-height) * 0.15));
          transform: translateY(calc(-1 * var(--header-height) * 0.15));
}
.button-menutoggle__barbottom {
  -webkit-transform: translateY(calc(var(--header-height) * 0.15));
      -ms-transform: translateY(calc(var(--header-height) * 0.15));
          transform: translateY(calc(var(--header-height) * 0.15));
}

.heading-t1__ja, .h2 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .heading-t1__ja, .h2 {
    font-size: 26px;
  }
}

.h2 {
  line-height: 1.75;
}

.h3 {
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.01em;
}
@media (min-width: 768px) {
  .h3 {
    font-size: 24px;
  }
}

.h4 {
  font-size: 16px;
  line-height: 1.7777777778;
}
@media (min-width: 768px) {
  .h4 {
    font-size: 18px;
  }
}

.heading-t1__en {
  display: block;
  z-index: 1;
  position: relative;
  font-size: 40px;
  line-height: 1;
  font-family: var(--font-family-latin);
  letter-spacing: 0.012em;
  white-space: nowrap;
}
.heading-t1__ja {
  display: block;
  z-index: 2;
  position: relative;
  margin: -1em 0 0;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .heading-t1__en {
    font-size: 90px;
  }
}

.wrapper {
  width: 100%;
  padding-top: var(--header-height);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .wrapper {
    padding-bottom: 60px;
  }
}

.color-white {
  color: #fff;
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-thirdly {
  color: var(--color-thirdly);
}

.alpha-0\.2 {
  opacity: 0.2;
}



.text-letter {
  font-size: 14px;
  line-height: 2;
}
@media (min-width: 768px) {
  .text-letter {
    font-size: 16px;
  }
}

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

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

.fw-bold {
  font-weight: bold;
}

.ls-0\.1em {
  letter-spacing: 0.1em;
}


.fixnav {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s -webkit-transform ease, 0.3s -webkit-box-shadow ease;
  -o-transition: 0.3s transform ease, 0.3s box-shadow ease;
  -webkit-transform: translateX(15em);
      -ms-transform: translateX(15em);
  z-index: 98;
  position: fixed;
  top: var(--header-height);
  right: 0;
  width: 15em;
          transform: translateX(15em);
  background-color: rgba(var(--color-secondary-rgb), 0.99);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: 0.3s -webkit-transform ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s transform ease, 0.3s box-shadow ease;
  transition: 0.3s transform ease, 0.3s box-shadow ease, 0.3s -webkit-transform ease, 0.3s -webkit-box-shadow ease;
}
@media (min-width: 1366px) {
  .fixnav {
    display: none;
  }
}

.wrapper.is-open .button-menutoggle__bartop {
  -webkit-transform: translateY(0) rotate(40deg);
      -ms-transform: translateY(0) rotate(40deg);
          transform: translateY(0) rotate(40deg);
}
.wrapper.is-open .button-menutoggle__barmiddle {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.wrapper.is-open .button-menutoggle__barbottom {
  -webkit-transform: translateY(0) rotate(-40deg);
      -ms-transform: translateY(0) rotate(-40deg);
          transform: translateY(0) rotate(-40deg);
}
.wrapper.is-open .fixnav {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
  -webkit-box-shadow: -3px 3px 6px rgba(var(--color-primary-rgb), 0.4);
          transform: translateX(0);
          box-shadow: -3px 3px 6px rgba(var(--color-primary-rgb), 0.4);
}

.fixednav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 98;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
.fixednav__phone {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 1 1 auto;
          align-items: center;
          justify-content: center;
}
.fixednav__mail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
}
@media (min-width: 768px) {
  .fixednav {
    display: none;
  }
}

.mv__copy {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.04em;
  text-align: center;
}
.mv__image {
  z-index: 2;
  position: relative;
}
.mv__content {
  z-index: 1;
  position: relative;
}
.mv__content::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#5C462B), to(#896F4E));
  background-image: -o-linear-gradient(left, #5C462B 0%, #896F4E 100%);
  background-image: linear-gradient(90deg, #5C462B 0%, #896F4E 100%);
  content: "";
  opacity: 0.9;
}
.mv__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mv__inner {
  z-index: 3;
  position: relative;
}
.mv__mansion {
  padding: 0.07em 0 0.27em;
  color: #fff;
  font-style: italic;
  font-size: 60px;
  line-height: 1.1;
  text-align: center;
}
.mv__mansion small {
  margin: 0 0 0 0.5em;
  font-size: 30px;
}
.mv__date {
  max-width: 300px;
  margin: 12px auto 0;
  padding: 25px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.mv__footer {
  margin: 40px 0 0;
  padding: 30px var(--gutter);
  background-color: rgba(255, 255, 255, 0.8);
}
.mv__station {
  font-size: 18px;
  line-height: 1.25;
}
.mv__station strong {
  font-size: 1.5em;
}
.mv__walk {
  color: var(--color-primary);
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.mv__walk strong {
  font-size: 60px;
}
.mv__link {
  display: block;
  max-width: 300px;
  margin: 22px auto 0;
}
@media (hover: hover) {
  .mv__link {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .mv__link:hover {
    opacity: 0.6;
  }
}
.mv__notes {
  margin: 12px 0 0;
}
@media (min-width: 768px) {
  .mv__copy {
    font-size: 22px;
  }
  .mv__mansion {
    font-size: 110px;
  }
  .mv__mansion small {
    font-size: 42px;
  }
  .mv__date {
    max-width: 600px;
    margin: 12px auto 0;
    padding: 40px 0;
    font-size: 48px;
    letter-spacing: 0.15em;
  }
  .mv__station {
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  .mv__walk {
    font-size: 36px;
  }
  .mv__walk strong {
    font-size: 80px;
  }
  .mv__footer {
    margin: 80px 0 0;
    padding: 30px 0 0 50px;
  }
  .mv__link {
    max-width: 600px;
    margin: 40px auto 0;
  }
  .mv__notes {
    margin: 19px 0 0;
  }
}
@media (min-width: 1280px) {
  .mv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mv__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(40% + 140px);
    -webkit-clip-path: polygon(0 0%, calc(100% - 100px) 0%, 100% 100%, 0% 100%);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            flex: 0 0 calc(40% + 140px);
            order: 1;
    height: 800px;
    margin: 60px -240px 0 0;
            clip-path: polygon(0 0%, calc(100% - 100px) 0%, 100% 100%, 0% 100%);
  }
  .mv__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(60% + 100px);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px 100%);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
    position: relative;
            flex: 0 0 calc(60% + 100px);
            order: 2;
    height: 800px;
    margin: 0 0 60px;
    padding: 51px 0 0 160px;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px 100%);
  }
  .mv__inner {
    height: 100%;
  }
  .mv__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 240px;
  }
  .mv__footerin {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (min-width: 1500px) {
  .mv__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 140px);
            flex: 0 0 calc(50% + 140px);
  }
  .mv__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 100px);
            flex: 0 0 calc(50% + 100px);
  }
}
@media (max-width: 1279.98px) {
  .mv__image {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 100px), 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 100px), 0% 100%);
  }
  .mv__content {
    margin: -100px 0 0;
    padding: 120px 0 0;
  }
  .mv__footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .mv__image {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), 0% 100%);
  }
  .mv__content {
    margin: -50px 0 0;
    padding: 70px 0 0;
  }
}

.feature {
  position: relative;
  padding: 70px 0;
}
.feature:after {
  -webkit-clip-path: polygon(0% 27%, 100% 0%, 100% 73%, 0% 100%);
  z-index: 1;
  position: absolute;
  top: 24.5%;
  left: 0;
  width: 100%;
  height: 66%;
  background-color: #e4f0fa;
  content: "";
          clip-path: polygon(0% 27%, 100% 0%, 100% 73%, 0% 100%);
}
.feature__container {
  z-index: 2;
  position: relative;
}
.feature__textbox {
  margin: 18px 0 0;
}
.feature__thumb {
  position: relative;
}
@media (min-width: 768px) {
  .feature {
    padding: 150px 0 126px;
  }
  .feature__textbox {
    margin: 33px 0 0;
  }
}
@media (min-width: 1024px) {
  .feature__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
  }
  .feature__images {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 53.3333333333%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            flex: 0 0 53.3333333333%;
            order: 1;
    width: 53.3333333333%;
  }
  .feature__content {
    -webkit-box-flex: 0;
        -ms-flex: 1 1 40%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            flex: 1 1 40%;
            order: 2;
    width: 40%;
    padding-left: 50px;
    padding-top: 28px;
  }
  .feature__thumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            flex: 0 0 100%;
            order: 3;
    width: 100%;
    margin: 35px 0 0;
  }
}
@media (max-width: 1329.98px) {
  .feature__thumb {
    padding: 0 40px;
  }
}
@media (max-width: 1023.98px) {
  .feature__images {
    max-width: 640px;
    margin: 0 auto;
  }
  .feature__thumb {
    padding: 40px 36px;
  }
}

.featureMainslider {
  padding: 0 0 18px;
}
.featureMainslider__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
}
.featureMainslider__navigation > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 36px;
          align-items: center;
          justify-content: center;
  width: 36px;
  height: 36px;
}
@media (hover: hover) {
  .featureMainslider__navigation > * {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .featureMainslider__navigation > *:hover {
    opacity: 0.6;
  }
}
.featureMainslider__navigation > * my-icon {
  width: 25%;
  display: flex;
}
.featureMainslider__navigation > * my-icon .fillPath {
  fill: #fff;
}
.featureMainslider__prev {
  background-color: var(--color-primary);
}
.featureMainslider__next {
  background-color: var(--color-secondary);
}
@media (min-width: 768px) {
  .featureMainslider {
    padding: 0 0 25px;
  }
  .featureMainslider__navigation > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }
}

.featureThumbslider {
  position: relative;
}
.featureThumbslider__prev, .featureThumbslider__next {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 13.6px;
  height: 25.6px;
          transform: translateY(-50%);
}
@media (hover: hover) {
  .featureThumbslider__prev, .featureThumbslider__next {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .featureThumbslider__prev:hover, .featureThumbslider__next:hover {
    opacity: 0.6;
  }
}
.featureThumbslider__prev .fillPath, .featureThumbslider__next .fillPath {
  fill: var(--color-primary);
}
.featureThumbslider .swiper-slide {
  cursor: pointer;
}
.featureThumbslider .swiper-slide figure {
  position: relative;
}
.featureThumbslider .swiper-slide figure::before {
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-primary);
  content: "";
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
}
.featureThumbslider__prev {
  left: 10px;
}
.featureThumbslider__next {
  right: 10px;
}
.featureThumbslider .swiper-slide.swiper-slide-active figure::before {
  opacity: 1;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .featureThumbslider__prev, .featureThumbslider__next {
    width: 17px;
    height: 32px;
  }
}
@media (min-width: 1330px) {
  .featureThumbslider__prev {
    left: -36px;
  }
  .featureThumbslider__next {
    right: -36px;
  }
}


.madori__tab{
  width:100%;
}