/*---------------------------------------------------------
ページ内共通
---------------------------------------------------------*/
: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-zenkurenaido: 'Zen Kurenaido', sans-serif;
  --ff-robot: 'Roboto Condensed', sans-serif;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  font-size: 62.5%;
  font-family: 'Noto Sans JP', 'Roboto', sans-serif;
  font-style: normal;
}

html body {
  max-width: 100%;
  font-feature-settings: 'halt';
  counter-reset:
    studyMethod
    aboutWam;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.article-exam-schools p:not(.targetCall, .p-cnv__box p, ,.student-voices p .serviceName),
.exam-info__content .box__text {
  margin-bottom: 15px;
}

:not(.f-verprevious) img {
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

.p-cnv__box a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  display: inline-block;
}

.p-bg__clr_wht .p-section > .p-section__inner,
.p-cnv__box .p-framecolumn__box_item--tel.w-800 {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-bg__clr_wht .p-section > .p-section__inner,
  .p-cnv__box .p-framecolumn__box_item--tel.w-800 {
    width: 90%;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* ヘッダー・Gナビ */
body .l-navi {
  height: 55px;
}

@media screen and (max-width: 640px) {
  body .l-main {
    padding-top: calc(60 / 390 * 50vw);
  }
}

/* パンくずリスト */
.breadcrumbs {
  padding: 10px 0;
  font-size: 12px;
  /* Firefox */
  scrollbar-width: none;
  /* IE / Edge旧版 */
  -ms-overflow-style: none;
}
/* Chrome / Safari / Edge */
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 640px) {
  .breadcrumbs {
    display: flex;
    width: 100%;
    overflow-x: scroll;
  }
  .breadcrumbs .container {
    flex-shrink: 0;
  }
}

.breadcrumbs .container {
  margin-inline: 0;
}

.breadcrumbs a {
  color: #3498da;
  text-decoration: underline;
}
.breadcrumbs a:hover {
  text-decoration: none;
}

.breadcrumbs ol li {
  display: inline-block;
}
.breadcrumbs ol li::after {
  content: ">";
  margin: 0px 10px;
}
.breadcrumbs ol li:last-child:after {
  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;
}

/* キャンペーンバナー */
.campaignBnr {
  max-width: 600px;
  margin-inline: auto;
}
@media (max-width: 600px) {
  .campaignBnr {
    padding-inline: 5.333vw;
  }
}

.campaignBnr p {
  color: #000;
  text-align: center;
  font-weight: 700;
  margin: 4vh 0 1vh;
  font-size: clamp(1.5rem, 4vw, 2.6rem);
  font-family: 'Noto Sans JP', 'Roboto', sans-serif;
}

/* 特典紹介 */
.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_bg.svg) center -250px/contain repeat-y;
  mix-blend-mode: multiply;
}
.bg_skyBlue.teacher_bg::before {
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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 clamp(10px, 2.666vw, 20px) #FFFFFF,
    0 0 clamp(10px, 2.666vw, 20px) #FFFFFF,
    0 0 clamp(10px, 2.666vw, 20px) #FFFFFF,
    0 0 clamp(10px, 2.666vw, 20px) #FFFFFF,
    0 0 clamp(10px, 2.666vw, 20px) #FFFFFF,
    0 0 clamp(10px, 2.666vw, 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_h2::after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  right: calc(50% - 240px);
  aspect-ratio: 47 / 45;
  width: 47px;
  margin-inline: auto;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/right_accent_mark.png) 0 0 / contain no-repeat;
}
.bg_blue .general_h2::after {
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/right_accent_markY.png) 0 0 / contain no-repeat;
}

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

.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, 25px) clamp(30px, 8vw, 59px);
  text-align: center;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/mainV_bg_pc.png) center 0/1400px 747px no-repeat;
}
@media screen and (max-width: 1032px) {
  .fv {
    background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/mainV_bg_sp.png) center 0/cover no-repeat;
  }
}

.targetCall {
  margin-inline: auto;
  font-family: var(--ff-zenkurenaido);
  font-weight: 900;
  font-size: clamp(2rem, 5.333vw, 4rem);
  transform: rotate(-1.5deg);
  position: relative;
}
.targetCall::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(1.5deg);
  width: 607px;
  height: 72px;
}
@media screen and (min-width: 601px) {
  .targetCall {
    padding-block: 0 45px;
  }
  .targetCall::after {
    background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/targetCall_pc.svg) center bottom no-repeat;
  }
}
@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;
    transform: rotate(-1.8deg);
  }
  .targetCall::before,
  .targetCall::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 8px;
    aspect-ratio: 47 / 45;
    width: 30px;
    height: auto;
    margin-inline: auto;
    background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/right_accent_mark.png) 0 0 / contain no-repeat;
  }
  .targetCall::before {
    transform: scaleX(-1);
    left: calc(50% - 114px);
  }
  .targetCall::after {
    right: calc(50% - 210px);
  }

  .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.3;
}

.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;
}

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

body .fv .serviceName {
  background: var(--grad-blue);
  width: clamp(225px, 60vw, 550px);
  border-radius: 100px;
  font-family: var(--ff-zenkakugo);
  font-weight: 700;
  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;
}

@media screen and (max-width: 600px) {
  /* style_02の場合のスタイル */
  body .style_02 {
    .targetCall {
      margin-bottom: 2.133vw;
    }

    .targetCall::before,
    .targetCall::after {
      width: 24px;
    }
    .targetCall::before {
      left: calc(50% - 120px);
    }
    .targetCall::after {
      right: calc(50% - 232px);
    }

    h1 {
      line-height: 1.25;
    }

    .culum-3-none {
      margin-block: clamp(15px, 4vw, 33px) clamp(11px, 2.933vw, 26px);
    }

    .serviceName {
      line-height: 1.15;
      padding-inline: 3.2vw;
    }
  }
}

/*---------------------------------------------------------
体験記
---------------------------------------------------------*/
/* スライダー見出し */
.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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: -190px;
}
@media screen and (max-width: 600px) {
  .voice_ttl:before {
    left: -75px;
  }
  .voice_ttl:after {
    right: -69px;
  }
}

.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);
}

/* スライダー */
.student-voices {
  overflow: hidden;
  position: relative;
}

.student-voices__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 45px;
}

.student-voices__heading {
  margin: 0 0 40px;
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  color: #45340d;
}

.student-voices__slider {
  margin: 0 -12px;
}

.student-voices__slide {
  padding: 12px 12px 22px;
  box-sizing: border-box;
}

/* カード */

.voice-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(112, 86, 24, 0.13);
}

/* 顔写真 */

.voice-card__photo {
  height: 170px;
  overflow: hidden;
  background: #fff5d5;
}

.voice-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* 成績・コメント */

.voice-card__body {
  flex: 1;
  padding: 10px 22px 6px;
  text-align: center;
}

.voice-card__result {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin: 0 0 10px;
  color: var(--color-red);
  font-size: 25px;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
}

.voice-card__result::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 12px;
  background: #ffe35b;
  border-radius: 50%;
  transform: rotate(-1deg);
}

.voice-card__number {
  font-size: 43px;
  font-weight: 900;
  line-height: 1;
}

.voice-card__comment {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  color: #3c3324;
}

/* カード下部 */

.voice-card__footer {
  padding: 20px 22px;
  background: #fff4c8;
  /*border-left: 4px solid #f4bb25;*/
  background-clip: padding-box;
  color: #59451d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
}

.voice-card__footer p {
  margin: 0;
}

/* Slickの高さを統一 */

.student-voices__slider .slick-track {
  display: flex;
}

.student-voices__slider .slick-slide {
  display: flex;
  height: auto;
}

.student-voices__slider .slick-slide > div {
  display: flex;
  width: 100%;
}

.student-voices__slider .slick-slide .student-voices__slide {
  display: flex !important;
  width: 100%;
}

