@charset"UTF-8";

@media screen and (max-width: 980px) {
/*ヘッダー*/
  header {
    border-top: 1.84vw solid #2660AD;
  }
  #header_box.contents_bloc {
    min-height: 9.7vw;
  }

/*問い合わせ先*/
  .contact_btn{
    min-height: 13.2vw;
    padding: 3.36vw 0;
  }


/*メインフィーチャー*/
  .main_feature_bloc {
    min-height: 78.26vw;
  }
  .mf_header_bloc {
    min-height: 17.2vw;
  }
  .mf_sub_header_bloc {
    min-height: 13.05vw;
  }
  /*生徒数*/
  .mf_student_number,
  .mf_number_unit {
    font-size: 3.1vw;
  }
  .mf_student{
    font-size: 2.45vw;
  }
  .mf_number {
    font-size: 5.13vw;
  }


/*悩み*/
  .trouble_bloc {
    margin: .75% auto 1.5%;
  }

/*レッスン*/
  .lesson_inner {
    margin: auto;
  }
  .recommended_class,
  .recommended_private {
    margin: 0 auto 3.5%;
  }

/*受講生の声*/
  .student_voice_balloon_bloc {
    border-radius: 3.4vw;
  }

  .student_voice_header {
    font-size: 4.1vw;
  }
  .student_photo {
    padding: 2.1vw 0 0 7px;
  }
  .student_lesson_data_caption {
    font-size: 2.75vw;
  }
  .student_lesson_data th,
  .student_lesson_data td {
    font-size: 2.54vw;
    padding: 1vw 0;
  }
  .student_voice {
    /*font-size: 2.9vw;*/
    font-size: 2.8vw;
  }

}


