@charset "UTF-8";

#overview .kv {padding: 0;}
#overview .kv__inner {position: relative;background:#000;height:590px;overflow:hidden;} /*edit*/
#overview .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*/

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

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


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


#overview .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;}
#overview .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;}

#overview .btn2 {text-align: center;display: table;margin:0 0 0 auto;font-size: 1.6rem;font-weight: bold;line-height: 1;padding: 1.5rem 6rem 1.5rem 0;color: #fff;position: relative;border-bottom:2px solid #fff;}
#overview .btn2::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;}


#overview .overview_list_out{padding:0 40px;max-width:1280px;margin:0 auto;}
#overview .overview_list{margin:0 0 0 -40px;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#overview .overview_list_in{width:50%;padding:0 0 40px 40px;}
#overview .overview_list_in img{width:100%;}
#overview .overview_list_in_in{background:#fff;padding:30px;}
#overview .overview_list_in_in h2{font-size:20px;font-weight:bold;line-height:1.5;}
#overview .overview_list_in_in h2 span{font-size:36px;display:block;}
#overview .overview_list_in_in p{font-size:16px;padding:10px 0 20px 0;}


#overview .overview_concept{padding:0 40px;max-width:980px;margin:0 auto;}
#overview .overview_concept p{font-size:16px;}
#overview .overview_concept h2{font-size:24px;font-weight:bold;padding:0 0 30px 0;}
#overview .overview_concept h2 span{display:table;margin:5px 0 0 0;padding:5px 20px;line-height:1.5;font-size:36px;background:#e60012;color:#fff;}

#overview .overview_concept_in{padding:60px 0 0 0;}


#overview .overview_message{padding:0 40px;max-width:1280px;margin:0 auto;}
#overview .overview_message h2{font-size:40px;text-align:center;font-weight:bold;padding:0 0 60px 0;}
#overview .overview_message h2 span{color:#e60012;}
#overview .overview_message p{font-size:16px;}

#overview .overview_message_in{display:flex;}
#overview .overview_message_in_l{width:100%;padding:0 40px 0 0;}
#overview .overview_message_in .txt1 {line-height:2;}
#overview .overview_message_in .txt1 span{color:#e60012;font-weight:bold;}
#overview .overview_message_in .txt2{padding:40px 0 0 0;text-align:right;}
#overview .overview_message_in .txt2 span{font-size:24px;}
#overview .overview_message_in_r{width:560px;flex:none;}



#overview .overview_aboutus_out{padding:0 40px;max-width:1280px;margin:0 auto;}
#overview .overview_aboutus{margin:0 0 0 -40px;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#overview .overview_aboutus_in{width:50%;padding:0 0 40px 40px;}
#overview .overview_aboutus_in.col1{width:100%;padding:0 0 40px 40px;}
#overview .overview_aboutus_in.col1 .txt2{display:flex;padding:30px 0;}
#overview .overview_aboutus_in.col1 .txt2 p{width:50%;padding:0 30px 0 0;}
#overview .overview_aboutus_in.col1 .txt2 div{flex:none;width:50%;}
#overview .overview_aboutus_in img{width:100%;}
#overview .overview_aboutus_in h2{font-size:24px;font-weight:bold;line-height:1.5;color:#fff;background:#e60012;text-align:center;padding:20px 10px;}
#overview .overview_aboutus_in h2 span.sp1{font-size:36px;}
#overview .overview_aboutus_in h2 span.sp2{font-size:120px;line-height:1;}
#overview .overview_aboutus_in h2 span.sp3{font-size:120px;line-height:1;font-weight:normal;}
#overview .overview_aboutus_in_in{background:#fff;padding:0 30px 30px 30px;}
#overview .overview_aboutus_in p{font-size:16px;padding:30px 0 30px 0;}
#overview .overview_aboutus_in .smltxt{font-size:12px;padding:30px 0 30px 0;}
#overview .overview_aboutus_in h3{font-size:30px;font-weight:bold;line-height:1.5;text-align:center;}

#overview .overview_aboutus_in .btn1box{display:flex;}
#overview .overview_aboutus_in .btn1box div{padding:0 10px;width:50%;margin:0 auto;}
#overview .overview_aboutus_in .btn1box div a{width:100%;}


#overview .overview_history{padding:0 40px;max-width:960px;margin:0 auto;}
#overview .overview_history p{padding:0 0 40px 0;font-size:24px;font-weight:bold;text-align:center;}
#overview .overview_history dl{display:flex;font-size:16px;padding:20px 0 20px 0;}
#overview .overview_history dl dt{width:150px;}
#overview .overview_history dl dd{width:100%;padding:0 0 0 20px;}




