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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {
	background-position:center top;
	background-repeat:no-repeat;
	height:300px;
	margin-bottom:13px;
}
#headerAreaInner{background:url(../common_images/back_header02.png) top no-repeat;}
#headerAreaTitle{
	width:950px;
	margin:0 auto;
	height:163px;
	position:relative
}
#headerAreaTitle h1{
	position:absolute;
	left: 30px;
	top: 35px;
}

#headTxt{
	position:absolute;
	left: 32px;
	top: 10px;
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#homeBtn{
	position:absolute;
	top:76px;
	left:30px;
}
#telTxt{
	position:absolute;
	top:22px;
	left:606px;
}

#headerTitle{ top:0; background:url(../common_images/back_header03.png) center top no-repeat; z-index:9998; height:75px; width:100%;}
#headerTitleInner{ width:950px; margin:0 auto; position:relative;}
#headerTitle h1{ line-height:1em;}
#headerTitle p#pagetop{ margin-top:2px;}
#headerTitle .fdTxt{ position:absolute; right:0; top:5px;}

/*----------------------------------------------------------------------------
 ***                                                               Header(新)
----------------------------------------------------------------------------*/
#headerSec {
	background: url(../common_images/back_header01c.jpg) center top no-repeat;
	background-position:center top;
	background-repeat:no-repeat;
	height:auto;
	margin-bottom:13px;
}
#headerSecTitle{
	width:950px;
	margin:0 auto;
	height:163px;
	position:relative
}
#headerTitleBox{ top:0; background:url(../common_images/back_header03.png) center top no-repeat; z-index:9998; height:92px; width:100%;}
#headerTitleBoxInner{ width:950px; margin:0 auto; position:relative;}
#headerTitleBox .h1{ line-height:1em; margin: -1px 0 3px 0;}
#headerTitleBox p#pagetop{ margin-top:2px;}
#headerTitleBox .fdTxt{ position:absolute; right:0; top:5px;}
#headerSecTxt{ background: #FFF; border-bottom:1px solid #d3d3d3;}
#headerSecTxtInner {
	width: 950px;
	margin: 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
#headerSecTxt h1 {
	font-size: 11px;
	color: #686868;
	font-weight: normal;
	line-height: 1.6;
	margin: 0.2em 0;
	padding: 0;
	width: 530px;
}

#headerSecTxt .ttlSub {
	color: #686868;
	font-size: 11px;
	text-align: right;
	width: 420px;
	line-height: 1.6;
	margin: 0.2em 0;
	padding: 0;
}





/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#hNavi{background:url(../common_images/back_header01c.png) left top repeat-x; height:64px;}
#hNavi #hNaviInner{ width:950px; position:relative; margin:0 auto;}
#hNavi li{ float:left;}
#hNavi li#wariBtn{
	float:none;
	position:absolute;
	top:-20px;
	left:709px;
}
#hNavi li#sclBtn{
	float:none;
	position:absolute;
	top:-19px;
	left:809px;
}

#hNavi p#wariBtn{
	float:none;
	position:absolute;
	top:-23px;
	left:709px;
}
#hNavi p#sclBtn{
	float:none;
	position:absolute;
	top:-22px;
	left:809px;
}

#hNavi li#wariBtn {
	float: none;
	position: absolute;
	top: -20px;
	left: 709px;
}

#hNavi li#sclBtn {
	float: none;
	position: absolute;
	top: -19px;
	left: 809px;
}

#hNavi2{ position: relative; border-top:6px solid #000; z-index: 0; background: linear-gradient(0deg, rgb(189 189 189) 0%,rgb(255 255 255) 90%, rgba(255 255 255) 100%);}
#hNavi2::after{ content: ''; width: 100%; height: 10px; background: #999999; position: absolute; bottom:0; z-index: -1; }
#hNavi2 #hNaviInner{ width:950px; position:relative; margin:0 auto; height: 60px;}
#hNavi2 li:not(:nth-child(n + 7)){ float:left;  border-left: 1px solid #999999; width: 112px; height: 100%; position: relative;}
#hNavi2 li:nth-child(6){ border-right: 1px solid #999999;}
#hNavi2 li:not(:nth-child(n + 7))::before{ content: ''; position: absolute; left:0; width: 1px; height: 100%; background: #FFF; z-index: 1;}
#hNavi2 li:nth-child(6)::after{ content: ''; position: absolute; right:0; width: 1px; height: 100%; background: #FFF; z-index: 1; top: 0;}

