@charset "utf-8";


@media (min-width: 1600px) {
  .totop {
    right: 12%;
  }
}

/*タブレット*/
@media screen and (max-width: 1024px) {

  .pc , .smp { display:none; }
  .tablet { display:block; }

  .totop {
    width: 2.5%;
    right: 3%;
    bottom: 10%;
  }

  .cv_btn_area_smp {
    position:fixed;
    top:0;
    right:0;
    z-index:9999;
  }
  .cv_btn_area_smp .cv_btn01 {
    display: inline-block;
  }
  .cv_btn_area_smp .cv_btn02 {
    display: inline-block;
  }
  .cv_btn_area_smp .cv_btn01 { margin:0 2px 0 0; }
  .cv_btn_area_smp .cv_btn01 img , .cv_btn_area_smp .cv_btn02 img { width:auto; height:60px; }

  section .inner { width: 85%; }

  #firstview {
    background-position: center center;
  }
  #firstview .inner::before {
    content: '';
    display: block;
    padding-top: 146.6%;
  }
  #firstview .inner .copy { width: 70%; }

  #characteristic .inner .pc { display:block; }

  #curriculum .inner .pc { display:block; }
  #curriculum .inner .movie_box { width: 100%; }
  #curriculum .inner .movie_box .youtube_box { width:90%; }
  #curriculum .inner .movie_box .title { font-size:14px; }
  #curriculum .inner .pickup_box > .pc { display:none; }
  #curriculum .inner .pickup_box > .smp { display:block; }
  #curriculum .inner .pickup_box > .ano:last-child { text-align:left; }

  #schedule .inner .schedule_box .kamoku {

  }
  #voice .inner.application .application_area .box .head { margin: 0 0 20px 0; }
  #voice .inner.application .application_area .box p { width:100%; }

  #schedule .inner .schedule_box .kamoku { margin:0 0 20px 0 }
  #schedule .inner .schedule_box .date { width:100% }

  #voice .inner.voice .voice_area { display:block; }
  #voice .inner.voice .voice_box_smp {
    width:100%;
    padding:0 0 62px;
    margin:0 0 62px;
    border-bottom:1px solid #12294A;
  }
  #voice .inner.voice .voice_box_smp:last-child { margin:0; padding:0; border:none; }
  #voice .inner.voice .voice_box_smp img { width:100%; }

  #voice .inner.application .application_area .box .head { width:34%; }

  #voice .inner.faq .faq_area .box_q .head, #voice .inner.faq .faq_area .box_a .head { width:10%; }
  #voice .inner.faq .faq_area .box_q .q_text , #voice .inner.faq .faq_area .box_a p { width:88%; }

}