.student-voices__slider .voice-card {
  width: 100%;
}

/* 左右矢印 */

.student-voices__slider .slick-arrow {
  position: absolute;
  z-index: 5;
  top: 45%;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: #fff9df;
  box-shadow: 0 3px 15px rgba(112, 86, 24, 0.16);
  cursor: pointer;
  font-size: 0;
  transform: translateY(-50%);
}

.student-voices__slider .slick-prev {
  left: 20px;
}

.student-voices__slider .slick-next {
  right: 20px;
}

.student-voices__slider .slick-arrow::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  border-top: 4px solid #e5a400;
  border-right: 4px solid #e5a400;
}

.student-voices__slider .slick-prev::before {
  transform: rotate(-135deg);
}

.student-voices__slider .slick-next::before {
  transform: rotate(45deg);
}

/* ドット */

.student-voices__slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.student-voices__slider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0;
}

.student-voices__slider .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #e7dfc5;
  font-size: 0;
  cursor: pointer;
}

.student-voices__slider .slick-dots .slick-active button {
  background: #f2b600;
}

/* ===================================
   スマホ
=================================== */

@media screen and (max-width: 767px) {

  .student-voices__inner {
    padding: 0 15px;
  }

  .student-voices__heading {
    margin-bottom: 25px;
    font-size: 24px;
  }

  .student-voices__slider {
    margin: 0 -8px;
  }

  .student-voices__slide {
    padding: 8px 8px 18px;
  }

  .voice-card {
    border-radius: 18px;
  }

  .voice-card__photo {
    height: 190px;
  }

  .voice-card__body {
    padding: 8px 14px 12px;
  }

  .voice-card__result {
    margin-bottom: 8px;
    font-size: 19px;
  }

  .voice-card__number {
    font-size: 35px;
  }

  .voice-card__comment {
    font-size: 16px;
  }

  .voice-card__footer {
    padding: 15px 16px;
    font-size: 13px;
  }

  .student-voices__slider .slick-arrow {
    width: 40px;
    height: 40px;
  }

  .student-voices__slider .slick-prev {
    left: 0;
  }

  .student-voices__slider .slick-next {
    right: 0;
  }
}

/*---------------------------------------------------------
お悩み共感
---------------------------------------------------------*/
.affinity_container {
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/affinity_bg_pc.png) center 0/contain no-repeat;
  position: relative;
}
@media screen and (min-width: 601px) {
  .affinity_container::after {
    content: '';
    position: absolute;
    top: 100px;
    left: calc(50% + 80px);
    display: block;
    width: 420px;
    aspect-ratio: 510/696;
    background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/affinity_img_pc.png) 0 0/contain no-repeat;
  }
}

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

.affinity h2 {
  font-size: clamp(2.6rem, 6.933vw, 5.2rem);
  color: var(--color-navy);
  line-height: 1.5;
  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, 60px);
}
@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, 27px);
  margin-inline: clamp(6px, 1.6vw, 13px) 0;
  padding-inline: clamp(34px, 9.066vw, 48px) 0;
  position: relative;
}
@media screen and (max-width: 600px) {
  .affinity_list li {
    font-weight: 700;
  }
}

.affinity_list li:first-of-type {
  text-indent: -.5em;
}

.affinity_list li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: clamp(23px, 6.133vw, 25px);
  aspect-ratio: 25/23;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/plan-check.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
  .affinity_list li::before {
    top: .533vw;
    transform: none;
  }
}

.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/studyMethod_ttl_sub.svg) 0 0/contain no-repeat;
}

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

.studyMethod {
  margin-block: 0 clamp(40px, 10.666vw, 50px);
  padding-block: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  counter-increment: studyMethod;
}
.studyMethod:first-of-type {
  margin-block: clamp(40px, 10.666vw, 50px) clamp(10px, 2.666vw, 50px);
}
@media screen and (max-width: 600px) {
  .studyMethod {
    flex-direction: column;
  }
}

.studyMethod::before {
  content: counter(studyMethod, decimal-leading-zero);
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  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;
}
.studyMethod::after {
  content: '';
  display: block;
  position: absolute;
  top: 59px;
  left: 120px;
  width: 180px;
  height: 1px;
  background: var(--color-skyblue);
}

.studyMethod:nth-of-type(2)::after,
.studyMethod:nth-of-type(4)::after {
  left: 430px;
}
@media screen and (max-width: 600px) {
  .studyMethod:nth-of-type(2)::after,
  .studyMethod:nth-of-type(4)::after {
    left: 45.333vw;
  }
}
@media screen and (min-width: 601px) {
  .studyMethod_container > .studyMethod:first-of-type::before {
    letter-spacing: -6px;
  }
  .studyMethod_container > .studyMethod:nth-of-type(2)::before,
  .studyMethod_container > .studyMethod:nth-of-type(4)::before {
    left: 303px;
  }
}
@media screen and (max-width: 600px) {
  .studyMethod::before {
    top: 5.066vw;
  }
  .studyMethod:nth-of-type(2)::before,
  .studyMethod:nth-of-type(4)::before {
    left: 28.533vw;
  }

  .studyMethod::after {
    top: 11.6vw;
    left: 16vw;
    width: 13.733vw;
    height: 0.266vw;
  }
  .studyMethod:nth-of-type(2)::after,
  .studyMethod:nth-of-type(4)::after {
    left: 45.333vw;
  }
}

.studyMethod_container > .studyMethod:last-of-type {
  margin-block: 0;
  padding-bottom: 0;
}

.studyMethod_txt {
  padding-block: 90px 0;
  padding-inline: 0;
}
@media screen and (max-width: 600px) {
  .studyMethod_txt {
    padding-block: 13.333vw 0;
  }
  .studyMethod_txt,
  .studyMethod_container > .studyMethod:nth-of-type(2) .studyMethod_txt,
  .studyMethod_container > .studyMethod:nth-of-type(4) .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,
  .studyMethod:nth-of-type(4) 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: -12vw;
    width: 134px;
    height: 152.5px;
    aspect-ratio: 134/152.5;
  }
  .studyMethod:nth-of-type(2) .studyMethod_img {
    top: 4.8vw;
  }
  .studyMethod:nth-of-type(2) .studyMethod_img,
  .studyMethod:nth-of-type(4) .studyMethod_img {
    right: unset;
    left: -12vw;
  }
}

/*---------------------------------------------------------
塾、個別指導塾で対策するべき？
---------------------------------------------------------*/
.juku_kobetsu_container {
  text-align: center;
  margin-block: clamp(60px, 16vw, 120px) 0;
}
@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 span {
  font-size: 70%;
  color: var(--color-navy);
}

.juku_kobetsu_container h2::before {
  content: '';
  display: block;
}
.juku h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/58;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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;
  }
}
@media screen and (max-width: 600px) {
  .juku_kobetsu_txt .juku_kobetsu_img {
    margin-bottom: 5.333vw;
  }
}

.juku_kobetsu_txt h2::after {
  right: calc(50% - 150px);
}

