@charset "UTF-8";

#group .kv {padding: 0;}
#group .kv__inner {position: relative;background:#000;height:590px;overflow:hidden;} /*edit*/
#group .kv__inner .kv__img {min-width:1520px;width:100%;min-height:590px;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} /*edit*/

#group .kv__textContainer {position: absolute;top: 50%;left: 0;padding:0 40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#group .kv__hd1 {color: #fff;margin-bottom: 2rem;}
#group .kv__en {display: block;font-size: 2.4rem;line-height: 1.4;font-weight: bold;}
#group .kv__ja {display: block;font-size: 5rem;line-height: 1.4;font-weight: bold;}
#group .kv__lead {font-size: 1.6rem;font-weight: bold;color: #fff;max-width:710px;}


#group .school_box{background:url(../img/group/bg-ami.png) 0 0;padding:60px 0;}

#group .school_box_bg{width: 1200px;margin:0 auto;padding:0 0 60px 0;}
#group .school_box_bg_in {background:url(../img/group/bg.png) right bottom no-repeat;background-size:80% 85%;padding:0 30px 30px 0;}
#group .school_box_in{display:flex;}
#group .school_box_in_l{width:580px;flex:none;}
#group .school_box_in_r{width:100%;}
#group .school_box_in_r_in{background:#fff;padding:30px 30px 50px 30px;}
#group .school_box_in_r_in h2{font-size:38px;font-weight:bold;line-height:1.4;padding:0 0 30px 0;}
#group .school_box_in_r_in h2 span{font-size:20px;display:block;}
#group .school_box_in_r_in h3{font-size:20px;font-weight:bold;line-height:1.4;padding:0 0 40px 0;}
#group .school_box_in_r_in p{font-size:16px;padding:0 0 40px 0;}
#group .school_box_in_r_in p.kome{font-size:13px;padding:0 0 30px 0;}

#group .school_box_in_r_in .pict{overflow:hidden;margin:0 0 0 -10px;padding:0 0 20px 0;}
#group .school_box_in_r_in .pict li{background:#e60012;color:#fff;padding:1px 10px;font-size:16px;font-weight:bold;float:left;margin:0 0 10px 10px;}
#group .school_box_in_r_in .pict.pict-egreen li{background:#44a9a4;}



#group .btn1 {text-align: center;display: table;margin: 0 auto;font-size: 1.6rem;font-weight: bold;line-height: 1;padding: 1.5rem 6rem 1.5rem 4rem;color: #fff;background: #e60012;position: relative;}
#group .btn1::after {content: "";display: inline-block;width: 2.7rem;height: 1rem;background: url("../img/common/arrow.png");background-size: contain;background-repeat: no-repeat;position: absolute;top: 1.9rem;right: 1rem;}

#group .coursebox2{display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:30px 0 0 0;margin:0 0 0 -40px;}
#group .coursebox2_in{width:50%;padding:0 0 0 40px;}
#group .coursebox2_in_in{background:#fff;padding:25px 20px;}
#group .coursebox2_in_in p{font-size:18px;font-weight:bold;text-align:center;padding:25px 0;}
#group .coursebox2_in_in .requestWrap__btn{font-size:16px;padding: 1.3rem 6rem 1.3rem 4rem;}
#group .coursebox2_in_in .requestWrap__btn::after {top: 1.5rem;}

#group .katsuyaku{background:#F2F2F2;padding:40px 15px;}
#group .katsuyaku h3{text-align:center;font-weight:bold;font-size:32px;padding:0 0 25px 0;line-height:1.4;}
#group .katsuyaku .katsuyaku_txt1{text-align:center;font-size:24px;font-weight:bold;padding:0 0 25px 0;line-height:1.4;}
#group .katsuyaku .katsuyaku_txt2{font-size:16px;}
#group .katsuyaku .katsuyaku_in{max-width:880px;margin:0 auto;}

#group .katsuyaku .katsuyaku_in2{display:flex;padding:0 40px;}
#group .katsuyaku .katsuyaku_in2_l{width:530px;flex:none;}
#group .katsuyaku .katsuyaku_in2_l img{width:100%;}
#group .katsuyaku .katsuyaku_in2_r{width:100%;padding:0 0 0 30px;}
#group .katsuyaku .katsuyaku_in2_r li{font-size:16px;text-indent:-9px;padding:0 0 0 9px;}

