/*---------------------------------------------------------
ページ内共通
---------------------------------------------------------*/
:root {
  --color-navy: #172536;
  --color-skyblue: #007AC2;
  --color-red: #E81816;
  --grad-blue: linear-gradient(to right, #00b6e3 0%,#0046b7 100%);
  --ff-zenkakugo: 'Zen Kaku Gothic New', sans-serif;
  --ff-robot: 'Roboto Condensed', sans-serif;
}

body {
  font-feature-settings: 'halt';
  counter-reset:
    studyMethod
    aboutWam;
}

.breadcrumbs {
  /* Firefox */
  scrollbar-width: none;
  /* IE / Edge旧版 */
  -ms-overflow-style: none;
}
/* Chrome / Safari / Edge */
.breadcrumbs::-webkit-scrollbar {
  display: none;
}

article {
  overflow: hidden;
}

[data-cat="junior-high"] .section-cv-area {
  background: transparent;
  padding-block: 40px clamp(65px, 17.333vw, 120px);
}
.section-cv-area p {
  margin-block: 0;
}

/* 特典紹介 */
.cta_tokutenTxt_container {
  text-align: center;
  margin-block: clamp(30px, 8vw, 40px) 0;
}
.cta_tokutenTxt {
    display: inline-block;
    margin-block: 0 8px;
    margin-inline: auto;
    font-size: 1.5rem;
    line-height: 1.4;
    position: relative;
}
@media (max-width: 600px) {
    .cta_tokutenTxt {
        margin-top: 0;
    }
}
.cta_tokutenTxt::before,
.cta_tokutenTxt::after {
    position: absolute;
    bottom: 0;
    font-weight: normal;
}
@media (min-width: 601px) {
    .cta_tokutenTxt::before,
    .cta_tokutenTxt::after {
        font-size: 150%;
    }
}
.cta_tokutenTxt::before {
    content: '＼';
    left: -20px;
}
.cta_tokutenTxt::after {
    content: '／';
    right: -20px;
}
@media (max-width: 600px) {
    .cta_tokutenTxt::before {
        left: 2.666vw;
    }
    .cta_tokutenTxt::after {
        right: 2.666vw;
    }
}
.cta_tokutenTxt span {
    color: #e50203;
    font-size: 2rem;
    font-weight: 800;
}
.cta_tokutenImg {
    width: 800px;
    height: auto;
    margin-inline: auto;
}
@media (max-width: 600px) {
    .cta_tokutenImg {
        width: 91%;
    }
}
.cta_tokutenImg img {
    width: 100%;
    height: auto;
    object-fit: unset;
}

h1,h2,h3,h4 {
  font-family: var(--ff-zenkakugo);
  font-weight: 900;
}
@media screen and (max-width: 600px) {
  h1,h2,h3,h4 {
    line-height: 1.7;
  }
}

.bg_blue {
  background: var(--grad-blue);
  text-align: center;
  position: relative;
  padding-block: clamp(31.5px, 8.4vw, 72px) clamp(40px, 10.666vw, 130px);
}
.bg_blue::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../img/lp/junior-high/benkyono_yarikata/studyMethod_bg.svg) center -250px/cover no-repeat;
  opacity: 0.15;
}
@media screen and (max-width: 600px) {
  .bg_blue {
    padding-inline: 6.666vw;
  }
  .bg_blue::before {
    background-position-y: -75px;
    background-size: contain;
    background-repeat: repeat-y;
  }
}

.bg_blue h2 {
  color: #fff;
  position: relative;
  padding-block: 0 clamp(42px, 11.2vw, 64px);
  position: relative;
  z-index: 1;
}
.bg_blue h2::before {
  content: '';
  display: block;
  margin-block: 0 clamp(4px, 1.066vw, 7px);
  margin-inline: auto;
}

.bg_skyBlue {
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_bg.svg) center -60px/748px 748px #ECFBFF no-repeat;
  text-align: center;
  position: relative;
  padding-block: clamp(39px, 10.4vw, 77px) clamp(25px, 6.666vw, 130px);
}
@media screen and (max-width: 600px) {
  .bg_skyBlue {
    padding-inline: 6.666vw;
  }
}
.bg_skyBlue::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_bg.svg) center -250px/contain repeat-y;
  mix-blend-mode: multiply;
}
.bg_skyBlue.teacher_bg::before {
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_bg.svg) center -250px/cover repeat-y;
}
@media screen and (max-width: 600px) {
  .bg_skyBlue::before,
  .bg_skyBlue.teacher_bg::before {
    background-position-y: -75px;
    background-size: contain;
  }
}

