@charset "utf-8";
/* CSS Document */

html{scroll-behavior: smooth; scroll-padding-top: 4rem;}
.nengaBnrP{margin: 8% 0 2% !important;}

/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
header{ position: -webkit-sticky; position: sticky;}
.msb header{background-color: #252525;}

header .headerInner{ padding-right: 36px;}
header .headerInner h1{ width: 35%;}
header h1{ width: 40%;}
/* header h1 a{ display:-webkit-box; display:-ms-flexbox; display:flex;} */
header .menuBox{ padding: 0.2em 0;}
header .logoSubTxt{font-size: 9px;background: none;color: #fff;margin: 1.6em 0 -1.3em;}

header div > .menuList { display: none;}
header nav.naviBox li a{ display:inline-block; width: auto;}
#headerBtnBox{
	 max-width: 50%; 
	 /* margin-right: 12%; */
	}
#headerBtnBox .requestBtn {}
#headerBtnBox .requestBtn a,
#headerBtnBox .trialBtn a,
#headerBtnBox .summerBtn a{ min-width: 6em;}
#headerBtnBox .trialBtn a{}
#headerBtnBox .requestBtn a,
#headerBtnBox .trialBtn a,
#headerBtnBox .summerBtn a{font-size: 75%;line-height: 1.2em;text-align:center;height: 3.5em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 0.4em 1em;}

/* menuボタン内 */
header nav.naviBox{
	width:100%;
	height:100vh;
	margin:0 auto;
	padding:3vw;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	text-align:center;
	-webkit-transform:translateX(-100%);
	    -ms-transform:translateX(-100%);
	        transform:translateX(-100%);
	z-index:1;
	-webkit-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
}
header nav.naviBox > ul{width:100%;max-width: 800px;margin: 1em auto;padding: 0 3em 0;display:block;}
header nav.naviBox > ul > li{max-width: 470px;text-align:center;margin:0em auto;padding:0;font-size:150%;color:#999;}
header nav.naviBox > ul.snsUl li:first-child{border-top: 1px dashed #FFF;}
header nav.naviBox > ul > li a{ color:#fff; padding: 0.3em; width:100%; text-decoration:none; -webkit-transition:color .4s; -o-transition:color .4s; transition:color .4s; position:relative;}
header nav.naviBox > ul > li.topLink{margin: 1.1em auto 1em;text-align: center;padding-bottom: 0.3em;border-bottom: 1px dashed #FFF;border-top: none;}
header nav.naviBox > ul > li.topLink a{font-size: 135%;font-weight: bold;text-align: center;margin: 0 auto;}
header nav.naviBox > ul > li.koushaLi{margin: 0 auto 0.5em; padding-bottom: 0.5em; /*border-bottom: 1px dashed #fff;*/}
header nav.naviBox > ul > li.koushaLi .koushaDl{}
header nav.naviBox > ul > li.koushaLi .koushaDt{color: #ccc;font-size: 120%;text-align: center;padding: 0.35em 0 0.3em;border-top: #999 1px dotted;border-bottom: #999 1px dotted;}
header nav.naviBox > ul > li.koushaLi .koushaDd{margin: 0 auto 0;max-width: 470px;}
header nav.naviBox > ul > li.koushaLi .koushaDd a{position: relative;padding-left: 1.5em;font-weight: bold;font-size: 100%;}
header nav.naviBox > ul > li.koushaLi .trialRequestBox{margin: 0.7em auto 0em;}
header nav.naviBox > ul > li.koushaLi .trialRequestBox .trialBtn,
header nav.naviBox > ul > li.koushaLi .trialRequestBox .requestBtn{display: block;width: 48%;padding: 0.3em;border: 2px solid;font-size: 100%;text-align: center;border-radius: 0.5em;background-color: #fff;}
header nav.naviBox > ul > li.koushaLi .trialRequestBox .trialBtn{color: #ff1759;}
header nav.naviBox > ul > li.koushaLi .trialRequestBox .requestBtn{color: #f7931e;}
@media screen and (max-width: 767px) {
  header nav.naviBox > ul > li.koushaLi .koushaDt{font-size: 100%;}
}

header nav.naviBox > ul > li.koushaLi .pdl20{
    padding-left: 1.6em;
}
header .cp .cpBnrBox{margin-bottom:1em;}
header .cp .cpBnrBox .cpImg {padding:0;}
header .cp .cpBnrBox .cpImg:first-child{
	margin:0em 0 0.4em;
}
header nav.naviBox > ul > li:first-child{
	border-top: 1px dashed #FFF;
}
header nav.naviBox > ul > li.topLink{
	border-top:none;
}



header nav.naviBox > ul > li.formBtn a:after{ content:normal;}
header nav.naviBox > ul > li.schools{margin: 0;}
header nav.naviBox > ul > li.schools a{font-size: 95%;}
header nav.naviBox > ul > li.schoolsList{ margin: 0; text-align:left; width:470px; margin:0 auto;}
header nav.naviBox > ul > li.schoolsList a{padding-left: 1.5em;}
header nav.naviBox > ul > li.koushaLi .koushaDd a::before,
header nav.naviBox > ul > li.schoolsList a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 1em;
	height: 1em;
	background-color: #FFF;
}
header nav.naviBox > ul > li.koushaLi .koushaDd a.trialBtn:before,
header nav.naviBox > ul > li.koushaLi .koushaDd a.requestBtn:before{display: none;}
header nav.naviBox > ul > li.schoolsList span{  font-size: 80%; color: #FFF; margin-left: 0.5em;}

header nav.naviBox > ul > li.koushaLi .pdl20 a::before{
	height:2px;
}

header nav.naviBox .snsLi{position: relative; margin: 0.5em auto 0;}

header nav.naviBox .snsLi a{padding: 0.2em;}
header nav.naviBox .snsLi:first-child a{padding-top: 0.5em;}
header nav.naviBox .snsLi img{ margin-right: 0.8em;}
header nav.naviBox .schoolListPageLink a{margin: 1em auto 0;background-color: #00a199;padding: 0.2em 0.5em 0.25em;border-radius: 10px;border: 2px solid #ffffff;color: #fff;font-size: 95%;}
header nav.naviBox .line a{color: #06c755;paddiing: 0.3em 0;font-size: 84%;align-items: center;}
header nav.naviBox .line{margin: 1em auto 1em;}
header nav.naviBox .telLi{ font-size:133.333%;}
header nav.naviBox .telLi dl{ background-color:#fff; border-radius:10px; padding:1em; margin:1em auto;}
header nav.naviBox .telLi dt{ font-weight:500; text-align:center;}
header nav.naviBox .telLi dd { text-align:center;}
header nav.naviBox .telLi dd a{ color:#00a199; font-size:135%; font-weight:500; padding:0.2em 0 0.6em;}
header nav.naviBox .telLi dd ul{ padding:0.5em 0;}
header nav.naviBox .telLi dd li{ font-size:87.5%; border:none; color:#333;}
header nav.naviBox .telLi dd li span{ width:6em;}
header nav.naviBox .telLi dd:last-of-type{ border-top:1px solid #b5b5b5; text-align:center; padding-top:0.4em; font-size:90%;}
header nav.naviBox .telLi{margin: 1em auto 1em;}


header #menuBtn{
	display:block;
	right:1em;
	top:14%;
	width:2.5em;
	height:42px;
	cursor:pointer;
	margin:0;
	position:absolute;
	z-index:2;
}
.msb header #menuBtn{
	margin-top: 0.2em;
}
header #menuBtn span{
	display:block;
	position:absolute;
	width:2.5em;
	height:2px;
	border-radius:2px;
	background-color:#00a199;
	-webkit-transition:.35s ease-in-out;
	-o-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
.msb header #menuBtn span{background-color: #fff;}
header #menuBtn span:nth-of-type(1){ top:8px;}
header #menuBtn span:nth-of-type(2){ top:20px;}
header #menuBtn span:nth-of-type(3){ bottom:8px;}
header nav.naviBox.active{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); height:100%; overflow-y:scroll;}
/* 最初のspanをマイナス45度に */
header #menuBtn.active span:nth-child(1) {
	top:20px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	    transform:rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
header #menuBtn.active span:nth-child(2),
header #menuBtn.active span:nth-child(3){
	top:20px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	    transform:rotate(45deg);
}
header #menuBtn.active span{ background-color:#fff;}
header nav.naviBox.active{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); height:100%; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; padding-bottom: 3em;}
header nav.naviBox.active::-webkit-scrollbar{ display:none;}
header nav.naviBox{ display:block;}

header .menuBox .tel img {
    width: 90%;
    height: 90%;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
}

/*----------------------------------------------------------------------------
 ***                                                           パンくずリスト
----------------------------------------------------------------------------*/
#breadcrumbList{ padding:0.5rem 0;}
#breadcrumbList ul{ padding:0.5em 0;}


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
section.blue_bg .sectionInner{ padding: 12% 0;}
.commonBtn{ margin: 8% 0;}
.commonBtn a{ width: 15em;}



/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/

#inquirySec{ }
#inquirySec .sectionInner > div{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#inquirySec dl{ display: contents;}
#inquirySec dt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    margin: 0 auto;
}
#inquirySec dd{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
#inquirySec p{ text-align:left; font-size: 100%;}
#inquirySec .sectionInner>div>p {
    text-align: center;
    margin: 1em auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
#inquirySec .sectionInner .lineBnr p{ font-size: 100%; margin-bottom: 0.3em; }
footer .footerInner{padding: 2.4em 0;display: block;}
footer .footerInner div{ width:60%; display:block; margin:0 auto;}
.msb footer .footerInner div{
	width: 80%;
	margin-left: auto;
    margin-right: auto;
}
footer .footerInner .copyrightBox{ width:100%; display:block; margin:0 auto;}
footer .footerInner .snsBtn{ width: auto; margin: 1.5em 0; text-align:center;}
footer .footerInner .instaBtn{ margin: 0 0.8em;}
footer .footerInner p{ text-align:center; margin:0 auto 0;}
footer .menuList li{ width: 50%;}


@media screen and (max-width: 380px){
header .menuBox .tel img {
    width: 80%;
    height: 80%;
}

	
}

/* 一時的なメディアスクリーン */
@media screen and (max-width: 768px){
	/* CTA通常版 */
	.ctaTelSec{}
	.ctaTelSec a{}
	.ctaTelSec a:hover{}
	.ctaTelSec .titleBox{text-align: center;}
	.ctaTelSec .titleBox h2.heading span,
	.ctaTelSec .titleBox h2.heading{}

	.ctaTelSec .withSlashes{
    position: relative;
    display: inline-block;
}
	.ctaTelSec .withSlashes:before,
	.ctaTelSec .withSlashes:after{
    position: absolute;
    display: inline-block;
    font-size: 165%;
    top: 0;
    bottom: 0;
    margin: auto;
    align-content: space-around;
}
	.ctaTelSec .withSlashes:before{
    left: -1.25em;
}
	.ctaTelSec .withSlashes:after{
    right: -1.25em;
}
	
	.ctaTelSec .ctaNormalBox{}
	.ctaTelSec .ctaNormalBox .ctaBtn{}
	.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn{}
	.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .trialBtn{}
	.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .requestBtn{}
	.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .trialBtn a,
	.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .requestBtn a{}
	.ctaTelSec .ctaNormalBox .ctaBtn .telBtn .number a .strong{}
	.ctaTelSec .ctaNormalBox .ctaBtn .telBtn .day{}
	.ctaTelSec .ctaNormalBox .ctaBtn .lineImg{}
	.ctaTelSec .ctaNormalBox .ctaBtn .lineImg a{}
	.ctaTelSec .ctaNormalBox .ctaBtn .lineImg a img{}
	.ctaTelSec .telBtn{}
	.ctaTelSec .telBtn p{}
	.ctaTelSec .telBtn .number{}
	.ctaTelSec .telBtn .number a{}
	.ctaTelSec .telBtn .day{}
}