.ybs {
  /*  ads key visual
  ========================================================================== */
}
.ybs-kv {
  background-image: url(../images/ads__bg_img.webp);
}
@media (max-width: 768px) {
  .ybs-kv {
    background-image: url(../images/ads__bg_img_sp.webp);
  }
}
.ybs-kv__subtitle {
  font-size: 13.2rem;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@media (max-width: 1400px) {
  .ybs-kv__subtitle {
    font-size: clamp(10.9rem, -0.9333333333rem + 11.1111111111vw, 12.4rem);
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
  }
}
@media (max-width: 768px) {
  .ybs-kv__subtitle {
    font-size: clamp(3.8rem, -0.0167938931rem + 10.1781170483vw, 7.8rem);
    -webkit-transform: translateY(1.4322916667vw);
            transform: translateY(1.4322916667vw);
  }
}

/*  introduction
========================================================================== */
.intro-section {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.intro-section__img {
  width: 31.6666666667%;
}
@media (max-width: 768px) {
  .intro-section__img {
    width: 49.4791666667vw;
  }
}
.intro-section__body {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .intro-section__body {
    -webkit-margin-before: 19px;
            margin-block-start: 19px;
  }
  .intro-section__body .ybs-content__title {
    line-height: 1.6956521739;
  }
}
.intro-section__txt {
  -webkit-margin-before: 26px !important;
          margin-block-start: 26px !important;
}
.intro-section__txt:first-of-type {
  -webkit-margin-before: 40px !important;
          margin-block-start: 40px !important;
}
.intro-section__txt:last-of-type {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .intro-section__txt {
    -webkit-margin-before: 24px !important;
            margin-block-start: 24px !important;
  }
  .intro-section__txt:first-of-type {
    -webkit-margin-before: 20px !important;
            margin-block-start: 20px !important;
  }
  .intro-section__txt:last-of-type {
    font-size: 1.8rem;
  }
}

/*  advertisement
========================================================================== */
.ads-section .content-statement__intro {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ads-section__inner:not(:first-child) {
  -webkit-padding-before: 100px;
          padding-block-start: 100px;
}
@media (max-width: 768px) {
  .ads-section__inner:not(:first-child) {
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}
.ads-section__title {
  font-size: 6rem;
}
@media (max-width: 768px) {
  .ads-section__title {
    font-size: 3.5rem;
  }
}
.ads-section__wrap {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}
@media (max-width: 768px) {
  .ads-section__wrap {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}
.ads-section__content {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}
@media (max-width: 768px) {
  .ads-section__content {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}
.ads-section__coming {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-padding-before: 100px;
          padding-block-start: 100px;
}
@media (max-width: 768px) {
  .ads-section__coming {
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}
/*# sourceMappingURL=index.css.map */