/* CSS Document */

body {
	background: #fff; color: #333;
}
img{margin:0; padding:0;}
img{width:100%; height:auto;}
.container {
	background: #fff;
	margin: 0 auto;
}


header {
	background:#fff;
	border-top:#2bb7f2 0.4em solid;
	margin:0; 
	padding:0;
	-webkit-box-shadow: 0px 9px 9px rgba(0,0,0,0.1);
	        box-shadow: 0px 9px 9px rgba(0,0,0,0.1);
    position: fixed;
	border-bottom:#CCC 1px solid;
	top: 0;
	z-index: 9999;
	margin-bottom: 0;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9; 
}


header div{position:relative;
}

header h1 {
	color:#FFF;
	width:58%;
	height:auto;
	float:left;
	padding-top: 2vw;
}

header #caption{position:absolute; font-size:80%; top:10%; left:20%;padding-top: 1.7vw;}
header #menu{width:17%; height:auto; float:right;}
header #menu a{display:block; width:100%; height:100%;}
header p { margin:0;}
header .schoolSearch{position: absolute;width: 20%;left: 65.5%;padding-top: 3vw; }

/* 　新ヘッダー 202207追加　 */

#headerArea {
	border-top: none;
	background:#fff;
	margin:0; 
	padding:0;
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    position: fixed;
	border-bottom:#CCC 1px solid;
	top: 0;
	z-index: 9999;
	margin-bottom: 0;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9; 
}

#headerArea.fixed{
  position: fixed;/*fixedを設定して固定*/
    z-index: 999;/*最前面へ*/
    top:-1.7em;/*位置指定*/
    left:0;/*位置指定*/
}

#headerArea .headerInner{position:relative; padding:1% 0 1% 2%;}
#headerArea .headerTxtBox{ background: #2bb7f2;	height: 1.2em; padding: 1%;}


#headerArea h1 {
	color:#FFF;
	width:70%;
	height:auto;
	float:left;
	position: relative;
}
#headerArea  h1 a{ position: absolute; bottom: -49px; width: 90%;}
#headerArea  .ttlTxt{ position: absolute; top: -22px; font-size: 11px; color: #564530;}
#headerArea  .ttlSub{ position: absolute;	top: 8px; font-size: 11px; color: #8d8d8d;}

#headerArea #menu a{display:block; width:90%; height:100%;}
#contact_top{
	background-color:#E6E6E6;
	padding:18% 0 2% 0; 
	width:100%; 
	text-align:center;}

#contact_top ul{width:98%; margin:0 auto; padding-left:1%;}
#contact_top li.float{
	float:left;
	width:32.3%;
	padding-right:1%;
	margin:2% 0 1%;
}
#contact_top li.last{
	padding-right:0;
}
#contact_top li.under{
	width:99%;
}

#contact_top2{ 
	position:relative; 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1) inset; 
	        box-shadow:0 5px 5px rgba(0,0,0,0.1) inset; 
	padding-top:3%;  
	z-index:0;
}
#contact_top2 .under{
	list-style:none; 
	z-index:0;
}

nav .logo{width:25%; height:auto; float:left; margin-left:3%;}
nav span{font-size:140%;}
nav p{font-size:100%;}
.waku{width:90%; text-align:center; margin-left:10%; margin-top:3%;}
#tpbtn{width:15%; z-index:9998; position:absolute; right:5%; bottom:-5%; }
#tpbtn a {display:block; width:100%; height:100%;}

#breadcList2 {padding:3% 0 3%; width:95%; margin:0 auto;}
#breadcList2 li{ float:left; font-size:85%; position:relative; line-height:1em; padding:0; margin:0.3em auto;}

#breadcList2 li:not(:first-child):before{content: ">"; margin: 0 0.4em;}
#breadcList2 li:first-child{ padding:0 0;}



