@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: 24px 0 90px;}


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


.overview_box .wrap{
	max-width: 1100px;
	margin: auto;
	padding:0 !important;
}
.red_p{
	color: #FC0000;
	font-size: 4.5rem;
	font-weight: 700;
}
.special_p
{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 50px;
}
.imeges_special{
	margin-bottom: 30px;
}
.annai_in_2 {
    display: block;
    width: 33%;
    margin: 0 auto;
}
.annai_in_2 a {
    display: block;
    width: 100%;
    padding: 10px 12px 10px 0;
    box-sizing: border-box;
    background: #e60012;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-size: 1.6rem;
    position: relative;
    font-weight: 700;
    margin: 0 auto;
}
.annai_in_2 a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17px;
    width: 15px;
    height: 15px;
    margin: auto;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
    border-radius: 2px;
}

.kaigyou{
	display: none;
}

@media only screen and (max-width: 1132px) {
.annai_in_2 {
    width: 40%;
}
}

@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: 930px) {

      .annai_in_2 {
        width: 50%;
    }

}

@media only screen and (max-width: 784px) {
    .annai_in_2 {
        width: 62%;
    }
}


@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;
	  height: auto !important;
	}


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

    .annai_in_2 {
        width: 100%;
    }

    .annai_in_2 a {
        width: 100%;
        text-align: center;
    }


	.kaigyou{
	display: block;
}

	.special_p {
		text-align: left;
  /* 空白・改行を無視し、文字を詰めたい場合 */
  white-space: nowrap; /* 改行を禁止し、1行にする */

  /* または、連続する空白を1つにまとめ、改行は表示しない */
  white-space: normal;

	 letter-spacing: -0.05em;
}

	.overview_box .wrap {
    padding: 0 20px !important;
}
	.red_p {
    line-height: 6rem;
}
	.txt2{
		height: 100px !important;
	}
    #overview .overview_aboutus .txt2 {
        height: auto !important;
    }
}

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

	.special_p {
    font-size: 1.3rem;
}

	.red_p {
    font-size: 3.2rem;
    line-height: 4rem;
}
}

@media only screen and (max-width: 414px) {
    .txt2 {
        height: 75px !important;
    }
}