.bg_skyBlue h2 {
  color: var(--color-navy);
  font-size: clamp(2.1rem, 5.6vw, 4.2rem);
  text-shadow:
    0 0 20px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 20px #FFFFFF;
  margin-block: 0 clamp(26.5px, 7.066vw, 46px);
  position: relative;
  z-index: 1;
}
.bg_skyBlue h2::before {
  content: '';
  display: block;
  margin-inline: auto;
}
.bg_skyBlue h2 span {
  font-size: clamp(2.6rem, 6.933vw, 5.2rem);
  color: var(--color-red);
}

.general_h2 {
  font-size: clamp(2.6rem, 6.933vw, 5.2rem);
}

.general_h3 {
  font-size: clamp(2.1rem, 5.6vw, 3rem);
}

.affinity,
.bg_blue,
.juku_kobetsu_container,
.aboutWam_bg,
.online_bg,
.teacher_bg,
.closing,
.guarantee-box {
  p {
    font-size: clamp(1.6rem, 4.533vw, 1.8rem);
    line-height: 1.9;
  }
  p:last-of-type:not(.aboutWam_1on1 + .aboutWam_inner p) {
    margin-bottom: 0;
  }
  @media screen and (max-width: 600px) {
    p {
      line-height: 1.8;
    }
  } 
}

.fc_red {
  color: var(--color-red);
  font-weight: 900;
}

/*---------------------------------------------------------
メインビジュアル
---------------------------------------------------------*/
.fv {
  padding-block: clamp(17px, 4.533vw, 35px) clamp(30px, 8vw, 59px);
  text-align: center;
  background: url(../img/lp/junior-high/benkyono_yarikata/mainV_bg_pc.png) center 0/1400px 747px no-repeat;
}
@media screen and (max-width: 1032px) {
  .fv {
    background: url(../img/lp/junior-high/benkyono_yarikata/mainV_bg_sp.png) center 0/cover no-repeat;
  }
}

.targetCall {
  margin-inline: auto;
}
@media screen and (min-width: 835px) {
  .targetCall {
    aspect-ratio: 609/77;
    width: 609px;
  }
}
@media screen and (max-width: 834px) and (min-width: 601px) {
  .targetCall {
    aspect-ratio: 609/77;
    width: 490px;
  }
}
@media screen and (max-width: 600px) {
  .fv .targetCall {
    margin-bottom: 2.533vw;
  }
  .fv .targetCall img {
    width: 56.533vw;
    aspect-ratio: 212/51;
  }
}

h1 {
  font-size: clamp(2.3rem, 6.133vw, 5.3rem);
  color: var(--color-navy);
  line-height: 1.35;
}

