@charset"UTF-8";

@media screen and (max-width: 980px) {
/*  header {
    padding: 0 0 4.49vw;
	position: relative;
	z-index: 999;
  }
  header::before {
    height: calc(100% - 4.49vw);
  }*/
/*ヘッダー*/
/*
  #header_box.contents_bloc {
    min-height: 9.8vw;
  }
  .header_btn_form_bloc::before,
  .header_btn_tel_bloc::before {
    font-size: 4.082vw;
  }
  .header_btn_form_inner,
  .header_btn_tel_inner {
    min-height: 8.72vw;
    border-radius: 1.2vw;
  }

  .nav_btn_form::before,
  .nav_btn_tel::before {
    font-size: 4.082vw;
  }
  .nav_fix {
    margin: 0 2.75vw 0 auto;
  }
*/
/**/
  .manga_bloc {
    margin: 1.021vw auto;
    padding: 0 1.021vw;
  }
  .manga_bloc p {
    padding: 1.021vw 0;
  }

/*問い合わせ先*/
  .contact_btn_form_inner,
  .contact_btn_tel_inner,
  .search_btn_inner{
    min-height: 14.1vw;
    border-radius: 1.2vw;
  }
  
 .search_btn_bloc{
 width: 80%;
 }

/*メインフィーチャー*/
  .main_feature_bloc {
/*
    min-height: 77.1vw;
*/
text-align:center;
}
  
/* .main_feature_bloc {
  background: #e9f0f8 url('../images/main_feature/main_feature_bg.jpg') no-repeat 100% 0;
  background-size: cover;
}*/
  .mf_header_bloc {
    min-height: 18.43vw;
  }
  .mf_up_point_bloc {
    min-height: 34.08vw;
  }

/*悩み*/
  .trouble_header_bloc {
    margin: 3.75% 0 6.54vw 26.9%;
  }
  .trouble_header_bloc::before {
    font-size: 4.082vw;
  }
  .trouble_bloc {
    margin: .75% auto 1.5%;
  }

/*特徴*/
/********************************************
  特徴                                       */
.sa_feature_header_bloc {
  width: 75.95%;
  margin: 9.75% 0 4.75% 21.7%;
  padding: 4.1% 0 4.7%;
}

.sa_feature_list {
  margin: 0 ;
}
.sa_feature1_header_bloc,
.sa_feature3_header_bloc {
  width: 94.3%;
  margin: 0 0 2.9% 3.2%;
}
.sa_feature2_header_bloc {
  margin: 0 0 2.9%;
}
.sa_feature1_bloc,
.sa_feature3_bloc {
  padding: 1.5% 5.02% 1.5% 6.55%;
  margin: 0 0 6.8%;
}
.sa_feature2_bloc {
  padding: 1.5% 0;
/*  margin: 0 0 6.8%;*/
}
.sa_feature1_txt {
  margin: 0 2.9% 1.1%;
}
.sa_feature2_txt {
  margin: 0 9.1% 1.7%;
}
.sa_feature3_txt {
  margin: 0 2.9% 3.2%;
}

.sa_feature_list p{
font-size: 16px;
}

/*フォーム*/
  .form_header_bloc {
    margin: 9.2% 0 8.572vw 25.4%;
  }
  .form_header_bloc::before {
    font-size: 4.08vw;
  }
}


