@charset"UTF-8";

@media screen and (max-width: 1188px) {
  _:-ms-input-placeholder, :root .common_bgi {
    background-size: 100% 65.6vw;
  }

  .enjoy_sec {
    padding-bottom: 1.18vw;
  }
  .enjoy_illust_bloc {
    width: 98vw;
  }
  .enjoy_illust1 {
    top: -20.66vw;
  }

}

@media screen and (max-width: 1090px) {
  .mf_contents_bloc {
    min-height: 54.08vw;
  }
}

@media screen and (max-width: 1060px) {
  .enjoy_contents_bloc {
    width: 74.5%;
    margin: -4% auto 0;
  }
  .enjoy_image_bloc {
    width: 100%;
    padding-top: 69%;
    margin: 0.6em 0 0;
  }
    .enjoy_illust_bloc {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .enjoy_illust1 {
    width: 36.8%;
    top: auto;
    bottom: -1.5%;
    left: 1%;
  }
  .enjoy_illust2 {
    width: 22%;
    right: 1.3%;
  }
}

@media screen and (max-width: 990px) {
/*マンガ*/
  .manga_bloc {
    margin: 1.021vw auto;
  }
  .manga_bloc p {
    padding: 1.021vw 0;
  }

/*ヘッダー*/
  header {
    min-height: 13.6vw;
  }

/*店舗＆求人*/
  .contact_btn_access, .contact_btn_job {
    min-height: 16.56vw;
  }
  .contact_btn_access,
  .contact_btn_job {
    min-height: 16.54vw;
  }

/*メインフィーチャー*/
  .main_feature_bloc {
    padding: 1.82vw 0 0;
    margin: 10.38vw 0 0;
  }
  .main_feature_bloc::before {
    height: 20px;
  }
  .mf_contents_bloc {
    min-height: 54.63vw;
  }
  .mf_header_border {
    min-height: 12.4vw;
  }

/*悩み*/
  .trouble_header_bloc {
    margin: 0 auto 6.54vw;
    width: 100%;
  }
  .trouble_header_bloc::before {
    font-size: 4.082vw;
  }
  .trouble_bloc {
    margin: .75% auto 1.5%;
  }
  .t_checkbox + dd {
    font-size: 4.1vw;
    width: calc(100% - 1.98em);
  }
/*楽しみ方*/
  _:-ms-input-placeholder, :root .enjoy_bgi {
    background-size: 100% 65.3vw;
  }
/*特徴*/
  _:-ms-input-placeholder, :root .feature_bgi {
    background-size: 100% 65.3vw;
  }
/*口コミ*/
  _:-ms-input-placeholder, :root .online_reviews_bgi {
    background-size: 100% 65.3vw;
  }
  .online_reviews_bloc_header {
      font-size: 4.06vw;
  }
}


@media screen and (max-width: 966px) {
/*悩み*/
  .trouble_bloc {
    width: 100%;
    padding: 5% 4.4% 8% 6.9%;
  }
  .t_checkbox {
    font-size: 4.2vw;
    margin: 0px 0.6em 0px 0px;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner, .check5_inner,
  .icon1, .icon2, .icon3, .icon4, .icon5 {
    font-size: 4.2vw;
  }
  .t_checkbox + dd {
    /*font-size: 4.33vw;*/
    font-size: 4.1vw;
    width: 91%;
    width: calc(100% - 1.8em);
  }
}


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

/*逆三角形*/
  .iTriangle {
    font-size: 4vw;
  }
}


@media screen and (max-width: 600px) {
/*ヘッダー*/
  header {
    min-height: 13.6vw;
  }
  .header_btn_bloc {
    width: 30.6%;
  }
  .header_btn_inner {
    margin: 3.8% 8.8% 0 0;
  }

/*メインフィーチャー*/
  .mf_header_border {
    min-height: 15.2vw;
  }
  .mf_sub_header_inner {
    padding: 2.1% 0;
  }

/*楽しみ方*/
  .enjoy_header_bloc {
    width: 63.8%;
    margin: auto;
  }
  .enjoy_sub_header_bloc {
      width: 44.6%;
      margin: 0 auto 2.3%;
  }
  .enjoy_contents_bloc {
    width: 87.6%;
  }
  .enjoy_image_bloc {
    padding-top: 105%;
    margin: 0.6em auto 2.6%;
  }
  .enjoy_illust1 {
    width: 62%;
  }
  .enjoy_illust2 {
    width: 36.8%;
  }

/*特徴*/
  .feature_list {
    width: 87.6%;
  }
  .feature1_header {
    width: 76.68%;
    margin-left: auto;
  }
  .feature2_header {
    width: 100%;
    margin-left: auto;
  }
  .feature3_header {
    width: 76.68%;
    margin-left: auto;
  }

/*口コミ*/
  .online_reviews_header {
      width: 50.62%;
      margin: 5% auto 3.2%;
  }
}


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

  body {
    font-size: 18px;
    line-height: 1.5;
  }
  .contents_bloc {
    padding: 0 10px;
  }

/*マンガ*/
  .manga_bloc {
    padding: 0 10px;
    margin: 2.042vw auto;
  }

/*フッター*/
  .footer_inner {
    padding: 5% 0;
  }
  footer::before {
    top: -1.75vw;
  }
  footer::after {
    top: -3.7vw;
  }

/*ヘッダ*/
  header {
    min-height: 17.5vw;
  }
  header::before {
    bottom: 1.75vw;
  }
  .logo_bloc {
    width: 48%;
  }
  #logo {
    margin: 5.4% 0px 9.3% 4.8%;
  }
  /*ヘッダーボタン*/
  .header_btn_bloc {
    width: 34%;
  }
  .header_btn_inner {
    margin: 3.8% 0 0
  }.header_btn_access {
    padding: 4.8% 3.6%;
  }