/*---------------------------------------------------------
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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_ttl_img_r_sp.png);
  }
}

.aboutWam_ttl_bg h2::before {
  width: clamp(185px, 49.333vw, 371px);
  aspect-ratio: 371/60;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(10px, 2.666vw, 20px);
  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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/icon_arrow.svg) center 0/contain no-repeat;
}
.aboutWam_container > h3::after {
  bottom: 15px;
  right: -180px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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_cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 601px) {
  .aboutWam_cont {
    margin-block: 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .aboutWam_cont {
    flex-direction: column;
  }
}

.aboutWam_cont > div {
  flex-basis: 47%;
  margin-block: 0 clamp(20px, 5.333vw, 40px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

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

.aboutWam_numb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: clamp(-25px, -4.533vw, -17px);
  left: 50%;
  transform: translateX(-50%);
  background: #007ED8;
  height: auto;
  padding-inline: 30px;
  border-radius: clamp(10px, 2.666vw, 14px);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  line-height: 1;
  color: #fff;
}
.aboutWam_numb::after {
  content: counter(aboutWam, decimal-leading-zero);
  font-size: clamp(3.5rem, 9.333vw, 5rem);
  font-family: var(--ff-robot);
  font-weight: 900;
}

.aboutWam_container h4::after {
  content: '';
  display: block;
  position: absolute;
}
.aboutWam_curriculum::after {
  aspect-ratio: 102/154;
  width: clamp(51px, 13.6vw, 66px);
  top: clamp(-29px, -7.733vw, -19px);
  right: 15px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_01_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_teacher::after {
  aspect-ratio: 97/169;
  width: clamp(48.5px, 12.933vw, 56px);
  top: clamp(-29.5px, 7.866vw, -28px);
  right: 15px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_02_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_1on1::after {
  aspect-ratio: 300/281;
  width: clamp(55px, 14.666vw, 77px);
  top: clamp(-20px, -3.733vw, -18px);
  right: 10px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_03_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_method::after {
  aspect-ratio: 109/104;
  width: clamp(54.5px, 14.533vw, 68px);
  top: -21px;
  right: 13px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_04_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_alltime::after {
  aspect-ratio: 109/114;
  width: clamp(50px, 13.333vw, 70px);
  top: clamp(-28.5px, -7.6vw, -7px);
  right: 13px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/aboutWam_05_ttl_img.png) 0 0/contain no-repeat;
}
.aboutWam_warranty::after {
  aspect-ratio: 107/115;
  width: clamp(50px, 13.333vw, 63px);
  top: clamp(-29px, -7.733vw, -9px);
  right: 13px;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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: -4vw;
  }
  .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;
}
@media screen and (max-width: 600px) {
  .aboutWam_inner {
    padding-inline: 0;
  }
}

.aboutWam_txt {
  margin-block: 0 clamp(13px, 3.466vw, 16px);
  padding-inline: clamp(10px, 2.666vw, 20px);
}
.aboutWam_txt p:last-of-type {
  margin-bottom: 0;
}
.summaries-instructor-slider-sm.slick-initialized {
  width: unset;
  margin-inline: auto;
}
body .comment {
  font-size: clamp(1.2rem, 3.2vw, 1.3rem);
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}

.aboutWam_img {
  width: 100%;
  aspect-ratio: 285/137;
  margin-block: auto 0;
  padding-inline: clamp(10px, 2.666vw, 20px);
}
.aboutWam_img img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .aboutWam_img {
    width: 100%;
  }
}

/* 教師紹介スライダー */
.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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;
  }
}

.online_container .p-explain__tit,
.online_container .p-explain__txt {
  display: none;
}

.online_container .hikaku-box {
  margin-block: 40px;
  font-size: clamp(1.2rem, 3.2vw, 1.8rem);
}
@media screen and (max-width: 480px) {
  body .hikaku-box th,
  body .hikaku-box td {
    font-size: inherit;
  }
}

/*---------------------------------------------------------
WAMの教師について
---------------------------------------------------------*/
.teacher_ttl_bg::before,
.teacher_ttl_bg::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  aspect-ratio: 420/435;
  width: 420px;
}
.teacher_ttl_bg::before {
  left: 0;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/teacher_ttl_img_l_pc.webp) 0 0/contain no-repeat;
}
.teacher_ttl_bg::after {
  right: 0;
  background: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/teacher_ttl_img_r_pc.webp) 0 0/contain no-repeat;
}
@media screen and (max-width: 1349px) {
  .teacher_ttl_bg::before {
    left: -3.593vw;
  }
  .teacher_ttl_bg::after {
    right: -3.593vw;
  }
}
@media screen and (max-width: 600px) {
  .teacher_ttl_bg::before {
    top: 0px;
    left: -8.8vw;
    width: 40vw;
    background-image: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/teacher_ttl_img_l_pc.webp);
  }
  .teacher_ttl_bg::after {
    top: 0px;
    right: -8.8vw;
    width: 40vw;
    background-image: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/teacher_ttl_img_r_pc.webp);
  }
}

.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/teacher_ttl_sub.svg) 0 0/contain no-repeat;
  margin-block: 0 clamp(2px, .533vw, 5px);
}

@media screen and (max-width: 600px) {
  .teacher_bg h2 span {
    margin-inline: 1.066vw 0;
  }
}

.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;
}

/*---------------------------------------------------------
クロージング
---------------------------------------------------------*/
.closing {
  text-align: center;
  margin-block: 0 clamp(20px, 5.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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/closing_ttl_img_l_sp.png);
  }
  .closing_h2::after {
    top: 0;
    right: 0;
    width: 24.666vw;
    height: 43.466vw;
    background-image: url(/wp/wp-content/themes/k-wam_2022/assets/img/junior-high/junior-high-area/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;
  }
}

/*---------------------------------------------------------
p-section
---------------------------------------------------------*/
.p-section {
  width: 100%;
  text-align: center;
}

.p-section + .p-section {
  margin-top: 3em;
}

.p-section__inner {
  margin: 0 auto;
  padding: 0 calc( 20 / 16 * 1em);
  width: 100%;
  max-width: calc( 1000px + ( 20 / 16 * 2em ));
}

.p-bg .p-section__inner {
  padding: 0;
}

.p-block {
  padding: 2em 0;
}

.p-block + .p-block {
  padding: 0 0 2em 0;
}

.p-frame {
  padding: 2em;
}

@media screen and (max-width: 768px) {
  .p-section + .p-section {
    margin-top: calc( 20 / 16 * 1em);
  }

  .p-section__inner {
    padding: 0 calc( 20 / 390 * 100vw);
    max-width: calc( 100%);
  }

  .p-bg .p-section__inner {
    padding: 0;
  }

  .p-block {
    padding: 1em 0;
  }

  .p-block + .p-block {
    padding: 0 0 1em 0;
  }
}

/*---------------------------------------------------------
コンバージョン
---------------------------------------------------------*/
.p-cnv {
  margin-bottom: 7em;
}
@media screen and (max-width: 768px) {
  body .p-cnv {
    margin-bottom: 6vh !important;
  }
}

.p-cnv__type01 {
  color: #fff;
}

.p-cnv__type01 .p-cnv__catch {
  margin-bottom: 1.0em;
}

.p-cnv__type01 .p-cnv__catch p {
  font-size: calc( 26 / 16 * 100%);
}

.p-cnv__type01 .p-cnv__catch p strong {
  font-weight: normal;
  color: #fac54c;
}

.p-cnv__type01 .p-cnv__contact {
  margin-bottom: 1.5em;
}

.p-cnv__type01 .p-cnv__contact p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
}

.p-cnv__type01 .p-cnv__contact p i {
  margin-top: 0.2em;
  width: calc( 42 / 16 * 1em);
}

.p-cnv__type01 .p-cnv__contact p strong {
  font-family: 'Roboto', sans-serif;
  font-size: calc( 50 / 16 * 100%);
  line-height: 1;
}

.p-cnv__type01 .p-cnv__contact p small {
  width: 100%;
  font-size: calc( 16 / 16 * 100%);
  line-height: 1.2;
  text-align: center;
}

.p-cnv__type01 .p-cnv__btn .p-act ul {
  gap: 1em;
}

.p-cnv__type01 .p-cnv__btn .p-act ul li {
  width: 100%;
  max-width: calc( ( 100% - 1em ) / 2);
  height: calc( 90 / 16 * 1em);
}

.p-cnv__type01 .p-cnv__btn .p-act ul li a,
.p-cnv__type01 .p-cnv__btn .p-act ul li span {
  /*font-size: calc( 22 / 16 * 1em );*/
}

.p-cnv__type01 .p-cnv__att {
  margin-top: 2em;
  color: #000;
}