/*	スマホ		*/
@media screen and (max-width: 599px) {

  .pc { display:none; }
  .tablet , .smp  { display:block; }

  h2 { font-size:18px; margin: 0 auto 28px; }
  h2 img { height:18px; margin: 0 auto 20px; }
  p.mid { font-size:14px; }
  p.sml { font-size:12px; }
  p.ano { font-size:10px; }

  .totop { width: 3%; right: 2%; }

  #firstview { background-position: -350px center; }
  #firstview .inner .copy { width:90%; left: 5%; }
  #firstview .inner .logo { height:44px; top: 18px; left: 10px; }
  #firstview .inner .copy .scroll { padding: 4px 15px; }
  #firstview .inner .copy .scroll .text { height: 8px; }
  #firstview .inner .copy .scroll .arrow { height: 8px; }
  #firstview .inner .copy .copy_img.img-wrap { margin: 0 0 22px; }
  .cv_btn_area_smp .cv_btn01 img , .cv_btn_area_smp .cv_btn02 img { height:30px; }

  #about { background-size: 425px 425px;; }
  #about .inner.about { padding:100px 0 30px; }
  #about .inner.about h2 { line-height: 2; }
  #about .inner.about h2 img { margin: 0 auto 10px; }
  #about .inner.about .mid { margin: 0 0 44px; }
  #about .inner.about .embaj { width:100%; margin:0 0 44px; padding: 0; }
  #about .inner.about .embag { width:100%; border-left:none; border-top: 1px solid #111; padding:44px 0 0; }
  #about .inner.about .embaj .head, #about .inner.about .embag .head { margin: 0 0 25px; font-size:18px; padding:5px; }

  #about .inner.vision { padding: 0 0 50px; }
  #about .inner.vision h2 { margin: 0 0 34px; }
  #about .inner.vision .schema { margin: 0 0 32px; }

  #characteristic .inner { padding: 75px 0 80px; }
  #characteristic .inner h2 { margin: 0 auto 14px; }
  #characteristic .inner .text-divider { margin: 0 0 15px; font-size: 18px; }
  #characteristic .inner .subtitle { margin: 0 0 18px; font-size:34px; }

  #characteristic .inner p { margin: 0 0 38px; }
  #characteristic .inner .pc { display:none; }
  #characteristic .inner .characteristic_con { margin: 0 0 30px; }
  #characteristic .inner .characteristic_con .characteristic_box { width:100%; }
  #characteristic .inner .characteristic_con .characteristic_box .head img { width:auto; height:98px; }
  #characteristic .inner .characteristic_con .characteristic_box p { margin: 0 0 20px; }
  #characteristic .inner .characteristic_con .subimg_r , #characteristic .inner .characteristic_con .subimg_l , #characteristic .inner .characteristic_con .subimg_rt { width:100%; margin: 0 0 20px; position:relative; top:auto; left:auto; bottom:auto; right:auto; }
  #characteristic .inner .characteristic_con .characteristic_box a { width: 85%; margin:0 auto; }
  #characteristic .inner .characteristic_con .characteristic_box a::before {
    content: '';
    display: block;
    padding-top: 16.8%;
  }
  #characteristic .inner .characteristic_con .characteristic_box a.chara_a01 { background: url('../images/chara_btn01_smp.png'); background-size: cover; }
  #characteristic .inner .characteristic_con .characteristic_box a.chara_a01:hover { background: url('../images/chara_btn01_smp.png'); background-size: cover; }
  #characteristic .inner .characteristic_con .characteristic_box a.chara_a02 { background: url('../images/chara_btn02_smp.png'); background-size: cover; }
  #characteristic .inner .characteristic_con .characteristic_box a.chara_a02:hover { background: url('../images/chara_btn02_smp.png'); background-size: cover; }
  #characteristic .inner .characteristic_con .point_img { width:100%; }

  #curriculum .inner .pc { display:none; }
  #curriculum .inner { padding: 0 0 60px; }
  #curriculum .inner .head { padding:0; font-size:18px; }
  #curriculum .inner .curri_img01, #curriculum .inner .curri_img02 { margin: 0 0 44px; }
  #curriculum .inner .curri_img_box { width:100%; margin:0 0 20px; overflow: scroll; }
  #curriculum .inner .curri_img_box .curri_img { width:180%; margin:0; }
  #curriculum .inner .pickup_box { padding: 40px 30px 30px; }
  #curriculum .inner .pickup_box .text { top: -8px; }
  #curriculum .inner .pickup_box .text img { height:18px; }
  #curriculum .inner .movie_box { width: 100%; }
  #curriculum .inner .movie_box img { width:90%; }
  #curriculum .inner .movie_box .title { font-size:14px; }
  #curriculum .inner .pickup_box > .ano:last-child { text-align:left; }
  #curriculum .inner .ano { margin: 0 0 34px; }
  #curriculum .inner a { width:90%; }
  #curriculum .inner a.dwl03 { margin: 0 auto 30px; }

  #schedule .inner { padding: 0 0 80px; }
  #schedule .inner .slide_area { width:100%; overflow: scroll; margin:0 0 20px; }
  #schedule .inner .slide_area img { width:180%; }
  #schedule .inner .ano { margin: 0 0 20px; }
  #schedule .inner .ano.tr { margin:0 0 5px; }
  #schedule .inner .head { margin: 0 0 15px; font-size: 16px; }
  #schedule .inner .schedule_box img { width:100% }

  #lecturers .inner { padding: 0 0 80px; }
  #lecturers .inner p.big { font-size: 12px; }

  #voice { background-size: 425px 425px; }
  #voice .inner.voice { padding: 80px 0 60px; }
  #voice .inner.voice .voice_box_smp { padding: 0 0 30px; margin: 0 0 30px; }
  #voice .inner.voice .flex01 { margin: 0; justify-content: space-around; }
  #voice .inner.voice .movie { width: 85%; margin:0 0 20px; border-radius: 8px; overflow: hidden; }

  #voice .inner.application { padding: 0 0 80px; }
  #voice .inner.application .application_area { padding: 0 0 70px; }
  #voice .inner.application .application_area .box .head { width: 40%; margin: 0 0 5px 0; }
  #voice .inner.application .application_area .box { margin: 0px 0 28px; padding: 0 0 24px; }
  #voice .inner.application .application_area .box .v_t { overflow-wrap: break-word; }
  #voice .inner.application a { width:90%; }
  #voice .inner.application a.dwl01 { margin: 0 auto 30px; }

  #voice .inner.facebook { padding: 0 0 80px; }
  #voice .inner.facebook .fb_box { width:100%; overflow: hidden; }

  #voice .inner.faq { padding: 0 0 80px; }
  #voice .inner.faq .faq_area { margin: 0 0 80px; }
  #voice .inner.faq .faq_area .box_q { margin: 0 0 12px; }
  #voice .inner.faq .faq_area .box_q .q_text { padding: 0 0 0 10px; font-size: 12px; }
  #voice .inner.faq .faq_area .box_a p { padding: 0 0 0 10px; font-size:12px; }
  #voice .inner.faq .faq_area .box_a { margin: 0 0 24px; padding: 0 0 24px; }
  #voice .inner.faq a { width:90%; }
  #voice .inner.faq a.dwl01 { margin: 0 auto 30px; }
  #voice .inner.faq a.dwl03 { margin: 0 auto 30px; }
  footer { padding: 8px 0; font-size: 10px; }

}