.cmn-contents-w {
  width: 100%;
  max-width: 1000px;
}

.cmn-kv_ttl span {
  display: block;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .cmn-kv_ttl span {
    font-size: 2.4rem;
  }
}

.slogan_inner {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.slogan_contents {
  position: relative;
  z-index: 2;
  padding-bottom: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .slogan_contents {
    padding-bottom: 92px;
  }
}

.slogan_body {
  text-align: center;
  padding-top: calc(28 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .slogan_body {
    padding-top: 15px;
  }
}
.slogan_body picture {
  display: block;
  margin: 8px auto 0;
  width: 97%;
}
@media screen and (min-width: 769px) {
  .slogan_body picture {
    width: 90%;
    margin-top: -22px;
  }
}

.slogan_title {
  line-height: 1.5;
  font-size: clamp(26px, 5.5979643766vw + 5.0076335878px, 48px);
  font-weight: 200;
  font-family: "Zen Old Mincho", "serif";
  color: #20338c;
}
@media screen and (min-width: 769px) {
  .slogan_title {
    letter-spacing: 0.1em;
  }
}
.slogan_title img {
  display: block;
  width: calc(310 / 750 * 100vw);
  max-width: 325px;
  margin-inline: auto;
  margin-bottom: -12px;
}
@media screen and (min-width: 769px) {
  .slogan_title img {
    margin-bottom: -35px;
  }
}

.slogan_text {
  margin-top: 30px;
  line-height: 1.6153846154;
  font-size: clamp(13px, 1.272264631vw + 8.2290076336px, 18px);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .slogan_text {
    margin-top: 76px;
    line-height: 2;
  }
}
.slogan_text + .slogan_text {
  margin-top: 1.615em;
}
@media screen and (min-width: 769px) {
  .slogan_text + .slogan_text {
    margin-top: 2em;
  }
}

.slogan_movie {
  padding-top: 12px;
}
@media screen and (min-width: 769px) {
  .slogan_movie {
    padding-top: 0;
  }
}
.slogan_movie .cmn-sec-ttl {
  font-weight: 200;
}
.slogan_movie .movie_youtube {
  width: calc(712 / 750 * 100vw);
  max-width: 712px;
  aspect-ratio: 712/401;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .slogan_movie .movie_youtube {
    margin-top: 15px;
  }
}
.slogan_movie .movie_youtube iframe {
  width: 100%;
  height: 100%;
}

.slogan_bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
}

[class*=slogan_bg] {
  position: absolute;
  z-index: 1;
}

.slogan_bg-photo01 {
  top: calc(-25 / 750 * 100vw);
  left: 0;
  z-index: 2;
  width: calc(250 / 750 * 100vw);
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  .slogan_bg-photo01 {
    top: -65px;
    width: clamp(348px, 36.1764705882vw + 0.7058823529px, 471px);
  }
}

.slogan_bg-photo02 {
  top: calc(-16 / 750 * 100vw);
  right: 0;
  z-index: 2;
  width: calc(219 / 750 * 100vw);
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  .slogan_bg-photo02 {
    top: 8px;
    width: clamp(286px, 29.7058823529vw + 0.8235294118px, 387px);
  }
}

.slogan_bg-light01 {
  top: calc(10 / 750 * 100vw);
  left: 0;
  right: 0;
  z-index: 1;
  width: calc(730 / 750 * 100vw);
  margin: auto;
  opacity: 0.7;
}
@media screen and (min-width: 769px) {
  .slogan_bg-light01 {
    top: 0;
    width: clamp(930px, 96.1764705882vw + 6.7058823529px, 1257px);
  }
}

.slogan_bg-light02 {
  top: 18px;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  opacity: 0.7;
  display: none;
  width: clamp(970px, 100vw + 10px, 1310px);
}
@media screen and (min-width: 769px) {
  .slogan_bg-light02 {
    display: block;
  }
}