@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: 8px; }

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%; margin:0 auto; padding: 1em 2em; display:block;}
header nav.naviBox > ul > li{ max-width:100%; text-align:center; margin:0em auto; padding:0; font-size:150%; color:#999;}
/* header nav.naviBox > ul > li:not(:last-child){ border:none;} */
header nav.naviBox > ul > li a{ color:#fff; padding:0.5em; width:100%; text-decoration:none; -webkit-transition:color .4s; -o-transition:color .4s; transition:color .4s; position:relative;}
header nav.naviBox > ul > li.formBtn a{ background:none; padding:0.5em; font-size:100%;}
header nav.naviBox > ul > li.formBtn a:after{ content:normal;}
header nav.naviBox > ul > li.schools{margin: 0;}
header nav.naviBox > ul > li.schoolsList{ margin:0 auto; text-align:left;}
header nav.naviBox > ul > li.schoolsList a{ padding: 0.2em 0.5em 0.2em 1.5em;}
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: 2px;
		background-color: #FFF;
}
header nav.naviBox > ul > li.schoolsList span{  font-size: 80%; color: #FFF; margin-left: 0.5em;}

header nav.naviBox .snsLi{ position: relative; margin: 0.1em auto 0;}
header nav.naviBox .snsLi:last-child:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -2em;
	margin: auto;
	width: 2.5em;
	height: 2px;
	background-color: #FFF;
}
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 .snsLi:first-of-type{ border-top: 1px dashed #FFF; padding-top: 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 #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;}
header nav.naviBox.active::-webkit-scrollbar{ display:none;}
header nav.naviBox{ display:block;}

/*----------------------------------------------------------------------------
 ***                                                           パンくずリスト
----------------------------------------------------------------------------*/
#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:1.5em 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%;}