@charset "UTF-8";
:root {
  --page-color-text: #111;
  --page-color-yellow: #FDD000;
  --page-color-yellow-hover: #F0C603;
  --page-color-red: #D50000;
  --page-color-red-hover: #C20202;
  --page-color-yellowGreen: #D5E468;
  --page-color-viridian: #007B3A;
  --page-color-orange: #FA9500;
  --page-color-bg-green-light: #EEF4C2;
  --page-color-bg-yellow-light: #FFF6B1;
  --page-zindex-header: 9998;
}

@keyframes slide-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.imageBlur {
  animation: imageBlur 0.8s forwards;
}

@keyframes imageBlur {
  0% {
    filter: blur(20px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus_in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
.mt-0 {
  margin-top: 0vw !important;
}

.mb-0 {
  margin-bottom: 0vw !important;
}

.ml-0 {
  margin-left: 0vw !important;
}

.mr-0 {
  margin-right: 0vw !important;
}

.m-0 {
  margin: 0vw !important;
}

.mt-5 {
  margin-top: 0.390625vw !important;
}

.mb-5 {
  margin-bottom: 0.390625vw !important;
}

.ml-5 {
  margin-left: 0.390625vw !important;
}

.mr-5 {
  margin-right: 0.390625vw !important;
}

.m-5 {
  margin: 0.390625vw !important;
}

.mt-10 {
  margin-top: 0.78125vw !important;
}

.mb-10 {
  margin-bottom: 0.78125vw !important;
}

.ml-10 {
  margin-left: 0.78125vw !important;
}

.mr-10 {
  margin-right: 0.78125vw !important;
}

.m-10 {
  margin: 0.78125vw !important;
}

.mt-15 {
  margin-top: 1.171875vw !important;
}

.mb-15 {
  margin-bottom: 1.171875vw !important;
}

.ml-15 {
  margin-left: 1.171875vw !important;
}

.mr-15 {
  margin-right: 1.171875vw !important;
}

.m-15 {
  margin: 1.171875vw !important;
}

.mt-20 {
  margin-top: 1.5625vw !important;
}

.mb-20 {
  margin-bottom: 1.5625vw !important;
}

.ml-20 {
  margin-left: 1.5625vw !important;
}

.mr-20 {
  margin-right: 1.5625vw !important;
}

.m-20 {
  margin: 1.5625vw !important;
}

.mt-25 {
  margin-top: 1.953125vw !important;
}

.mb-25 {
  margin-bottom: 1.953125vw !important;
}

.ml-25 {
  margin-left: 1.953125vw !important;
}

.mr-25 {
  margin-right: 1.953125vw !important;
}

.m-25 {
  margin: 1.953125vw !important;
}

.mt-30 {
  margin-top: 2.34375vw !important;
}

.mb-30 {
  margin-bottom: 2.34375vw !important;
}

.ml-30 {
  margin-left: 2.34375vw !important;
}

.mr-30 {
  margin-right: 2.34375vw !important;
}

.m-30 {
  margin: 2.34375vw !important;
}

.mt-35 {
  margin-top: 2.734375vw !important;
}

.mb-35 {
  margin-bottom: 2.734375vw !important;
}

.ml-35 {
  margin-left: 2.734375vw !important;
}

.mr-35 {
  margin-right: 2.734375vw !important;
}

.m-35 {
  margin: 2.734375vw !important;
}

.mt-40 {
  margin-top: 3.125vw !important;
}

.mb-40 {
  margin-bottom: 3.125vw !important;
}

.ml-40 {
  margin-left: 3.125vw !important;
}

.mr-40 {
  margin-right: 3.125vw !important;
}

.m-40 {
  margin: 3.125vw !important;
}

.mt-45 {
  margin-top: 3.515625vw !important;
}

.mb-45 {
  margin-bottom: 3.515625vw !important;
}

.ml-45 {
  margin-left: 3.515625vw !important;
}

.mr-45 {
  margin-right: 3.515625vw !important;
}

.m-45 {
  margin: 3.515625vw !important;
}

.mt-50 {
  margin-top: 3.90625vw !important;
}

.mb-50 {
  margin-bottom: 3.90625vw !important;
}

.ml-50 {
  margin-left: 3.90625vw !important;
}

.mr-50 {
  margin-right: 3.90625vw !important;
}

.m-50 {
  margin: 3.90625vw !important;
}

.mt-55 {
  margin-top: 4.296875vw !important;
}

.mb-55 {
  margin-bottom: 4.296875vw !important;
}

.ml-55 {
  margin-left: 4.296875vw !important;
}

.mr-55 {
  margin-right: 4.296875vw !important;
}

.m-55 {
  margin: 4.296875vw !important;
}

.mt-60 {
  margin-top: 4.6875vw !important;
}

.mb-60 {
  margin-bottom: 4.6875vw !important;
}

.ml-60 {
  margin-left: 4.6875vw !important;
}

.mr-60 {
  margin-right: 4.6875vw !important;
}

.m-60 {
  margin: 4.6875vw !important;
}

.mt-65 {
  margin-top: 5.078125vw !important;
}

.mb-65 {
  margin-bottom: 5.078125vw !important;
}

.ml-65 {
  margin-left: 5.078125vw !important;
}

.mr-65 {
  margin-right: 5.078125vw !important;
}

.m-65 {
  margin: 5.078125vw !important;
}

.mt-70 {
  margin-top: 5.46875vw !important;
}

.mb-70 {
  margin-bottom: 5.46875vw !important;
}

.ml-70 {
  margin-left: 5.46875vw !important;
}

.mr-70 {
  margin-right: 5.46875vw !important;
}

.m-70 {
  margin: 5.46875vw !important;
}

.mt-75 {
  margin-top: 5.859375vw !important;
}

.mb-75 {
  margin-bottom: 5.859375vw !important;
}

.ml-75 {
  margin-left: 5.859375vw !important;
}

.mr-75 {
  margin-right: 5.859375vw !important;
}

.m-75 {
  margin: 5.859375vw !important;
}

.mt-80 {
  margin-top: 6.25vw !important;
}

.mb-80 {
  margin-bottom: 6.25vw !important;
}

.ml-80 {
  margin-left: 6.25vw !important;
}

.mr-80 {
  margin-right: 6.25vw !important;
}

.m-80 {
  margin: 6.25vw !important;
}

.mt-85 {
  margin-top: 6.640625vw !important;
}

.mb-85 {
  margin-bottom: 6.640625vw !important;
}

.ml-85 {
  margin-left: 6.640625vw !important;
}

.mr-85 {
  margin-right: 6.640625vw !important;
}

.m-85 {
  margin: 6.640625vw !important;
}

.mt-90 {
  margin-top: 7.03125vw !important;
}

.mb-90 {
  margin-bottom: 7.03125vw !important;
}

.ml-90 {
  margin-left: 7.03125vw !important;
}

.mr-90 {
  margin-right: 7.03125vw !important;
}

.m-90 {
  margin: 7.03125vw !important;
}

.mt-95 {
  margin-top: 7.421875vw !important;
}

.mb-95 {
  margin-bottom: 7.421875vw !important;
}

.ml-95 {
  margin-left: 7.421875vw !important;
}

.mr-95 {
  margin-right: 7.421875vw !important;
}

.m-95 {
  margin: 7.421875vw !important;
}

.mt-100 {
  margin-top: 7.8125vw !important;
}

.mb-100 {
  margin-bottom: 7.8125vw !important;
}

.ml-100 {
  margin-left: 7.8125vw !important;
}

.mr-100 {
  margin-right: 7.8125vw !important;
}

.m-100 {
  margin: 7.8125vw !important;
}

.pt-0 {
  padding-top: 0vw !important;
}

.pb-0 {
  padding-bottom: 0vw !important;
}

.pl-0 {
  padding-left: 0vw !important;
}

.pr-0 {
  padding-right: 0vw !important;
}

.p-0 {
  padding: 0vw !important;
}

.pt-5 {
  padding-top: 0.390625vw !important;
}

.pb-5 {
  padding-bottom: 0.390625vw !important;
}

.pl-5 {
  padding-left: 0.390625vw !important;
}

.pr-5 {
  padding-right: 0.390625vw !important;
}

.p-5 {
  padding: 0.390625vw !important;
}

.pt-10 {
  padding-top: 0.78125vw !important;
}

.pb-10 {
  padding-bottom: 0.78125vw !important;
}

.pl-10 {
  padding-left: 0.78125vw !important;
}

.pr-10 {
  padding-right: 0.78125vw !important;
}

.p-10 {
  padding: 0.78125vw !important;
}

.pt-15 {
  padding-top: 1.171875vw !important;
}

.pb-15 {
  padding-bottom: 1.171875vw !important;
}

.pl-15 {
  padding-left: 1.171875vw !important;
}

.pr-15 {
  padding-right: 1.171875vw !important;
}

.p-15 {
  padding: 1.171875vw !important;
}

.pt-20 {
  padding-top: 1.5625vw !important;
}

.pb-20 {
  padding-bottom: 1.5625vw !important;
}

.pl-20 {
  padding-left: 1.5625vw !important;
}

.pr-20 {
  padding-right: 1.5625vw !important;
}

.p-20 {
  padding: 1.5625vw !important;
}

.pt-25 {
  padding-top: 1.953125vw !important;
}

.pb-25 {
  padding-bottom: 1.953125vw !important;
}

.pl-25 {
  padding-left: 1.953125vw !important;
}

.pr-25 {
  padding-right: 1.953125vw !important;
}

.p-25 {
  padding: 1.953125vw !important;
}

.pt-30 {
  padding-top: 2.34375vw !important;
}

.pb-30 {
  padding-bottom: 2.34375vw !important;
}

.pl-30 {
  padding-left: 2.34375vw !important;
}

.pr-30 {
  padding-right: 2.34375vw !important;
}

.p-30 {
  padding: 2.34375vw !important;
}

.pt-35 {
  padding-top: 2.734375vw !important;
}

.pb-35 {
  padding-bottom: 2.734375vw !important;
}

.pl-35 {
  padding-left: 2.734375vw !important;
}

.pr-35 {
  padding-right: 2.734375vw !important;
}

.p-35 {
  padding: 2.734375vw !important;
}

.pt-40 {
  padding-top: 3.125vw !important;
}

.pb-40 {
  padding-bottom: 3.125vw !important;
}

.pl-40 {
  padding-left: 3.125vw !important;
}

.pr-40 {
  padding-right: 3.125vw !important;
}

.p-40 {
  padding: 3.125vw !important;
}

.pt-45 {
  padding-top: 3.515625vw !important;
}

.pb-45 {
  padding-bottom: 3.515625vw !important;
}

.pl-45 {
  padding-left: 3.515625vw !important;
}

.pr-45 {
  padding-right: 3.515625vw !important;
}

.p-45 {
  padding: 3.515625vw !important;
}

.pt-50 {
  padding-top: 3.90625vw !important;
}

.pb-50 {
  padding-bottom: 3.90625vw !important;
}

.pl-50 {
  padding-left: 3.90625vw !important;
}

.pr-50 {
  padding-right: 3.90625vw !important;
}

.p-50 {
  padding: 3.90625vw !important;
}

.pt-55 {
  padding-top: 4.296875vw !important;
}

.pb-55 {
  padding-bottom: 4.296875vw !important;
}

.pl-55 {
  padding-left: 4.296875vw !important;
}

.pr-55 {
  padding-right: 4.296875vw !important;
}

.p-55 {
  padding: 4.296875vw !important;
}

.pt-60 {
  padding-top: 4.6875vw !important;
}

.pb-60 {
  padding-bottom: 4.6875vw !important;
}

.pl-60 {
  padding-left: 4.6875vw !important;
}

.pr-60 {
  padding-right: 4.6875vw !important;
}

.p-60 {
  padding: 4.6875vw !important;
}

.pt-65 {
  padding-top: 5.078125vw !important;
}

.pb-65 {
  padding-bottom: 5.078125vw !important;
}

.pl-65 {
  padding-left: 5.078125vw !important;
}

.pr-65 {
  padding-right: 5.078125vw !important;
}

.p-65 {
  padding: 5.078125vw !important;
}

.pt-70 {
  padding-top: 5.46875vw !important;
}

.pb-70 {
  padding-bottom: 5.46875vw !important;
}

.pl-70 {
  padding-left: 5.46875vw !important;
}

.pr-70 {
  padding-right: 5.46875vw !important;
}

.p-70 {
  padding: 5.46875vw !important;
}

.pt-75 {
  padding-top: 5.859375vw !important;
}

.pb-75 {
  padding-bottom: 5.859375vw !important;
}

.pl-75 {
  padding-left: 5.859375vw !important;
}

.pr-75 {
  padding-right: 5.859375vw !important;
}

.p-75 {
  padding: 5.859375vw !important;
}

.pt-80 {
  padding-top: 6.25vw !important;
}

.pb-80 {
  padding-bottom: 6.25vw !important;
}

.pl-80 {
  padding-left: 6.25vw !important;
}

.pr-80 {
  padding-right: 6.25vw !important;
}

.p-80 {
  padding: 6.25vw !important;
}

.pt-85 {
  padding-top: 6.640625vw !important;
}

.pb-85 {
  padding-bottom: 6.640625vw !important;
}

.pl-85 {
  padding-left: 6.640625vw !important;
}

.pr-85 {
  padding-right: 6.640625vw !important;
}

.p-85 {
  padding: 6.640625vw !important;
}

.pt-90 {
  padding-top: 7.03125vw !important;
}

.pb-90 {
  padding-bottom: 7.03125vw !important;
}

.pl-90 {
  padding-left: 7.03125vw !important;
}

.pr-90 {
  padding-right: 7.03125vw !important;
}

.p-90 {
  padding: 7.03125vw !important;
}

.pt-95 {
  padding-top: 7.421875vw !important;
}

.pb-95 {
  padding-bottom: 7.421875vw !important;
}

.pl-95 {
  padding-left: 7.421875vw !important;
}

.pr-95 {
  padding-right: 7.421875vw !important;
}

.p-95 {
  padding: 7.421875vw !important;
}

.pt-100 {
  padding-top: 7.8125vw !important;
}

.pb-100 {
  padding-bottom: 7.8125vw !important;
}

.pl-100 {
  padding-left: 7.8125vw !important;
}

.pr-100 {
  padding-right: 7.8125vw !important;
}

.p-100 {
  padding: 7.8125vw !important;
}

.fz-10 {
  font-size: 0.78125vw !important;
}

.fz-11 {
  font-size: 0.859375vw !important;
}

.fz-12 {
  font-size: 0.9375vw !important;
}

.fz-13 {
  font-size: 1.015625vw !important;
}

.fz-14 {
  font-size: 1.09375vw !important;
}

.fz-15 {
  font-size: 1.171875vw !important;
}

.fz-16 {
  font-size: 1.25vw !important;
}

.fz-17 {
  font-size: 1.328125vw !important;
}

.fz-18 {
  font-size: 1.40625vw !important;
}

.fz-19 {
  font-size: 1.484375vw !important;
}

.fz-20 {
  font-size: 1.5625vw !important;
}

.fz-21 {
  font-size: 1.640625vw !important;
}

.fz-22 {
  font-size: 1.71875vw !important;
}

.fz-23 {
  font-size: 1.796875vw !important;
}

.fz-24 {
  font-size: 1.875vw !important;
}

.fz-25 {
  font-size: 1.953125vw !important;
}

.fz-26 {
  font-size: 2.03125vw !important;
}

.fz-27 {
  font-size: 2.109375vw !important;
}

.fz-28 {
  font-size: 2.1875vw !important;
}

.fz-29 {
  font-size: 2.265625vw !important;
}

.fz-30 {
  font-size: 2.34375vw !important;
}

.fz-31 {
  font-size: 2.421875vw !important;
}

.fz-32 {
  font-size: 2.5vw !important;
}

.fz-33 {
  font-size: 2.578125vw !important;
}

.fz-34 {
  font-size: 2.65625vw !important;
}

.fz-35 {
  font-size: 2.734375vw !important;
}

.fz-36 {
  font-size: 2.8125vw !important;
}

.fz-37 {
  font-size: 2.890625vw !important;
}

.fz-38 {
  font-size: 2.96875vw !important;
}

.fz-39 {
  font-size: 3.046875vw !important;
}

.fz-40 {
  font-size: 3.125vw !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semiBold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.colorRed {
  color: var(--page-color-red);
}

.zen-maru {
  font-family: "Zen Maru Gothic", sans-serif;
  font-style: normal;
}

.openSans {
  font-family: "Open Sans", sans-serif;
}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500 !important;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700 !important;
  font-style: normal;
}

.color-highlight {
  color: var(--page-color-viridian);
  -webkit-text-stroke: 1rem white;
  paint-order: stroke fill;
}

.color-highlight-red {
  color: #F35506;
  -webkit-text-stroke: 0.3rem #411901;
  paint-order: stroke fill;
}
@media screen and (max-width: 768px) {
  .color-highlight-red {
    -webkit-text-stroke: 0.8vw #411901;
  }
}

.underline {
  position: relative;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: linear-gradient(transparent 58%, #fff 50%);
}
@media screen and (min-width: 769px) {
  .underline {
    text-underline-offset: max(-0.46875vw, -6px);
  }
}
@media screen and (max-width: 768px) {
  .underline {
    text-underline-offset: -2.1333333333vw;
  }
}

.karning-narrow {
  letter-spacing: -0.1em;
}

.karning-exNarrow {
  letter-spacing: -0.2em;
}

@media screen and (max-width: 768px) {
  .karning-narrow-sp {
    letter-spacing: -0.1em;
  }
}

@media screen and (min-width: 769px) {
  .karning-exNarrow-sp {
    letter-spacing: -0.2em;
  }
}

.js-has-pseudo [csstools-has-2q-33-2s-3d-1m-2w-2p-37-14-1a-2s-33-37-39-31-33-39-2f-36-2p-34-15-w-z-1y-33-38-38-2t-36-1u-32-36]:not(#does-not-exist):not(does-not-exist) {
  display: none;
}

body:has(.dosumouWrap) #FotterBnr {
  display: none;
}

.dosumouWrap {
  color: var(--page-color-text);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 0;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .dosumouWrap .for-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .dosumouWrap .for-pc {
    display: none !important;
  }
}

.kv {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 768px) {
  .kv {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .kv__item {
    overflow: hidden;
  }
}
.kv__item._row2 {
  grid-row: span 2;
}
.kv__item._col2 {
  grid-column: span 2;
}
@media screen and (min-width: 769px) {
  .kv__item._col2-pc {
    grid-column: span 2;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._col2-sp {
    grid-column: span 2;
  }
}
.kv__item._mainHeading {
  background: url(/chintai/dousumou/img/kv-06-bg.webp) center top/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .kv__item._order01-sp {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order02-sp {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order03-sp {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order04-sp {
    order: 4;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order05-sp {
    order: 5;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order06-sp {
    order: 6;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order07-sp {
    order: 7;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order08-sp {
    order: 8;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order09-sp {
    order: 9;
  }
}
@media screen and (max-width: 768px) {
  .kv__item._order10-sp {
    order: 10;
  }
}
.kv__item._order07-sp img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}
.kv__item._order01-sp, .kv__item._order10-sp {
  background: var(--page-color-yellow);
}
.kv__item img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}

.kv__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700 !important;
  font-size: min(1.5625vw, 20px);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .kv__text {
    font-size: 3.5733333333vw;
    letter-spacing: 0.0266666667vw;
  }
}
@media screen and (max-width: 768px) {
  .kv__text > span {
    white-space: nowrap;
    margin-right: -2.6666666667vw;
  }
}

.intro {
  background: url(/chintai/dousumou/img/intro-bg.webp) center bottom/cover no-repeat;
}
@media screen and (min-width: 769px) {
  .intro ._ver1 {
    max-width: 1280px;
    margin-inline: auto;
    max-height: calc(100svh - var(--dousumou-header-height, 100px));
    aspect-ratio: 1280/768;
    grid-template-rows: repeat(3, 1fr);
  }
}
@media screen and (min-width: 769px) {
  .intro .kvOuter {
    display: flex;
    align-items: start;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    aspect-ratio: 1440/640;
    max-height: min(50vw, 640px);
  }
}
@media (max-height: 740px) {
  .intro .kvOuter {
    height: calc(100svh - var(--dousumou-header-height, 100px));
  }
}
@media screen and (min-width: 769px) {
  .intro ._ver2 {
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: repeat(3, 33.3333333333%);
    align-items: start;
    aspect-ratio: 1440/640;
  }
}
@media (max-height: 740px) {
  .intro ._ver2 {
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .intro ._ver2 .kv__item {
    width: 100%;
    height: 100%;
  }
  .intro ._ver2 .kv__item picture, .intro ._ver2 .kv__item h1 {
    display: block;
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .intro ._ver2 .kv__text {
    height: 100%;
  }
}

.lead {
  position: relative;
  height: min(70.78125vw, 906px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .lead {
    height: 293.3333333333vw;
  }
}

.lead__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: min(70.78125vw, 906px);
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lead__bg {
    height: 293.3333333333vw;
    background-image: url(/chintai/dousumou/img/lead-bg-sp.webp);
  }
}
.lead__bg img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center center;
     object-position: center center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lead__inner {
  position: relative;
  margin-inline: auto;
  color: #fff;
  padding-block: min(7.8125vw, 100px) 0;
  width: min(40.859375vw, 523px);
  line-height: 200%;
  letter-spacing: min(0.1vw, 1.28px);
}
@media screen and (max-width: 768px) {
  .lead__inner {
    padding-block: 18.6666666667vw 0;
    padding-inline: 8vw;
    width: 100%;
  }
}

.lead__text {
  display: inline-flex;
  flex-direction: column;
  font-size: min(1.5625vw, 20px);
  line-height: 225%;
  letter-spacing: min(0.125vw, 1.6px);
}
@media screen and (max-width: 768px) {
  .lead__text {
    font-size: 5.3333333333vw;
  }
}
.lead__text span {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, white 50%);
  background-position: -100% center;
  background-size: 200%;
  min-height: 1em;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.2s ease-out;
}

.story {
  position: relative;
  background-color: var(--page-color-yellow);
}
@media screen and (min-width: 769px) {
  .story {
    padding-block: min(11.71875vw, 150px) min(14.296875vw, 183px);
  }
}
@media screen and (max-width: 768px) {
  .story {
    padding: 26.6666666667vw 2.6666666667vw;
  }
}

.story__flowing {
  top: 0;
  position: absolute;
  white-space: nowrap;
  display: flex;
  animation: flowRight 200s linear infinite;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .story__flowing {
    animation-duration: 150s;
  }
}

.story__flowingContent {
  display: flex;
  gap: min(3.125vw, 40px);
  animation: inherit;
}
@media screen and (max-width: 768px) {
  .story__flowingContent {
    gap: 10.6666666667vw;
  }
}
.story__flowingContent img {
  height: min(15.3125vw, 196px);
  width: auto;
  max-width: inherit;
}
@media screen and (max-width: 768px) {
  .story__flowingContent img {
    height: 44.2666666667vw;
  }
}

.story__heading {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding-bottom: min(4.921875vw, 63px);
  font-size: min(2.8125vw, 36px);
  font-weight: 500 !important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .story__heading {
    font-size: 8.5333333333vw;
    padding-bottom: 14.9333333333vw;
    line-height: 1.4;
  }
}
.story__heading img {
  width: auto;
  height: min(7.5vw, 96px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .story__heading img {
    height: 36vw;
  }
}

.story__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .story__list {
    gap: 0 min(3.125vw, 40px);
    max-width: min(81.25vw, 1040px);
  }
}
@media screen and (max-width: 768px) {
  .story__list {
    gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .story__list + .story__list {
    margin-top: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .story__list + .story__list {
    margin-top: 10.6666666667vw;
  }
}

.story__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .story__item {
    width: min(29.6875vw, 380px);
  }
}
@media screen and (min-width: 769px) {
  .story__item._col2 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .story__item:not(._col2) {
    z-index: 1;
    margin-top: max(-6.875vw, -88px);
  }
}

.story__link-large,
.story__link {
  width: 100%;
  cursor: pointer;
  border: min(0.15625vw, 2px) solid #fff;
  background: var(--page-color-yellow);
  transition: background 0.45s ease;
  border-radius: min(1.328125vw, 17px);
}
@media screen and (max-width: 768px) {
  .story__link-large,
  .story__link {
    border-width: 0.5333333333vw;
    border-radius: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  .story__link-large:hover,
  .story__link:hover {
    background: #fff;
  }
}

.story__link-large {
  display: grid;
}
@media screen and (min-width: 769px) {
  .story__link-large {
    grid-template-columns: 1fr min(46.40625vw, 594px);
    grid-template-rows: auto 1fr;
    gap: min(0.234375vw, 3px) 0;
    padding-block: min(2.578125vw, 33px) min(8.75vw, 112px);
    padding-inline: min(4.21875vw, 54px) min(2.65625vw, 34px);
    min-height: min(50.78125vw, 650px);
  }
}
@media screen and (max-width: 768px) {
  .story__link-large {
    position: relative;
    overflow: hidden;
    padding: 2.1333333333vw 2.1333333333vw 13.3333333333vw;
  }
}

.story__link {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding-block: min(2.578125vw, 33px);
  padding-inline: min(2.96875vw, 38px) 0;
}
@media screen and (max-width: 768px) {
  .story__link {
    grid-template-columns: 33.6vw auto;
    gap: 10.6666666667vw;
    padding: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-37-38-33-36-3d-2n-2n-30-2x-32-2z-1m-2w-2p-37-14-2j-37-36-2r-16-1p-37-38-33-36-3d-1c-1e-19-3a-2x-2s-2t-33-1c-1e-2l-15]:not(.does-not-exist) {
    gap: 6.6666666667vw;
  }
  .story__link:has([src*=story02-video02]) {
    gap: 6.6666666667vw;
  }
}

@media screen and (max-width: 768px) {
  .story__thumb {
    order: 1;
  }
}
.story__thumb._vertical {
  width: min(9.84375vw, 126px);
}
@media screen and (max-width: 768px) {
  .story__thumb._vertical {
    width: 33.6vw;
  }
}

.story__thumbInner {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .story__thumbInner {
    border-radius: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .story__thumbInner {
    border-radius: 5.3333333333vw;
  }
}
.story__thumbInner > img,
.story__thumbInner > picture img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}
.story__thumbInner::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: url(/chintai/dousumou/img/icon-video.svg) center/min(11.796875vw, 151px) auto no-repeat;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .story__thumbInner::before {
    background-image: url(/chintai/dousumou/img/icon-video-sp.svg);
    background-size: 22.6666666667vw auto;
  }
}
._vertical .story__thumbInner::before {
  background-size: min(5.46875vw, 70px) auto;
}
@media screen and (max-width: 768px) {
  ._vertical .story__thumbInner::before {
    background-size: 18.6666666667vw auto;
  }
}

.story__name {
  text-align: left;
  line-height: 1.2;
  font-family: "Zen Kurenaido", sans-serif;
  font-feature-settings: "palt" 1;
  font-size: min(3.75vw, 48px);
  -webkit-text-stroke-width: min(0.078125vw, 1px);
  -webkit-text-stroke-color: currentColor;
  font-weight: 400;
  line-height: 140%; /* 67.2px */
  letter-spacing: max(-0.1875vw, -2.4px);
}
@media screen and (max-width: 768px) {
  .story__name {
    display: inline-flex;
    flex-direction: column;
    order: 2;
    line-height: 1.25;
    font-size: 9.0666666667vw;
  }
}
.story__name img {
  height: auto;
}
.story__name .italic-text {
  display: block;
  transform: skewX(-19deg);
  transform-origin: left center;
}
._story01 .story__name {
  padding-top: min(1.796875vw, 23px);
}
@media screen and (max-width: 768px) {
  ._story01 .story__name {
    padding-block: 6.9333333333vw 2.6666666667vw;
    padding-left: 8.5333333333vw;
    margin-bottom: -4.2666666667vw;
  }
}
._story01 .story__name img {
  width: min(23.203125vw, 297px);
}
@media screen and (max-width: 768px) {
  ._story01 .story__name img {
    width: 65.3333333333vw;
  }
}
._story02 .story__name {
  padding-top: min(1.875vw, 24px);
}
@media screen and (max-width: 768px) {
  ._story02 .story__name {
    padding-block: 6.9333333333vw 0;
    padding-left: 10.6666666667vw;
  }
}
._story02 .story__name img {
  width: min(25.390625vw, 325px);
}
@media screen and (max-width: 768px) {
  ._story02 .story__name img {
    width: 66.9333333333vw;
  }
}

.story__tags {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .story__tags {
    gap: min(0.78125vw, 10px);
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .story__tags {
    order: 4;
    gap: 2.1333333333vw;
    padding: 6.6666666667vw 2.1333333333vw 0;
  }
}

.story__tagsItem {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: min(7.8125vw, 100px);
  font-size: min(1.09375vw, 14px);
  width: min(16.640625vw, 213px);
  height: min(2.890625vw, 37px);
  letter-spacing: min(0.109375vw, 1.4px);
  background: #fff;
  transition: background 0.45s ease;
  font-weight: 500 !important;
}
@media screen and (max-width: 768px) {
  .story__tagsItem {
    line-height: 238.168%;
    width: 46.9333333333vw;
    height: 7.7333333333vw;
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (min-width: 769px) {
  button:hover .story__tagsItem, a:hover .story__tagsItem {
    background: var(--page-color-yellow);
  }
}

.story__ornament {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-37-38-33-36-3d-2n-2n-33-36-32-2p-31-2t-32-38-1m-2w-2p-37-14-2j-37-36-2r-16-1p-37-38-33-36-3d-1c-1d-2l-15]:not(.does-not-exist) {
    top: 0;
    right: max(-6.640625vw, -85px);
    width: min(19.296875vw, 247px);
    height: min(15.15625vw, 194px);
  }
  .story__ornament:has([src*=story01]) {
    top: 0;
    right: max(-6.640625vw, -85px);
    width: min(19.296875vw, 247px);
    height: min(15.15625vw, 194px);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-37-38-33-36-3d-2n-2n-33-36-32-2p-31-2t-32-38-1m-2w-2p-37-14-2j-37-36-2r-16-1p-37-38-33-36-3d-1c-1d-2l-15]:not(.does-not-exist) {
    bottom: -0.5333333333vw;
    right: -1.0666666667vw;
    width: 54.4vw;
    height: 42.6666666667vw;
  }
  .story__ornament:has([src*=story01]) {
    bottom: -0.5333333333vw;
    right: -1.0666666667vw;
    width: 54.4vw;
    height: 42.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-37-38-33-36-3d-2n-2n-33-36-32-2p-31-2t-32-38-1m-2w-2p-37-14-2j-37-36-2r-16-1p-37-38-33-36-3d-1c-1e-2l-15]:not(.does-not-exist) {
    top: max(-4.921875vw, -63px);
    right: max(-2.890625vw, -37px);
    width: min(12.075vw, 154.56px);
    height: min(20.05546875vw, 256.71px);
  }
  .story__ornament:has([src*=story02]) {
    top: max(-4.921875vw, -63px);
    right: max(-2.890625vw, -37px);
    width: min(12.075vw, 154.56px);
    height: min(20.05546875vw, 256.71px);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-37-38-33-36-3d-2n-2n-33-36-32-2p-31-2t-32-38-1m-2w-2p-37-14-2j-37-36-2r-16-1p-37-38-33-36-3d-1c-1e-2l-15]:not(.does-not-exist) {
    bottom: -0.5333333333vw;
    right: 5.3333333333vw;
    width: 31.7333333333vw;
    height: 52.8vw;
  }
  .story__ornament:has([src*=story02]) {
    bottom: -0.5333333333vw;
    right: 5.3333333333vw;
    width: 31.7333333333vw;
    height: 52.8vw;
  }
}

.story__desc {
  display: flex;
  font-size: min(1.25vw, 16px);
  line-height: 225%;
  letter-spacing: min(0.175vw, 2.24px);
  text-align: left;
  font-weight: 500 !important;
}
@media screen and (min-width: 769px) {
  .story__desc {
    justify-content: flex-end;
    padding-top: min(2.8125vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .story__desc {
    justify-content: center;
    order: 3;
    font-size: 4.2666666667vw;
    letter-spacing: 0.5973333333vw;
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  ._story02 .story__desc {
    padding-top: min(1.71875vw, 22px);
  }
}

.story__subname {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .story__subname {
    gap: min(0.46875vw, 6px);
  }
}
@media screen and (max-width: 768px) {
  .story__subname {
    order: 2;
    gap: 1.6vw;
    min-width: 36.8vw;
  }
}
.story__subname em {
  font-style: normal;
  font-weight: 500 !important;
  font-size: min(1.5625vw, 20px);
  letter-spacing: min(0.21875vw, 2.8px);
}
@media screen and (max-width: 768px) {
  .story__subname em {
    font-size: 5.3333333333vw;
    letter-spacing: 0.7466666667vw;
  }
}
.story__subname span {
  font-weight: 500 !important;
  font-size: min(1.25vw, 16px);
  letter-spacing: min(0.175vw, 2.24px);
}
@media screen and (max-width: 768px) {
  .story__subname span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.5973333333vw;
  }
}

.rashiku {
  position: relative;
  z-index: 1;
}

.rashiku__header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: min(8.59375vw, 110px) 0;
  gap: min(3.125vw, 40px);
}
@media screen and (max-width: 768px) {
  .rashiku__header {
    gap: 13.3333333333vw;
    padding-block: 28vw 0;
  }
}

.rashiku__headerPin {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.3;
  text-align: center;
  display: flex;
  justify-content: center;
  background: url(/chintai/dousumou/img/rashiku-pin-bg.svg) center top/contain no-repeat;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  padding-top: min(1.40625vw, 18px);
  font-size: min(1.09375vw, 14px);
  top: max(-3.59375vw, -46px);
  width: min(6.484375vw, 83px);
  height: min(9.375vw, 120px);
}
@media screen and (max-width: 768px) {
  .rashiku__headerPin {
    line-height: 1.29;
    padding-top: 4.5333333333vw;
    font-size: 4.2666666667vw;
    top: -11.4666666667vw;
    width: 21.8666666667vw;
    height: 32vw;
  }
}
.rashiku__headerPin em {
  font-style: normal;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
}

.rashiku__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(2.8125vw, 36px);
  font-weight: 500 !important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rashiku__heading {
    font-size: 8.8vw;
    line-height: 1.4;
  }
}

.rashiku__headerDesc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: min(0.3125vw, 4px);
  font-size: min(1.171875vw, 15px);
  line-height: 240%;
  letter-spacing: min(0.1640625vw, 2.1px);
}
@media screen and (max-width: 768px) {
  .rashiku__headerDesc {
    font-size: 4.2666666667vw;
  }
}

.rashiku__headerDescTag {
  display: inline-flex;
  align-items: center;
  background: #FFEEBC;
  border: min(0.078125vw, 1px) solid var(--page-color-yellow);
  height: 2.2666666667em;
  padding-inline: min(1.015625vw, 13px);
  border-radius: min(0.390625vw, 5px);
}
@media screen and (max-width: 768px) {
  .rashiku__headerDescTag {
    border-width: 0.2666666667vw;
    padding-inline: 1.3333333333vw;
    border-radius: 1.3333333333vw;
  }
}

.rashiku__list {
  display: grid;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .rashiku__list {
    grid-template-columns: 1fr 1fr;
    gap: min(5.546875vw, 71px) min(5.9375vw, 76px);
    margin-top: min(6.25vw, 80px);
    max-width: min(81.25vw, 1040px);
  }
}
@media screen and (max-width: 768px) {
  .rashiku__list {
    gap: 5.3333333333vw;
    grid-template-columns: 1fr;
    margin-top: 18.6666666667vw;
    padding-inline: 2.6666666667vw;
  }
}

@media screen and (min-width: 769px) {
  .rashiku__item._col2 {
    grid-column: span 2;
  }
}
.rashiku__item._rashiku01 {
  color: #A13600;
}
.rashiku__item._rashiku02 {
  color: #C50033;
}
.rashiku__item._rashiku03 {
  color: #0054A7;
}
.rashiku__item._rashiku04 {
  color: #007B3A;
}

.rashiku__link {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(2.03125vw, 26px);
  padding-bottom: min(6.71875vw, 86px);
}
@media screen and (max-width: 768px) {
  .rashiku__link {
    gap: 6.4vw;
    padding-bottom: 18.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  ._rashiku01 .rashiku__link {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  ._rashiku03 .rashiku__link {
    padding-bottom: 26.4vw;
  }
}
@media screen and (max-width: 768px) {
  ._rashiku04 .rashiku__link {
    padding-bottom: 31.4666666667vw;
  }
}

.rashiku__label {
  position: absolute;
  z-index: 1;
  left: min(3.28125vw, 42px);
  top: max(-1.5625vw, -20px);
  width: min(8.59375vw, 110px);
  height: min(10.15625vw, 130px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .rashiku__label {
    left: 3.7333333333vw;
    top: -3.7333333333vw;
    width: 18.6666666667vw;
    height: 22.4vw;
  }
}
.rashiku__label img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}

.rashiku__thumb {
  position: relative;
  border-radius: min(1.171875vw, 15px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .rashiku__thumb {
    border-radius: 4.2666666667vw;
  }
}

.rashiku__thumbInner {
  width: 100%;
}
.rashiku__thumbInner img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 769px) {
  a:hover .rashiku__thumbInner img {
    transform: scale(1.055);
  }
}

.rashiku__more {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #fff;
  background: gray;
  width: min(12.578125vw, 161px);
  height: min(3.90625vw, 50px);
  border-radius: min(0.390625vw, 5px);
  border-top-left-radius: min(1.171875vw, 15px);
  font-size: min(1.015625vw, 13px);
  letter-spacing: min(0.078125vw, 1px);
  gap: min(0.78125vw, 10px);
}
@media screen and (max-width: 768px) {
  .rashiku__more {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    width: 42.1333333333vw;
    height: 13.3333333333vw;
    border-top-left-radius: 4.2666666667vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
    gap: 3.2vw;
  }
}
.rashiku__more span {
  position: relative;
  top: max(-0.078125vw, -1px);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .rashiku__more span {
    top: -0.2666666667vw;
  }
}
.rashiku__more::before {
  content: "";
  width: min(0.78125vw, 10px);
  height: min(0.078125vw, 1px);
}
@media screen and (max-width: 768px) {
  .rashiku__more::before {
    width: 2.1333333333vw;
    height: 0.2666666667vw;
  }
}
.rashiku__more::after {
  content: "";
  width: min(0.546875vw, 7px);
  height: min(0.859375vw, 11px);
  background: url(/chintai/dousumou/img/arrow-more.svg) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  .rashiku__more::after {
    width: 2.1333333333vw;
    height: 3.2vw;
  }
}
._rashiku01 .rashiku__more {
  background: #BA3E00;
}
._rashiku02 .rashiku__more {
  background: #C50033;
}
._rashiku03 .rashiku__more {
  background: #0054A7;
}
._rashiku04 .rashiku__more {
  background: #007B3A;
}

.rashiku__name {
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-align: left;
  font-family: "Zen Kurenaido", sans-serif;
  -webkit-text-stroke-width: min(0.078125vw, 1px);
  -webkit-text-stroke-color: currentColor;
  font-weight: 400 !important;
  line-height: 140%;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  gap: min(1.875vw, 24px);
}
@media screen and (max-width: 768px) {
  .rashiku__name {
    -webkit-text-stroke-width: 0.2666666667vw;
    gap: 4.8vw;
    margin-left: 1.6vw;
  }
}
.rashiku__nameSub,
.rashiku__nameMain {
  display: block;
  transform-origin: left center;
}

.rashiku__nameSub {
  transform: skewX(-11deg);
  font-size: min(1.875vw, 24px);
  letter-spacing: max(-0.09375vw, -1.2px);
}
@media screen and (max-width: 768px) {
  .rashiku__nameSub {
    letter-spacing: -0.2133333333vw;
    font-size: 4.8vw;
  }
}

.rashiku__nameMain {
  transform: skewX(-10deg);
  font-size: min(3.125vw, 40px);
  letter-spacing: max(-0.15625vw, -2px);
}
@media screen and (max-width: 768px) {
  .rashiku__nameMain {
    letter-spacing: -0.5333333333vw;
    font-size: 8.5333333333vw;
  }
}

.rashiku__desc {
  font-size: min(1.25vw, 16px);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .rashiku__desc {
    font-size: 4.2666666667vw;
  }
}

.rashiku__illust {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .rashiku__illust {
    bottom: 0;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  ._rashiku01 .rashiku__illust {
    bottom: min(1.25vw, 16px);
    right: min(21.640625vw, 277px);
    width: min(18.87890625vw, 241.65px);
    height: min(10.65234375vw, 136.35px);
  }
}
@media screen and (max-width: 768px) {
  ._rashiku01 .rashiku__illust {
    width: 46.008vw;
    height: 24.36vw;
  }
}
@media screen and (min-width: 769px) {
  ._rashiku02 .rashiku__illust {
    bottom: max(-1.5625vw, -20px);
    right: min(1.171875vw, 15px);
    width: min(16.50859375vw, 211.31px);
    height: min(12.109375vw, 155px);
  }
}
@media screen and (max-width: 768px) {
  ._rashiku02 .rashiku__illust {
    width: 39.344vw;
    height: 35.4053333333vw;
  }
}
@media screen and (min-width: 769px) {
  ._rashiku03 .rashiku__illust {
    bottom: max(-1.5625vw, -20px);
    right: min(0.234375vw, 3px);
    width: min(19.82734375vw, 253.79px);
    height: min(12.87265625vw, 164.77px);
  }
}
@media screen and (max-width: 768px) {
  ._rashiku03 .rashiku__illust {
    width: 52.48vw;
    height: 31.4053333333vw;
  }
}
@media screen and (min-width: 769px) {
  ._rashiku04 .rashiku__illust {
    bottom: max(-1.5625vw, -20px);
    right: min(0.546875vw, 7px);
    width: min(21.62421875vw, 276.79px);
    height: min(12.2375vw, 156.64px);
  }
}
@media screen and (max-width: 768px) {
  ._rashiku04 .rashiku__illust {
    width: 61.5413333333vw;
    height: 36vw;
    bottom: -4.5333333333vw;
  }
}
.rashiku__illust img {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}

.more {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--page-color-yellow);
  padding-block: min(7.96875vw, 102px) min(9.609375vw, 123px);
  isolation: isolate;
}
@media screen and (max-width: 768px) {
  .more {
    padding-block: 10.6666666667vw 13.6vw;
  }
}

.more__link {
  position: relative;
  margin-inline: auto;
  display: block;
}
.more__link::after {
  z-index: 0;
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  background: #D1D1D1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: min(0.703125vw, 9px);
  border-radius: min(9.765625vw, 125px);
}
@media screen and (max-width: 768px) {
  .more__link::after {
    top: 2.9333333333vw;
    border-radius: 10.6666666667vw;
  }
}

.more__body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  font-weight: 500 !important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background: #fff;
  width: min(67.1875vw, 860px);
  height: min(9.765625vw, 125px);
  border-radius: min(9.765625vw, 125px);
  font-size: min(2.8125vw, 36px);
  gap: min(3.90625vw, 50px);
}
@media screen and (max-width: 768px) {
  .more__body {
    gap: 2.6666666667vw;
    font-size: 5.8666666667vw;
    width: 89.3333333333vw;
    height: 35.7333333333vw;
  }
}
.more__body::before, .more__body::after {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.more__body::before {
  width: min(6.64296875vw, 85.03px);
  height: min(5.98671875vw, 76.63px);
  background-image: url(/chintai/dousumou/img/logo-jkk.svg);
}
@media screen and (max-width: 768px) {
  .more__body::before {
    width: 20.1226666667vw;
    height: 18.1333333333vw;
  }
}
.more__body::after {
  position: relative;
  width: min(1.875vw, 24px);
  height: min(1.875vw, 24px);
  background-image: url(/chintai/dousumou/img/icon-external.svg);
}
@media screen and (min-width: 769px) {
  .more__body::after {
    top: min(0.234375vw, 3px);
    margin-left: min(0.78125vw, 10px);
    background-size: min(1.71875vw, 22px) auto;
  }
}
@media screen and (max-width: 768px) {
  .more__body::after {
    margin-left: 1.6vw;
    width: 6.4vw;
    height: 6.4vw;
    background-size: 5.3333333333vw auto;
  }
}
.more__body > div > span {
  background: linear-gradient(transparent 80%, var(--page-color-yellow) 80%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (min-width: 769px) {
  a:hover .more__body {
    transform: translateY(min(0.703125vw, 9px));
  }
}

.danchi {
  background: #F9F6EE;
  padding-block: min(9.375vw, 120px);
}
@media screen and (max-width: 768px) {
  .danchi {
    padding-block: 18.6666666667vw 16vw;
  }
}

.danchi__inner {
  display: grid;
  align-items: start;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .danchi__inner {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    gap: min(4.6875vw, 60px) min(8.90625vw, 114px);
    max-width: min(81.25vw, 1040px);
  }
}
@media screen and (max-width: 768px) {
  .danchi__inner {
    grid-template-columns: 1fr;
    padding-inline: 2.6666666667vw;
    gap: 8vw;
  }
}

@media screen and (min-width: 769px) {
  .danchi__heading {
    order: 2;
    grid-row: span 2;
  }
}
.danchi__heading img {
  width: min(10.625vw, 136px);
  height: auto;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .danchi__heading img {
    width: 94.6666666667vw;
  }
}

.danchi__headingBlock {
  font-family: "Zen Old Mincho", sans-serif;
  font-size: min(3.359375vw, 43px);
  background: url(/chintai/dousumou/img/danchi-heading-bg.svg) top right/contain no-repeat;
  width: min(10.625vw, 136px);
  height: min(37.109375vw, 475px);
  line-height: 1.6;
  letter-spacing: 0.57em;
  white-space: nowrap;
  font-weight: 500 !important;
  color: #111;
}
@media screen and (min-width: 769px) {
  .danchi__headingBlock {
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 768px) {
  .danchi__headingBlock {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    display: flex;
    flex-direction: column;
    font-size: 8.5333333333vw;
    width: 94.6666666667vw;
    height: 27.0506666667vw;
    background-image: url(/chintai/dousumou/img/danchi-heading-bg-sp.svg);
    background-size: 100% 100%;
    background-position: left top;
    line-height: 1.53;
  }
}

@media screen and (min-width: 769px) {
  .danchi__headingLine {
    margin-top: 0.25em;
  }
}
@media screen and (max-width: 768px) {
  .danchi__headingLine {
    margin-left: 0.28em;
  }
}

.danchi__desc {
  font-size: min(1.25vw, 16px);
  line-height: 225%;
  letter-spacing: min(0.175vw, 2.24px);
}
@media screen and (max-width: 768px) {
  .danchi__desc {
    font-size: 4.2666666667vw;
    letter-spacing: 0.5973333333vw;
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) {
  .danchi__desc {
    order: 1;
  }
}

@media screen and (min-width: 769px) {
  .danchi__video {
    order: 3;
  }
}
.danchi__video iframe {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
}

.danchi__videoInner {
  height: min(34.6875vw, 444px);
  aspect-ratio: 790/444;
}
@media screen and (max-width: 768px) {
  .danchi__videoInner {
    height: 53.3333333333vw;
  }
}

@keyframes flowRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes flowLeft {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.shibuFooter {
  padding: 0 0 11rem;
}
@media screen and (max-width: 768px) {
  .shibuFooter {
    padding: 0;
  }
}

.shitteruMore {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}
.shitteruMore .character {
  width: 146px;
}
.shitteruMore a {
  padding-right: 50px;
  position: relative;
  font-size: 28px;
}
.shitteruMore a > span {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}
.shitteruMore a::before {
  content: "";
  width: 37px;
  height: 37px;
  background: #FDD000;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  border-radius: 50%;
}
.shitteruMore a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.shitteruMore a:hover::before {
  width: 46px;
  height: 46px;
  right: -4px;
}
.shitteruMore .dot {
  background-image: radial-gradient(circle at center, #FDD000 30%, transparent 30%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.4em;
}
@media screen and (max-width: 767px) {
  .shitteruMore {
    flex-direction: column-reverse;
    padding: 0 20px;
    gap: 50px;
  }
  .shitteruMore .character {
    width: 135px;
  }
  .shitteruMore a {
    font-size: 4.4vw;
    padding-right: 7vw;
  }
  .shitteruMore a::after {
    right: 2.5vw;
  }
  .shitteruMore a::before {
    width: 6vw;
    height: 6vw;
  }
  .shitteruMore a:hover::before {
    width: 6vw;
    height: 6vw;
    right: 0;
  }
}

.shitteruFlow {
  padding: 95px 0;
}
.shitteruFlow__heading {
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: 55px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
.shitteruFlow__heading span {
  background-color: #FDD000;
}
.shitteruFlow__list {
  display: flex;
  gap: 40px;
  width: 1040px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
}
.shitteruFlow__list > li {
  position: relative;
  border: 1px solid #000;
  border-radius: 20px;
  width: calc((100% - 80px) / 3);
  padding: 40px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.shitteruFlow__list > li:not(:last-child)::after {
  content: "";
  width: 19px;
  height: 27px;
  background-color: #FDD000;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.shitteruFlow__list .bold {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 30px;
}
.shitteruFlow__list .txt {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .shitteruFlow__heading span:first-child {
    padding-left: 5px;
  }
  .shitteruFlow__heading span:last-child {
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .shitteruFlow__heading {
    font-size: 8vw;
    margin-bottom: 10.67vw;
    line-height: 1.3;
    flex-direction: column;
    gap: 5px;
    align-items: center;
  }
  .shitteruFlow__list {
    flex-direction: column;
    align-items: center;
  }
  .shitteruFlow__list > li {
    width: 100%;
    padding: 45px 10px 40px;
    max-width: 260px;
  }
  .shitteruFlow__list > li:not(:last-child)::after {
    width: 27px;
    height: 19px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    top: auto;
    right: 50%;
    bottom: -30px;
    transform: translateX(50%);
  }
}

.videoModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.videoModal.is-changing .videoModal__content {
  opacity: 0;
  transition: none;
}
.videoModal.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.videoModal {
  /* よこ（デフォルト） */
}
@media screen and (min-width: 769px) {
  .videoModal.horizontal .videoModal__content {
    max-width: min(70.3125vw, 900px);
  }
}
.videoModal {
  /* たて */
}
@media screen and (min-width: 769px) {
  .videoModal.vertical .videoModal__content {
    max-height: min(62.5vw, 800px);
  }
}
@media screen and (max-width: 768px) {
  .videoModal.vertical .videoModal__content {
    max-width: 74.6666666667vw;
  }
}

.videoModal__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .videoModal__inner {
    max-width: min(72.96875vw, 934px);
    padding: min(7.8125vw, 100px) min(7.578125vw, 97px) min(6.25vw, 80px);
    border-radius: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .videoModal__inner {
    max-width: 90vw;
    padding: 10.6666666667vw 12vw;
    border-radius: 4.8vw;
  }
}

.videoModal__content {
  width: 100%;
  position: relative;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 769px) {
  .videoModal__content {
    max-width: min(81.25vw, 1040px);
  }
}

.videoModal__close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: min(7.03125vw, 90px);
  height: min(7.03125vw, 90px);
  background-image: url(/chintai/dousumou/img/close-modal.svg);
  background-position: center;
  background-size: min(2.65625vw, 34px) auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .videoModal__close {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-size: 4vw auto;
  }
}

.videoModal__main {
  position: relative;
  height: 100% !important;
  overflow: hidden;
  max-height: min(62.5vw, 800px);
  margin-inline: auto;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 768px) {
  .videoModal__main {
    max-height: 60svh;
  }
}
.vertical .videoModal__main {
  aspect-ratio: 9/16;
}
.videoModal__main iframe {
  height: 100% !important;
  max-height: inherit !important;
  max-width: inherit !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  -o-object-position: center;
     object-position: center;
  border: 0;
}

/* ナビゲーションボタン */
.videoModal__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: min(7.5vw, 96px);
  height: min(7.5vw, 96px);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .videoModal__arrow {
    width: 11.2vw;
    height: 11.2vw;
  }
}
.videoModal__arrow:hover:not(:disabled) {
  background: none;
}
.videoModal__arrow:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.videoModal__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/chintai/dousumou/img/arrow-modal-right.svg);
  background-position: center;
  background-size: min(1.640625vw, 21px) auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .videoModal__arrow::before {
    background-size: 2.6666666667vw auto;
  }
}
.videoModal__arrow._prev {
  left: 0;
}
.videoModal__arrow._prev::before {
  background-image: url(/chintai/dousumou/img/arrow-modal-left.svg);
}
.videoModal__arrow._next {
  right: 0;
}
.videoModal__title {
  width: 100%;
  text-align: left;
  font-size: min(1.71875vw, 22px);
  margin-top: min(2.5vw, 32px);
}
@media screen and (max-width: 768px) {
  .videoModal__title {
    font-size: 3.7333333333vw;
  }
}