#group .kaikou_in{width:1280px;padding:0 40px;margin:0 auto;}
#group .kaikou h2{text-align:center;font-weight:bold;font-size:40px;padding:0 0 40px 0;}
#group .kaikou h3{font-size:30px;font-weight:bold;margin:0 0 40px 0;background:#e60012;color:#fff;text-align:center;padding:5px;}
#group .kaikou h3 span{font-size:20px;padding:0 0 0 10px;}
#group .kaikou h3.koutou{background:#187ab9;}
#group .kaikou h3.syuichi{background:#eea822;}
#group .kaikou h3.kodomo{background:#219dec;}

#group .taisyou{display: flex;align-items: center;padding:0 20px;}
#group .taisyou dt {font-size: 1.5rem;line-height: 1.4;font-weight: 600;padding: 0 10px 0 0;}
#group .taisyou dt span {border-bottom: 3px solid #000;}
#group .taisyou dd {font-size: 1.5rem;line-height: 1.4;font-weight: 600;background: #e60012;color: #fff;padding: 2px 5px;margin: 0 0 0 5px;}

#group .taisyoubox{display: flex;justify-content: center;}
#group .taisyoubox.fstart{justify-content: start;margin:0 0 0 -20px;}
#group .taisyoubox.fstart .taisyou{padding:0 0 0 20px;}




#group .school-thumbnail{margin: 0 0 0 -5px;}
#group .school-thumbnail .slick-track {transform:unset!important;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width:auto!important;}
#group .school-thumbnail .thumbnail-img {float:none!important;width:33.3%!important;padding: 5px 0 0 5px!important;}
#group .school-thumbnail .thumbnail-img img{cursor: pointer;}

#group .school-thumbnail2{margin: 0 0 0 -5px;}
#group .school-thumbnail2 .slick-track {transform:unset!important;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width:auto!important;}
#group .school-thumbnail2 .thumbnail-img {float:none!important;width:33.3%!important;padding: 5px 0 0 5px!important;}
#group .school-thumbnail2 .thumbnail-img img{cursor: pointer;}

#group .school-thumbnail3{margin: 0 0 0 -5px;}
#group .school-thumbnail3 .slick-track {transform:unset!important;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width:auto!important;}
#group .school-thumbnail3 .thumbnail-img {float:none!important;width:33.3%!important;padding: 5px 0 0 5px!important;}
#group .school-thumbnail3 .thumbnail-img img{cursor: pointer;}

#group .school-thumbnail4{margin: 0 0 0 -5px;}
#group .school-thumbnail4 .slick-track {transform:unset!important;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width:auto!important;}
#group .school-thumbnail4 .thumbnail-img {float:none!important;width:33.3%!important;padding: 5px 0 0 5px!important;}
#group .school-thumbnail4 .thumbnail-img img{cursor: pointer;}

#group .school-thumbnail5{margin: 0 0 0 -5px;}
#group .school-thumbnail5 .slick-track {transform:unset!important;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width:auto!important;}
#group .school-thumbnail5 .thumbnail-img {float:none!important;width:33.3%!important;padding: 5px 0 0 5px!important;}
#group .school-thumbnail5 .thumbnail-img img{cursor: pointer;}