footer{background-color:#e0f6ff; clear:both;}
footer .sectionInner{padding:5%;}
footer > .sectionInner{ background: #dbdbdb; }
footer #company li.logo{float:left; width:25%; margin-right:3%;}
footer #company li.caption{width:100%;}
footer #company li.name{width:100%; font-size:140%; font-weight:bold;}
footer #companyNav li{ margin-right:2em; padding:0.5em 0 0; font-size:110%;}
footer #companyNav li:last-child{ margin-right:0; }
footer #gyoutaiNav {padding-top:1em; margin-top:1em; border-top:#fff 1px dashed;}
footer #gyoutaiNav li{width:15%; float:left; padding-right:6%;}
footer #gyoutaiNav li:last-child{ padding-right:0;}

footer #copyright{text-align:center; margin-top: 7%;}
footer p.customerTEL{ font-size: 11px;}

header {position: static;}
body{background-color:#eee;}
#contact_top{padding:20% 0 2% 0;}
#contact_top.menu {padding:25% 0 2% 0;}

#tpbtn{width:3.5em; height:3.5em; z-index:9998; position:fixed; right:2%; bottom:7em;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9; 
}
#tpbtn a {display:block; width:100%; height:100%;}
	
body.form_fixed_open{padding-bottom:5em;}
.form_fixed{position:fixed; bottom:0; left:0; width:100%; z-index:9; display:none;}
.form_fixed .linkBtnArea{ -webkit-box-sizing: border-box; box-sizing: border-box; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0.7em 0.5em; width:100%; background:#fff; border-top:1px solid #ccc; -webkit-box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%); box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%);}
.form_fixed .linkBtnArea .linkBox{width:auto; padding:0 0.5em 0 0;}
.form_fixed .linkBtnArea .linkBox:last-child{ padding: 0; }

/*
@media screen and (min-aspect-ratio : 1/1){
	header {position: static;}
	body{background-color:#eee;}
	#contact_top{padding:2% 0 2% 0;}
	#tpbtn{width:3.5em; height:3.5em; z-index:9998; position:fixed; right:2%; top:2%;
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9; 
	}
	#tpbtn a {display:block; width:100%; height:100%;}

}
*/

/*----- 【フッターリンク】 -----*/
#footerContentList{padding: 8% 5%; margin: 0 auto; background: #FFF;}
#footerContentList .ittoLogo{ width: 68%; margin: 0 0 7%;}
#footerContentList a{color: #333333;}
#footerContentList .boxL{padding-right:50px;}
#footerContentList .contentList .sitePageListBox{ font-size: 110%;}
#footerContentList .contentList .sitePageListBox:last-child{ -webkit-box-pack:unset; -ms-flex-pack:unset; justify-content:unset;}
#footerContentList .contentList .sitePageListBox .sitePageItem{padding: 0 0;margin: 0 0 1em 0; font-size: 100%;}
#footerContentList .contentList .sitePageListBox .sitePageTitle {padding:0 0 0 1.7em; background: url(../common_images/icon_list07.png) left no-repeat; margin:0;}
#footerContentList .contentList .sitePageListBox .listItem{ background:url(../common_images/icon_list05.png) 0px 70% no-repeat; padding: 3% 0 0 1em; line-height:18px;}
#footerContentList .sitePageListBox:last-child .sitePageItem:last-child{ margin:0;}
#footerContentList .sitePageListBox .icoImg{margin: 0 0 0 0.3em; width: auto;}
#footerContentList .sitePageList{ padding-left: 15px;}
#footerContentList .schoolsListBox .sitePageList{ display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin:0 0 1em 0;}
#footerContentList .schoolsListBox .sitePageList .listItem{margin: 0 2% 0 0; padding: 5px 0 0 14px; line-height: 1.6em; width: 3em;}

#sidr {display:none;}

#sidr li{font-size:110%; xline-height:1.6em; xpadding:0.8em 0;}

#sidr li{
	text-indent:3em; 
	background:url(../common_images/ico01.png) left center no-repeat;
	background-size:13%;
	background-position: 5% 50%;
}
#sidr li.c02{background:url(../common_images/ico02.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c03{background:url(../common_images/ico03.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c04{background:url(../common_images/ico04.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c05{background:url(../common_images/ico05.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c06{background:url(../common_images/ico06.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c07{background:url(../common_images/ico07.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c08{background:url(../common_images/ico08.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c09{background:url(../common_images/ico09.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c10{background:url(../common_images/ico10.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c11{background:url(../common_images/ico11.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}
#sidr li.c12{background:url(../common_images/ico12.png) left center no-repeat; background-size:13%; background-position: 5% 50%;}

/* 講師募集セクション　*/
#bosyuSec{ margin:1em 0;}
#bosyuSec .sectionInner{ padding:4% 2% ;}
#bosyuSec ul{ width:90%; margin:0 auto;}
#bosyuSec li{ margin:4% auto;}


#recruit_contract{}
#recruit_contract dl{
	width:66%;
	height:100%;
	background-image:url(../images/bnr_recruit_contract.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:4% 30% 4% 4%;
	margin:0 0 4%;
}
#recruit_contract dt{ width:100%; font-size:120%; line-height:1.4em; color:#443b57; margin:0 0 0.5em;}
#recruit_contract dd{ width:4em; line-height:1.5em; float:left; margin:0 2% 3% 0; font-size:160%;}
#recruit_contract dd span{ font-size:90%; color:#443b57; vertical-align:top;}
#recruit_contract dd:nth-child(2),
#recruit_contract dd:nth-child(5){ margin-right:0;}


/*----------------------------------------------------------------------------
 ***                                               　　　　小中高ページ授業料
----------------------------------------------------------------------------*/
.planBox{ width:100%; padding:3%; border-radius:10px; -webkit-box-sizing:border-box; box-sizing:border-box; margin:5% auto; border:2px solid #046EB8;}
.planBox .floatL{ width:32%; margin:5% 0 0;}
.planBox .floatL img{ width:100%;}
.planBox .floatR{ width:65%;}
.planBox .subjects{ border:none;}
.planBox dl{ padding:0.4em 0 0.1em; border-bottom:1px dotted #999;}
.planBox dt{ width:4em; float:left; margin:0 0.4em 0 0; padding:0 0 0.5em; font-size:110%; line-height:2em;}
.planBox dd span{ padding:0 0.2em; font-size:100%;}
.planBox .change_off{ color:#999;}
.planBox .change_on{ background-color:#046EB8; color:#fff;}
.planBox dd{ padding-left:4.5em; float:left; padding:0.2em 0.5em 0.1em; margin:0 0 0.5em 0.5em; font-size:100%; border-radius:7px; text-align:center;}

/* display */
.flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.dispBlock{display: block;}
.dispInBlock{display: inline-block;}
.dispInFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.dispFlex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-noWrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
.a-items-fe{-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }