/* =============================================
共通
============================================= */
.elementary-school-mv--upper {
  display: flex;
  align-items: center;
  min-height: 700px;
  aspect-ratio: unset;
}
.elementary-school-mv__inner {
  max-width: 700px;
}
.elementary-school-mv::before {
  content: "";
  background: rgba(0, 150, 189, 0.6);
  width: stretch;
  height: 100%;
  top: 0;
}
.elementary-school-mv::after {
  display: none;
}
.elementary-school-mv__content {
  background: none;
  padding: 0;
  margin: 0;
}
.elementary-school-mv__main-title {
  font-family: "Noto Sans JP", sans-serif !important;
  text-shadow:
    0px 0px 20px #1ba1c4,
    0px 0px 20px #1ba1c4;
  font-weight: 900;
  font-size: 48px;
  line-height: 1.4;
  color: #fff;
}
.elementary-school-mv__main-span-small {
  font-size: 0.8em;
}
.elementary-school-mv__item {
  text-shadow:
    0px 0px 20px #1ba1c4,
    0px 0px 20px #1ba1c4;
  font-weight: 900;
  font-size: 22px;
  color: #fff;
}
.elementary-school-mv__item-span-small {
  font-size: 0.8em;
}
.elementary-school-mv__title-wrap {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.elementary-school-mv__item::before {
  background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/elementary-school-mv-check.webp);
}
.elementary-school-mv__item::after {
  background-image: linear-gradient(
    to right,
    #fff,
    #fff 2px,
    transparent 2px,
    transparent 2px
  );
}
.elementary-school-mv-button {
  width: fit-content;
  margin-inline: auto;
  padding: 20px 60px 24px;
}
.elementary-school-mv-button__text {
  font-size: 31px;
}
.elementary-school-mv-button__span {
  font-size: 20px;
}
.elementary-school-features__content {
  margin-top: 60px;
}
.elementary-school-features__moreover::before {
  display: none;
}
.elementary-school-supervision__content {
  padding-bottom: 90px;
}
.elementary-school-features__moreover {
  margin-top: 40px;
}
.elementary-school-example::before {
  background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/materials-bg.webp);
}
/* 角丸除去 */
.elementary-school-features__item,
.elementary-school-features__moreover,
.elementary-school-point__item,
.elementary-school-supervision__content,
.elementary-school-price__list-title,
.elementary-school-price__list,
.elementary-school-voice__item,
.elementary-school-teacher__item,
.elementary-school-faq__question,
.elementary-school-price__item,
.elementary-school-price__item,
.elementary-school-voice__badge,
.elementary-school-price__premium-box,
.elementary-school-teacher__item-movie-wrap,
.material-slider__descriptions,
.elementary-school-point,
.material-slider__img-wrap,
.elementary-school-voice,
.elementary-school-faq,
.elementary-school-faq__answer-text,
.elementary-school-faq__item[open] .elementary-school-faq__question {
  border-radius: 0;
}
/* あしらい除去 */
.elementary-school-features__content::before,
.elementary-school-features__content::after,
.elementary-school-features__item::after,
.elementary-school-point__item::after,
.elementary-school-section-title::before,
.elementary-school-section-title::after {
  display: none;
}
/* 新要素 */
.elementary-school-mv__lead {
  color: #fff;
  text-align: center;
  font-weight: 900;
  font-size: 31px;
  margin-bottom: 10px;
  text-shadow:
    0px 0px 20px #1ba1c4,
    0px 0px 20px #1ba1c4;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .elementary-school {
    padding-top: 60px;
  }

  /* FV */
  .elementary-school-mv--upper {
    border-bottom: solid 2px #fff;
    min-height: unset;
  }
  .elementary-school-mv__inner {
    margin-top: 14vw;
    padding-bottom: 50px;
    max-width: 520px;
  }
  .elementary-school-mv__content {
    background: #0096bd;
    padding: 25px 16px 16px;
    border-radius: 0;
    box-shadow: 0px 13px 24px rgba(27, 161, 196, 0.4);
  }
  .elementary-school-mv__lead {
    margin-bottom: 8px;
    text-shadow: unset;
    background: #fff;
    color: #0096bd;
    padding: 4px 10px;
    position: absolute;
    top: -18px;
    border: solid 2px #0096bd;
    font-size: 16px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .elementary-school-mv__main-title {
    font-size: 24px;
    text-shadow: unset;
  }
  .elementary-school-mv__items {
    padding-inline: 0;
    margin-top: 10px;
  }
  .elementary-school-mv__item {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-shadow: unset;
  }
  .elementary-school-mv__item::after {
    top: -8px;
  }
  .elementary-school-mv__button-wrap {
    margin-top: 20px;
    background: #e1f3f7;
    padding: 10px;
  }
  .elementary-school-mv-button {
    width: 100%;
    padding: 14px 10px 18px;
  }
  .elementary-school-mv-button__span {
    font-size: 16px;
  }
  .elementary-school-mv-button__text {
    font-size: 20px;
  }

  /* 特徴 */
  .elementary-school-features__content,
  .elementary-school-point__items {
    margin-top: 30px;
  }
  .elementary-school-features__item::before,
  .elementary-school-point__item::before {
    top: -20px;
    left: -12px;
  }
  .elementary-school-features__item-title {
    margin-top: 20px;
  }
  .elementary-school-features__img-wrap {
    width: 180px;
    height: 180px;
  }
  .elementary-school-features__img--5 {
    max-width: 88px;
  }
  .elementary-school-features__img--6 {
    max-width: 120px;
  }
  .elementary-school-features__img--7 {
    max-width: 128px;
  }

  /* 教材 */
  .elementary-school-supervision__content {
    padding-bottom: 60px;
  }
}

/* =============================================
中学生
============================================= */
.junior-high-school .elementary-school-mv--upper {
  background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/junior-high-fv.webp);
}
@media (max-width: 767px) {
  .junior-high-school .elementary-school-mv--upper {
    background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/junior-high-school-fv-sp.webp);
  }
  .junior-high-school .elementary-school-mv__inner {
    margin-top: 18vw;
  }
}

/* =============================================
高校生
============================================= */
.high-school .elementary-school-mv--upper {
  background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/high-school-fv.webp);
}
@media (max-width: 767px) {
  .high-school .elementary-school-mv--upper {
    background-image: url(/wp-content/themes/cloudt/assets-2024/images/junior-high-and-high-school/high-school-fv-sp.webp);
  }
}