.mainCatch {
  display: inline-block;
  font-size: clamp(3.3rem, 8.8vw, 7.7rem);
  color: transparent;
  background: var(--grad-blue);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.culum-3-none {
  width: clamp(211.5px, 56.4vw, 443px);
  gap: clamp(9px, 2.4vw, 28px);
  margin-block: clamp(18.5px, 4.933vw, 43px) clamp(13.5px, 3.6vw, 26px);
  margin-inline: auto;
}
.article-exam-schools .culum-3-none p {
  margin: 0;
  padding: 0;
}

.fv .serviceName {
  background: var(--grad-blue);
  width: clamp(225px, 60vw, 550px);
  border-radius: 100px;
  font-family: var(--ff-zenkakugo);
  font-weight: 900;
  font-size: clamp(1.4rem, 3.733vw, 2.4rem);
  line-height: 1;
  margin-block: 0;
  margin-inline: auto;
  padding-block: clamp(5px, 1.333vw, 12px) clamp(6px, 1.6vw, 15px);
  color: #F8F875;
}

/*---------------------------------------------------------
体験記
---------------------------------------------------------*/
.voice {
  text-align: center;
}
.voice_ttl {
  display: inline-block;
  font-size: clamp(1.7rem, 4.533vw, 3.4rem);
  color: var(--color-navy);
  text-align: center;
  margin-block: clamp(35px, 9.333vw, 60px) clamp(15px, 4vw, 36px);
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .voice_ttl {
    line-height: 1.3;
  }
}
.voice_ttl span {
  font-size: clamp(2.3rem, 6.133vw, 4.6rem);
  color: var(--color-skyblue);
}

.voice_ttl:before,
.voice_ttl:after {
  content: '';
  position: absolute;
  bottom: clamp(5px, 1.333vw, 10px);
  display: block;
  background: url(../img/lp/junior-high/benkyono_yarikata/icon_arrow.svg) center 0/contain no-repeat;
  width: clamp(59px, 15.733vw, 155px);
  aspect-ratio: 155/101;
}
.voice_ttl:before {
  left: -200px;
}
.voice_ttl:after {
  right: -165px;
}
@media screen and (max-width: 600px) {
  .voice_ttl:before {
    left: -65px;
  }
  .voice_ttl:after {
    right: -55px;
  }
}

.voice .seisekiUp-slider-area {
  margin-block: 0;
}
.voice .seisekiup-areaBox-contentsTxt {
  text-align: left;
  margin-bottom: 0;
}

.voice + .section-cv-area {
  padding: 15px 0 clamp(60px, 16vw, 130px);
}

/*---------------------------------------------------------
お悩み共感
---------------------------------------------------------*/
.affinity_container {
  background: url(../img/lp/junior-high/benkyono_yarikata/affinity_bg_pc.png) center 0/contain no-repeat;
  position: relative;
}
@media screen and (min-width: 601px) {
  .affinity_container::after {
    content: '';
    position: absolute;
    top: 103px;
    left: 50%;
    display: block;
    width: 510px;
    aspect-ratio: 510/696;
    background: url(../img/lp/junior-high/benkyono_yarikata/affinity_img_pc.png) 0 0/contain no-repeat;
  }
}

.affinity {
  max-width: 930px;
  margin-inline: auto;
  padding-block: clamp(32px, 8.533vw, 88px) clamp(65px, 17.333vw, 100px);
}
@media screen and (max-width: 600px) {
  .affinity {
    padding-inline: 6.666vw;
  }
}

.affinity h2 {
  font-size: clamp(2.1rem, 5.6vw, 4.6rem);
  color: var(--color-navy);
  margin-block: 0 clamp(26px, 6.933vw, 45px);
  text-shadow:
    0 0 clamp(10px, 2.666vw, 20px) #F4F4F5,
    0 0 clamp(10px, 2.666vw, 20px) #F4F4F5,
    0 0 clamp(10px, 2.666vw, 20px) #F4F4F5,
    0 0 clamp(10px, 2.666vw, 20px) #F4F4F5,
    0 0 clamp(10px, 2.666vw, 20px) #F4F4F5;
}
.affinity h2 span {
  color: var(--color-skyblue);
}

.affinity p {
  max-width: 490px;
}
@media screen and (max-width: 1032px) {
  .affinity p {
    max-width: 430px;
  }
}

.affinity_list {
  margin-block: 0 clamp(36px, 9.6vw, 40px);
}
@media screen and (max-width: 600px) {
  .affinity_list {
    font-weight: 700;
  }
}

.affinity_list li {
  font-family: var(--ff-zenkakugo);
  font-weight: 900;
  font-size: clamp(1.7rem, 4.533vw, 2.2rem);
  line-height: 1.3;
  margin-block: 0 clamp(10px, 2.666vw, 17px);
  margin-inline: 13px 0;
  padding-inline: clamp(26.5px, 7.066vw, 48px) 0;
  position: relative;
}
@media screen and (max-width: 600px) {
  .affinity_list li {
    font-weight: 700;
  }
}

.affinity_list li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: clamp(16px, 4.266vw, 25px);
  aspect-ratio: 25/23;
  background: url(../img/high/plan-check.svg) 0 0/contain no-repeat;
}

.affinity_list li span {
  display: inline !important;
}

@media screen and (max-width: 600px) {
  .affinity_spImg {
    text-align: center;
    margin-block: 0 7.466vw;
    margin-inline: auto;
    width: 76.533vw;
  }
  .affinity_spImg img {
    width: 100%;
  }
}

/*---------------------------------------------------------
正しい勉強のやり方とは？
---------------------------------------------------------*/
.studyMethod_bg h2::before {
  width: clamp(185.5px, 49.466vw, 371px);
  aspect-ratio: 371 / 62;
  background: url(../img/lp/junior-high/benkyono_yarikata/studyMethod_ttl_sub.svg) 0 0/contain no-repeat;
}

