@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700|EB+Garamond&display=swap&subset=japanese");
/**
 * Swiper 8.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

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

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

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

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

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

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

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  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;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

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

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -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,
.swiper-3d .swiper-wrapper {
  -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 {
  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: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(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: 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: 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: 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 {
  -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 {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.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 {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.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-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  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;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

.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 {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  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;
  -webkit-box-shadow: none;
  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%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -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%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  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 {
  left: 50%;
  -webkit-transform: translateX(-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;
  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 {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  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-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%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-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 {
  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-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: 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%;
  -o-object-fit: contain;
  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;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-slide-visible .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 {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    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 {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

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

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

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

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  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;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-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 {
  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: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  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;
  -webkit-transition-property: opacity, height, -webkit-transform;
  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;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

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

/* ==========================================================
 color setting
========================================================== */
/* グローバルナビカラー（PC）
---------------------------------------------------------- */
.nav-global-property {
  background-color: #fff;
}

/* グローバルナビカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .nav-global-property-list,
  .nav-global-property-inner.nav-global-property-inner-first,
  .nav-global-property-inner.nav-global-property-inner-second {
    background-color: #fff;
    background-color: #151d40;
  }
}
@media screen and (max-width: 1200px) {
  .header-property-menu {
    background-color: #fff;
  }
}
/* ハンバーガーメニューカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .header-property-btn-menu.is-open {
    background-color: #282828;
  }
}
/* コンタクトエリア、H1タイトル
---------------------------------------------------------- */
.box-bukken-contact {
  /* background-color: #000; */
}

.box-bukken {
  background-color: #fff;
}

.ttl-property-main {
  /* background-color: #000; */
}

/* 背景がグリーンの時用 */
.list-bukken-contact-link-green {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 736px) {
  .list-bukken-contact {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}
/*共通フッターの背景*/
/*.area-user-footer-wrap {
	background-color: #fff !important;
}*/
/* ページトップへ戻るボタン,フッター
---------------------------------------------------------- */
.btn-pagetop-property,
.footer-property-link-wrap {
  background-color: #000;
}

@media screen and (max-width: 1200px) {
  .footer-property .footer-copyright {
    padding-bottom: 100px;
  }
}
/* ==========================================================
 layout setting
========================================================== */
/* nav-global-property（グローバルナビ）
---------------------------------------------------------- */
.nav-global-property {
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .nav-global-property {
    background: #fff;
  }
}
.nav-global-property-item {
  /*width: 12.5%;*/
  width: 12.5%;
}

.no-link {
  pointer-events: none;
  opacity: 0.5;
}

.nav-global-property-link,
.header-property-menu-button-close a {
  color: #000;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-link,
  .header-property-menu-button-close a {
    color: #fff;
  }
}
.nav-global-property-link.nav-brand {
  color: #959595;
  background: #000066;
}

.header-property-menu-button-close a:before,
.header-property-menu-button-close a:after {
  background-color: #fff;
}

.nav-global-property-link:hover::after,
.nav-global-property-link.is-current:after {
  bottom: 3px;
  background-color: #000;
  border-bottom: none;
  opacity: 0.7;
}

.nav-brand.nav-global-property-link:hover::after,
.nav-brand.nav-global-property-link.is-current:after {
  background-color: #fff;
}

.nav-global-property-item::after,
.nav-global-property-item:first-child::before {
  /* width: 1px; */
  height: 30px;
  margin-top: -15px;
  /* background-color: #000; */
  border-right: 1px solid #000;
}

.nav-global-property-list {
  width: auto;
  max-width: 1370px;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item {
    width: 50%;
    border-color: rgba(0, 0, 0, 0.13);
  }
  .nav-global-property-list {
    border-top: rgba(0, 0, 0, 0.13) solid 1px;
  }
}
.nav-global-property-item:nth-child(9n) {
  width: 135px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item:nth-child(9n) {
    width: 50%;
  }
}
/* list-property-control（「お気に入り」～「資料請求者限定サイト」ボタン群）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .list-property-control-item {
    width: 33.333%;
  }
  .list-property-control-item.login {
    display: none;
  }
  .list-property-control-item.contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .list-property-control-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 0;
  }
}
/* footer navi
---------------------------------------------------------- */
/*.list-bukken-contact-item.limited {
	display : none;
}*/
/* ==========================================================
 global navi setting
========================================================== */
/* 配置位置の全体設定 */
.nav-global-property-item.is-new .nav-global-property-link::before {
  top: 0px;
  right: 10px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item.is-new .nav-global-property-link::before {
    position: relative;
    top: auto;
    right: auto;
  }
}
/* 配置位置の個別設定 */
/* 1段目 */
.nav-global-property-inner-first
  .nav-global-property-item.is-new:nth-child(9)
  .nav-global-property-link::before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-first
    .nav-global-property-item.is-new:nth-child(9)
    .nav-global-property-link::before {
    right: auto;
  }
}
/* 2段目 */
.nav-global-property-inner-second
  .nav-global-property-item.is-new:nth-child(1)
  .nav-global-property-link::before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-second
    .nav-global-property-item.is-new:nth-child(1)
    .nav-global-property-link::before {
    right: auto;
  }
}
/*プラウドについて改行*/
.nav-global-property-item .header-navi__vpc {
  display: block;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item .header-navi__vpc {
    display: none;
  }
}
/* ==========================================================
 global size setting
========================================================== */
/*only-pcとonly-spのトリガー値変更*/
@media screen and (max-width: 1200px) {
  .l-property-temp .mv .only-pc {
    display: block !important;
  }
  .l-property-temp .mv .only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .l-property-temp .mv .only-pc {
    display: none !important;
  }
  .l-property-temp .mv .only-sp {
    display: block !important;
  }
}
/*ipadのみheader分の高さを取る*/
@media screen and (min-width: 767px) and (max-width: 1200px) {
  .contents-property {
    /* padding-top: 67px !important; */
  }
}
/*************************************************

 site origin

*************************************************/
/* img
-------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.nav-global-property-item.nav-global-brand {
  background: #000066 !important;
}
.nav-global-property-item.nav-global-brand > a {
  color: #fff !important;
}
.nav-global-property-item.is-new .nav-global-property-link.nav-top::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-design::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-concept::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-redevelopment::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-access::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-location::before,
 .nav-global-property-item.is-new .nav-global-property-link.nav-roomplan::before,
.nav-global-property-item.is-new .nav-global-property-link.nav-equipment::before {
  display: none;
}

.header-property-logo,
.header-property-logo-link .header-property-logo-title {
  width: 266px;
}

@media screen and (max-width: 1200px) {
  .header-property-logo,
  .header-property-logo-link .header-property-logo-title {
    width: 223px;
  }
}
.header-property-logo-link .header-property-logo-title img {
  max-width: none;
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .l-property-temp .header-property-list01.only-pc,
  .l-property-temp .list-property-control-wrap.only-pc {
    display: none !important;
  }
  .l-property-temp .header-property-btn-menu.only-sp,
  .l-property-temp .list-property-control-wrap.only-sp {
    display: block !important;
  }
}
/*************************************************

 wrapper

*************************************************/
#wrapper {
  color: #231815;
  font-family: YakuHanMP, "Noto Serif JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic",
    "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
}
@media (max-width: 767px) {
  #wrapper {
    font-size: 14px;
  }
}

button,
input,
textarea {
  color: #231815;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
    "ＭＳ Ｐゴシック", sans-serif;
  text-align: left;
}

.js-modalBtn {
  cursor: pointer;
}

.parts-modal__material {
  display: none !important;
}

.parts-modal__area {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  background-color: rgba(51, 51, 51, 0.6);
  z-index: 9999;
}

.parts-modal__wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 50px 0;
}

.parts-modal__inner {
  position: relative;
  width: 100%;
  max-width: 1100px;
}

.parts-modal__close {
  position: absolute;
  bottom: 100%;
  right: 10px;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  cursor: pointer;
  z-index: 10;
}

.parts-modal__close::before,
.parts-modal__close::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
}