@media screen and (max-width: 768px) {
  .p-cnv {
    margin-bottom: 2em;
  }

  .p-cnv__type01 .p-cnv__catch p {
    font-size: calc( 20 / 16 * 100%);
  }

  .p-cnv__type01 .p-cnv__contact p i {
    width: calc( 30 / 16 * 1em);
  }

  .p-cnv__type01 .p-cnv__contact p strong {
    font-size: calc( 40 / 16 * 100%);
  }

  .p-cnv__type01 .p-cnv__contact p small {
    font-size: calc( 12 / 16 * 100%);
  }

  .p-cnv__type01 .p-cnv__btn .p-act ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .p-cnv__type01 .p-cnv__btn .p-act ul li {
    width: 100%;
    /*max-width: calc( ( 100% - 1em ) / 2 );*/
    max-width: calc( 100%);
    /*height: calc( 45 / 16 * 1em );*/
    height: calc( 60 / 16 * 1em);
  }

  .p-cnv__type01 .p-cnv__btn .p-act ul li a,
  .p-cnv__type01 .p-cnv__btn .p-act ul li span {
    /*font-size: calc( 16 / 16 * 0.8em );*/
  }

  .p-cnv__type01 .p-cnv__att {
    margin-top: 2em;
  }
}

/*---------------------------------------------------------
枠付きボックス01（汎用タイプ）
---------------------------------------------------------*/
.p-framecolumn__type01 .p-framecolumn__box {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3em;
}

.p-framecolumn__type01 .p-framecolumn__box_item {
  padding: 10px;
  width: 100%;
  position: relative;
  border-radius: 20px;
  background: #007440;
}

.l-wrapper.is_common .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #007440;
}

.l-wrapper.is_elementary .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #D63031;
}

.l-wrapper._is_junior .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #2D98DA;
}

.l-wrapper.is_high .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #27AE60;
}

.l-wrapper.is_online .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #0f5394;
}

.l-wrapper .p-cnv .p-framecolumn__type01 .p-framecolumn__box_item {
  background: #007440;
}

.p-framecolumn__type01 .p-framecolumn__box_item > a,
.p-framecolumn__type01 .p-framecolumn__box_item > span,
.p-framecolumn__type01 .p-framecolumn__box_item > div {
  padding: calc( 0 / 16 * 1em) calc( 80 / 16 * 1em) calc( 40 / 16 * 1em) calc( 80 / 16 * 1em);
  display: block;
  border-radius: 15px;
  /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);*/
  background: #fff;
  overflow: hidden;
}

.p-framecolumn__type01 .p-framecolumn__box_item--tab {
  margin-bottom: calc( 50 / 16 * 1em);
  width: calc( 100%);
  color: #fff;
  border-radius: 0 0 20px 20px;
  background: #007440;
}

.l-wrapper.is_common .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #007440;
}

.l-wrapper.is_elementary .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #D63031;
}

.l-wrapper._is_junior .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #2D98DA;
}

.l-wrapper.is_high .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #27AE60;
}

.l-wrapper.is_online .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #0f5394;
}

.l-wrapper .p-cnv .p-framecolumn__type01 .p-framecolumn__box_item--tab {
  background: #007440;
}

.p-framecolumn__type01 .p-framecolumn__box_item--tab p {
  padding: 0.5em 0.5em;
  font-size: calc( 26 / 16 * 1em);
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  top: -5px;
}

.p-framecolumn__type01 .p-framecolumn__box_item--tit {
  margin-bottom: 2em;
  text-align: center;
}

.p-framecolumn__type01 .p-framecolumn__box_item--tit p {
  margin-bottom: calc( 16 / 16 * 1em);
  font-size: calc( 24 / 16 * 1em);
  line-height: 1.6;
  font-weight: bold;
  color: #007440;
}

.p-framecolumn__type01 .p-framecolumn__box_item--txt {
  margin-bottom: 2em;
  line-height: 1.6;
  text-align: left;
}

.p-framecolumn__type01 .p-framecolumn__box_item--txt p {
  font-size: calc( 16 / 16 * 1em);
}

.p-framecolumn__type01 .p-framecolumn__box_item--toc {
  line-height: 1.6;
  text-align: left;
}

.p-framecolumn__type01 .p-framecolumn__box_item--toc p {
  margin-bottom: 1em;
  font-size: calc( 24 / 16 * 1em);
  line-height: 1.6;
  font-weight: bold;
  color: #007440;
}

.p-framecolumn__type01 .p-framecolumn__box_item--toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.6;
  text-align: left;
}

.p-framecolumn__type01 .p-framecolumn__box_item--toc ul li {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
  font-size: calc( 16 / 16 * 1em);
  position: relative;
}