#overview .overview_teacher_out{padding:0 40px;max-width:1280px;margin:0 auto;}
#overview .overview_teacher{margin:0 0 0 -40px;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#overview .overview_teacher_in{width:50%;padding:0 0 40px 40px;}

#overview .overview_teacher_in img{width:100%;}
#overview .overview_teacher_in h2{font-size:20px;font-weight:bold;line-height:1.5;color:#fff;padding:0 0 20px 0;}
#overview .overview_teacher_in h2 span{font-size:36px;}
#overview .overview_teacher_in_in{padding:30px;min-height:408px;}
#overview .teacher1 .overview_teacher_in_in{background:#8f9bc8;}
#overview .teacher2 .overview_teacher_in_in{background:#8dc191;}
#overview .teacher3 .overview_teacher_in_in{background:#d69298;}
#overview .teacher4 .overview_teacher_in_in{background:#c98a78;}
#overview .teacher5 .overview_teacher_in_in{background:#cbb076;}
#overview .teacher6 .overview_teacher_in_in{background:#7a83ac;}
#overview .teacher7 .overview_teacher_in_in{background:#ab7ca2;}
#overview .teacher8 .overview_teacher_in_in{background:#e2a275;}

#overview .toggle {display: none;}
#overview .Label {cursor: pointer;background:#fff;padding:5px 10px;text-align:center;font-size:16px;display:block;margin:0 0 10px 0;}
#overview .teacher1 .Label {color:#6776ac;}
#overview .teacher2 .Label {color:#5f9d64;}
#overview .teacher3 .Label {color:#c2787f;}
#overview .teacher4 .Label {color:#b06e5c;}
#overview .teacher5 .Label {color:#a08346;}
#overview .teacher6 .Label {color:#5b6594;}
#overview .teacher7 .Label {color:#99588d;}
#overview .teacher8 .Label {color:#dd7928;}

#overview .Label::before{content:"";width: 6px;height: 6px;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
#overview .teacher1 .Label::before {border-top: 2px solid #6776ac;border-right: 2px solid #6776ac;}
#overview .teacher2 .Label::before {border-top: 2px solid #5f9d64;border-right: 2px solid #5f9d64;}
#overview .teacher3 .Label::before {border-top: 2px solid #c2787f;border-right: 2px solid #c2787f;}
#overview .teacher4 .Label::before {border-top: 2px solid #b06e5c;border-right: 2px solid #b06e5c;}
#overview .teacher5 .Label::before {border-top: 2px solid #a08346;border-right: 2px solid #a08346;}
#overview .teacher6 .Label::before {border-top: 2px solid #5b6594;border-right: 2px solid #5b6594;}
#overview .teacher7 .Label::before {border-top: 2px solid #99588d;border-right: 2px solid #99588d;}
#overview .teacher8 .Label::before {border-top: 2px solid #dd7928;border-right: 2px solid #dd7928;}

#overview .Label,#overview .content {background:#fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.1s;}
#overview .content {height: 0;padding:0 20px;overflow: hidden;}
#overview .content .name{text-align:center;font-size:28px;padding:20px 0 0 0;}
#overview .content .name span{font-size:16px;display:block;}
#overview .content .teacher_txt{font-size:16px;padding:10px 0 0 0;}
#overview .content .teacher_img{max-width:260px;margin:0 auto;padding:30px 0 0 0;}

#overview .toggle:checked + .Label + .content {height: auto;padding:20px ;transition: all 0.1s;margin:0 0 10px 0;}
#overview .toggle:checked + .Label::before {transform: rotate(-45deg) !important;}