.studyMethod_container {
  max-width: 1000px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.studyMethod {
  max-width: 930px;
  text-align: left;
  background: #fff;
  margin-block: 0 clamp(40px, 10.666vw, 50px);
  padding-block: 20px;
  padding-inline: 20px;
  border-radius: clamp(10px, 2.666vw, 20px);
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  counter-increment: studyMethod;
}
@media screen and (max-width: 600px) {
  .studyMethod {
    padding-inline: 6.666vw;
    flex-direction: column;
  }
}

.studyMethod::before {
  content: counter(studyMethod, decimal-leading-zero);
  display: block;
  position: absolute;
  top: clamp(19px, 5.066vw, 24px);
  left: 16px;
  font-family: var(--ff-robot);
  font-weight: 900;
  font-size: clamp(5rem, 13.333vw, 10rem);
  line-height: 1;
  color: var(--color-skyblue);
  letter-spacing: -3px;
}
@media screen and (min-width: 601px) {
  .studyMethod_container > .studyMethod:first-of-type::before {
    letter-spacing: -6px;
  }
  .studyMethod_container > .studyMethod:nth-of-type(2)::before {
    left: unset;
    right: 16px;
  }
}
@media screen and (max-width: 600px) {
  .studyMethod::before {
    left: 6.666vw;
  }
  .studyMethod:nth-of-type(2)::before {
    left: 35.2vw;
  }

  .studyMethod::after {
    content: '';
    display: block;
    position: absolute;
    top: 11.6vw;
    left: 21.466vw;
    width: 13.733vw;
    height: 0.266vw;
    background: var(--color-skyblue);
  }
  .studyMethod:nth-of-type(2)::after {
    left: 50vw;
  }
}

@media screen and (min-width: 601px) {
  .studyMethod_container > .studyMethod:nth-of-type(2) {
    margin-inline: 70px 0;
  }
}
.studyMethod_container > .studyMethod:last-of-type {
  margin-block: 0;
}

.studyMethod_txt {
  padding-block: 34px 0;
  padding-inline: 100px 0;
}
.studyMethod_container > .studyMethod:nth-of-type(2) .studyMethod_txt {
  padding-inline: 0 100px;
}
@media screen and (max-width: 600px) {
  .studyMethod_txt {
    padding-block: 13.333vw 0;
  }
  .studyMethod_txt,
  .studyMethod_container > .studyMethod:nth-of-type(2) .studyMethod_txt {
    padding-inline: 0;
  }
}

.studyMethod h3 {
  margin-block: 0 20px;
  color: var(--color-navy);
}
@media screen and (max-width: 600px) {
  .studyMethod:nth-of-type(2) h3 {
    margin-inline: 28.533vw 0;
  }
}

.studyMethod_img {
  width: 256px;
  height: 337px;
  aspect-ratio: 256/337;
}
@media screen and (max-width: 600px) {
  .studyMethod_img {
    position: absolute;
    top: -5.333vw;
    right: -6.666vw;
    width: 134px;
    height: 152.5px;
    aspect-ratio: 134/152.5;
  }
  .studyMethod:nth-of-type(2) .studyMethod_img {
    right: unset;
    left: -6.666vw;
  }
}

/*---------------------------------------------------------
塾、個別指導塾で対策するべき？
---------------------------------------------------------*/
.juku_kobetsu_container {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .juku_kobetsu_container {
    padding-inline: 6.666vw;
  }
}

.juku {
  margin-block: 0 clamp(50px, 13.333vw, 120px);
}
.kobetsu {
  margin-block: 0 clamp(65px, 17.333vw, 140px);
}

.juku,
.kobetsu {
  max-width: 1000px;
  display: flex;
  margin-inline: auto;
  gap: 50px;
  text-align: left;
}

.juku_kobetsu_container h2 {
  margin-block: 0 clamp(18px, 4.8vw, 36px);
  color: var(--color-skyblue);
  position: relative;
}
.juku_kobetsu_container h2::before {
  content: '';
  display: block;
}
.juku h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/58;
  background: url(../img/lp/junior-high/benkyono_yarikata/cramSchool_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(3px, .8vw, 10px);
}
.kobetsu h2::before {
  content: '';
  display: block;
  width: clamp(220px, 58.666vw, 442px);
  aspect-ratio: 442/54;
  background: url(../img/lp/junior-high/benkyono_yarikata/individual_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(2px, .533vw, 7px);
}
@media screen and (max-width: 600px) {
  .juku_kobetsu_container h2 {
    display: inline-block;
  }

  .juku h2::after,
  .kobetsu h2::after {
    content: '';
    display: block;
    position: absolute;
    right: -15.333vw;
    bottom: 2.4vw;
    width: 12.666vw;
    aspect-ratio: 1/1;
    background: url(../img/lp/junior-high/benkyono_yarikata/cramSchool_ttl_img.svg) 0 0/contain no-repeat;
  }
}

.juku > .juku_kobetsu_img,
.kobetsu > .juku_kobetsu_img {
  width: 397px;
  height: 578px;
  aspect-ratio: 397/578;
}
.juku_kobetsu_txt .juku_kobetsu_img {
  margin-block: 9.333vw;
}
@media screen and (max-width: 768px) and (min-width: 601px) {
  .juku > .juku_kobetsu_img,
  .kobetsu > .juku_kobetsu_img {
    width: 267px;
  }
}

/*---------------------------------------------------------
WAMについて
---------------------------------------------------------*/
@media screen and (min-width: 601px) {
  .aboutWam_ttl_bg {
    position: relative;
  }
}
.aboutWam_ttl_bg::before,
.aboutWam_ttl_bg::after {
  content: '';
  display: block;
  position: absolute;
}
.aboutWam_ttl_bg::before {
  top: -114px;
  left: calc(50% - 797px);
  width: 455px;
  aspect-ratio: 455/519;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_img_l_pc.png) 0 0/contain no-repeat;
}
.aboutWam_ttl_bg::after {
  top: -68px;
  right: calc(50% - 850px);
  width: 516px;
  aspect-ratio: 516/461;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_img_r_pc.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .aboutWam_ttl_bg::before {
    top: -2vw;
    left: -4.933vw;
    width: 28.933vw;
    aspect-ratio: 217/285.8;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_img_l_sp.png);
  }
  .aboutWam_ttl_bg::after {
    top: -.4vw;
    right: -10.51vw;
    width: 32.133vw;
    aspect-ratio: 241.6/268;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_img_r_sp.png);
  }
}