.parts-modal__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.parts-modal__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.parts-modal__contents {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* utility
--------------------------------------------------*/
/* layout */
.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

@media (min-width: 768px) {
  .align_left_pc {
    text-align: left !important;
  }
  .align_right_pc {
    text-align: right !important;
  }
  .align_center_pc {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .align_left_sp {
    text-align: left !important;
  }
  .align_right_sp {
    text-align: right !important;
  }
  .align_center_sp {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .font10_pc {
    font-size: 1rem !important;
  }
  .font11_pc {
    font-size: 1.1rem !important;
  }
  .font12_pc {
    font-size: 1.2rem !important;
  }
  .font13_pc {
    font-size: 1.3rem !important;
  }
  .font14_pc {
    font-size: 1.4rem !important;
  }
  .font15_pc {
    font-size: 1.5rem !important;
  }
  .font16_pc {
    font-size: 1.6rem !important;
  }
  .font17_pc {
    font-size: 1.7rem !important;
  }
  .font18_pc {
    font-size: 1.8rem !important;
  }
  .font19_pc {
    font-size: 1.9rem !important;
  }
  .font20_pc {
    font-size: 2rem !important;
  }
  .font21_pc {
    font-size: 2.1rem !important;
  }
  .font22_pc {
    font-size: 2.2rem !important;
  }
  .font23_pc {
    font-size: 2.3rem !important;
  }
  .font24_pc {
    font-size: 2.4rem !important;
  }
  .font25_pc {
    font-size: 2.5rem !important;
  }
  .font26_pc {
    font-size: 2.6rem !important;
  }
  .font27_pc {
    font-size: 2.7rem !important;
  }
  .font28_pc {
    font-size: 2.8rem !important;
  }
  .font29_pc {
    font-size: 2.9rem !important;
  }
  .font30_pc {
    font-size: 3rem !important;
  }
  .font31_pc {
    font-size: 3.1rem !important;
  }
  .font32_pc {
    font-size: 3.2rem !important;
  }
  .font33_pc {
    font-size: 3.3rem !important;
  }
  .font34_pc {
    font-size: 3.4rem !important;
  }
  .font35_pc {
    font-size: 3.5rem !important;
  }
  .font36_pc {
    font-size: 3.6rem !important;
  }
  .font37_pc {
    font-size: 3.7rem !important;
  }
  .font38_pc {
    font-size: 3.8rem !important;
  }
  .font39_pc {
    font-size: 3.9rem !important;
  }
  .font40_pc {
    font-size: 4rem !important;
  }
  .font41_pc {
    font-size: 4.1rem !important;
  }
  .font42_pc {
    font-size: 4.2rem !important;
  }
  .font43_pc {
    font-size: 4.3rem !important;
  }
  .font44_pc {
    font-size: 4.4rem !important;
  }
  .font45_pc {
    font-size: 4.5rem !important;
  }
  .font46_pc {
    font-size: 4.6rem !important;
  }
  .font47_pc {
    font-size: 4.7rem !important;
  }
  .font48_pc {
    font-size: 4.8rem !important;
  }
  .font49_pc {
    font-size: 4.9rem !important;
  }
  .font50_pc {
    font-size: 5rem !important;
  }
}
@media (max-width: 767px) {
  .font10_sp {
    font-size: 1rem !important;
  }
  .font11_sp {
    font-size: 1.1rem !important;
  }
  .font12_sp {
    font-size: 1.2rem !important;
  }
  .font13_sp {
    font-size: 1.3rem !important;
  }
  .font14_sp {
    font-size: 1.4rem !important;
  }
  .font15_sp {
    font-size: 1.5rem !important;
  }
  .font16_sp {
    font-size: 1.6rem !important;
  }
  .font17_sp {
    font-size: 1.7rem !important;
  }
  .font18_sp {
    font-size: 1.8rem !important;
  }
  .font19_sp {
    font-size: 1.9rem !important;
  }
  .font20_sp {
    font-size: 2rem !important;
  }
  .font21_sp {
    font-size: 2.1rem !important;
  }
  .font22_sp {
    font-size: 2.2rem !important;
  }
  .font23_sp {
    font-size: 2.3rem !important;
  }
  .font24_sp {
    font-size: 2.4rem !important;
  }
  .font25_sp {
    font-size: 2.5rem !important;
  }
  .font26_sp {
    font-size: 2.6rem !important;
  }
  .font27_sp {
    font-size: 2.7rem !important;
  }
  .font28_sp {
    font-size: 2.8rem !important;
  }
  .font29_sp {
    font-size: 2.9rem !important;
  }
  .font30_sp {
    font-size: 3rem !important;
  }
  .font31_sp {
    font-size: 3.1rem !important;
  }
  .font32_sp {
    font-size: 3.2rem !important;
  }
  .font33_sp {
    font-size: 3.3rem !important;
  }
  .font34_sp {
    font-size: 3.4rem !important;
  }
  .font35_sp {
    font-size: 3.5rem !important;
  }
  .font36_sp {
    font-size: 3.6rem !important;
  }
  .font37_sp {
    font-size: 3.7rem !important;
  }
  .font38_sp {
    font-size: 3.8rem !important;
  }
  .font39_sp {
    font-size: 3.9rem !important;
  }
  .font40_sp {
    font-size: 4rem !important;
  }
  .font41_sp {
    font-size: 4.1rem !important;
  }
  .font42_sp {
    font-size: 4.2rem !important;
  }
  .font43_sp {
    font-size: 4.3rem !important;
  }
  .font44_sp {
    font-size: 4.4rem !important;
  }
  .font45_sp {
    font-size: 4.5rem !important;
  }
  .font46_sp {
    font-size: 4.6rem !important;
  }
  .font47_sp {
    font-size: 4.7rem !important;
  }
  .font48_sp {
    font-size: 4.8rem !important;
  }
  .font49_sp {
    font-size: 4.9rem !important;
  }
  .font50_sp {
    font-size: 5rem !important;
  }
}
/* margin-top */
.mt00 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

/* margin-right */
.mr00 {
  margin-right: 0px !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

/* margin-bottom */
.mb00 {
  margin-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

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

.mb15 {
  margin-bottom: 15px !important;
}

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

.mb25 {
  margin-bottom: 25px !important;
}

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

.mb35 {
  margin-bottom: 35px !important;
}

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

.mb45 {
  margin-bottom: 45px !important;
}

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

.mb55 {
  margin-bottom: 55px !important;
}

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

.mb65 {
  margin-bottom: 65px !important;
}

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

.mb75 {
  margin-bottom: 75px !important;
}

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

.mb85 {
  margin-bottom: 85px !important;
}

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

.mb95 {
  margin-bottom: 95px !important;
}

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

/* margin-left */
.ml00 {
  margin-left: 0px !important;
}

.ml05 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

/* padding-top */
.pt00 {
  padding-top: 0px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

/* padding-right */
.pr00 {
  padding-right: 0px !important;
}

.pr05 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* padding-bottom */
.pb00 {
  padding-bottom: 0px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

/* padding-left */
.pl00 {
  padding-left: 0px !important;
}

.pl05 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

@media (min-width: 768px) {
  /* margin-top */
  .mt0_pc {
    margin-top: 0px !important;
  }
  .mt5_pc {
    margin-top: 5px !important;
  }
  .mt10_pc {
    margin-top: 10px !important;
  }
  .mt15_pc {
    margin-top: 15px !important;
  }
  .mt20_pc {
    margin-top: 20px !important;
  }
  .mt25_pc {
    margin-top: 25px !important;
  }
  .mt30_pc {
    margin-top: 30px !important;
  }
  .mt35_pc {
    margin-top: 35px !important;
  }
  .mt40_pc {
    margin-top: 40px !important;
  }
  .mt45_pc {
    margin-top: 45px !important;
  }
  .mt50_pc {
    margin-top: 50px !important;
  }
  .mt55_pc {
    margin-top: 55px !important;
  }
  .mt60_pc {
    margin-top: 60px !important;
  }
  .mt65_pc {
    margin-top: 65px !important;
  }
  .mt70_pc {
    margin-top: 70px !important;
  }
  .mt75_pc {
    margin-top: 75px !important;
  }
  .mt80_pc {
    margin-top: 80px !important;
  }
  .mt85_pc {
    margin-top: 85px !important;
  }
  .mt90_pc {
    margin-top: 90px !important;
  }
  .mt95_pc {
    margin-top: 95px !important;
  }
  .mt100_pc {
    margin-top: 100px !important;
  }
  .mt105_pc {
    margin-top: 105px !important;
  }
  .mt110_pc {
    margin-top: 110px !important;
  }
  .mt115_pc {
    margin-top: 115px !important;
  }
  .mt120_pc {
    margin-top: 120px !important;
  }
  .mt125_pc {
    margin-top: 125px !important;
  }
  .mt130_pc {
    margin-top: 130px !important;
  }
  .mt135_pc {
    margin-top: 135px !important;
  }
  .mt140_pc {
    margin-top: 140px !important;
  }
  .mt145_pc {
    margin-top: 145px !important;
  }
  .mt150_pc {
    margin-top: 150px !important;
  }
  .mt155_pc {
    margin-top: 155px !important;
  }
  .mt160_pc {
    margin-top: 160px !important;
  }
  .mt165_pc {
    margin-top: 165px !important;
  }
  .mt170_pc {
    margin-top: 170px !important;
  }
  .mt175_pc {
    margin-top: 175px !important;
  }
  .mt180_pc {
    margin-top: 180px !important;
  }
  .mt185_pc {
    margin-top: 185px !important;
  }
  .mt190_pc {
    margin-top: 190px !important;
  }
  .mt195_pc {
    margin-top: 195px !important;
  }
  .mt200_pc {
    margin-top: 200px !important;
  }
  /* margin-right */
  .mr0_pc {
    margin-right: 0px !important;
  }
  .mr5_pc {
    margin-right: 5px !important;
  }
  .mr10_pc {
    margin-right: 10px !important;
  }
  .mr15_pc {
    margin-right: 15px !important;
  }
  .mr20_pc {
    margin-right: 20px !important;
  }
  .mr25_pc {
    margin-right: 25px !important;
  }
  .mr30_pc {
    margin-right: 30px !important;
  }
  .mr35_pc {
    margin-right: 35px !important;
  }
  .mr40_pc {
    margin-right: 40px !important;
  }
  .mr45_pc {
    margin-right: 45px !important;
  }
  .mr50_pc {
    margin-right: 50px !important;
  }
  .mr55_pc {
    margin-right: 55px !important;
  }
  .mr60_pc {
    margin-right: 60px !important;
  }
  .mr65_pc {
    margin-right: 65px !important;
  }
  .mr70_pc {
    margin-right: 70px !important;
  }
  .mr75_pc {
    margin-right: 75px !important;
  }
  .mr80_pc {
    margin-right: 80px !important;
  }
  .mr85_pc {
    margin-right: 85px !important;
  }
  .mr90_pc {
    margin-right: 90px !important;
  }
  .mr95_pc {
    margin-right: 95px !important;
  }
  .mr100_pc {
    margin-right: 100px !important;
  }
  .mr105_pc {
    margin-right: 105px !important;
  }
  .mr110_pc {
    margin-right: 110px !important;
  }
  .mr115_pc {
    margin-right: 115px !important;
  }
  .mr120_pc {
    margin-right: 120px !important;
  }
  .mr125_pc {
    margin-right: 125px !important;
  }
  .mr130_pc {
    margin-right: 130px !important;
  }
  .mr135_pc {
    margin-right: 135px !important;
  }
  .mr140_pc {
    margin-right: 140px !important;
  }
  .mr145_pc {
    margin-right: 145px !important;
  }
  .mr150_pc {
    margin-right: 150px !important;
  }
  .mr155_pc {
    margin-right: 155px !important;
  }
  .mr160_pc {
    margin-right: 160px !important;
  }
  .mr165_pc {
    margin-right: 165px !important;
  }
  .mr170_pc {
    margin-right: 170px !important;
  }
  .mr175_pc {
    margin-right: 175px !important;
  }
  .mr180_pc {
    margin-right: 180px !important;
  }
  .mr185_pc {
    margin-right: 185px !important;
  }
  .mr190_pc {
    margin-right: 190px !important;
  }
  .mr195_pc {
    margin-right: 195px !important;
  }
  .mr200_pc {
    margin-right: 200px !important;
  }
  /* margin-left */
  .ml0_pc {
    margin-left: 0px !important;
  }
  .ml5_pc {
    margin-left: 5px !important;
  }
  .ml10_pc {
    margin-left: 10px !important;
  }
  .ml15_pc {
    margin-left: 15px !important;
  }
  .ml20_pc {
    margin-left: 20px !important;
  }
  .ml25_pc {
    margin-left: 25px !important;
  }
  .ml30_pc {
    margin-left: 30px !important;
  }
  .ml35_pc {
    margin-left: 35px !important;
  }
  .ml40_pc {
    margin-left: 40px !important;
  }
  .ml45_pc {
    margin-left: 45px !important;
  }
  .ml50_pc {
    margin-left: 50px !important;
  }
  .ml55_pc {
    margin-left: 55px !important;
  }
  .ml60_pc {
    margin-left: 60px !important;
  }
  .ml65_pc {
    margin-left: 65px !important;
  }
  .ml70_pc {
    margin-left: 70px !important;
  }
  .ml75_pc {
    margin-left: 75px !important;
  }
  .ml80_pc {
    margin-left: 80px !important;
  }
  .ml85_pc {
    margin-left: 85px !important;
  }
  .ml90_pc {
    margin-left: 90px !important;
  }
  .ml95_pc {
    margin-left: 95px !important;
  }
  .ml100_pc {
    margin-left: 100px !important;
  }
  .ml105_pc {
    margin-left: 105px !important;
  }
  .ml110_pc {
    margin-left: 110px !important;
  }
  .ml115_pc {
    margin-left: 115px !important;
  }
  .ml120_pc {
    margin-left: 120px !important;
  }
  .ml125_pc {
    margin-left: 125px !important;
  }
  .ml130_pc {
    margin-left: 130px !important;
  }
  .ml135_pc {
    margin-left: 135px !important;
  }
  .ml140_pc {
    margin-left: 140px !important;
  }
  .ml145_pc {
    margin-left: 145px !important;
  }
  .ml150_pc {
    margin-left: 150px !important;
  }
  .ml155_pc {
    margin-left: 155px !important;
  }
  .ml160_pc {
    margin-left: 160px !important;
  }
  .ml165_pc {
    margin-left: 165px !important;
  }
  .ml170_pc {
    margin-left: 170px !important;
  }
  .ml175_pc {
    margin-left: 175px !important;
  }
  .ml180_pc {
    margin-left: 180px !important;
  }
  .ml185_pc {
    margin-left: 185px !important;
  }
  .ml190_pc {
    margin-left: 190px !important;
  }
  .ml195_pc {
    margin-left: 195px !important;
  }
  .ml200_pc {
    margin-left: 200px !important;
  }
  /* margin-bottom */
  .mb0_pc {
    margin-bottom: 0px !important;
  }
  .mb5_pc {
    margin-bottom: 5px !important;
  }
  .mb10_pc {
    margin-bottom: 10px !important;
  }
  .mb15_pc {
    margin-bottom: 15px !important;
  }
  .mb20_pc {
    margin-bottom: 20px !important;
  }
  .mb25_pc {
    margin-bottom: 25px !important;
  }
  .mb30_pc {
    margin-bottom: 30px !important;
  }
  .mb35_pc {
    margin-bottom: 35px !important;
  }
  .mb40_pc {
    margin-bottom: 40px !important;
  }
  .mb45_pc {
    margin-bottom: 45px !important;
  }
  .mb50_pc {
    margin-bottom: 50px !important;
  }
  .mb55_pc {
    margin-bottom: 55px !important;
  }
  .mb60_pc {
    margin-bottom: 60px !important;
  }
  .mb65_pc {
    margin-bottom: 65px !important;
  }
  .mb70_pc {
    margin-bottom: 70px !important;
  }
  .mb75_pc {
    margin-bottom: 75px !important;
  }
  .mb80_pc {
    margin-bottom: 80px !important;
  }
  .mb85_pc {
    margin-bottom: 85px !important;
  }
  .mb90_pc {
    margin-bottom: 90px !important;
  }
  .mb95_pc {
    margin-bottom: 95px !important;
  }
  .mb100_pc {
    margin-bottom: 100px !important;
  }
  .mb105_pc {
    margin-bottom: 105px !important;
  }
  .mb110_pc {
    margin-bottom: 110px !important;
  }
  .mb115_pc {
    margin-bottom: 115px !important;
  }
  .mb120_pc {
    margin-bottom: 120px !important;
  }
  .mb125_pc {
    margin-bottom: 125px !important;
  }
  .mb130_pc {
    margin-bottom: 130px !important;
  }
  .mb135_pc {
    margin-bottom: 135px !important;
  }
  .mb140_pc {
    margin-bottom: 140px !important;
  }
  .mb145_pc {
    margin-bottom: 145px !important;
  }
  .mb150_pc {
    margin-bottom: 150px !important;
  }
  .mb155_pc {
    margin-bottom: 155px !important;
  }
  .mb160_pc {
    margin-bottom: 160px !important;
  }
  .mb165_pc {
    margin-bottom: 165px !important;
  }
  .mb170_pc {
    margin-bottom: 170px !important;
  }
  .mb175_pc {
    margin-bottom: 175px !important;
  }
  .mb180_pc {
    margin-bottom: 180px !important;
  }
  .mb185_pc {
    margin-bottom: 185px !important;
  }
  .mb190_pc {
    margin-bottom: 190px !important;
  }
  .mb195_pc {
    margin-bottom: 195px !important;
  }
  .mb200_pc {
    margin-bottom: 200px !important;
  }
  /* padding-top */
  .pt0_pc {
    padding-top: 0px !important;
  }
  .pt5_pc {
    padding-top: 5px !important;
  }
  .pt10_pc {
    padding-top: 10px !important;
  }
  .pt15_pc {
    padding-top: 15px !important;
  }
  .pt20_pc {
    padding-top: 20px !important;
  }
  .pt25_pc {
    padding-top: 25px !important;
  }
  .pt30_pc {
    padding-top: 30px !important;
  }
  .pt35_pc {
    padding-top: 35px !important;
  }
  .pt40_pc {
    padding-top: 40px !important;
  }
  .pt45_pc {
    padding-top: 45px !important;
  }
  .pt50_pc {
    padding-top: 50px !important;
  }
  .pt55_pc {
    padding-top: 55px !important;
  }
  .pt60_pc {
    padding-top: 60px !important;
  }
  .pt65_pc {
    padding-top: 65px !important;
  }
  .pt70_pc {
    padding-top: 70px !important;
  }
  .pt75_pc {
    padding-top: 75px !important;
  }
  .pt80_pc {
    padding-top: 80px !important;
  }
  .pt85_pc {
    padding-top: 85px !important;
  }
  .pt90_pc {
    padding-top: 90px !important;
  }
  .pt95_pc {
    padding-top: 95px !important;
  }
  .pt100_pc {
    padding-top: 100px !important;
  }
  .pt105_pc {
    padding-top: 105px !important;
  }
  .pt110_pc {
    padding-top: 110px !important;
  }
  .pt115_pc {
    padding-top: 115px !important;
  }
  .pt120_pc {
    padding-top: 120px !important;
  }
  .pt125_pc {
    padding-top: 125px !important;
  }
  .pt130_pc {
    padding-top: 130px !important;
  }
  .pt135_pc {
    padding-top: 135px !important;
  }
  .pt140_pc {
    padding-top: 140px !important;
  }
  .pt145_pc {
    padding-top: 145px !important;
  }
  .pt150_pc {
    padding-top: 150px !important;
  }
  .pt155_pc {
    padding-top: 155px !important;
  }
  .pt160_pc {
    padding-top: 160px !important;
  }
  .pt165_pc {
    padding-top: 165px !important;
  }
  .pt170_pc {
    padding-top: 170px !important;
  }
  .pt175_pc {
    padding-top: 175px !important;
  }
  .pt180_pc {
    padding-top: 180px !important;
  }
  .pt185_pc {
    padding-top: 185px !important;
  }
  .pt190_pc {
    padding-top: 190px !important;
  }
  .pt195_pc {
    padding-top: 195px !important;
  }
  .pt200_pc {
    padding-top: 200px !important;
  }
  /* padding-right */
  .pr0_pc {
    padding-right: 0px !important;
  }
  .pr5_pc {
    padding-right: 5px !important;
  }
  .pr10_pc {
    padding-right: 10px !important;
  }
  .pr15_pc {
    padding-right: 15px !important;
  }
  .pr20_pc {
    padding-right: 20px !important;
  }
  .pr25_pc {
    padding-right: 25px !important;
  }
  .pr30_pc {
    padding-right: 30px !important;
  }
  .pr35_pc {
    padding-right: 35px !important;
  }
  .pr40_pc {
    padding-right: 40px !important;
  }
  .pr45_pc {
    padding-right: 45px !important;
  }
  .pr50_pc {
    padding-right: 50px !important;
  }
  .pr55_pc {
    padding-right: 55px !important;
  }
  .pr60_pc {
    padding-right: 60px !important;
  }
  .pr65_pc {
    padding-right: 65px !important;
  }
  .pr70_pc {
    padding-right: 70px !important;
  }
  .pr75_pc {
    padding-right: 75px !important;
  }
  .pr80_pc {
    padding-right: 80px !important;
  }
  .pr85_pc {
    padding-right: 85px !important;
  }
  .pr90_pc {
    padding-right: 90px !important;
  }
  .pr95_pc {
    padding-right: 95px !important;
  }
  .pr100_pc {
    padding-right: 100px !important;
  }
  .pr105_pc {
    padding-right: 105px !important;
  }
  .pr110_pc {
    padding-right: 110px !important;
  }
  .pr115_pc {
    padding-right: 115px !important;
  }
  .pr120_pc {
    padding-right: 120px !important;
  }
  .pr125_pc {
    padding-right: 125px !important;
  }
  .pr130_pc {
    padding-right: 130px !important;
  }
  .pr135_pc {
    padding-right: 135px !important;
  }
  .pr140_pc {
    padding-right: 140px !important;
  }
  .pr145_pc {
    padding-right: 145px !important;
  }
  .pr150_pc {
    padding-right: 150px !important;
  }
  .pr155_pc {
    padding-right: 155px !important;
  }
  .pr160_pc {
    padding-right: 160px !important;
  }
  .pr165_pc {
    padding-right: 165px !important;
  }
  .pr170_pc {
    padding-right: 170px !important;
  }
  .pr175_pc {
    padding-right: 175px !important;
  }
  .pr180_pc {
    padding-right: 180px !important;
  }
  .pr185_pc {
    padding-right: 185px !important;
  }
  .pr190_pc {
    padding-right: 190px !important;
  }
  .pr195_pc {
    padding-right: 195px !important;
  }
  .pr200_pc {
    padding-right: 200px !important;
  }
  /* padding-left */
  .pl0_pc {
    padding-left: 0px !important;
  }
  .pl5_pc {
    padding-left: 5px !important;
  }
  .pl10_pc {
    padding-left: 10px !important;
  }
  .pl15_pc {
    padding-left: 15px !important;
  }
  .pl20_pc {
    padding-left: 20px !important;
  }
  .pl25_pc {
    padding-left: 25px !important;
  }
  .pl30_pc {
    padding-left: 30px !important;
  }
  .pl35_pc {
    padding-left: 35px !important;
  }
  .pl40_pc {
    padding-left: 40px !important;
  }
  .pl45_pc {
    padding-left: 45px !important;
  }
  .pl50_pc {
    padding-left: 50px !important;
  }
  .pl55_pc {
    padding-left: 55px !important;
  }
  .pl60_pc {
    padding-left: 60px !important;
  }
  .pl65_pc {
    padding-left: 65px !important;
  }
  .pl70_pc {
    padding-left: 70px !important;
  }
  .pl75_pc {
    padding-left: 75px !important;
  }
  .pl80_pc {
    padding-left: 80px !important;
  }
  .pl85_pc {
    padding-left: 85px !important;
  }
  .pl90_pc {
    padding-left: 90px !important;
  }
  .pl95_pc {
    padding-left: 95px !important;
  }
  .pl100_pc {
    padding-left: 100px !important;
  }
  .pl105_pc {
    padding-left: 105px !important;
  }
  .pl110_pc {
    padding-left: 110px !important;
  }
  .pl115_pc {
    padding-left: 115px !important;
  }
  .pl120_pc {
    padding-left: 120px !important;
  }
  .pl125_pc {
    padding-left: 125px !important;
  }
  .pl130_pc {
    padding-left: 130px !important;
  }
  .pl135_pc {
    padding-left: 135px !important;
  }
  .pl140_pc {
    padding-left: 140px !important;
  }
  .pl145_pc {
    padding-left: 145px !important;
  }
  .pl150_pc {
    padding-left: 150px !important;
  }
  .pl155_pc {
    padding-left: 155px !important;
  }
  .pl160_pc {
    padding-left: 160px !important;
  }
  .pl165_pc {
    padding-left: 165px !important;
  }
  .pl170_pc {
    padding-left: 170px !important;
  }
  .pl175_pc {
    padding-left: 175px !important;
  }
  .pl180_pc {
    padding-left: 180px !important;
  }
  .pl185_pc {
    padding-left: 185px !important;
  }
  .pl190_pc {
    padding-left: 190px !important;
  }
  .pl195_pc {
    padding-left: 195px !important;
  }
  .pl200_pc {
    padding-left: 200px !important;
  }
  /* padding-bottom */
  .pb0_pc {
    padding-bottom: 0px !important;
  }
  .pb5_pc {
    padding-bottom: 5px !important;
  }
  .pb10_pc {
    padding-bottom: 10px !important;
  }
  .pb15_pc {
    padding-bottom: 15px !important;
  }
  .pb20_pc {
    padding-bottom: 20px !important;
  }
  .pb25_pc {
    padding-bottom: 25px !important;
  }
  .pb30_pc {
    padding-bottom: 30px !important;
  }
  .pb35_pc {
    padding-bottom: 35px !important;
  }
  .pb40_pc {
    padding-bottom: 40px !important;
  }
  .pb45_pc {
    padding-bottom: 45px !important;
  }
  .pb50_pc {
    padding-bottom: 50px !important;
  }
  .pb55_pc {
    padding-bottom: 55px !important;
  }
  .pb60_pc {
    padding-bottom: 60px !important;
  }
  .pb65_pc {
    padding-bottom: 65px !important;
  }
  .pb70_pc {
    padding-bottom: 70px !important;
  }
  .pb75_pc {
    padding-bottom: 75px !important;
  }
  .pb80_pc {
    padding-bottom: 80px !important;
  }
  .pb85_pc {
    padding-bottom: 85px !important;
  }
  .pb90_pc {
    padding-bottom: 90px !important;
  }
  .pb95_pc {
    padding-bottom: 95px !important;
  }
  .pb100_pc {
    padding-bottom: 100px !important;
  }
  .pb105_pc {
    padding-bottom: 105px !important;
  }
  .pb110_pc {
    padding-bottom: 110px !important;
  }
  .pb115_pc {
    padding-bottom: 115px !important;
  }
  .pb120_pc {
    padding-bottom: 120px !important;
  }
  .pb125_pc {
    padding-bottom: 125px !important;
  }
  .pb130_pc {
    padding-bottom: 130px !important;
  }
  .pb135_pc {
    padding-bottom: 135px !important;
  }
  .pb140_pc {
    padding-bottom: 140px !important;
  }
  .pb145_pc {
    padding-bottom: 145px !important;
  }
  .pb150_pc {
    padding-bottom: 150px !important;
  }
  .pb155_pc {
    padding-bottom: 155px !important;
  }
  .pb160_pc {
    padding-bottom: 160px !important;
  }
  .pb165_pc {
    padding-bottom: 165px !important;
  }
  .pb170_pc {
    padding-bottom: 170px !important;
  }
  .pb175_pc {
    padding-bottom: 175px !important;
  }
  .pb180_pc {
    padding-bottom: 180px !important;
  }
  .pb185_pc {
    padding-bottom: 185px !important;
  }
  .pb190_pc {
    padding-bottom: 190px !important;
  }
  .pb195_pc {
    padding-bottom: 195px !important;
  }
  .pb200_pc {
    padding-bottom: 200px !important;
  }
}
@media (max-width: 767px) {
  /* margin-top */
  .mt0_sp {
    margin-top: 0px !important;
  }
  .mt5_sp {
    margin-top: 5px !important;
  }
  .mt10_sp {
    margin-top: 10px !important;
  }
  .mt15_sp {
    margin-top: 15px !important;
  }
  .mt20_sp {
    margin-top: 20px !important;
  }
  .mt25_sp {
    margin-top: 25px !important;
  }
  .mt30_sp {
    margin-top: 30px !important;
  }
  .mt35_sp {
    margin-top: 35px !important;
  }
  .mt40_sp {
    margin-top: 40px !important;
  }
  .mt45_sp {
    margin-top: 45px !important;
  }
  .mt50_sp {
    margin-top: 50px !important;
  }
  .mt55_sp {
    margin-top: 55px !important;
  }
  .mt60_sp {
    margin-top: 60px !important;
  }
  .mt65_sp {
    margin-top: 65px !important;
  }
  .mt70_sp {
    margin-top: 70px !important;
  }
  .mt75_sp {
    margin-top: 75px !important;
  }
  .mt80_sp {
    margin-top: 80px !important;
  }
  .mt85_sp {
    margin-top: 85px !important;
  }
  .mt90_sp {
    margin-top: 90px !important;
  }
  .mt95_sp {
    margin-top: 95px !important;
  }
  .mt100_sp {
    margin-top: 100px !important;
  }
  .mt105_sp {
    margin-top: 105px !important;
  }
  .mt110_sp {
    margin-top: 110px !important;
  }
  .mt115_sp {
    margin-top: 115px !important;
  }
  .mt120_sp {
    margin-top: 120px !important;
  }
  .mt125_sp {
    margin-top: 125px !important;
  }
  .mt130_sp {
    margin-top: 130px !important;
  }
  .mt135_sp {
    margin-top: 135px !important;
  }
  .mt140_sp {
    margin-top: 140px !important;
  }
  .mt145_sp {
    margin-top: 145px !important;
  }
  .mt150_sp {
    margin-top: 150px !important;
  }
  .mt155_sp {
    margin-top: 155px !important;
  }
  .mt160_sp {
    margin-top: 160px !important;
  }
  .mt165_sp {
    margin-top: 165px !important;
  }
  .mt170_sp {
    margin-top: 170px !important;
  }
  .mt175_sp {
    margin-top: 175px !important;
  }
  .mt180_sp {
    margin-top: 180px !important;
  }
  .mt185_sp {
    margin-top: 185px !important;
  }
  .mt190_sp {
    margin-top: 190px !important;
  }
  .mt195_sp {
    margin-top: 195px !important;
  }
  .mt200_sp {
    margin-top: 200px !important;
  }
  /* margin-right */
  .mr0_sp {
    margin-right: 0px !important;
  }
  .mr5_sp {
    margin-right: 5px !important;
  }
  .mr10_sp {
    margin-right: 10px !important;
  }
  .mr15_sp {
    margin-right: 15px !important;
  }
  .mr20_sp {
    margin-right: 20px !important;
  }
  .mr25_sp {
    margin-right: 25px !important;
  }
  .mr30_sp {
    margin-right: 30px !important;
  }
  .mr35_sp {
    margin-right: 35px !important;
  }
  .mr40_sp {
    margin-right: 40px !important;
  }
  .mr45_sp {
    margin-right: 45px !important;
  }
  .mr50_sp {
    margin-right: 50px !important;
  }
  .mr55_sp {
    margin-right: 55px !important;
  }
  .mr60_sp {
    margin-right: 60px !important;
  }
  .mr65_sp {
    margin-right: 65px !important;
  }
  .mr70_sp {
    margin-right: 70px !important;
  }
  .mr75_sp {
    margin-right: 75px !important;
  }
  .mr80_sp {
    margin-right: 80px !important;
  }
  .mr85_sp {
    margin-right: 85px !important;
  }
  .mr90_sp {
    margin-right: 90px !important;
  }
  .mr95_sp {
    margin-right: 95px !important;
  }
  .mr100_sp {
    margin-right: 100px !important;
  }
  .mr105_sp {
    margin-right: 105px !important;
  }
  .mr110_sp {
    margin-right: 110px !important;
  }
  .mr115_sp {
    margin-right: 115px !important;
  }
  .mr120_sp {
    margin-right: 120px !important;
  }
  .mr125_sp {
    margin-right: 125px !important;
  }
  .mr130_sp {
    margin-right: 130px !important;
  }
  .mr135_sp {
    margin-right: 135px !important;
  }
  .mr140_sp {
    margin-right: 140px !important;
  }
  .mr145_sp {
    margin-right: 145px !important;
  }
  .mr150_sp {
    margin-right: 150px !important;
  }
  .mr155_sp {
    margin-right: 155px !important;
  }
  .mr160_sp {
    margin-right: 160px !important;
  }
  .mr165_sp {
    margin-right: 165px !important;
  }
  .mr170_sp {
    margin-right: 170px !important;
  }
  .mr175_sp {
    margin-right: 175px !important;
  }
  .mr180_sp {
    margin-right: 180px !important;
  }
  .mr185_sp {
    margin-right: 185px !important;
  }
  .mr190_sp {
    margin-right: 190px !important;
  }
  .mr195_sp {
    margin-right: 195px !important;
  }
  .mr200_sp {
    margin-right: 200px !important;
  }
  /* margin-left */
  .ml0_sp {
    margin-left: 0px !important;
  }
  .ml5_sp {
    margin-left: 5px !important;
  }
  .ml10_sp {
    margin-left: 10px !important;
  }
  .ml15_sp {
    margin-left: 15px !important;
  }
  .ml20_sp {
    margin-left: 20px !important;
  }
  .ml25_sp {
    margin-left: 25px !important;
  }
  .ml30_sp {
    margin-left: 30px !important;
  }
  .ml35_sp {
    margin-left: 35px !important;
  }
  .ml40_sp {
    margin-left: 40px !important;
  }
  .ml45_sp {
    margin-left: 45px !important;
  }
  .ml50_sp {
    margin-left: 50px !important;
  }
  .ml55_sp {
    margin-left: 55px !important;
  }
  .ml60_sp {
    margin-left: 60px !important;
  }
  .ml65_sp {
    margin-left: 65px !important;
  }
  .ml70_sp {
    margin-left: 70px !important;
  }
  .ml75_sp {
    margin-left: 75px !important;
  }
  .ml80_sp {
    margin-left: 80px !important;
  }
  .ml85_sp {
    margin-left: 85px !important;
  }
  .ml90_sp {
    margin-left: 90px !important;
  }
  .ml95_sp {
    margin-left: 95px !important;
  }
  .ml100_sp {
    margin-left: 100px !important;
  }
  .ml105_sp {
    margin-left: 105px !important;
  }
  .ml110_sp {
    margin-left: 110px !important;
  }
  .ml115_sp {
    margin-left: 115px !important;
  }
  .ml120_sp {
    margin-left: 120px !important;
  }
  .ml125_sp {
    margin-left: 125px !important;
  }
  .ml130_sp {
    margin-left: 130px !important;
  }
  .ml135_sp {
    margin-left: 135px !important;
  }
  .ml140_sp {
    margin-left: 140px !important;
  }
  .ml145_sp {
    margin-left: 145px !important;
  }
  .ml150_sp {
    margin-left: 150px !important;
  }
  .ml155_sp {
    margin-left: 155px !important;
  }
  .ml160_sp {
    margin-left: 160px !important;
  }
  .ml165_sp {
    margin-left: 165px !important;
  }
  .ml170_sp {
    margin-left: 170px !important;
  }
  .ml175_sp {
    margin-left: 175px !important;
  }
  .ml180_sp {
    margin-left: 180px !important;
  }
  .ml185_sp {
    margin-left: 185px !important;
  }
  .ml190_sp {
    margin-left: 190px !important;
  }
  .ml195_sp {
    margin-left: 195px !important;
  }
  .ml200_sp {
    margin-left: 200px !important;
  }
  /* margin-bottom */
  .mb0_sp {
    margin-bottom: 0px !important;
  }
  .mb5_sp {
    margin-bottom: 5px !important;
  }
  .mb10_sp {
    margin-bottom: 10px !important;
  }
  .mb15_sp {
    margin-bottom: 15px !important;
  }
  .mb20_sp {
    margin-bottom: 20px !important;
  }
  .mb25_sp {
    margin-bottom: 25px !important;
  }
  .mb30_sp {
    margin-bottom: 30px !important;
  }
  .mb35_sp {
    margin-bottom: 35px !important;
  }
  .mb40_sp {
    margin-bottom: 40px !important;
  }
  .mb45_sp {
    margin-bottom: 45px !important;
  }
  .mb50_sp {
    margin-bottom: 50px !important;
  }
  .mb55_sp {
    margin-bottom: 55px !important;
  }
  .mb60_sp {
    margin-bottom: 60px !important;
  }
  .mb65_sp {
    margin-bottom: 65px !important;
  }
  .mb70_sp {
    margin-bottom: 70px !important;
  }
  .mb75_sp {
    margin-bottom: 75px !important;
  }
  .mb80_sp {
    margin-bottom: 80px !important;
  }
  .mb85_sp {
    margin-bottom: 85px !important;
  }
  .mb90_sp {
    margin-bottom: 90px !important;
  }
  .mb95_sp {
    margin-bottom: 95px !important;
  }
  .mb100_sp {
    margin-bottom: 100px !important;
  }
  .mb105_sp {
    margin-bottom: 105px !important;
  }
  .mb110_sp {
    margin-bottom: 110px !important;
  }
  .mb115_sp {
    margin-bottom: 115px !important;
  }
  .mb120_sp {
    margin-bottom: 120px !important;
  }
  .mb125_sp {
    margin-bottom: 125px !important;
  }
  .mb130_sp {
    margin-bottom: 130px !important;
  }
  .mb135_sp {
    margin-bottom: 135px !important;
  }
  .mb140_sp {
    margin-bottom: 140px !important;
  }
  .mb145_sp {
    margin-bottom: 145px !important;
  }
  .mb150_sp {
    margin-bottom: 150px !important;
  }
  .mb155_sp {
    margin-bottom: 155px !important;
  }
  .mb160_sp {
    margin-bottom: 160px !important;
  }
  .mb165_sp {
    margin-bottom: 165px !important;
  }
  .mb170_sp {
    margin-bottom: 170px !important;
  }
  .mb175_sp {
    margin-bottom: 175px !important;
  }
  .mb180_sp {
    margin-bottom: 180px !important;
  }
  .mb185_sp {
    margin-bottom: 185px !important;
  }
  .mb190_sp {
    margin-bottom: 190px !important;
  }
  .mb195_sp {
    margin-bottom: 195px !important;
  }
  .mb200_sp {
    margin-bottom: 200px !important;
  }
  /* padding-top */
  .pt0_sp {
    padding-top: 0px !important;
  }
  .pt5_sp {
    padding-top: 5px !important;
  }
  .pt10_sp {
    padding-top: 10px !important;
  }
  .pt15_sp {
    padding-top: 15px !important;
  }
  .pt20_sp {
    padding-top: 20px !important;
  }
  .pt25_sp {
    padding-top: 25px !important;
  }
  .pt30_sp {
    padding-top: 30px !important;
  }
  .pt35_sp {
    padding-top: 35px !important;
  }
  .pt40_sp {
    padding-top: 40px !important;
  }
  .pt45_sp {
    padding-top: 45px !important;
  }
  .pt50_sp {
    padding-top: 50px !important;
  }
  .pt55_sp {
    padding-top: 55px !important;
  }
  .pt60_sp {
    padding-top: 60px !important;
  }
  .pt65_sp {
    padding-top: 65px !important;
  }
  .pt70_sp {
    padding-top: 70px !important;
  }
  .pt75_sp {
    padding-top: 75px !important;
  }
  .pt80_sp {
    padding-top: 80px !important;
  }
  .pt85_sp {
    padding-top: 85px !important;
  }
  .pt90_sp {
    padding-top: 90px !important;
  }
  .pt95_sp {
    padding-top: 95px !important;
  }
  .pt100_sp {
    padding-top: 100px !important;
  }
  .pt105_sp {
    padding-top: 105px !important;
  }
  .pt110_sp {
    padding-top: 110px !important;
  }
  .pt115_sp {
    padding-top: 115px !important;
  }
  .pt120_sp {
    padding-top: 120px !important;
  }
  .pt125_sp {
    padding-top: 125px !important;
  }
  .pt130_sp {
    padding-top: 130px !important;
  }
  .pt135_sp {
    padding-top: 135px !important;
  }
  .pt140_sp {
    padding-top: 140px !important;
  }
  .pt145_sp {
    padding-top: 145px !important;
  }
  .pt150_sp {
    padding-top: 150px !important;
  }
  .pt155_sp {
    padding-top: 155px !important;
  }
  .pt160_sp {
    padding-top: 160px !important;
  }
  .pt165_sp {
    padding-top: 165px !important;
  }
  .pt170_sp {
    padding-top: 170px !important;
  }
  .pt175_sp {
    padding-top: 175px !important;
  }
  .pt180_sp {
    padding-top: 180px !important;
  }
  .pt185_sp {
    padding-top: 185px !important;
  }
  .pt190_sp {
    padding-top: 190px !important;
  }
  .pt195_sp {
    padding-top: 195px !important;
  }
  .pt200_sp {
    padding-top: 200px !important;
  }
  /* padding-right */
  .pr0_sp {
    padding-right: 0px !important;
  }
  .pr5_sp {
    padding-right: 5px !important;
  }
  .pr10_sp {
    padding-right: 10px !important;
  }
  .pr15_sp {
    padding-right: 15px !important;
  }
  .pr20_sp {
    padding-right: 20px !important;
  }
  .pr25_sp {
    padding-right: 25px !important;
  }
  .pr30_sp {
    padding-right: 30px !important;
  }
  .pr35_sp {
    padding-right: 35px !important;
  }
  .pr40_sp {
    padding-right: 40px !important;
  }
  .pr45_sp {
    padding-right: 45px !important;
  }
  .pr50_sp {
    padding-right: 50px !important;
  }
  .pr55_sp {
    padding-right: 55px !important;
  }
  .pr60_sp {
    padding-right: 60px !important;
  }
  .pr65_sp {
    padding-right: 65px !important;
  }
  .pr70_sp {
    padding-right: 70px !important;
  }
  .pr75_sp {
    padding-right: 75px !important;
  }
  .pr80_sp {
    padding-right: 80px !important;
  }
  .pr85_sp {
    padding-right: 85px !important;
  }
  .pr90_sp {
    padding-right: 90px !important;
  }
  .pr95_sp {
    padding-right: 95px !important;
  }
  .pr100_sp {
    padding-right: 100px !important;
  }
  .pr105_sp {
    padding-right: 105px !important;
  }
  .pr110_sp {
    padding-right: 110px !important;
  }
  .pr115_sp {
    padding-right: 115px !important;
  }
  .pr120_sp {
    padding-right: 120px !important;
  }
  .pr125_sp {
    padding-right: 125px !important;
  }
  .pr130_sp {
    padding-right: 130px !important;
  }
  .pr135_sp {
    padding-right: 135px !important;
  }
  .pr140_sp {
    padding-right: 140px !important;
  }
  .pr145_sp {
    padding-right: 145px !important;
  }
  .pr150_sp {
    padding-right: 150px !important;
  }
  .pr155_sp {
    padding-right: 155px !important;
  }
  .pr160_sp {
    padding-right: 160px !important;
  }
  .pr165_sp {
    padding-right: 165px !important;
  }
  .pr170_sp {
    padding-right: 170px !important;
  }
  .pr175_sp {
    padding-right: 175px !important;
  }
  .pr180_sp {
    padding-right: 180px !important;
  }
  .pr185_sp {
    padding-right: 185px !important;
  }
  .pr190_sp {
    padding-right: 190px !important;
  }
  .pr195_sp {
    padding-right: 195px !important;
  }
  .pr200_sp {
    padding-right: 200px !important;
  }
  /* padding-left */
  .pl0_sp {
    padding-left: 0px !important;
  }
  .pl5_sp {
    padding-left: 5px !important;
  }
  .pl10_sp {
    padding-left: 10px !important;
  }
  .pl15_sp {
    padding-left: 15px !important;
  }
  .pl20_sp {
    padding-left: 20px !important;
  }
  .pl25_sp {
    padding-left: 25px !important;
  }
  .pl30_sp {
    padding-left: 30px !important;
  }
  .pl35_sp {
    padding-left: 35px !important;
  }
  .pl40_sp {
    padding-left: 40px !important;
  }
  .pl45_sp {
    padding-left: 45px !important;
  }
  .pl50_sp {
    padding-left: 50px !important;
  }
  .pl55_sp {
    padding-left: 55px !important;
  }
  .pl60_sp {
    padding-left: 60px !important;
  }
  .pl65_sp {
    padding-left: 65px !important;
  }
  .pl70_sp {
    padding-left: 70px !important;
  }
  .pl75_sp {
    padding-left: 75px !important;
  }
  .pl80_sp {
    padding-left: 80px !important;
  }
  .pl85_sp {
    padding-left: 85px !important;
  }
  .pl90_sp {
    padding-left: 90px !important;
  }
  .pl95_sp {
    padding-left: 95px !important;
  }
  .pl100_sp {
    padding-left: 100px !important;
  }
  .pl105_sp {
    padding-left: 105px !important;
  }
  .pl110_sp {
    padding-left: 110px !important;
  }
  .pl115_sp {
    padding-left: 115px !important;
  }
  .pl120_sp {
    padding-left: 120px !important;
  }
  .pl125_sp {
    padding-left: 125px !important;
  }
  .pl130_sp {
    padding-left: 130px !important;
  }
  .pl135_sp {
    padding-left: 135px !important;
  }
  .pl140_sp {
    padding-left: 140px !important;
  }
  .pl145_sp {
    padding-left: 145px !important;
  }
  .pl150_sp {
    padding-left: 150px !important;
  }
  .pl155_sp {
    padding-left: 155px !important;
  }
  .pl160_sp {
    padding-left: 160px !important;
  }
  .pl165_sp {
    padding-left: 165px !important;
  }
  .pl170_sp {
    padding-left: 170px !important;
  }
  .pl175_sp {
    padding-left: 175px !important;
  }
  .pl180_sp {
    padding-left: 180px !important;
  }
  .pl185_sp {
    padding-left: 185px !important;
  }
  .pl190_sp {
    padding-left: 190px !important;
  }
  .pl195_sp {
    padding-left: 195px !important;
  }
  .pl200_sp {
    padding-left: 200px !important;
  }
  /* padding-bottom */
  .pb0_sp {
    padding-bottom: 0px !important;
  }
  .pb5_sp {
    padding-bottom: 5px !important;
  }
  .pb10_sp {
    padding-bottom: 10px !important;
  }
  .pb15_sp {
    padding-bottom: 15px !important;
  }
  .pb20_sp {
    padding-bottom: 20px !important;
  }
  .pb25_sp {
    padding-bottom: 25px !important;
  }
  .pb30_sp {
    padding-bottom: 30px !important;
  }
  .pb35_sp {
    padding-bottom: 35px !important;
  }
  .pb40_sp {
    padding-bottom: 40px !important;
  }
  .pb45_sp {
    padding-bottom: 45px !important;
  }
  .pb50_sp {
    padding-bottom: 50px !important;
  }
  .pb55_sp {
    padding-bottom: 55px !important;
  }
  .pb60_sp {
    padding-bottom: 60px !important;
  }
  .pb65_sp {
    padding-bottom: 65px !important;
  }
  .pb70_sp {
    padding-bottom: 70px !important;
  }
  .pb75_sp {
    padding-bottom: 75px !important;
  }
  .pb80_sp {
    padding-bottom: 80px !important;
  }
  .pb85_sp {
    padding-bottom: 85px !important;
  }
  .pb90_sp {
    padding-bottom: 90px !important;
  }
  .pb95_sp {
    padding-bottom: 95px !important;
  }
  .pb100_sp {
    padding-bottom: 100px !important;
  }
  .pb105_sp {
    padding-bottom: 105px !important;
  }
  .pb110_sp {
    padding-bottom: 110px !important;
  }
  .pb115_sp {
    padding-bottom: 115px !important;
  }
  .pb120_sp {
    padding-bottom: 120px !important;
  }
  .pb125_sp {
    padding-bottom: 125px !important;
  }
  .pb130_sp {
    padding-bottom: 130px !important;
  }
  .pb135_sp {
    padding-bottom: 135px !important;
  }
  .pb140_sp {
    padding-bottom: 140px !important;
  }
  .pb145_sp {
    padding-bottom: 145px !important;
  }
  .pb150_sp {
    padding-bottom: 150px !important;
  }
  .pb155_sp {
    padding-bottom: 155px !important;
  }
  .pb160_sp {
    padding-bottom: 160px !important;
  }
  .pb165_sp {
    padding-bottom: 165px !important;
  }
  .pb170_sp {
    padding-bottom: 170px !important;
  }
  .pb175_sp {
    padding-bottom: 175px !important;
  }
  .pb180_sp {
    padding-bottom: 180px !important;
  }
  .pb185_sp {
    padding-bottom: 185px !important;
  }
  .pb190_sp {
    padding-bottom: 190px !important;
  }
  .pb195_sp {
    padding-bottom: 195px !important;
  }
  .pb200_sp {
    padding-bottom: 200px !important;
  }
}
/* clearfix */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

/*************************************************

 siteCommonStyle

*************************************************/
/* sp pc */
@media (min-width: 1201px) {
  .view-tablet {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .view-sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .view-pc {
    display: none !important;
  }
}
/* font */
.font-serif {
  font-family: YakuHanMP, "Noto Serif JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic",
    "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.font-sans {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
    "ＭＳ Ｐゴシック", sans-serif;
}

/* hovers */
@media (min-width: 768px) {
  .fade,
  .fadearea a {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .fade:hover,
  .fadearea a:hover {
    opacity: 0.7;
  }
  .textborder:hover,
  .textborderList a:hover {
    text-decoration: underline !important;
  }
  .hoverscaleList figure {
    overflow: hidden;
    position: relative;
  }
  .hoverscaleList img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .pcmode .hoverscaleList a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
/* fade anime
--------------------------------*/
.effectFU,
.effectFL,
.effectFR,
.effectFD,
.effectIn,
.ch-effectFU,
.ch-effectFL,
.ch-effectFR,
.ch-effectFD,
.ch-effectIn {
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.effectFU,
.ch-effectFU {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.effectFL,
.ch-effectFL {
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}

.effectFR,
.ch-effectFR {
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}

.effectFD,
.ch-effectFD {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.effectFU.is-view,
.effectFL.is-view,
.effectFR.is-view,
.effectFD.is-view,
.effectIn.is-view,
.is-view .ch-effectFU,
.is-view .ch-effectFL,
.is-view .ch-effectFR,
.is-view .ch-effectFD,
.is-view .ch-effectIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js-marker span {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#faf188),
    to(#faf188)
  );
  background-image: linear-gradient(90deg, #faf188, #faf188);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 50%;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  /* background: rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #FAF188 0%) repeat scroll; */
}

.js-marker.inview span {
  background-size: 100% 50%;
}

.effectZoom {
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.effectZoom.is-view {
  opacity: 1;
  -webkit-animation: bzoom 0.4s ease-in-out;
  animation: bzoom 0.4s ease-in-out;
}

@-webkit-keyframes bzoom {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bzoom {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* fade anime
--------------------------------*/
.effectFU,
.effectFL,
.effectFR,
.effectFD,
.effectIn,
.ch-effectFU,
.ch-effectFL,
.ch-effectFR,
.ch-effectFD,
.ch-effectIn {
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.effectFU,
.ch-effectFU {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.effectFL,
.ch-effectFL {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

.effectFR,
.ch-effectFR {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}

.effectFD,
.ch-effectFD {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.effectFU.is-view,
.effectFL.is-view,
.effectFR.is-view,
.effectFD.is-view,
.effectIn.is-view,
.is-view .ch-effectFU,
.is-view .ch-effectFL,
.is-view .ch-effectFR,
.is-view .ch-effectFD,
.is-view .ch-effectIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js-marker span {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#faf188),
    to(#faf188)
  );
  background-image: linear-gradient(90deg, #faf188, #faf188);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 50%;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  /* background: rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #FAF188 0%) repeat scroll; */
}

.js-marker.inview span {
  background-size: 100% 50%;
}

.effectZoom {
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.effectZoom.is-view {
  opacity: 1;
  -webkit-animation: bzoom 0.4s ease-in-out;
  animation: bzoom 0.4s ease-in-out;
}

@keyframes bzoom {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* parts-fv
--------------------------------------------------*/
.parts-fv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 830px;
  background: rgb(49, 42, 40);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(49, 42, 40)),
    to(rgb(92, 88, 86))
  );
  background: linear-gradient(0deg, rgb(49, 42, 40) 0%, rgb(92, 88, 86) 100%);
}
@media (max-width: 767px) {
  .parts-fv {
    display: block;
    height: auto;
    padding-top: 160px;
  }
}

.parts-fv__titles {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-left: 130px;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1200px) {
  .parts-fv__titles {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .parts-fv__titles {
    padding: 0 15px 50px;
  }
}

.parts-fv__titles__en {
  max-width: 90%;
  line-height: 0;
}

.parts-fv__titles__ja {
  margin-top: 40px;
  color: #fff;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: 0.15em;
}
@media (max-width: 1200px) {
  .parts-fv__titles__ja {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .parts-fv__titles__ja {
    margin-top: 20px;
    font-size: 20px;
  }
}

.parts-fv__imgae {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(100% - 70px);
  width: calc(100% - 515px);
  line-height: 0;
}
@media (max-width: 1200px) {
  .parts-fv__imgae {
    width: calc(100% - 315px);
  }
}
@media (max-width: 767px) {
  .parts-fv__imgae {
    position: static;
    width: 100%;
  }
}
.parts-fv__imgae img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.parts-fv__imgae__cap {
  position: absolute;
  right: 70px;
  bottom: 10px;
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .parts-fv__imgae__cap {
    right: 10px;
  }
}

/* anime
----------------------------*/
.parts-fv__imgae img {
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: opacity 2s, -webkit-transform 2s;
  transition: opacity 2s, -webkit-transform 2s;
  transition: opacity 2s, transform 2s;
  transition: opacity 2s, transform 2s, -webkit-transform 2s;
}
.page-start .parts-fv__imgae img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.parts-fv__titles__en {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: opacity 1.3s 0.6s, -webkit-transform 1.3s 0.6s;
  transition: opacity 1.3s 0.6s, -webkit-transform 1.3s 0.6s;
  transition: opacity 1.3s 0.6s, transform 1.3s 0.6s;
  transition: opacity 1.3s 0.6s, transform 1.3s 0.6s,
    -webkit-transform 1.3s 0.6s;
}
.page-start .parts-fv__titles__en {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.parts-fv__titles__ja {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: opacity 1.3s 0.75s, -webkit-transform 1.3s 0.75s;
  transition: opacity 1.3s 0.75s, -webkit-transform 1.3s 0.75s;
  transition: opacity 1.3s 0.75s, transform 1.3s 0.75s;
  transition: opacity 1.3s 0.75s, transform 1.3s 0.75s,
    -webkit-transform 1.3s 0.75s;
}
.page-start .parts-fv__titles__ja {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

/* parts-firstleads
--------------------------------------------------*/
.parts-firstleads {
  margin: 90px auto;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .parts-firstleads {
    margin: 45px auto 50px;
  }
}

.parts-firstleads__title {
  margin-bottom: 30px;
  font-size: 29px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .parts-firstleads__title {
    margin: 0 -10px 20px;
    font-size: 18px;
  }
}

.parts-firstleads__text {
  font-size: 15px;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .parts-firstleads__text {
    font-size: 14px;
    text-align: left;
  }
}

/* parts-endcaption
--------------------------------------------------*/
.parts-endcaption {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
  font-size: 10px;
  line-height: 1.3;
}

/* parts-nextbtn
--------------------------------------------------*/
.parts-nextbtn {
  margin: 80px 0;
}
@media (max-width: 767px) {
  .parts-nextbtn {
    margin: 40px 20px;
  }
}

.parts-nextbtn__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  line-height: 0;
}
@media (max-width: 767px) {
  .parts-nextbtn__anchor {
    display: block;
  }
}

.parts-nextbtn__image {
  position: relative;
  width: 50%;
  aspect-ratio: 487/130;
}
@media (max-width: 767px) {
  .parts-nextbtn__image {
    width: auto;
  }
}
.parts-nextbtn__image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.parts-nextbtn__image.arrow_image {
  position: relative;
}

.parts-nextbtn__image__cap {
  position: absolute;
  bottom: 7px;
  right: 10px;
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  font-size: 18px;
  text-shadow: #000 2px 0px 2px, #000 -2px 0px 2px, #000 0px -2px 2px,
    #000 -2px 0px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px,
    #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px,
    #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px,
    #000 -2px -1px 2px, #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px,
    #000 -1px -1px 2px;
  line-height: 1.2;
  z-index: 2;
}
@media (max-width: 767px) {
  .parts-nextbtn__image__cap {
    font-size: 12px;
  }
}

.parts-nextbtn__image__cap__text01 {
  position: absolute;
  bottom: 7px;
  left: 10px;
  color: #fff;
  font-size: 10px;
  text-shadow: #000 2px 0px 2px, #000 -2px 0px 2px, #000 0px -2px 2px,
    #000 -2px 0px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px,
    #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px,
    #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px,
    #000 -2px -1px 2px, #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px,
    #000 -1px -1px 2px;
  line-height: 1.2;
  z-index: 2;
}

/* parts-textarea
--------------------------------------------------*/
.parts-textarea {
  font-size: 15px;
  line-height: 2;
}
@media (max-width: 767px) {
  .parts-textarea {
    font-size: 14px;
    line-height: 1.8;
  }
}

/* parts-wide
--------------------------------------------------*/
.parts-wide1200 {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.parts-wide1200.is-mg0 {
  width: 100%;
}

/* parts-imagephoto
--------------------------------------------------*/
figure {
  position: relative;
}
.parts-imagephoto {
  position: relative;
  line-height: 0;
  text-align: center;
}

.parts-imagephoto__cap {
  position: absolute;
  bottom: 10px;
  right: 15px;
  display: block;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
}
.parts-imagephoto__cap.is-shadow {
  text-shadow: #000 2px 0px 2px, #000 -2px 0px 2px, #000 0px -2px 2px,
    #000 -2px 0px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px,
    #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px,
    #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px,
    #000 -2px -1px 2px, #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px,
    #000 -1px -1px 2px;
}
.parts-imagephoto__cap.is-shadow2 {
  right: 0;
  bottom: 0;
  padding: 4px 5px;
  background: rgba(0, 0, 0, 0.5);
}
.parts-imagephoto__cap.is-black {
  color: #000;
}
.parts-imagephoto__cap.is-left {
  right: auto;
  left: 10px;
}
.parts-imagephoto__cap.is-bottom {
  bottom: -2em;
  right: 0;
}


/* parts-spscroll
--------------------------------------------------*/
.parts-spscroll {
  position: relative;
}

.parts-spscroll-icon {
  position: absolute;
  top: 50%;
  left: calc(50vw - 20px);
  width: 80px;
  margin-top: -30px;
  line-height: 0;
  -webkit-animation: 2.4s fuwafuwa infinite;
  animation: 2.4s fuwafuwa infinite;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 10;
}
@media (min-width: 768px) {
  .parts-spscroll-icon {
    display: none;
  }
}
.is-off .parts-spscroll-icon {
  opacity: 0;
}
.parts-spscroll-icon img {
  width: 100%;
  height: auto;
}

@-webkit-keyframes fuwafuwa {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
  }
}

@keyframes fuwafuwa {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
  }
}
/* 夏季休暇 */

.online__txt,
.online__date {
  display: inline-block;
  padding: 10px 0 0;
}
/* .holiday-season-summer a {
	display: block;
	background: rgba(159, 88, 88, .7);
	width: 200px;
	max-width:  80%;
	padding: 10px 20px;
	margin: 10px auto 0;
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
}
.holiday-season-summer a:hover {
	opacity: 0.5;
} */

/*休業告知*/
.box-bukken-contact-holiday {
  /* width: 600px; */
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 20px;
  border: #b52d44 solid 1px;
  background: #fff;
  /* color : #000; */
  color: #b52d44;
  font-size: 13px;
  -webkit-box-shadow: 0 0 0 1px #ffffff;
  box-shadow: 0 0 0 1px #ffffff;
  text-align: center;
}

.box-bukken-contact-holiday b {
  color: #b52d44;
  display: block;
  margin-bottom: 20px;
}
.box-bukken-contact-holiday a {
  color: #b52d44;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .box-bukken-contact-holiday {
    /* width: 100%; */
    /* padding: 20px 0; */
  }
}

.box-bukken-contact-holiday b {
  display: block;
  font-size: 16px;
}

.reservation00 .list-bukken-contact-icon {
  width: 14px;
  height: 16px;
  background: url(/general/img/icn_documents_claimant_02.png) top left no-repeat;
  background-size: 14px 16px;
}

.reservation00 .list-bukken-contact-link:hover .list-bukken-contact-icon {
  background: url(/general/img/icn_documents_claimant_01.png) top left no-repeat;
  background-size: 14px 16px;
}

@media screen and (max-width: 1200px) {
  .list-property-control-link-wine .list-property-control-icon {
    margin: unset;
  }
}
/*
.list-property-control-link-wine .list-property-control-icon:before {
  margin-top: 0px;
}

/*************************************************

pick up

*************************************************/
.pick-up {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto 100px;
  /* padding-bottom: 80px; */
}
.pick-up__title {
  margin-bottom: 24px;
  font-size: 24px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  white-space: nowrap;
}
.pick-up__title::before,
.pick-up__title::after {
  content: "";
  display: inline;
  width: 40%;
  border-bottom: 1px solid #000;
  margin: auto 0;
  margin-inline: 20px;
}
.pick-up__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 300;
}
.pick-up__lead .small {
  font-size: 80%;
  display: inline-block;
}
.pick-up__lead .middle {
  font-size: 120%;
}
.pick-up__lead .large {
  font-size: 150%;
}
.pick-up__lead .bold {
  font-weight: 500;
}

@media (max-width: 767px) {
  .pick-up__lead .small {
    font-size: 13px;
  }
  .pick-up__lead .middle {
    font-size: 110%;
  }
  .pick-up__lead .large {
    font-size: 130%;
  }
}
.pick-up__label-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1vw;
  margin-top: 40px;
  margin-bottom: 24px;
}
.pick-up__label {
  font-size: inherit;
  letter-spacing: 0.05em;
  /* font-size: 14px; */
  padding: 0.2em 2em;
  display: block;
  width: fit-content;
  border-radius: 8px;
  color: #fff;
  background-color: #b52d44;
  font-weight: bold;
  /* margin-inline: auto; */
}
.pick-up__label--02 {
  background-color: #97586f;
}
.pick-up__btn {
  width: calc(100% - 40px);
  margin-inline: auto;
  max-width: 420px;
  /* margin-top: 40px; */
  margin-bottom: min(80px, 8vw);
}
a.pick-up__btn-anchor {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 420px;
  width: 100%;
  /* min-height: 45px; */
  /* padding-bottom: 2px; */
  padding: 14px;
  color: #fff;
  font-size: 16px;
  text-decoration: none !important;
  border-radius: 5px;
  background: #000;
  transition: all 0.3s;
}

/*************************************************

virtual-modelroom

*************************************************/
.virtual-modelroom {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 100px;
  padding-bottom: 80px;
}
.virtual-modelroom__link {
  display: block;
  font-size: 36px;
  width: 100%;
  /* border: 1px solid #00000044; */
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.virtual-modelroom__link::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #00000044;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.98, 0.95);
  transition: all 0.3s;
  z-index: 2;
}
.virtual-modelroom__link:hover::before {
  border-color: #ffffff;
  transform: translate(-50%, -50%) scale(0.97, 0.94);
}
@media (max-width: 767px) {
  .virtual-modelroom__link {
    font-size: 16px;
  }
  .virtual-modelroom__link::before {
    border-color: #ffffff;
  }
}
.virtual-modelroom__link--special {
  font-size: min(20px, 2vw);
}
.virtual-modelroom__text {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  gap: 1em;
  color: #000;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .virtual-modelroom__text {
    opacity: 0;
  }
}
.virtual-modelroom__link:hover .virtual-modelroom__text {
  opacity: 0;
}
.virtual-modelroom__figure {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.virtual-modelroom__figure figcaption {
  position: absolute;
  bottom: 1em;
  right: 1em;
  padding: 1em 2em;
  font-size: min(16px, 1.5vw);
  color: #333;
}
@media (max-width: 767px) {
  .virtual-modelroom__figure {
    opacity: 1;
  }
}
.virtual-modelroom__link:hover .virtual-modelroom__figure {
  transform: scale(1.05);
  opacity: 1;
}
.virtual-modelroom__figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.virtual-modelroom__figure-text {
  display: block;
  color: #fff;
  background-color: #000000aa;
  padding: 0.4em 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.list-property-control-wrap.only-sp .list-property-control-icon {
  display: none;
}

/*************************************************

main_wrap

*************************************************/
.main_wrap {
  width: calc(100% - 40px);
  margin-inline: auto;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr) 
    minmax(0, 1280px)
    minmax(0, 1fr);
  column-gap: 40px;
  align-items: start;
}
.fix_nav_area {
  padding-top: 8px;
  grid-column: 1 / 2;
  justify-self: center;
  width: max-content;
}
.fix_nav_item {
  position: relative;
  display: block;
}
.fix_nav_text {
  display: block;
  font-family: "Cormorant Infant", serif;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.main_contents {
  grid-column: 2 / 3;
  width: 100%;
  max-width: 1280px;
}

@media (max-width: 1450px) {
  .main_wrap {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 20px;
  }
  .fix_nav_area {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .main_contents {
    grid-column: 1 / -1;
    max-width: 100%;
  }
}

.main_lead {
  font-size: 28px;
  letter-spacing: 0.08em;
  line-height: 1.7;
  margin-bottom: 40px;
}
.main_text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 2;
}
.js-modalBtn {
  display: none;
}

@media only screen and (max-width: 767px) {
  .main_lead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .main_text {
    margin-top: 20px;
    font-size: 13px;
  }
  .js-modalBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  .js-modalBtn .in-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}

/*************************************************

panel_area

*************************************************/
/*.panel_area {
  position: relative;
  z-index: 9998;
}*/
.panel_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.panel_item {
  position: relative;
}
.panel_item_anchor {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  aspect-ratio: 900/676;
  text-decoration: none !important;
}
.panel_item_title {
  font-family: "Cormorant Infant", serif;
  position: absolute;
  width: 90%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #fff;
  z-index: 2;
}
.parts-imagephoto__cap {
  z-index: 2;
}
.panel_item_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.panel_item_bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #000000;
  opacity: 0.4;
  z-index: 2;
  transition: all 0.3s;
}
.panel_item_anchor:hover .panel_item_bg::before {
  opacity: 0.8;
  z-index: 10;
}
.panel_item_bg img {
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s;
}

.top-panel__item__anchor:hover .panel_item_bg img {
  transform: scale(1.06);
}

@media only screen and (max-width: 767px) {
  .panel_wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .panel_item_anchor {
    aspect-ratio: 900/676;
  }
  .panel_item_title {
    font-size: 24px;
  }
}
.tar {
  text-align: right;
}
.dib {
  display: inline-block;
}