@media screen and (max-width: 966px) {
/*悩み*/
  .t_checkbox {
    font-size: 4.25vw;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner,
  .icon1, .icon2, .icon3, .icon4 {
    font-size: 4.25vw;
  }
  .t_checkbox + dd {
    font-size: 4.25vw;
    width: 88.95%;
    width: calc(100% - 1.95em);
  }
}


@media screen and (max-width: 800px) {
/*体験*/
  .experience_title {
    font-size: 4.6vw;
  }
  .experience_bloc:not(:last-of-type) {
    margin: 0 0 9.5%;
  }

/*理由*/
  .reason_list_header_bloc {
    margin: 0 0 2.3% .4%;
  }

/*フォーム*/
  .form_bloc {
    width: 90%;
  }

/*フッターー*/
  footer {
    font-size: 16px;
  }
  .footer_inner {
    padding: 3% 0;
  }
}


@media screen and (max-width: 600px) {
/*ヘッダー*/
  /*#header_box.contents_bloc {
    min-height: 11vw;
  }
  #logo {
    margin: 3.6% 0 6% 6.5%;
  }

  .nav_fix {
    width: 24%;
  }
  .nav_btn_form::before,
  .nav_btn_tel::before {
    font-size: 5.582vw;
  }*/

/*フォーム*/
  /*確認ページ用*/
  .comfirm_bloc dt {
    width: 100%;
  }
  .comfirm_bloc dd {
    width: 100%;
    margin: 0;
  }
}


@media screen and (max-width: 500px) {
  /*SP改行用*/
  .br_sp {
    display: inline-block;
  }
  .br_pc {
    display: none;
  }

  body {
    font-size: 18px;
    line-height: 1.5;
  }


/*ヘッダ*/
/*  header {
    padding: 0;
  }
  header::before {
      background-color: transparent;
  }

  #header_box.contents_bloc {
    min-height: 17vw;
    padding: 0;
  }
  .logo_bloc {
    width: 100%;
    padding: 0 10px 0 10px;
    background-color: #fff;
  }
  #logo {
    margin: 3.4% 0 5.5%;
  }*/
  /*ヘッダーボタン*/
  .header_btn_bloc {
  display: none;
/*
    width: 100%;
    margin: auto;
    padding: 0 10px;
*/
  }
  .header_btn_inner {
    margin: .5vw 3.8% 10.25% 8%;
  }
  .header_btn_form_bloc {
    width: 44.7%;
  }
  .header_btn_tel_bloc {
    width: 46.1%;
  }
  .header_btn_form_bloc::before,
  .header_btn_tel_bloc::before {
    top: -.5vw;
    font-size: 7.2vw;
  }
  .header_btn_form_bloc::before {
    -webkit-transform: translateX(-51%);
        -ms-transform: translateX(-51%);
            transform: translateX(-51%);
  }
  .header_btn_tel_bloc::before {
    -webkit-transform: translateX(-54%);
        -ms-transform: translateX(-54%);
            transform: translateX(-54%);
  }

  .header_btn_form_inner,
  .header_btn_tel_inner {
    height: 15vw;
    min-width: auto;
    padding: 10% 5px 4.8%;
    border-radius: 1.5vw;
  }

  .nav_fix {
    width: 29%;
  }
  .nav_btn_form::before,
  .nav_btn_tel::before {
    font-size: 6.5vw;
  }

/*区切りのライン*/
  .arrow_dogleg_bloc {
    width: 25%;
    margin: 4.2% auto;
  }

/*コンタクト*/
  .contact_box {
    width: 90%;
    margin:3.3% auto;
    padding: 0 0 0 30%;
  }
  .contact_box1 {
    margin: 0 auto 3.3%;
  }
  .contact_btn_bloc {
    width: 100%;
  }
  .contact_btn_bloc:not(:last-of-type) {
    margin: 0 0 5%;
  }
  .contact_btn_form_inner,
  .contact_btn_tel_inner {
    height: 15vw;
    min-width: auto;
    border-radius: 2.4vw;
  }
  .contact_illust1 {
    width: 35.45%;
    padding-top: 59%;
    left: 0;
    bottom: 0;
  }

/*メインフィーチャー*/
.main_feature{
position: relative;
}

/*  .main_feature_bloc {
    min-height: 105.28vw;
	
  }*/
  .mf_header_bloc {
  display: none;
/*    min-height: 22.65vw;*/
/*    position: relative;
    z-index: 2;*/
/*    width: 85.5%;*/
    margin: 8.7% 0 18.6% 1%;
  }
  .mf_up_point_bloc {
    width: 83.3%;
    margin: 74% 0 0 1.5%;
  }
  .mf_illust_bloc {
    min-height: 35.32vw;
    width: 66.6%;
    padding-top: 112%;
    bottom: -9%;
  }

/* 主な紹介領域 */
.license_list_bloc{
display: block;
}

.license_inner{
width: 100%;
}

.license_inner dl{
margin: 0 0 3.3% 0;
}

.license_1{
  width: 30%;
  margin: 0 0 0 34.7%;
  padding: 3.7% 0 2%;
}

.license_2{
  width: 30%;
  margin: 0 0 0 34.7%;
  padding: 3.7% 0 2%;
}

.license_3{
  width: 21.65%;
  margin: 0 0 0 38%;
  padding: 3.7% 0 2%;
}


/*悩み*/
  .trouble_bloc {
    width: 97%;
    padding: 2% 4% 8%;
    margin: .75% auto 2.75%;
  }
  .t_checkbox {
    font-size: 5.4vw;
    margin: -.4em .7em 0 0;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner,
  .icon1, .icon2, .icon3, .icon4 {
    font-size: 5.4vw;
  }
  .t_checkbox + dd {
    font-size: 4.78vw;
    letter-spacing: -1px;
    width: 88.4%;
    width: calc(100% - 2.1em);
    padding: 0px 0px 0.34em 0.22em;
  }

/*体験*/
  .experience_title {
    font-size: 5.5vw;
  }
  .experience_bloc:not(:last-of-type) {
    margin: 0 0 14.5%;
  }
  .title_long {
    line-height: 1.25;
    margin: 1.4% 0 0;
  }

/*特徴*/
  .sove_feature1_bloc,
  .sove_feature2_bloc,
  .sove_feature3_bloc {
      margin: 0px 0px 9%;
  }
  .sove_feature1_txt,
  .sove_feature2_txt,
  .sove_feature3_txt {
    font-size: 4.5vw;
  }
  .sove_feature1_txt {
    margin: 0 2.9% 3.1%;
  }
  .sove_feature2_txt {
    margin: 0px 9.1% 3.7%;
  }
  .sove_feature3_txt {
    margin: 0 2.9% 5.2%;
  }
  .sove_feature1_effect1_inner,
  .sove_feature1_effect2_inner,
  .sove_feature1_effect3_inner {
    font-size: 2.03vw;
  }
  .sove_feature2_flow {
      margin: 0px 0px 7%;
  }
  /*ターゲッティング*/
  .sove_feature2_targeting_header {
    width: 76%;
  }

/*理由*/
  .reason_list_header_bloc {
    margin: 0 0 2.5% .4%;
  }
  .reason_list {
    width: 98%;
    margin: 0 auto 5.6%;
  }
  .reason_list_text {
    font-size: 4.5vw;
  }

/*ご利用の流れ*/
  .flow_intro_inner {
      padding: 3% 0 5%;
  }
/*  .flow_intro_step_inner {
    width: 50%;
  }*/
  .flow_intro_con_inner {
    width: 80%;
    font-size: 5vw;
  }

.flow_intro_con {
  font-size: 16px;
}

/* 面接会場 */

.interview_bloc{
display:block;
margin: 5% 0;
}

.map{
width: 100%;
margin: 0 0 6.75% 0;
}

.interview_header_bloc dl,
.interview_map_bloc{
width: 100%;
}

.interview_address_name{
  width: 29%;
  margin: 0 0 0 0;
}

.interview_address_txt p{
margin: 4.75% 0;
}

.interview_address_txt span{
font-size: 20px;
}

.interview_map_bloc {
position: relative;
padding-bottom: 34.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.interview_map_bloc iframe,
.interview_map_bloc object,
.interview_map_bloc embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*キャンペーン*/
  .campaign_bloc {
    background-size: 7.5vw 7.5vw;
  }
  .campaign_inner {
    width: 98.8%;
    margin: 6.25% auto 6.9%;
  }

/*フォーム*/
  .form_bloc {
    width: 98%;
  }
  .input_notes {
    padding: 0;
    margin: 5px 0 0;
  }
  .required_mark {
    padding: 2px 5px;
  }

  .buttonBox{
    width: 78.6%;
    margin: 4% auto 14vw;
  }
  .buttonBox button[type='submit'] {
    font-size: 22px;
    padding: 5px 0;
  }

/*thanks & errorページ*/
  #sub_page_wrap #header_box.contents_bloc {
    min-height: 18.92vw;
  }
/*  #thk_err_box {
    align-items: flex-start;
    min-height: auto;
  }*/

  /*戻るボタン*/
/*  .back_btn_box {
    width: 80%;
  }*/
}


/*@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;
  }
}