@media screen and (max-width: 966px) {
/*悩み*/
  .t_checkbox {
    font-size: 4.25vw;
    margin: 0 .75em 0 0;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner, .check5_inner,
  .icon1, .icon2, .icon3, .icon4, .icon5 {
    font-size: 4.75vw;
  }
  .t_checkbox + dd {
    font-size: 4.25vw;
    width: 88.75%;
    width: calc(100% - 2.5em);
  }
}


@media screen and (max-width: 800px) {
/*フッターー*/
/*フッターー*/
  footer {
    font-size: 18px;
  }
  .footer_band {
    padding: 7% 0;
    padding: calc(3% + 12px) 0;
  }

/*逆三角形*/
  .iTriangle {
    width: 15vw;
    height: 15vw;
  }

  /*noscript用*/
  .iTriangleNoJS {
    top: 10.5%;
    border: 18.75vw solid transparent;
    border-top: 10.15vw solid #00477E;
    border-bottom: 0;
  }
/*メインフォーチャー*/
  /*生徒数*/
  .mf_student_number,
  .mf_number_unit {
    font-size: 2.9vw;
  }
  .mf_student {
    font-size: 2.3vw;
  }
  .mf_number {
    font-size: 5.05vw;
  }

/*悩み*/
  .trouble_bloc {
      padding: 3% 6.9% 9.75%;
      margin: .75% auto;
  }

  .trouble_bloc > dl {
    margin: 5vw 0 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .t_checkbox {
    font-size: 4.75vw;
    margin: .15em .75em 0 0;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner, .check5_inner,
  .icon1, .icon2, .icon3, .icon4, .icon5 {
    font-size: 5.25vw;
  }
  .t_checkbox + dd {
    font-size: 4.75vw;
    width: 85.5%;
    width: calc(100% - 2em);
  }

/*レッスン*/
  .lesson_point > li {
    margin: 0 0 .35em 1em;
  }

/*受講生の声*/
  .student_voice_balloon_bloc::before {
    left: 54px;
  }
  .student_voice_balloon_bloc::after {
    left: 58px;
  }
}


@media screen and (max-width: 600px) {
/*SP改行用*/
  .br_sp {
    display: inline-block;
  }

/*フッターー*/
  .footer_logo {
    width: 35%;
  }
/*ヘッダー*/
  .logo_bloc {
    width: 46%;
  }
  .header_btn_bloc {
    width: 30%;
    border-radius: 0 0 2vw 2vw / 0 0 2vw 2vw;
  }
  .header_btn_inner {
    padding: 2.1vw 0;
  }
  .nav_fix {
    width: 20%;
  }

/*お問い合わせ*/
  .contact_bloc {
    width: 74%;
  }
  .contact_btn_bloc {
    padding: 7.5% 0 14.2%;
    margin: 0 0 0 27%;
  }
  .contact_btn {
    min-height: 14.5vw;
    padding: 3.5vw 0;
    border-radius: 2.5vw;
  }
  /*イラスト（フォームヘッダーのイラストと共通）*/
  .contact_illust{
    width: 41%;
    padding-top: 42.5%;
    left: -1%;
  }

/*悩み*/
  .trouble_header_bloc {
    width: 93.2%;
    margin: 0 auto 7vw;
    padding: 5vw 0 5.4vw;
  }
  .trouble_header_bloc::before {
    font-size: 4.5vw;
  }
  .trouble_bloc {
    width: 97%;
    padding: 4% 4% 11.5%;
    margin: .75% auto 2.75%;
  }
  .t_checkbox {
    font-size: 5.5vw;
    margin: .2em .75em 0 0;
  }
  .check1_inner, .check2_inner, .check3_inner,
  .icon1, .icon2, .icon3 {
    font-size: 6vw;
  }
  .t_checkbox + dd {
    font-size: 6.1vw;
    letter-spacing: -1px;
    width: 87%;
    width: calc(100% - 2em);
  }

/*レッスン*/
  .lesson_header_bloc {
    width: 49.7%;
  }
  /*サブヘッダー*/
  .lesson_sub_header_bloc {
    width: 57%;
    margin: 0 auto 3vw;
  }
  .recommended_class {
    width: 74.4%;
    margin: 0 auto 3.5vw;
  }
  .recommended_private {
    width: 68.83%;
    margin: 0 auto 3.5vw;
  }

/*受講生の声*/
  .student_voice_header_bloc {
    width: 40.4%;
  }

  .student_photo {
    width: 23.8%;
    padding: 4px 0 0 7px;
  }
  .student_data {
    width: 75.2%;
    padding: 0 0 0 2.8%;
  }
  .student_voice_balloon_bloc {
    padding: 4% 4.5%;
  }
  .student_voice_balloon_bloc::before {
    left: 50px;
  }
  .student_voice_balloon_bloc::after {
    left: 54px;
  }

/*受講生の声*/
  .student_voice_header {
    font-size: 5.7vw;
  }
  .student_lesson_data_caption {
    font-size: 3.3vw;
  }
  .student_lesson_data {
    width: 63.7%;
  }
  .student_lesson_data th,
  .student_lesson_data td {
    font-size: 3vw;
    padding: 1.2vw 0;
  }
  .student_voice {
    font-size: 4vw;
    line-height: 2;
  }
}


@media screen and (max-width: 500px) {
  body {
    font-size: 18px;
    line-height: 1.5;
  }

/*フッターー*/
  .footer_logo {
    width: 40%;
  }
/*ヘッダー*/
  #header_box.contents_bloc {
      min-height: 14.6vw;
  }
  /*ヘッダーロゴ*/
  .logo_bloc {
    width: 56%;
  }
  #logo {
    margin: 2.8% 0 0;
  }
  .header_btn_bloc {
    width: 36%;
  }
  .header_btn_inner {
      padding: 3.3vw 0;
  }

/*メインフォーチャー*/
  .main_feature_bloc {
    min-height: 91.9vw;
    margin: 0 auto 2.4%;
  }
  .mf_header_bloc {
    margin: 3.3% 13% 2.2% 2.36%;
  }
  .mf_school_info_bloc {
    width: 74.7%;
    margin: 0 0 1.5% .45%;
    line-height: 2;
  }
  .mf_student_number_bloc {
    width: 54%;
    margin: 1% 0 0 1%;
  }
  .mf_school_point_bloc {
    width: 44.5%;
  }
  .mf_illust_bloc {
    top: 17.7%;
  }
  /*生徒数*/
  .mf_student_number,
  .mf_number_unit {
    font-size: 4.7vw;
    line-height: 1.25;
  }
  .mf_student {
    font-size: 3.8vw;
  }
  .mf_number {
    font-size: 7.75vw;
  }

/*受講生の声*/
  .student_voice_balloon_bloc {
    border-radius: 18px;
  }
  .student_voice_balloon_bloc::before {
    top: -29px;
    left: 27px;
    border: 13px solid transparent;
    border-bottom: 29px solid #D9383F;
    border-top: 0;
  }
  .student_voice_balloon_bloc::after {
    top: -22px;
    left: 30px;
    border: 10px solid transparent;
    border-bottom: 24px solid #FFF;
    border-top: 0;
  }
}

/*@media screen and (max-width: 422px) {}*/

@media screen and (max-width: 374px) {
/*フッターー*/
  footer {
    font-size: 16px;
  }
  .footer_band {
    padding: 7% 0;
    padding: calc(3% + 10px) 0;
  }
}




/*IE用調整用*/
@media all and (-ms-high-contrast:none) {
/*IE游ゴシックバグ用調整*/
  body {
    font-family: "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
  }

  img[src$=".svg"] {
    width: 100%;
  }
  /**/
  .header_btn_bloc {
    margin:  0 0 0 auto;
  }
  .header_box {
    background-size: 22% 100%;
    background-position: left top;
  }

  /**/
  .mf_number {
    font-size: 68px;
    line-height: 1;
    margin-top: -10px;
  }
}

@media all and (-ms-high-contrast:none) and (max-width: 980px) {
  .mf_number {
    font-size: 7vw;
    margin-top: -.8vw;
  }
}

@media all and (-ms-high-contrast:none) and (max-width: 600px) {
  .mf_number {
    font-size: 5.8vw;
    margin-top: -.5vw;
  }
}