/*店舗＆求人*/
  .contact_bloc {
    padding: 12.2% 0 10.8%;
  }
  .contact_plus_bloc {
    padding: 1px 0px 18.4%;
  }
  .contact_illust {
    bottom: 8.4%;
  }
  .contact_plus_bloc .contact_illust {
    bottom: 13%;
  }
  .contact_first_time_pop {
      width: 30.4%;
      margin: 0px 0px 1.6% 8%;
  }

/*各項目のヘッダー*/
  .header_border {
    padding: 2vw 0px;
  }
  .header_bloc::before {
    top: -1.5vw;
  }
  .header_bloc::after {
    bottom: -1.5vw;
  }

/*メインフィーチャー*/
  #mf_effect1,
  #mf_effect5,
  #mf_effect9 {
    width: 7.6%;
    height: 12%;
  }
  #mf_effect2,
  #mf_effect3,
  #mf_effect6,
  #mf_effect7 {
    width: 9.5%;
    height: 16%;
  }
  #mf_effect4,
  #mf_effect8 {
    width: 12.7%;
    height: 20%;
  }

  #mf_effect1,
  #mf_effect3,
  #mf_effect4,
  #mf_effect6,
  #mf_effect9 {
    display: none;
  }
  #mf_effect2 {
    top: 3%;
    right: 11.34%;
  }
  #mf_effect5 {
    top: 20%;
    left: 47%;
  }
  #mf_effect7 {
    top: 52%;
    right: 6.2%;
  }
  #mf_effect8 {
    top: 42.5%;
    left: 5%;
  }

  .main_feature_bloc {
    padding: 0;
    margin: 17.6vw 0 0;
  }
  .main_feature_bloc::before {
    content: none;
  }
  .mf_contents_bloc {
    min-height: 103vw;
  }
  .mf_header_bloc {
    width: 100%;
    margin: 0 0 -.25em;
  }
  .mf_text {
    width: 97.4%;
    margin: 2.8% 0 0 .5%;
  }
  .mf_balloon {
    display: block;
    width: 40%;
    margin: -6.4% 0 0 6.4%;
  }
  .mf_nicobar {
    width: 103%;
    width: calc(100% + 8px);
    margin: 27.4% -6px 0 -4px;
  }
  .mf_illust_bloc {
    width: 95%;
    padding-top: 96.2%;

    right: 2.3%;
    bottom: -12.7%;
  }
  /*サブ見出し用*/
  .mf_header_border {
    min-height: 34.6vw;
    margin: 0;
  }
  .mf_sub_header_inner {
    width: 79.6%;
    padding: 3% 0;
  }

/*悩み*/
  .trouble_header_bloc {
    width: 70.8%;
    margin: 0 auto 6.54vw;
    padding: 4.4% 0 4.8%;
  }
  .trouble_bloc {
    width: 97%;
    padding: 5% 3% 9% 7%;
    margin: .75% auto 5.75%;
  }
  .trouble_bloc {
   background: url(../img/trouble/trouble_bgi_sp.png) repeat-y 0 0 / 100% auto;
   -webkit-filter: drop-shadow(.6vw .6vw .6vw rgba(0, 0, 0, .5));
           filter: drop-shadow(.6vw .6vw .6vw rgba(0, 0, 0, .5));
  }
  .t_checkbox {
    font-size: 5.4vw;
    margin: -.4em .5em 0 0;
  }
  .check1_inner, .check2_inner, .check3_inner, .check4_inner, .check5_inner,
  .icon1, .icon2, .icon3, .icon4, .icon5 {
    font-size: 5.4vw;
  }
  .t_checkbox + dd {
    font-size: 5.8vw;
    letter-spacing: -1px;
    width: 88.4%;
    width: calc(100% - 1.7em);
  }

/*楽しみ方*/
  _:-ms-input-placeholder, :root .enjoy_bgi {
    background-size: 100% 64.5vw;
  }
  .enjoy_header_bloc {
    width: 79.8%;
    margin: auto;
  }
  .enjoy_sub_header_bloc {
    width: 60.6%;
    margin: 0 auto 2.3%;
  }

/*特徴*/
  _:-ms-input-placeholder, :root .feature_bgi {
    background-size: 100% 64.5vw;
  }
  .feature_bloc {
      padding: 10.5% 0 0;
  }
  .feature_bloc_header {
    margin: 0 auto 5.2%;
  }
  .feature1_header {
    width: 62.68%;
    margin-left: auto;
  }
  .feature2_header {
    width: 80%;
    margin-left: auto;
  }
  .feature3_header {
    width: 76.68%;
    margin-left: auto;
  }

/*口コミ*/
  _:-ms-input-placeholder, :root .online_reviews_bgi {
    background-size: 100% 64.5vw;
  }
  .online_reviews_header {
      width: 66.62%;
      margin: 10% auto 5.2%;
  }
}


/*@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;
  }
}