#hNavi2 li:not(:nth-child(n + 7)) a{ text-decoration: none; display: block;  width: 100%; height: 100%;}
#hNavi2 li div {
	color: #000;
	font-size: 17px;
	height: calc(100% - 0.6em);
	text-align: center;
	line-height: 1.2em;
	-webkit-text-stroke: 0.5px #000;
	text-stroke: 0.5px #000;
	padding-top: 2px;
}
#hNavi2 li:not(:nth-child(n + 7)) a:hover{ background: #FFF;}
#hNavi2 li:not(:nth-child(n + 7)) a:hover div,
#hNavi2 li:not(:nth-child(n + 7)) a:hover span.sITTOTxt {color: #e50f0f; -webkit-text-stroke: 0.5px #e50f0f; text-stroke: 0.5px #e50f0f; }
#hNavi2 li:nth-of-type(6) div{ font-size: 15px;}
#hNavi2 li span{ display: block; width: 100%; font-size: 10px;}
#hNavi2 li span.sITTOTxt{ line-height: 1em; text-align: left; position: absolute; top: 8px; left: 9px;}
#hNavi2 li span.engSubTxt{ color: #FFF; font-weight: bold; position: absolute; bottom:0; text-align:center; line-height: 1em; font-weight: normal;}
#hNavi2 li:nth-of-type(1) span.engSubTxt{ background: #FFD800;}
#hNavi2 li:nth-of-type(2) span.engSubTxt{ background: #E73828;}
#hNavi2 li:nth-of-type(3) span.engSubTxt{ background: #ef7e00;}
#hNavi2 li:nth-of-type(4) span.engSubTxt{ background: #2babe3;}
#hNavi2 li:nth-of-type(5) span.engSubTxt{ background: #a22e2e;}
#hNavi2 li:nth-of-type(6) span.engSubTxt{ background: #999999;}


#hNavi2 li#wariBtn{
	float:none;
	position:absolute;
	top:-23px;
	left:700px;
}
#hNavi2 li#sclBtn{
	float:none;
	position:absolute;
	top:-23px;
	left:805px;
}



#breadcList {padding:10px 0; width:950px; margin:0 auto;}
#breadcList dt,#breadcList dd{ float:left; line-height:20px; font-size:12px; height:20px; font-weight:normal;}
#breadcList dt{background: url(../common_images/icon_list07b.png) left 3px no-repeat; padding:0 20px 0 17px;}
#breadcList dd{background: url(../common_images/icon_list05.png) left 4px no-repeat; padding:0 15px 0 13px;}

/* パンくずリスト改善仕様 */
#breadcList li{ float:left; font-size:12px; position:relative; line-height:1em; padding:0 18px 0 9px;}
#breadcList li:first-child:before{
	content:"";
	width:14px;
	height:11px;
	background: url(../common_images/icon_list07b.png) left no-repeat;
	position:absolute;
	left:0;
	top:0;
	margin:auto;
}
#breadcList li:not(:last-child){background: url(../common_images/icon_list05.png) right center no-repeat;}
#breadcList li:first-child{ padding:0 18px;}
#breadcList li a{ display:block;}





/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
.stdTileSec{}
.stdTileSec #topSecInner{ border:#000 solid 4px;  background:#FFD701; height: 65px; width:950px; margin:0 auto 30px auto;}
.stdTileSec h2{ font-size:35px; line-height:1.0em; height:50px; padding:4px 0 0 20px; float:left;line-height:60px;}
.stdTileSec #h2Com{ color:#E13F3A; font-size:20px; font-weight:bold; padding-left:15px; float:left; line-height:60px;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.mainSection h3{
	border-left:#F90 solid 8px;
	border-bottom: #ccc dotted 2px;
	padding-left:10px;
	margin-bottom:10px;
	font-size:24px;
	
}
.mainSection h4{
	border-bottom:#ddd solid 2px;
	 background:url(../common_images/ico03.png) left 8px no-repeat;
	padding-left:17px;
	margin-bottom:10px;
	font-size:16px;
	
}
.mainSection h5{
	background:url(../common_images/list_icon.gif) le 8px no-repeat;
	padding-left:20px;
	margin-bottom:10px;
	font-size:14px;
	
}