.aboutWam_ttl_bg h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/60;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(3px, .8vw, 10px);
}

.aboutWam_lead {
  text-shadow:
    0 0 clamp(10px, 2.666vw, 20px) #ECFBFF,
    0 0 clamp(10px, 2.666vw, 20px) #ECFBFF,
    0 0 clamp(10px, 2.666vw, 20px) #ECFBFF,
    0 0 clamp(10px, 2.666vw, 20px) #ECFBFF,
    0 0 clamp(10px, 2.666vw, 20px) #ECFBFF;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .aboutWam_lead {
    text-align: left;
  }
}

.aboutWam_container {
  background: #fff;
  max-width: 1000px;
  border-radius: clamp(10px, 2.666vw, 20px);
  margin-block: clamp(35px, 9.333vw, 46px) 0;
  margin-inline: auto;
  padding-block: clamp(25px, 6.666vw, 40px) clamp(20px, 5.333vw, 80px);
  padding-inline: clamp(25px, 6.666vw, 40px);
  position: relative;
  z-index: 1;
  box-shadow:
    0 0 20px rgba(0, 0, 0, 0.2);
}

.aboutWam_container > h3 {
  display: inline-block;
  font-size: clamp(2rem, 5.333vw, 4rem);
  line-height: 1.5;
  position: relative;
}
.aboutWam_container > h3::before,
.aboutWam_container > h3::after {
  content: '';
  display: block;
  position: absolute;
  width: 155px;
  aspect-ratio: 155/101;
}
.aboutWam_container > h3::before {
  bottom: 15px;
  left: -195px;
  background: url(../img/lp/junior-high/benkyono_yarikata/icon_arrow.svg) center 0/contain no-repeat;
}
.aboutWam_container > h3::after {
  bottom: 15px;
  right: -180px;
  background: url(../img/lp/junior-high/benkyono_yarikata/icon_arrow.svg) center 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .aboutWam_container > h3::before,
  .aboutWam_container > h3::after {
    width: 12.666vw;
    bottom: 0;
  }
  .aboutWam_container > h3::before {
    bottom: 2.4vw;
    left: -13.866vw;
  }
  .aboutWam_container > h3::after {
    bottom: 2.4vw;
    right: -13.733vw;
  }
}

.aboutWam_container > h3 span {
  font-size: clamp(2.5rem, 6.666vw, 5rem);
  color: var(--color-skyblue);
}

.aboutWam_container h4 {
  background: #F3F3F3;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 300px;
  margin-block: clamp(68px, 18.133vw, 70px) clamp(20px, 5.333vw, 32px);
  min-height: 118px;
  font-size: clamp(1.9rem, 5.066vw, 3rem);
  color: var(--color-skyblue);
  position: relative;
  counter-increment: aboutWam;
}
.aboutWam_container h4:first-of-type {
  margin-block: clamp(48px, 12.8vw, 50px) clamp(20px, 5.333vw, 32px);
}
@media screen and (max-width: 600px) {
  .aboutWam_container h4 {
    line-height: 1.4;
    min-height: auto;
    padding-block: 6.666vw 3.2vw;
  }
}