#group .school_in{display:flex;padding:0 0 60px 0;}
#group .school_in_l{width:580px;background:#fff;}
#group .school_in_r{width:100%;padding:0 0 0 40px;}
#group .school_in_r h3{font-size:34px;font-weight:bold;padding:0 0 20px 0;}
#group .school_in_r h4{font-size:24px;font-weight:bold;margin:0 0 20px 0;background:#e60012;color:#fff;text-align:center;padding:5px;}
#group .school_in_r p{font-size:16px;}





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

  #group .school_in_l{width:350px;}





  #group .school_box_bg_in {padding:0 40px 50px 40px;}
  #group .school_box_bg_in2 {padding:0 40px 50px 40px;}
  #group .school_box_in_l{width:350px;}
  #group .school_box_in_r_in{padding:20px 20px 40px 20px;}




}




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

  #group .kv__inner {height:auto;}
  #group .kv__inner .kv__img {min-width:0;min-height:0;position: static;top: auto;left: auto;transform: translate(0, 0);}

  #group .kv__en {font-size: 2.4rem;}
  #group .kv__ja {font-size: 10vw;padding:5px 0 0 0;}
  #group .kv__lead {font-size: 1.6rem;}

  #group .kv__splead {padding: 5rem 1.5rem 5rem;font-size: 1.6rem;font-weight: bold;}

  #group .kv__textContainer {padding:0 15px;}


  #group .school_box_bg{width: 100%;padding:0 0 60px 0;}
  #group .school_box_bg_in {background:url(../img/group/bg_sp.png) right bottom no-repeat;background-size:85% 95%;padding:0 40px 50px 40px;}
  #group .school_box_in{display:block;}
  #group .school_box_in_l{width:100%;}
  #group .school_box_in_l img{width:100%;}
  #group .school_box_in_r{width:100%;}

  #group .school_box_in_r_in{padding:20px 15px 40px 15px;}
  #group .school_box_in_r_in h3{padding:0 0 20px 0;}
  #group .school_box_in_r_in h2{padding:0 0 15px 0;}


  #group .kaikou_in{width:100%;padding:0 45px;margin:0 auto;}

  #group .kaikou{padding:0 0 40px 0;}
  #group .kaikou h2{font-size:40px;}
  #group .kaikou h3{font-size:30px;}
  #group .kaikou h3 span{font-size:20px;}

  #group .taisyou{padding:0;margin:20px 0 0 0;justify-content: center;}
  #group .taisyou dt {font-size: 1.6rem;}
  #group .taisyou dd {font-size: 1.6rem;}

  #group .kaikou .taisyoubox{display: block;}

  #group .coursebox2{margin:0;}
  #group .coursebox2_in{width:100%;padding:0;}
  #group .coursebox2_in img{width:100%;}
  #group .coursebox2_in_in{padding:20px 15px;}
  #group .coursebox2_in_in p{font-size:18px;}
  #group .coursebox2_in_in .requestWrap__btn{font-size:16px;}

  #group .school_box_in_r_in p.kome{padding:20px 0 30px 0;}



  #group .school_in{display:block;padding:0 0 60px 0;}
  #group .school_in_l{width:100%;}
  #group .school_in_l img{width:100%;}
  #group .school_in_r{padding:20px 0 0 0;}
  #group .school_in_r h3{font-size:34px;}
  #group .school_in_r h4{font-size:24px;}
  #group .school_in_r p{font-size:16px;}


  #group .taisyoubox{display: block;}
  #group .taisyoubox.fstart{margin:0;}
  #group .taisyoubox.fstart .taisyou{padding:0;}

}

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

  #group .kv__en {font-size: 5vw;}
  /*#group .kv__lead {font-size: 3.3vw;}

  #group .kv__splead {font-size: 3.3vw;}*/


  #group .school_in_r h3{font-size:5.5vw;}
  #group .school_in_r h4{font-size:4.5vw;}
  /*#group .school_in_r p{font-size:3.3vw;}*/


  #group .btn1 {font-size: 3.5vw;text-align: center;}
  #group .btn1::after {content: "";width: 2.5rem;height: 1rem;top: 2.7rem;right: 1rem;}

  #group .school_box_bg_in {padding:0 15px 50px 15px;}


  #group .school_box_in_r_in h2{font-size:6vw;}
  #group .school_box_in_r_in h2 span{font-size:4vw;}
  /*#group .school_box_in_r_in p{font-size:3.3vw;}*/

  #group .kaikou_in{padding:0 15px;}

  #group .kaikou h2{font-size:7vw;}
  #group .kaikou h3{font-size:5vw;}
  #group .kaikou h3 span{font-size:4vw;}

  /*#group .taisyou dt {font-size: 3.3vw;}
  #group .taisyou dd {font-size: 3.3vw;}

  #group .school_box_in_r_in .pict li{font-size:3.3vw;}*/


  #group .btn1 {font-size: 3.5vw;}

  #group .school_box_in_r_in h3{font-size:4vw;}
  #group .school_box_in_r_in p.kome{font-size:3vw;}

  /*
	13px　→　3vw
	16px　→　3.3vw
	18px　→　3.5vw
	20px　→　4vw
	22px　→　4.2vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/
}