.p-framecolumn__type01 .p-framecolumn__box_item--toc ul li::before {
  display: inline-block;
  content: '';
  width: 1em;
  height: 1em;
  background: #F9C34B;
  border-radius: 1em;
  position: absolute;
  top: 0.4em;
  left: -1.5em;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.p-framecolumn__type01 .p-framecolumn__box_item--img {
  margin-bottom: 2em;
}

.p-framecolumn__type01 .p-framecolumn__box_item--img p i {
  display: block;
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm {
  margin-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm.is_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--txt,
.p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--toc {
  margin-bottom: 0;
  width: calc( 560 / 860 * 100%);
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--img {
  margin-bottom: 0;
  width: calc( 300 / 860 * 100%);
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm.is_short .p-framecolumn__box_item--txt {
  width: calc( 630 / 860 * 100%);
}

.p-framecolumn__type01 .p-framecolumn__box_item--clm.is_short .p-framecolumn__box_item--img {
  width: calc( 170 / 860 * 100%);
}

.p-framecolumn__type01 .p-framecolumn__box_item--btn {
  margin-top: 10px;
}

.p-framecolumn__type01 .p-framecolumn__box_item--btn .p-act {
  /*font-size: calc( 16 / 16 * 1em );*/
}

.p-framecolumn__type01 .p-framecolumn__box_item--btn .p-act ul li {
  max-width: 100%;
  height: 90px;
}

.p-framecolumn__type01 .p-framecolumn__box_item--tel {
  margin-top: calc( 45 / 16 * 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: calc( 25 / 16 * 1em);
}

.p-framecolumn__type01 .p-framecolumn__box_item--btn + .p-framecolumn__box_item--tel {
  padding-top: calc( 30 / 16 * 1em);
  border-top: 1px solid #C0BFBC;
}

.p-framecolumn__box_item--tel-txt {
  width: calc( 335 / 16 * 1em);
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-framecolumn__box_item--tel-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc( 10 / 16 * 1em);
}

.p-framecolumn__box_item--tel-txt p small {
  font-size: calc( 24 / 16 * 1em);
}

.p-framecolumn__box_item--tel-txt p strong {
  font-size: calc( 24 / 16 * 1em);
  font-weight: bold;
}

.p-framecolumn__box_item--tel-num {
  width: calc( 700 / 16 * 1em);
  color: #007440;
}

.p-framecolumn__box_item--tel-num p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc( 5 / 16 * 1em);
}

.p-framecolumn__box_item--tel-num p small {
  width: 100%;
  font-size: calc( 20 / 16 * 1em);
}

.p-framecolumn__box_item--tel-num p i {
  width: calc( 58 / 16 * 1em);
}

.p-framecolumn__box_item--tel-num p strong {
  font-size: 4.5rem;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 768px) {
  .p-framecolumn__type01 .p-framecolumn__box {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item {
    padding: 5px;
    width: 100%;
    border-radius: 10px;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item > a,
  .p-framecolumn__type01 .p-framecolumn__box_item > span,
  .p-framecolumn__type01 .p-framecolumn__box_item > div {
    padding: calc( 0 / 16 * 1em) calc( 20 / 16 * 1em) calc( 20 / 16 * 1em) calc( 20 / 16 * 1em);
    border-radius: 5px;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--tab {
    margin: 0 auto 1em auto;
    width: calc( 100%);
    border-radius: 0 0 20px 20px;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--tab p {
    padding: 0.5em 0.5em;
    font-size: calc( 14 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--tit {
    margin-bottom: 1em;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--tit p {
    font-size: calc( 14 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--txt {
    margin-bottom: 1em;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--txt p {
    font-size: calc( 12 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--toc {
    line-height: 1.6;
    text-align: left;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--toc p {
    font-size: calc( 16 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--toc ul li {
    font-size: calc( 12 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--img {
    margin-bottom: 1em;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--clm {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc( 14 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--txt,
  .p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--toc {
    width: calc( 100%);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--clm .p-framecolumn__box_item--img {
    width: calc( 370 / 840 * 100%);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--clm.is_short .p-framecolumn__box_item--txt {
    width: calc( 100%);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--clm.is_short .p-framecolumn__box_item--img {
    width: calc( 370 / 840 * 100%);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--btn {
    margin-top: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--btn .p-act {
    /*font-size: calc( 16 / 16 * 100% );*/
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--btn .p-act ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--btn .p-act ul li {
    max-width: 100%;
    height: calc( 60 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--tel {
    margin-top: calc( 20 / 16 * 1em);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__type01 .p-framecolumn__box_item--btn + .p-framecolumn__box_item--tel {
    padding-top: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-txt {
    width: calc( 100%);
  }

  .p-framecolumn__box_item--tel-txt p {
    width: calc( 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc( 10 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-txt p small {
    font-size: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-txt p strong {
    font-size: calc( 20 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-num {
    width: calc( 100%);
  }

  .p-framecolumn__box_item--tel-num p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc( 5 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-num p small {
    width: 100%;
    font-size: calc( 12 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-num p i {
    width: calc( 40 / 16 * 1em);
  }

  .p-framecolumn__box_item--tel-num p strong {
    font-size: calc( 38 / 16 * 1em);
  }
}

/*---------------------------------------------------------
CTAボタンエリア20240705
---------------------------------------------------------*/
.w-800{
    width:100%;
    max-width:850px;
    margin:0 auto;
}
.fc-red{
    color: #D00000;
}
.mb-3{
    margin-bottom:3vh;
}
.cta-btnArea-all{
    display: flex;
}
.cta-btnArea-all > li{
    width:calc(100% / 2);
    margin: 2% 2% 2% 0;
}
.cta-btnArea-all > li:last-child{
    margin: 2% 0 2% 0;
}
.cta-areaBox{
    color: #000;
    font-weight:700;
    margin: 2vh 0 0;
    font-size: clamp(1.5rem, 4vw, 2.6rem);
    font-family: 'Noto Sans JP', 'Roboto', sans-serif;
}
.cta-areaBox-ttl-big{
    font-size: clamp(3rem, 8vw, 4.2rem);
}

.cta-btnBox02,
.cta-btnBox > a{
  color: #fff;
  font-weight: 700;
  display: block;
  padding: 2vh 1vw 2vh 50px;
  border-radius: 12px;
  position: relative;
  line-height: 1.1;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
}
.cta-btnBox > a{
  font-size: clamp(1.4rem, 3.733vw, 2.6rem);
}

.cta-comment{
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border: 1px solid #fff;
  border-radius: 50vh;
  width: 60px;
  height: 60px;
  font-size:.6rem;
  background: #fff;
}
.cta-comment-inquiry{
  left: 25%;
}
.cta-comment > span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.cta-comment-number{
  font-size:1.4rem;
}
.cta-btnBox-txt-big{
  font-size: clamp(2.1rem, 5.6vw, 3.6rem);
}
.cta-btnBox > a:after,
.cta-btnBox02:after{
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.highlight{
  position: absolute;
  border-radius: 100px;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0;
  background: linear-gradient(to bottom, rgba(250, 250, 255, 0.9) 10%, rgba(250, 250, 255, 0.3) 100%);
}
.cta-btn_inquiry{
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #e00303));
  background-image: -moz-linear-gradient(top, #ff0000, #e00303);
  background-image: -webkit-linear-gradient(top, #ff0000, #e00303);
  background-image: linear-gradient(to bottom, #ff0000, #e00303);
  box-shadow: 
    0 2px 6px rgba(0,0,0,0.5),
    0 2px 10px rgba(0,100,255, 0.7);
  border-color: #ff0000;
  border:2px solid #ff0000;
}
.cta-btn_inquiry:hover{
  background:#fff;
  color:#ff0000;
}
.cta-btn_inquiry .cta-comment{
  color:#ff0000;
}
.cta-btn_inquiry:hover .cta-comment{
  border:1px solid #ff0000;
}

.cta-btn_online_inquiry{
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #e00303));
  background-image: -moz-linear-gradient(top, #ff0000, #e00303);
  background-image: -webkit-linear-gradient(top, #ff0000, #e00303);
  background-image: linear-gradient(to bottom, #ff0000, #e00303);
  box-shadow: 0px 2px 0px #e00303;
  border-color: #ff0000;
  border:2px solid #ff0000;
}
.cta-btn_online_inquiry:hover{
  background:#fff;
  color:#ff0000;
}
.cta-btn_online_inquiry .cta-comment{
  color:#ff0000;
}
.cta-btn_online_inquiry:hover .cta-comment{
  border:1px solid #ff0000;
}
.cta-btn_trial{
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9d00), color-stop(100%, #e58905));
  background-image: -moz-linear-gradient(top, #ff9d00, #e58905);
  background-image: -webkit-linear-gradient(top, #ff9d00, #e58905);
  background-image: linear-gradient(to bottom, #ff9d00, #e58905);
  box-shadow: 0px 2px 0px #e58905;
  border-color: #ff9d00;
  border:2px solid #ff9d00;
}
.cta-btn_trial:hover{
  background:#fff;
  color:#ff9d00;
}
.cta-btn_trial .cta-comment{
  color:#ff9d00;
}
.cta-btn_trial:hover .cta-comment{
border:1px solid #ff9d00;
}
 
.cta-btn_tuition{
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #27ae60), color-stop(100%, #079945));
  background-image: -moz-linear-gradient(top, #27ae60, #079945);
  background-image: -webkit-linear-gradient(top, #27ae60, #079945);
  background-image: linear-gradient(to bottom, #27ae60, #079945);
  box-shadow: 0px 2px 0px #079945;
  border-color: #27ae60;
  border:2px solid #27ae60;
}
.cta-btn_tuition:hover{
  background:#fff;
  color:#27ae60;
}
.cta-btn_tuition .cta-comment{
  color:#27ae60;
}
.cta-btn_tuition:hover .cta-comment{
border:1px solid #27ae60;
}
.cta-btn_tel{
    width: 100%;
    padding: .9vh .5vw;
    display: flex;
    justify-content: center;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #efefef));
  background-image: -moz-linear-gradient(top, #fff, #efefef);
  background-image: -webkit-linear-gradient(top, #fff, #efefef);
  background-image: linear-gradient(to bottom, #fff, #efefef);
  border-color: #efefef;
  border:2px solid #fff;
  color:#007440;
}
.school-tel-txt-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3vh 0 0;
}
.p-framecolumn__box_item--tel{
    justify-content: center !important;
    margin: 0 !important;
}
@media screen and (max-width: 912px) {
/* 912pxまでの幅の場合に適応される */
.school-tel-txt-box{
    flex-direction: column;
}
.school-tel-txt-box > div{
    margin: 0 0 2vh;
}
}
@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.cta-btnArea-all > li > p > a{
        padding: 1vh 0 1vh 25px !important;
}
.cta-comment{
    width: 35px;
    height: 35px;
    font-size:.4rem;
}
.cta-comment-number{
    font-size:.8rem;
}
.cta-comment-inquiry{
    left: 15%;
}
}

/*---------------------------------------------------------
よくある質問
---------------------------------------------------------*/
.l-wrapper._is_junior .p-bg__clr_subtheme {
  padding-block: clamp(30px, 8vw, 50px);
  background: #F4FAFF;
}
@media screen and (max-width: 600px) {
  .l-wrapper._is_junior .p-bg__clr_subtheme {
    padding-inline: 5.333vw;
  }
}

/* p-section
------------------------------------------------ */
.p-section {
  width: 100%;
  text-align: center;
}

.p-section + .p-section {
  margin-top: 3em;
}

.p-section__inner {
  margin: 0 auto;
  padding: 0 calc( 20 / 16 * 1em);
  width: 100%;
  max-width: calc( 1000px + ( 20 / 16 * 2em ));
}

.p-bg .p-section__inner {
  padding: 0;
}

.p-block {
  padding: 2em 0;
}

.p-block + .p-block {
  padding: 0 0 2em 0;
}

.p-frame {
  padding: 2em;
}

@media screen and (max-width: 768px) {
  .p-section + .p-section {
    margin-top: calc( 20 / 16 * 1em);
  }

  .p-section__inner {
    padding: 0 calc( 20 / 390 * 100vw);
    max-width: calc( 100%);
  }

  .p-bg .p-section__inner {
    padding: 0;
  }

  .p-block {
    padding: 1em 0;
  }

  .p-block + .p-block {
    padding: 0 0 1em 0;
  }
}

/*
------------------------------------------------ */
.p-faq__type01 .p-faq__tit {
  margin-bottom: 2em;
}

.p-faq__type01 .p-faq__tit a[name] {
  display: none;
}

.p-faq__type01 .p-faq__tit p {
  margin-bottom: 2em;
  padding: 1.5em;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
  background: #007440;
}

.l-wrapper.is_common .p-faq__type01 .p-faq__tit p {
  background: #007440;
}

.l-wrapper.is_elementary .p-faq__type01 .p-faq__tit p {
  background: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .p-faq__tit p {
  background: #D63031;
}

.l-wrapper._is_junior .p-faq__type01 .p-faq__tit p {
  background: #2D98DA;
}

.l-wrapper.is_high .p-faq__type01 .p-faq__tit p {
  background: #27AE60;
}

.l-wrapper.is_online .p-faq__type01 .p-faq__tit p {
  background: #0f5394;
}

.p-faq__type01 .p-faq__tit p strong {
  font-size: calc( 26 / 16 * 100%);
  line-height: 1.6;
}

.p-faq__type01 .p-faq__box > ul > li {
  margin-bottom: clamp(10px, 2.666vw, 20px);
  border: 1px solid #2D98DA;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.l-wrapper.is_elementary .p-faq__type01 .p-faq__box > ul > li {
  border-color: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .p-faq__box > ul > li {
  border-color: #D63031;
}

.l-wrapper.is_high .p-faq__type01 .p-faq__box > ul > li {
  border-color: #27AE60;
}

.l-wrapper.is_online .p-faq__type01 .p-faq__box > ul > li {
  border-color: #0f5394;
}

.p-faq__type01 .p-faq__box_item {
  text-align: left;
}

.p-faq__type01 .p-faq__box_item--q {
  padding: 2.5em 2em 2.5em 6em;
  cursor: pointer;
  position: relative;
}

.p-faq__type01 .p-faq__box_item--q::before {
  display: inline-block;
  content: 'Q';
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-size: calc( 40 / 16 * 100%);
  color: #2D98DA;
}

.l-wrapper.is_common .p-faq__type01 .p-faq__box_item--q::before {
  color: #2D98DA;
  font-size: 4rem;
}

.l-wrapper.is_elementary .p-faq__type01 .p-faq__box_item--q::before {
  color: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .p-faq__box_item--q::before {
  color: #D63031;
}

.l-wrapper._is_junior .p-faq__type01 .p-faq__box_item--q::before {
  color: #2D98DA;
}

.l-wrapper.is_high .p-faq__type01 .p-faq__box_item--q::before {
  color: #27AE60;
}

.l-wrapper.is_online .p-faq__type01 .p-faq__box_item--q::before {
  color: #0f5394;
}

/* p-ic
------------------------------------------------ */
.p-ic {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.p-faq__type01 .p-faq__box_item--q p {
  font-size: clamp(1.6rem, 4.266vw, 2.2rem);
  line-height: 1.6;
}

.p-faq__type01 .p-faq__box_item--q p .p-ic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  background: #007440;
  border: 1px solid #007440;
  border-radius: 50%;
  overflow: hidden;
}

.l-wrapper.is_common .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #007440;
  border-color: #007440;
}

.l-wrapper.is_elementary .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #FB5C65;
  border-color: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #D63031;
  border-color: #D63031;
}

.l-wrapper._is_junior .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #2D98DA;
  border-color: #2D98DA;
}

.l-wrapper.is_high .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #27AE60;
  border-color: #27AE60;
}

.l-wrapper.is_online .p-faq__type01 .p-faq__box_item--q p .p-ic {
  background: #0f5394;
  border-color: #0f5394;
}

.p-faq__type01 .p-faq__box_item--q p .p-ic::before {
  display: inline-block;
  font-size: 70%;
  font-family: "FontAwesome";
  font-style: normal;
  content: '\f107';
  font-weight: normal;
  color: #fff;
}

.p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper.is_common .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper.is_elementary .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper._is_junior .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper.is_high .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.l-wrapper.is_online .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic {
  background: #fff;
}

.p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #007440;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.l-wrapper.is_common .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #007440;
}

.l-wrapper.is_elementary .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #D63031;
}

.l-wrapper._is_junior .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #2D98DA;
}

.l-wrapper.is_high .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #27AE60;
}

.l-wrapper.is_online .p-faq__type01 .js_faq_accordion .p-faq__box_item--q p .p-ic::before {
  color: #0f5394;
}

.p-faq__type01 .p-faq__box_item--a {
  padding: 0 1em 0 10em;
  position: relative;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.p-faq__type01 .js_faq_accordion .p-faq__box_item--a {
  height: auto;
  opacity: 1;
}

.p-faq__type01 .p-faq__box_item--a::before {
  display: inline-block;
  content: 'A';
  width: 1em;
  height: 1em;
  position: absolute;
  top: -0.1em;
  left: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-size: 4rem;
  color: #C0392B;
}

.p-faq__type01 .p-faq__box_item--a p {
  padding-bottom: 2em;
  font-size: clamp(1.6rem, 4.266vw, 1.7rem);
  line-height: 1.6;
}

.p-faq__type01 .p-faq__btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-faq__type01 .p-faq__tit {
    margin-bottom: 1em;
  }

  .p-faq__type01 .p-faq__tit p {
    margin-bottom: 1em;
    padding: 1.0em;
  }

  .p-faq__type01 .p-faq__tit p strong {
    font-size: calc( 16 / 16 * 100%);
  }

  .p-faq__type01 .p-faq__box > ul > li {
    margin-bottom: 1em;
  }

  .p-faq__type01 .p-faq__box_item--q {
    padding: 2em 2em 2em 5.5em;
    min-height: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .p-faq__type01 .p-faq__box_item--q p .p-ic::before {
    font-size: 70%;
  }

  .p-faq__type01 .p-faq__box_item--a {
    padding: 0 1em 0 5.5em;
  }

  .p-faq__type01 .p-faq__box_item--a::before {
    top: 0em;
    left: 0.45em;
  }

  .p-faq__type01 .p-faq__box_item--a p {
    padding-bottom: 2em;
  }

  .p-faq__type01 .p-faq__btn {
    margin-top: 2em;
  }
}

.p-tit__type02 {
  padding: 1em 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-skyblue);
}
@media screen and (max-width: 600px) {
  .p-faq__tit .p-tit__type02 {
     padding: 0 !important;
  }
}

.p-faq .p-tit__type02 h2 {
  font-size: clamp(2.6rem, 6.933vw, 5.2rem) !important;
}
.p-faq h2 i {
  font-style: normal;
}

/*---------------------------------------------------------
教室紹介
---------------------------------------------------------*/

.wam-schools,
.wam-schools * {
    box-sizing: border-box;
}

.wam-schools {
    padding: 60px 20px 90px;
    background:
        radial-gradient(circle at 2% 45%, #e7f8ff 0, transparent 25%),
        radial-gradient(circle at 98% 75%, #fffbe1 0, transparent 25%),
        #fff;
    color: #092d66;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.wam-schools__inner {
    max-width: 1000px;
    margin: 0 auto;
}

.wam-schools__title {
    position: relative;
    margin: 0 auto 30px;
    text-align: center;
    font-size: clamp(26px, 3.4vw, 44px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .025em;
}

.wam-schools__title span {
    position: relative;
    z-index: 0;
    color: #0799e5;
    white-space: nowrap;
}

.wam-schools__title span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3%;
    right: -3%;
    bottom: 1px;
    height: 12px;
    background: #ffed4c;
    border-radius: 100%;
    transform: rotate(-2deg);
}

.wam-schools__count {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: min(100%, 440px);
    margin: 0 auto 32px;
    padding: 9px 20px;
    border-radius: 100px;
    background: #e2f5ff;
    font-size: clamp(2rem, 5.333vw, 2.5rem);
    font-weight: 900;
    letter-spacing: .04em;
}
@media screen and (max-width: 600px) {
  .wam-schools__count.style_02 {
    font-size: 4.8vw;
  }
}

.wam-schools__count::before,
.wam-schools__count::after {
    content: "";
    height: 1px;
    width: 32px;
    background: #2761a2;
}

.wam-schools__count strong {
    font-size: 52px;
    line-height: 1;
    color: #087cc7;
}

.wam-schools__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.wam-school {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 21px 22px 24px;
    border: 2px solid #d8f2ff;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 106, 169, .08);
}

.wam-school::after {
    content: "";
    position: absolute;
    right: -22px;
    bottom: -18px;
    width: 94px;
    height: 38px;
    transform: rotate(-45deg);
    background: repeating-linear-gradient(
        to bottom,
        #bcecff 0 7px,
        transparent 7px 15px,
        #ffec70 15px 21px,
        transparent 21px 30px
    );
    opacity: .8;
    pointer-events: none;
}

.wam-school h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    margin: 0 0 17px;
    padding-bottom: 12px;
    border-bottom: 2px solid #c9eeff;
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 900;
    line-height: 1.4;
}

.wam-school__num {
    display: grid;
    place-items: center;
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #ffdf27;
    color: #083369;
    font-size: 24px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.wam-school p {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    padding-left: 29px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
}

.wam-school p:last-child {
    margin-bottom: 0;
}

.wam-school__address::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 15px;
    height: 19px;
    background: #80858a;
    clip-path: polygon(
        50% 100%,
        12% 47%,
        6% 29%,
        15% 10%,
        35% 0,
        65% 0,
        85% 10%,
        94% 29%,
        88% 47%
    );
}

.wam-school__address::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
}

.wam-school__access::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 2px;
    width: 18px;
    height: 20px;
    border: 2px solid #123a75;
    border-radius: 4px;
    background: linear-gradient(
        #123a75 0 3px,
        transparent 3px 11px,
        #123a75 11px 13px,
        transparent 13px
    );
}

.wam-school__access em {
    font-style: normal;
    color: #f04c1b;
    font-size: 20px;
    font-weight: 900;
    white-space: nowrap;
}

/* ========================================
   タブレット（1024px以下）
======================================== */

@media (max-width: 1024px) {

    .wam-schools {
        padding: 62px 24px 72px;
    }

    .wam-schools__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .wam-school h3 {
        font-size: 22px;
    }

}

/* ========================================
   スマートフォン（700px以下）
======================================== */

@media (max-width: 700px) {

    .wam-schools {
        padding: 48px 16px 58px;
    }

    .wam-schools__title {
        font-size: clamp(23px, 6.2vw, 32px);
        margin-bottom: 23px;
    }

    .wam-schools__title span::after {
        height: 8px;
    }

    .wam-schools__count {
        width: min(100%, 330px);
        font-size: 20px;
        margin-bottom: 25px;
    }

    .wam-schools__count strong {
        font-size: 40px;
    }

    .wam-schools__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wam-school {
        padding: 17px 18px 19px;
        border-radius: 14px;
    }

    .wam-school h3 {
        min-height: 48px;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 10px;
        font-size: 20px;
    }

    .wam-school__num {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .wam-school p {
        font-size: 15px;
    }

    .wam-school__access em {
        font-size: 18px;
    }

}


/*---------------------------------------------------------
フッター
---------------------------------------------------------*/
.p-footer {
  /*padding-bottom: 80px;*/
}

.p-footer__sitemap {
  padding: 3em;
  font-size: calc( 16 / 16 * 100%);
}

.l-wrapper .p-footer__sitemap {
  background: #F9F9F3;
}

.l-wrapper.is_common .p-footer__sitemap {
  background: #F9F9F3;
}

.l-wrapper.is_elementary .p-footer__sitemap {
  background: #FFF2F3;
}

.l-wrapper.is_elementary_exam .p-footer__sitemap {
  background: #FFF2F3;
}

.l-wrapper._is_junior .p-footer__sitemap {
  background: #F4FAFF;
}

.l-wrapper.is_high .p-footer__sitemap {
  background: #F1F7F0;
}

.p-footer__sitemap.is_school {
  background: #fff7f1;
}
.p-footer__sitemap.is_school .p-footer__sitemap_box ul li a::before {
  color: #ff9546;
}

.l-wrapper.is_online .p-footer__sitemap {
  background: #f1f7fe;
}

.p-footer__sitemap .p-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-footer__sitemap_box {
  padding: 0 1em;
  width: calc( 1 / 3 * 100% + 2em);
  text-align: left;
  border-right: 1px solid #E5E5E5;
}

.p-footer__sitemap_box:nth-of-type(2) {
  width: calc( 1 / 3 * 100% + 4em);
}

.p-footer__sitemap_box:first-of-type {
  border-left: 1px solid #E5E5E5;
}

.p-footer__sitemap_box ul {
  line-height: 1.2;
}

.p-footer__sitemap_box ul li {
  margin-bottom: 2.5em;
}

.p-footer__sitemap_box ul li a,
.p-footer__sitemap_box ul li span {
  font-size: clamp(1.5rem, 4vw, 1.6rem);
  padding-left: 1.5em;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  display: inline-block;
}
.p-footer__sitemap_box ul li a:link,
.p-footer__sitemap_box ul li a:visited {
  text-decoration: none;
  color: #333;
}

.p-footer__sitemap_box ul li a::before {
  display: inline-block;
  font-family: "FontAwesome";
  content: '\f138';
  font-weight: normal;
  color: #007440;
  position: absolute;
  top: 0;
  left: 0;
}

.p-schoolsearch__map_box--list-item p {
  font-size: clamp(1.5rem, 4vw, 1.6rem);
  margin-bottom: calc( 15 / 16 * 1em);
  padding: 1em;
  width: calc( 150 / 16 * 1em);
  background: #F1F7F0;
  border-radius: 6px;
  overflow: hidden;
}
.p-schoolsearch__map_box--list-item p strong {
  font-size: calc( 16 / 16 * 1em);
  color: #007440;
}

@media screen and (max-width: 768px) {
  .p-schoolsearch__map_box--list-item p {
    margin-bottom: calc( 1em);
    padding: 0.5em;
    width: calc( 150 / 16 * 1em);
  }
  .p-schoolsearch__map_box--list-item p strong {
    font-size: calc( 14 / 16 * 1em);
  }
}

.l-wrapper.is_elementary .p-footer__sitemap_box ul li a::before {
  color: #FB5C65;
}

.l-wrapper.is_elementary_exam .p-footer__sitemap_box ul li a::before {
  color: #D63031;
}

.l-wrapper._is_junior .p-footer__sitemap_box ul li a::before {
  color: #2D98DA;
}

.l-wrapper.is_high .p-footer__sitemap_box ul li a::before {
  color: #27AE60;
}

.l-wrapper.is_online .p-footer__sitemap_box ul li a::before {
  color: #0f5394;
}

.p-footer__navi {
  margin-bottom: -1px;
  padding: 2em 0;
  font-size: calc( 14 / 16 * 100%);
  color: #fff;
  background: #007440;
  border-bottom: 4px solid #fac54c;
  position: relative;
}

.p-footer__navi .p-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  position: relative;
}

.p-footer__navi_logo {
  width: 162px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-footer__navi_logo p {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-footer__navi_logo p a,
.p-footer__navi_logo p span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/common/ic_logo_wam01_banner01_wht01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
  overflow: hidden;
  text-indent: -99999%;
}

.p-footer__navi_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em 0;
}

.p-footer__navi_menu ul li {
  border-right: 1px solid #fff;
}

.p-footer__navi_menu ul li:last-of-type {
  border-right: none;
}

.p-footer__navi_menu ul li a,
.p-footer__navi_menu ul li span {
  padding: 0 0.5em;
}

.p-footer__navi_menu ul li a {
  color: #fff;
  text-decoration: underline;
  font-size: clamp(1.2rem, 3.2vw, 1.4rem);
}

.p-footer__navi_menu ul li a:hover {
  text-decoration: none;
}

.p-footer__navi_sns ul {
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  position: absolute;
  bottom: -5em;
  right: 0;
}

.p-footer__navi_sns ul li {
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-footer__navi_sns ul li a,
.p-footer__navi_sns ul li span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  background: #007440;
}

.p-footer__navi_sns ul li i {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.p-footer__navi_sns ul li a:hover i {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

.p-footer__copyright {
  padding: 2.2em 0;
  font-size: calc( 11 / 16 * 100%);
  background: #fff;
  border-top: 1px solid #007440;
}

@media screen and (max-width: 1240px) and (min-width: 768px) {
  .p-footer {
    font-size: calc( 16 / 1240 * 100vw);
  }

  .p-footer__sitemap {
    font-size: calc( 16 / 1240 * 100vw);
  }

  .p-footer__navi {
    font-size: calc( 14 / 1240 * 100vw);
  }

  .p-footer__copyright {
    font-size: calc( 13 / 1240 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .p-footer {
    padding-bottom: calc( 70 / 390 * 100vw);
  }

  .p-footer__sitemap {
    padding: 2em 0;
  }

  .p-footer__sitemap .p-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .p-footer__sitemap_box {
    padding: 0 1em;
    width: calc( 100%);
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
  }

  .p-footer__sitemap_box:nth-of-type(2) {
    width: calc( 100%);
  }

  .p-footer__sitemap_box:first-of-type {
    border-left: none;
  }

  .p-footer__sitemap_box:last-of-type {
    border-bottom: none;
  }

  .p-footer__sitemap_box ul {
    margin-top: 1.5em;
  }

  .p-footer__sitemap_box ul li {
    margin-bottom: 1.5em;
  }

  .p-footer__sitemap_box ul li a,
  .p-footer__sitemap_box ul li span {
    padding-left: 1.5em;
    position: relative;
  }

  .p-footer__sitemap_box ul li a::before {
    display: inline-block;
    font-family: "FontAwesome";
    content: '\f138';
    font-weight: normal;
    color: #007440;
    position: absolute;
    top: 0;
    left: 0;
  }

  .p-footer__navi .p-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    position: relative;
  }

  .p-footer__navi_logo {
    width: calc( 162 / 390 * 100vw);
    height: calc( 20 / 390 * 100vw);
  }

  .p-footer__navi_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.0em 0;
  }

  .p-footer__navi_menu ul li {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: -1px;
  }

  .p-footer__navi_menu ul li:last-of-type {
    border-right: 1px solid #fff;
  }

  .p-footer__navi_sns {
    font-size: 2em;
  }

  .p-footer__navi_sns ul {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .p-footer__navi_sns ul li {
    width: 1.5em;
    height: 1.5em;
  }

  .p-footer__navi_sns ul li a,
  .p-footer__navi_sns ul li span {
    background: #fff;
    color: #007440;
  }

  .p-footer__copyright {
    padding: 2em 0;
  }
}

/*---------------------------------------------------------
フッター追従CTA
---------------------------------------------------------*/
aside a {
  text-decoration: none;
}

.p-aside__navi {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 60;
  margin-right: -12em;
}

.p-aside__navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.p-aside__navi ul li {
  border-radius: 4em 0 0 4em;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  /*transform: translateX( calc( 100% - 4em ) );*/
}

.p-aside__navi ul li:hover {
  /*transform: translateX( 0 );*/
  -webkit-transform: translateX(-12em);
  -ms-transform: translateX(-12em);
  transform: translateX(-12em);
}

.p-aside__navi_schoolsearch {
  background: #FAC94C;
}

.p-aside__navi_campaign {
  background: #FF6C00;
  background: -webkit-gradient(linear, left top, left bottom, from(#F39412), to(#FF6C00));
  background: -webkit-linear-gradient(top, #F39412, #FF6C00);
  background: -o-linear-gradient(top, #F39412, #FF6C00);
  background: linear-gradient(180deg, #f39412, #ff6c00);
}

.p-aside__navi_trial {
  background: #FF6C00;
  background: -webkit-gradient(linear, left top, left bottom, from(#F39412), to(#FF6C00));
  background: -webkit-linear-gradient(top, #F39412, #FF6C00);
  background: -o-linear-gradient(top, #F39412, #FF6C00);
  background: linear-gradient(180deg, #f39412, #ff6c00);
}

.p-aside__navi_contact {
  background: #FF6C00;
  background: -webkit-gradient(linear, left top, left bottom, from(#F39412), to(#FF6C00));
  background: -webkit-linear-gradient(top, #F39412, #FF6C00);
  background: -o-linear-gradient(top, #F39412, #FF6C00);
  background: linear-gradient(180deg, #f39412, #ff6c00);
}

.p-aside__navi_faq {
  background: #007440;
}

.p-aside__navi_flow {
  background: #007440;
}

.p-aside__navi ul li a,
.p-aside__navi ul li span {
  padding: 1em 2em 1em 1em;
  color: #fff;
  width: 100%;
  height: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}

.p-aside__navi ul li .p-ic {
  width: 2em;
  height: 2em;
}

.p-aside__navi ul li strong {
  opacity: 0;
}

.p-aside__navi ul li:hover strong {
  opacity: 1;
}

.p-aside__btn {
  display: none;
  padding: 1em;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 60;
  background: #fff;
  -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1);
}

.p-aside__btn .p-act ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1240px) and (min-width: 768px) {
  .p-aside {
    font-size: calc( 16 / 1240 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .p-aside {
    font-size: calc( 10 / 390 * 100vw);
  }

  .p-aside__navi {
    display: none;
  }

  .p-aside__btn {
    display: block;
  }

  .p-aside__btn .p-act ul li strong {
    font-size: calc( 13 / 390 * 100vw);
    font-weight: bold;
  }

  .p-aside__btn .p-act ul li strong big {
    font-size: calc( 13 / 390 * 100vw);
    font-weight: bold;
  }

  .p-aside__btn .p-act ul li strong small {
    font-size: calc( 10 / 390 * 100vw);
    font-weight: bold;
  }
}