.aboutWam_numb {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #007ED8;
  width: 118px;
  height: 118px;
  padding-block: 14px 0;
  border-radius: 500px;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  line-height: 1;
  color: #fff;
}
.aboutWam_numb::after {
  content: counter(aboutWam, decimal-leading-zero);
  position: absolute;
  bottom: 12px;
  font-size: clamp(3.5rem, 9.333vw, 7.4rem);
  font-family: var(--ff-robot);
  font-weight: 900;
}
@media screen and (max-width: 600px) {
  .aboutWam_numb {
    border-radius: 2.666vw;
    top: -4.533vw;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    padding-block: 0;
    align-items: center;
    line-height: 1;
  }
  .aboutWam_numb::after {
    position: relative;
    top: 50%;
    bottom: unset;
  }
}

.aboutWam_container h4::after {
  content: '';
  display: block;
  position: absolute;
}
.aboutWam_curriculum::after {
  width: clamp(51px, 13.6vw, 102px);
  height: clamp(77px, 20.533vw, 154px);
  top: clamp(-29px, -7.733vw, -19px);
  right: 44px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_01_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_teacher::after {
  width: clamp(48.5px, 12.933vw, 97px);
  height: clamp(84.5px, 22.533vw, 169px);
  top: clamp(-29.5px, 7.866vw, -19px);
  right: 45px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_02_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_1on1::after {
  width: clamp(67.5px, 18vw, 135px);
  height: clamp(76.5px, 20.4vw, 153px);
  top: clamp(-43px, -11.466vw, -14px);
  right: 28px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_03_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_method::after {
  width: clamp(54.5px, 14.533vw, 109px);
  height: clamp(52px, 13.866vw, 104px);
  top: 9px;
  right: 42px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_04_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_alltime::after {
  width: clamp(54.5px, 14.533vw, 109px);
  height: clamp(57px, 15.2vw, 114px);
  top: clamp(-28.5px, -7.6vw, -7px);
  right: 42px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_05_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_warranty::after {
  width: clamp(53.5px, 14.266vw, 107px);
  height: clamp(57.5px, 15.333vw, 115px);
  top: clamp(-29px, -7.733vw, -9px);
  right: 43px;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_06_ttl_img.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .aboutWam_curriculum::after {
    right: -2.933vw;
  }
  .aboutWam_teacher::after {
    right: -2.266vw;
  }
  .aboutWam_1on1::after {
    right: -5.333vw;
  }
  .aboutWam_method::after {
    top: -6vw;
    right: -3.6vw;
  }
  .aboutWam_alltime::after,
  .aboutWam_warranty::after {
    right: -3.6vw;
  }
}

.aboutWam_container p {
  text-align: left;
}

.aboutWam_inner {
  padding-inline: 30px;
}
.aboutWam_inner_2column {
  display: flex;
  padding-inline: 30px;
  gap: clamp(30px, 8vw, 60px);
}
@media screen and (max-width: 600px) {
  .aboutWam_inner {
    padding-inline: 0;
  }
  .aboutWam_inner_2column {
    flex-direction: column;
    padding-inline: 0;
  }
}

.aboutWam_txt p:last-of-type {
  margin-bottom: 0;
}
.summaries-instructor-slider-sm.slick-initialized {
  width: unset;
  margin-inline: auto;
}
.aboutWam_inner .aboutWam_1on1_txt {
  margin-block: 50px 36px;
}

.aboutWam_img01 {
  width: 256px;
  height: 337px;
  aspect-ratio: 256/337;
  margin-block: 10px 0;
}
.aboutWam_img02 {
  width: 256px;
  height: 243px;
  aspect-ratio: 256/243;
  margin-block: 10px 0;
}
@media screen and (max-width: 600px) {
  .aboutWam_img01,
  .aboutWam_img02 {
    width: 100%;
    height: auto;
    aspect-ratio: 285/137;
    margin-block: 0;
  }
}

/* 教師紹介スライダー */
.instructorSlider_ttl {
  font-family: var(--ff-zenkakugo);
  font-weight: 900;
  font-size: clamp(1.8rem, 4.8vw, 2.1rem);
  color: var(--color-skyblue);
  display: inline-block;
  margin-block: 20px clamp(10px, 2.666vw, 20px);
  position: relative;
}
.instructorSlider_ttl::before,
.instructorSlider_ttl::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: -33px;
  width: 22px;
  aspect-ratio: 22/33;
  background: url(../img/lp/junior-high/benkyono_yarikata/aboutWam_slider_ttl_img.svg) 0 0/contain no-repeat;
}
.instructorSlider_ttl::after {
  transform: scale(-1, 1);
  left: unset;
  right: -28px;
}
@media screen and (max-width: 600px) {
  .instructorSlider_ttl::before,
  .instructorSlider_ttl::after {
    top: unset;
    bottom: 0;
  }
}

.summaries-instructor-slider-usp .slick-slide {
  margin: 0 10px;
}

/* １対１双方向授業 */
.dls {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
.aboutWam_method + .aboutWam_inner .dls {
  margin-block: 40px 0;
}
@media screen and (max-width: 767px) {
  .dls {
    display: block;
    margin: 0;
  }
}
.dls > * {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .dls > * {
    width: auto;
    padding: 0;
    margin-bottom: 20px;
  }
}
.dls dt {
  background: #cfe9fc;
  font-weight: bold;
  font-size: clamp(1.9rem, 5.066vw, 2rem);
  color: #0071AF;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-block: 8px 10px;
}
.aboutWam_method + .aboutWam_inner .dls dt {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .dls dt {
    font-size: 14px;
    font-size: 3.73333vw;
  }
  .aboutWam_1on1 + .aboutWam_inner .dls dt {
    font-size: 4.533vw;
  }
}
body[data-cat="high"] .dls dt {
  color: #754C24;
  background: #EAE4DE;
}
.dls dd {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .dls dd {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.dls dd p {
  margin-block: 0 20px;
}
.dls dl:last-child dt {
  color: #007240;
  background: #def1d0;
}
h3.summary-title {
  text-align: left;
}

/*---------------------------------------------------------
WAMのオンライン指導について
---------------------------------------------------------*/
@media screen and (max-width: 600px) {
  .online_bg h2 {
    padding-block: 0 clamp(32px, 8.533vw, 64px);
  }
}
.online_bg h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/56;
  background: url(../img/lp/junior-high/benkyono_yarikata/online_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(2px, .533vw, 10px);
  position: relative;
  z-index: 1;
}

.online_container {
  background: #fff;
  text-align: left;
  max-width: 1000px;
  border-radius: clamp(10px, 2.666vw, 20px);
  margin-inline: auto;
  padding-block: clamp(25px, 6.666vw, 50px);
  padding-inline: clamp(25px, 6.666vw, 70px);
  position: relative;
  z-index: 1;
}

.online_container h3 {
  border-radius: 300px;
  font-size: clamp(2rem, 5.333vw, 3rem);
  text-align: center;
  padding-block: 19px;
}
@media screen and (max-width: 600px) {
  .online_container h3 {
    border-radius: 2.666vw;
    line-height: 1.25;
  }
}

.ippanOnline {
  background: #EDF2F4;
  color: var(--color-navy);
  margin-block: clamp(30px, 9.333vw, 70px) clamp(15px, 4vw, 32px);
}
.wamOnline {
  background: #F8F875;
  color: #004074;
  margin-block: clamp(40px, 10.666vw, 70px) clamp(15px, 4vw, 32px);
}

.online_cont {
  display: flex;
  justify-content: space-between;
  gap: clamp(20px, 5.333vw, 60px);
}
.online_cont:first-of-type {
  gap: clamp(10px, 2.666vw, 60px);
}
@media screen and (max-width: 600px) {
  .online_cont {
    flex-direction: column;
  }
}

.online_txt {
  max-width: 473px;
}
.online_img {
  margin-block: 10px 0;
}
@media screen and (max-width: 600px) {
  .online_img {
    margin-inline: 3.733vw;
  }
  .online_cont:first-of-type .online_img {
    margin-block: 0;
  }
}

/*---------------------------------------------------------
WAMの教師について
---------------------------------------------------------*/
@media screen and (min-width: 601px) {
  .teacher_ttl_bg {
    position: relative;
  }
}
.teacher_ttl_bg::before,
.teacher_ttl_bg::after {
  content: '';
  display: block;
  position: absolute;
}
.teacher_ttl_bg::before {
  top: -41px;
  left: calc(50% - 513px);
  width: 236px;
  height: 381px;
  background: url(../img/lp/junior-high/benkyono_yarikata/teacher_ttl_img_l_pc.png) 0 0/contain no-repeat;
}
.teacher_ttl_bg::after {
  top: -31px;
  right: calc(50% - 529px);
  width: 248px;
  height: 383px;
  background: url(../img/lp/junior-high/benkyono_yarikata/teacher_ttl_img_r_pc.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .teacher_ttl_bg::before {
    top: 7.013vw;
    left: 0;
    width: 14.933vw;
    height: 46.133vw;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/teacher_ttl_img_l_sp.png);
  }
  .teacher_ttl_bg::after {
    top: 7.402vw;
    right: 0;
    width: 17.466vw;
    height: 47.066vw;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/teacher_ttl_img_r_sp.png);
  }
}

.teacher_bg h2 {
  line-height: 1.7;
  margin-block: 0 clamp(32px, 8.533vw, 46px);
}
.teacher_bg h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/57;
  background: url(../img/lp/junior-high/benkyono_yarikata/teacher_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(2px, .533vw, 5px);
}

.teacher_container {
  text-align: left;
  background: #fff;
  display: flex;
  gap: clamp(25px, 6.666vw, 60px);
  justify-content: space-between;
  max-width: 1000px;
  border-radius: clamp(10px, 2.666vw, 20px);
  margin-block: clamp(32px, 8.533vw, 46px) 0;
  margin-inline: auto;
  padding-block: clamp(25px, 6.666vw, 50px) clamp(35px, 9.333vw, 60px);
  padding-inline: clamp(25px, 6.666vw, 70px);
  position: relative;
  z-index: 1;
  box-shadow:
    0 0 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 600px) {
  .teacher_container {
    flex-direction: column;
  }
}

.teacher_txt {
  max-width: 473px;
}
.teacher_img {
  margin-block: 10px 0;
}
@media screen and (max-width: 600px) {
  .teacher_img {
    margin-inline: 2.4vw;
  }
}

/*---------------------------------------------------------
クロージング
---------------------------------------------------------*/
.closing {
  text-align: center;
  margin-block: 0 clamp(50px, 13.333vw, 70px);
  padding-inline: 6.666vw;
}

.closing_h2 {
  font-size: clamp(2.3rem, 6.133vw, 5.3rem);
  color: var(--color-navy);
  line-height: 1.35;
  margin-block: clamp(45px, 12vw, 107px) clamp(36.5px, 9.733vw, 66px);
  position: relative;
}
.closing_h2::before,
.closing_h2::after {
  content: '';
  display: block;
  position: absolute;
}
.closing_h2::before {
  top: -36px;
  left: calc(50% - 574px);
  width: 258px;
  height: 326px;
  background: url(../img/lp/junior-high/benkyono_yarikata/closing_ttl_img_l_pc.png) 0 0/contain no-repeat;
}
.closing_h2::after {
  top: -49px;
  right: calc(50% - 577px);
  width: 256px;
  height: 324px;
  background: url(../img/lp/junior-high/benkyono_yarikata/closing_ttl_img_r_pc.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .closing {
    position: relative;
  }

  .closing_h2 {
    position: unset;
  }

  .closing_h2::before {
    top: .8vw;
    left: 0;
    width: 22.266vw;
    height: 44.533vw;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/closing_ttl_img_l_sp.png);
  }
  .closing_h2::after {
    top: 0;
    right: 0;
    width: 24.666vw;
    height: 43.466vw;
    background-image: url(../img/lp/junior-high/benkyono_yarikata/closing_ttl_img_r_sp.png);
  }
}

.closing_h2 span {
  display: inline-block;
  font-size: clamp(3.3rem, 8.8vw, 7.7rem);
  color: transparent;
  background: var(--grad-blue);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 600px) {
  .closing p {
    text-align: left;
  }
}

.article-exam-schools + .section-cv-area {
  display: none;
}

/*---------------------------------------------------------
最下部CTA
---------------------------------------------------------*/
#footer_ctaarea .ctaarea {
  border-radius: clamp(10px, 2.666vw, 20px);
}

#footer_ctaarea .ctaarea > h3 {
  font-family: var(--ff-zenkakugo);
  font-weight: 900;
  font-size: clamp(2.1rem, 5.6vw, 3rem) !important;
  border-radius: 0;
}

/*---------------------------------------------------------
フッター
---------------------------------------------------------*/
.footer[data-cat="junior-high"] {
  margin-top: 0;
  background: transparent;
  border-top: none;
}

.section-group,
.page-child footer .fnav,
.fnav  {
  display: none;
}

/*---------------------------------------------------------
キャンペーン情報
---------------------------------------------------------*/
.section-campaigns {
  padding-block: clamp(50px, 13.333vw, 80px);
}

@media screen and (max-width: 600px) {
  .section-campaigns .container-lg {
    padding-inline: 6.666vw;
  }
}