#overview .tsuyomi_box{background:url(../img/overview/aboutus/tsuyomi_bg.png) center 0 no-repeat;background-size:100%;}
#overview .tsuyomi_box_in{padding: 120px 40px 60px 40px;max-width: 1280px;margin: 0 auto;text-align:center;}
#overview .tsuyomi0{padding:0 0 80px 0;}
#overview .tsuyomi1{padding:0 0 70px 0;}
#overview .tsuyomi2{padding:0 0 40px 0;}





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

  #overview .overview_message_in_r{width:360px;}

}

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

  #overview .overview_aboutus{margin:0;display:block;}
  #overview .overview_aboutus_in{width:100%;padding:0 0 40px 0;}
  #overview .overview_aboutus_in h2 span.sp2{font-size:100px;}
  #overview .overview_aboutus_in h2 span.sp3{font-size:100px;}
  #overview .overview_aboutus_in_in{padding:0 15px 30px 15px;}

  #overview .overview_aboutus_in .btn1box{display:block;}
  #overview .overview_aboutus_in .btn1box div{padding:10px 10px;width:80%;}

  #overview .overview_aboutus_in .txt{height:auto!important;padding:0 0 30px 0;}

  #overview .overview_aboutus_in.col1{padding:0 0 40px 0;}
  #overview .overview_aboutus_in.col1 .txt2{display:block;}
  #overview .overview_aboutus_in.col1 .txt2 p{width:100%;padding:0 0 30px 0;}
  #overview .overview_aboutus_in.col1 .txt2 div{flex:none;width:100%;}


}



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

  #overview .kv__textContainer {padding: 0 15px;}
  #overview .kv__inner {height:auto;}
  #overview .kv__inner .kv__img {min-width:0;min-height:0;position: static;top: auto;left: auto;transform: translate(0, 0);}

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

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


  #overview .overview_list{margin:0;display:block;}
  #overview .overview_list_in{width:100%;padding:0 0 40px 0;}
  #overview .overview_list_in_in{padding:15px;}


  #overview .overview_message h2{padding:0 0 0 0;}
  #overview .overview_message_in{display:block;}
  #overview .overview_message_in .txt1{padding:40px 0 40px 0;}
  #overview .overview_message_in .txt2{padding:0;}


  #overview .overview_history{padding:0 40px;}
  #overview .overview_history dl{display:block;}
  #overview .overview_history dl dt{width:100%;}
  #overview .overview_history dl dd{padding:10px 0 0 0;}





  #overview .overview_teacher{margin:0;display:block;}
  #overview .overview_teacher_in{width:100%;padding:0 0 40px 0;}

  #overview .overview_teacher_in_in{padding:15px;min-height:0;}


  #overview .tsuyomi_box{background:url(../img/overview/aboutus/tsuyomi_bg_sp.png) center 0 no-repeat;background-size:100%;}
  #overview .tsuyomi_box_in{padding: 60px 15px 60px 15px;}
  #overview .tsuyomi0{padding:0 0 40px 0;}
  #overview .tsuyomi1{padding:0 0 40px 0;}
  #overview .tsuyomi2{padding:0 0 40px 0;}







}

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

  #overview .kv__en {font-size: 5vw;}
  /*#overview .kv__ja {font-size: 8vw;}*/
  /*#overview .kv__lead {font-size: 3.3vw;}
  #overview .kv__splead {font-size: 3.3vw;}*/

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


  #overview .overview_list_out{padding:0 15px;}
  #overview .overview_list_in_in h2{font-size:4vw;}
  #overview .overview_list_in_in h2 span{font-size:5.8vw;}
  /*#overview .overview_list_in_in p{font-size:3.3vw;}*/

  #overview .overview_concept{padding:0 15px;}
  /*#overview .overview_concept p{font-size:3.3vw;}*/
  #overview .overview_concept h2{font-size:4.5vw;}
  #overview .overview_concept h2 span{font-size:6vw;}


  #overview .overview_message{padding:0 15px;}
  #overview .overview_message h2{font-size:7vw;}
  /*#overview .overview_message p{font-size:3.3vw;}*/
  #overview .overview_message_in .txt2 span{font-size:4.5vw;}


  #overview .overview_aboutus_out{padding:0 15px;}
  #overview .overview_aboutus_in h2{font-size:4.5vw;}
  #overview .overview_aboutus_in h2 span.sp2{font-size:10vw;}
  #overview .overview_aboutus_in h2 span.sp3{font-size:10vw;}
  #overview .overview_aboutus_in h2 span.sp1{font-size:6vw;}
  /*#overview .overview_aboutus_in p{font-size:3.3vw;}*/
  #overview .overview_aboutus_in .smltxt{font-size:2.5vw;}
  #overview .overview_aboutus_in h3{font-size:5.2vw;}


  #overview .overview_history{padding:0 15px;}
  #overview .overview_history p{font-size:4.5vw;}
  /*#overview .overview_history dl{font-size:3.3vw;}*/





  #overview .overview_teacher_out{padding:0 15px;}
  #overview .overview_teacher{margin:0;display:block;}
  #overview .overview_teacher_in{width:100%;padding:0 0 40px 0;}

  #overview .overview_teacher_in h2{font-size:4vw;}
  #overview .overview_teacher_in h2 span{font-size:6vw;}
  #overview .overview_teacher_in_in{padding:15px;min-height:0;}

  /*#overview .Label {font-size:3.3vw;}*/

  #overview .content .name{font-size:5vw;}
  /*#overview .content .name span{font-size:3.3vw;}
  #overview .content .teacher_txt{font-size:3.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
*/
}