.bBoxSec{ border:#000 solid 4px; margin:40px 0 0 0;}
.bBoxSec h3{ background:#FFD701; height: 65px; margin:0;}
.bBoxSec h3 img{ padding: 9px 0 0 15px;}
.bBoxSec h4{ font-size:24px; color:#BD1E2C; border:none; line-height:1.4em;}


.bBoxSec h5{ font-size:14px; color:#BD1E2C; line-height:1.4em; margin-bottom:8px; padding-left:0; background:none;}
.bBoxSec #opPlanSec h5{ font-size:16px; margin-bottom:4px;}

.bBoxSec h5.barTpe{ background:#BC1D2C; font-size:16px; color:#FFF; padding-left:5px; margin-bottom:5px; line-height:22px; padding-top:4px;}
.bBoxSec h6{ background:url(../common_images/icon_sin.png) no-repeat left; padding-left:13px;} 
.bBoxSec .section{ border-top:#000 solid 4px; margin:0; padding:15px;}
.bBoxSec .sectionInner{}
.bBoxSec .section .section{padding:0;}
.bBoxSec .sectionInner .sectionInner{ border-top:none;}
.pogReBox{ position:relative;}
.tateSen{ background:url(../common_images/line01.png) center top no-repeat;}


#koushiSec{}
#koushi2Sec{ border: #666 dotted 2px; padding:10px 20px 5px 20px;}
#koushi2Sec h5{ padding-left:0; font-size:18px;}


/*----------------------------------------------------------------------------
 ***                                               　　　　小中高ページ授業料
----------------------------------------------------------------------------*/
#standardPlan,
#freePlan{ width:200px; margin:0 0 0 10px; background-color:#fff;}
#standardPlan img,
#freePlan img{ padding:0;}
#standardPlan .planBox .subjects,
#freePlan .planBox .subjects{ border:none;}
#standardPlan .planBox{ border:2px solid #FFD701;}
#freePlan .planBox{ border:2px solid #F15A24;}
#standardPlan .planBox dl{ border-bottom:1px dotted #FFD701;}
#freePlan .planBox dl{ border-bottom:1px dotted #F15A24;}

.planBox{ padding:5px; border-radius:10px; box-sizing:border-box; margin:0 0 15px;}
.planBox .lessonTime dd{ margin:0 0 0 0.5em;}
.planBox dl{ padding:0.4em 0 0.1em;}
.planBox dt{ width:4em; float:left; margin:0 0.4em 0 0; font-size:11px; line-height:2.2em;}
.planBox dd span{ padding:0 0.2em; font-size:8px;}
.planBox .change_off{ color:#999;}
.planBox .change_on{ background-color:#F15A24; color:#fff;}
.planBox dd{ padding-left:4.5em; float:left; padding:0.1em 0.6em; margin:0 0 0 0.3em; font-size:11px; border-radius:7px; text-align:center;}

#fPlan_hs #freePlan{ width:400px;}
#fPlan_hs #freePlan .planBox{ margin:50px 0;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ background:url(../common_images/back_sdw01.png) center top no-repeat; padding-top:30px;}
#footerAreaInner{ width:950px; margin:0 auto;}
#footerLogo{}

/* #footerLink1 div{ width:158px; float:left;} */

#footerLink1 dt{ background:url(../common_images/icon_list07.png) left 7px no-repeat; padding:5px 0 0 19px; line-height:18px;}
#footerLink1 dd{ background:url(../common_images/icon_list05.png) 19px 8px no-repeat; padding:5px 0 0 32px; line-height:18px;}

#footerLink2 { border-top:#999 dotted 1px; border-bottom:#999 dotted 1px; padding:10px 0; margin:20px 0;}
#footerLink2 p{ text-align:center;}

#footerCopy { height:50px;}
#footerCopy #footLogo{ float:left;}
#footerCopy #cpTxt{ float:right;}
#footerCopy #cpTxt img{ padding-top:12px;}
/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin-bottom:10px;
}
.pagetop_moreBg {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin:20px 0;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
.barGSec{ background:url(../common_images/back_sdw01.png) center top no-repeat; padding-top:20px; margin-top:10px;}
.barGSecInner{ width:950px; margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                                  slideTxt
----------------------------------------------------------------------------*/

.subMainSec{ width:930px; }
.subMainSec{ clear:both; border:#E5E5E5 10px solid; border-radius: 20px;  position:relative; height:126px; margin:30px 0;}
/*#topSec .subMainSec{ margin:20px auto 0 auto;}*/
.subMainSec .ittoImg{
	position:absolute;
	top:-50px;
	left:25px;
}
.subMainSec .sectionInner{ padding: 20px 10px 0 100px; float:left;}
.subMainSec .sectionInner h2{ padding-top:10px; }
.subMainSec .sectionInner p{ line-height:1.4em; color:#000; font-size:18px; }
.subMainSec .subSubBox{
	float:right;
	width:420px;
	padding:15px 0 0 0;
}
.subMainSec .subSubBox li{ float:left;}
.subMainSec .subSubBox p{ clear:both; margin:0;}

#AreaPriceSelect{
	text-align:center;
	width:750px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	margin:0 auto;
}
#AreaPriceSelect ul{
	padding-top:20px;
	padding-bottom:20px;
}

#AreaPriceSelect2{
	width:760px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0 auto;
	 }

#AreaPriceSelect2 ul{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	background:url(../common_images/btn_pricepage_bg.png) no-repeat;
	background-position:0px 8px;
	
}

#AreaPriceSelect2 li{
	text-align:center;

	}

#AreaPriceSelect2 li:last-child{
	margin-top:10px;}