﻿@charset "UTF-8";

@media screen and (min-width: 668px){

/*サービスページ用  contents CSS　PC用*/
/***********************************************
index & kids & cram_school
************************************************/

header{
}

header#headerTop{	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}

header#headerTop .inBox{
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

header#headerTop .inBox .pc{
	display: block;
}

header#headerTop .inBox .sp{
	display: none;
}

/*headNavi*/
nav#headNaviTop{
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}

nav#headNaviTop .inBox{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;	
}

nav#headNaviTop .inBox a{
	overflow: hidden;
	position: relative;
}

nav#headNaviTop .inBox a:link,
nav#headNaviTop .inBox a:visited,
nav#headNaviTop .inBox a:active{
	color: #00AEBB;
	outline:none;
	display: block;
}

nav#headNaviTop .inBox a:hover{
}

nav#headNaviTop .inBox dl{
	display: block;	
	float: left;
	position: relative;
}

nav#headNaviTop .inBox dt{
	display: block;
	position: absolute;
	font-weight: bold;
	top: 17px;
}

nav#headNaviTop .inBox dd{
	display: block;
	float: left;
}

nav#headNaviTop .inBox dd span{
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

nav#headNaviTop .inBox dd p{
	display: block;
	float: left;
	width: 100%;
	color: #333;
}

/*Link index*/
nav#headNaviTop.homeNavi .inBox .btnBoxL{
	padding-top: 53px;
	float: left;
}

nav#headNaviTop.homeNavi .inBox .btnBoxR{
	float: right;
	height: 125px;
	width: 208px;
	margin-top: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	padding-left: 20px;
}

nav#headNaviTop.homeNavi{
	height: 153px;
}

nav#headNaviTop.homeNavi .inBox dd p{
	display: block;
	float: left;
	width: 100%;
	color: #333;
}

nav#headNaviTop.homeNavi .inBox .b01,
nav#headNaviTop.homeNavi .inBox .b02,
nav#headNaviTop.homeNavi .inBox .b03{	
	margin-right: 20px;
}

nav#headNaviTop.homeNavi .inBox .b04,
nav#headNaviTop.homeNavi .inBox .b05{	
	line-height: 41px;
	margin-top: 14px;
}

nav#headNaviTop.homeNavi .inBox .b01 a:link span,
nav#headNaviTop.homeNavi .inBox .b02 a:link span,
nav#headNaviTop.homeNavi .inBox .b03 a:link span{	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00AEBB;
}

nav#headNaviTop.homeNavi .inBox .b01 a:hover span,
nav#headNaviTop.homeNavi .inBox .b02 a:hover span,
nav#headNaviTop.homeNavi .inBox .b03 a:hover span{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

nav#headNaviTop.homeNavi .inBox .b01 a:link,
nav#headNaviTop.homeNavi .inBox .b01 a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 182px;
}

nav#headNaviTop.homeNavi .inBox .b01 a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.homeNavi .inBox .b02 a:link,
nav#headNaviTop.homeNavi .inBox .b02 a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 174px;
}

nav#headNaviTop.homeNavi .inBox .b02 a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.homeNavi .inBox .b03 a:link,
nav#headNaviTop.homeNavi .inBox .b03 a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 164px;
}

nav#headNaviTop.homeNavi .inBox .b03 a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.homeNavi .inBox .b04 a:link,
nav#headNaviTop.homeNavi .inBox .b04 a:visited{
	padding-left: 50px;
	background-image: url(../../images/top/iconPrice.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 208px;
}

nav#headNaviTop.homeNavi .inBox .b04 a:hover{
	background-image: url(../../images/top/iconPrice_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

nav#headNaviTop.homeNavi .inBox .b05 a:link,
nav#headNaviTop.homeNavi .inBox .b05 a:visited{
	padding-left: 50px;
	background-image: url(../../images/top/iconMaterial.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 208px;
}

nav#headNaviTop.homeNavi .inBox .b05 a:hover{
	background-image: url(../../images/top/iconMaterial_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

/*headNavi Top-new*/
nav#headNaviTop.homeNavi02{
	height: auto;
	font-size: 16px;
}
nav#headNaviTop.homeNavi02 .inBox dl {
	padding-bottom: 15px;
	margin-left: 5px;
}
nav#headNaviTop.homeNavi02 .inBox dt {
	position: static;
	margin-top: 15px;
}
nav#headNaviTop.homeNavi02 .inBox .btnBoxG dt {
	margin-bottom: 5px;
	padding-left: 10px;
}
nav#headNaviTop.homeNavi02 .inBox dd {
	float: none;
	padding-left: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-position: 0 10px;
	text-decoration: none;
}
nav#headNaviTop.homeNavi02 .inBox .btnBoxG dd {
	float: left;
	padding-left: 5px;
	line-height: 5px;
	margin-top: 5px;
}
nav#headNaviTop.homeNavi02 .inBox dd:hover {
	opacity: 0.7;
}
nav#headNaviTop.homeNavi02 .b01{
	background-image: url(../../images/top/iconQ1.png);
}
nav#headNaviTop.homeNavi02 .b02{
	background-image: url(../../images/top/iconQ2.png);
}
nav#headNaviTop.homeNavi02 .b03{
	background-image: url(../../images/top/iconQ3.png);
}
nav#headNaviTop.homeNavi02 .b04{
	background-image: url(../../images/top/iconPrice02.png);
}
nav#headNaviTop.homeNavi02 .b05{
	background-image: url(../../images/top/iconMaterial02.png);
}
nav#headNaviTop.homeNavi02 .b06{
	background-image: url(../../images/top/iconFollow02.png);
}

nav#headNaviTop.homeNavi02 .inBox .btnBoxL{
	padding-top: 0px;
	float: left;
	widows: 200px;
	font-weight: bold;
	margin-right: 10px;
}

nav#headNaviTop.homeNavi02 .inBox .btnBoxR{
	float: left;
	height: auto;
	width: auto;
	padding: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-right: 1px dotted #cccccc;
	border-left: 1px dotted #cccccc;
	margin-top: 36px;
	padding-left: 10px;
	padding-right: 10px;
}
nav#headNaviTop.homeNavi02 .inBox .btnBoxG{
	float: left;
	width: 375px;
}

/*Link kids*/
nav#headNaviTop.kidsNavi .inBox .btnBoxL{
	padding-top: 40px;
	float: left;
}

nav#headNaviTop.kidsNavi{
	height: 120px;
}

nav#headNaviTop.kidsNavi .inBox dt{
	display: none;
}

nav#headNaviTop.kidsNavi .inBox dd p{
	padding-top: 10px;
	float: left;
	width: auto;
	color: #333;
	white-space: nowrap;
}

nav#headNaviTop.kidsNavi .inBox a{
	display: block;
	height: 36px;
	padding-top: 10px;
}

nav#headNaviTop.kidsNavi .inBox .b01k,
nav#headNaviTop.kidsNavi .inBox .b02k,
nav#headNaviTop.kidsNavi .inBox .b03k,
nav#headNaviTop.kidsNavi .inBox .b04k{
	display: block;
	line-height: normal;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:link span,
nav#headNaviTop.kidsNavi .inBox .b02k a:link span,
nav#headNaviTop.kidsNavi .inBox .b03k a:link span,
nav#headNaviTop.kidsNavi .inBox .b04k a:link span{	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00AEBB;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b02k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b03k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b04k a:hover span{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:link,
nav#headNaviTop.kidsNavi .inBox .b01k a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.kidsNavi .inBox .b02k a:link,
nav#headNaviTop.kidsNavi .inBox .b02k a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 230px;
}

nav#headNaviTop.kidsNavi .inBox .b02k a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.kidsNavi .inBox .b03k a:link,
nav#headNaviTop.kidsNavi .inBox .b03k a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
}

nav#headNaviTop.kidsNavi .inBox .b03k a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}
nav#headNaviTop.kidsNavi .inBox .b04k{
	overflow: hidden;
	position: relative;
}
nav#headNaviTop.kidsNavi .inBox .b04k a:link,
nav#headNaviTop.kidsNavi .inBox .b04k a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ4.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

nav#headNaviTop.kidsNavi .inBox .b04k a:hover{
	background-image: url(../../images/iconQ4_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

/*Link cram School*/
nav#headNaviTop.csNavi .inBox .btnBoxL{
	padding-top: 50px;
	float: left;
}

nav#headNaviTop.csNavi{
	height: 130px;
}

nav#headNaviTop.csNavi .inBox dt{
}

nav#headNaviTop.csNavi .inBox .b01c a,
nav#headNaviTop.csNavi .inBox .b02c a,
nav#headNaviTop.csNavi .inBox .b03c a{
	display: block;
	height: 46px;
	padding-top: 3px;
}

nav#headNaviTop.csNavi .inBox .b04c a{
	display: block;
	height: 36px;
	padding-top: 10px;
}

nav#headNaviTop.csNavi .inBox .b01c,
nav#headNaviTop.csNavi .inBox .b02c,
nav#headNaviTop.csNavi .inBox .b03c,
nav#headNaviTop.csNavi .inBox .b04c{
	display: block;
	line-height: normal;
}

nav#headNaviTop.csNavi .inBox .b01c a:link span,
nav#headNaviTop.csNavi .inBox .b02c a:link span,
nav#headNaviTop.csNavi .inBox .b03c a:link span,
nav#headNaviTop.csNavi .inBox .b04c a:link span{
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00AEBB;*/
	text-decoration: underline;	
}

nav#headNaviTop.csNavi .inBox .b01c a:hover span,
nav#headNaviTop.csNavi .inBox .b02c a:hover span,
nav#headNaviTop.csNavi .inBox .b03c a:hover span,
nav#headNaviTop.csNavi .inBox .b04c a:hover span{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	text-decoration: none;
}

nav#headNaviTop.csNavi .inBox .b01c a:link,
nav#headNaviTop.csNavi .inBox .b01c a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
}

nav#headNaviTop.csNavi .inBox .b01c a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.csNavi .inBox .b02c a:link,
nav#headNaviTop.csNavi .inBox .b02c a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
}

nav#headNaviTop.csNavi .inBox .b02c a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#headNaviTop.csNavi .inBox .b03c a:link,
nav#headNaviTop.csNavi .inBox .b03c a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
}

nav#headNaviTop.csNavi .inBox .b03c a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}
nav#headNaviTop.csNavi .inBox .b04c{
	overflow: hidden;
	position: relative;
}
nav#headNaviTop.csNavi .inBox .b04c a:link,
nav#headNaviTop.csNavi .inBox .b04c a:visited{
	padding-left: 55px;
	background-image: url(../../images/iconQ4.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

nav#headNaviTop.csNavi .inBox .b04c a:hover{
	background-image: url(../../images/iconQ4_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

/***********************************
homeBox & kidsBox & schoolBox
************************************/

.bgSection{
}

.lineUnder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}

.ls{
	letter-spacing: -2px;
}

/*申し込みボタン*/
.inqBox{
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	background-color: #FFF;
}

.inqBox ul{
	overflow: hidden;
	position: relative;
	width: 695px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.inqBox.csInq ul{
	overflow: hidden;
	position: relative;
	width: 494px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.inqBox li{
	display: block;
}

.inqBox li.ilink{
	float: left;
}

.inqBox li.tlink{
	font-size: 14px;
	line-height: 75px;
	text-align: right;
	padding-left: 15px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/iconLinkArrowLeftS.png);
	float: left;
	white-space: nowrap;
}
.infoBox li a.tlink{
	text-align: right;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/iconLinkArrowLeftS.png);
	float: left;
	white-space: nowrap;
	margin-top: 30px;
	margin-bottom: 50px;
}

.inqBox li.txt{
	font-size: 14px;
	line-height: 75px;
	text-align: right;
	padding-left: 15px;
	float: right;
	white-space: nowrap;
}

#kidsBox .inqBox .txt a{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	pointer-events:none; 
}

#homeBox .inBox,
#kidsBox .inBox,
#schoolBox .inBox{
	background-image: url(../../images/bgSection.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #f7f7f7;
}

#homeBox .title,
#kidsBox .title,
#schoolBox .title{
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#homeBox h2,
#kidsBox h2,
#schoolBox h2{
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AEBB;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 650px;
	z-index: 10;
	height: 65px;
	position: absolute;
	padding-top: 100px;
	top: -180px;
}
#top #homeBox h2 {
	font-size: 52px;
	width: 700px;
}

#homeBox .c01,
#homeBox .c02,
#homeBox .c03,
#kidsBox .c01,
#kidsBox .c02,
#kidsBox .c03,
#kidsBox .c04,
#schoolBox .c01,
#schoolBox .c02,
#schoolBox .c03,
#schoolBox .c04{
	padding-top: 130px;
}

#homeBox .fl,
#kidsBox .fl,
#schoolBox .fl{
	float: left;
}

#homeBox .fr,
#kidsBox .fr,
#schoolBox .fr{
	float: right;
}

#homeBox .cBox,
#kidsBox .cBox,
#schoolBox .cBox{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
#homeBox .columnBox .cBox {
	border: 1px solid #e6e6e6;
	padding: 30px 30px 30px 0;
}

#homeBox .imgBox,
#kidsBox .imgBox,
#schoolBox .imgBox{
	width: 408px;
}

#homeBox .txtBox,
#schoolBox .txtBox{
	width: 548px;
	padding-top: 50px;
}

#kidsBox .txtBox{
	width: 548px;
	padding-top: 40px;
}

#schoolBox .c04 .txtBox{
	width: 100%;
	padding-top: 40px;
}

#homeBox .txtBox h3,
#kidsBox .txtBox h3,
#schoolBox .txtBox h3{
	font-size: 28px;
	line-height: 45px;
	color: #333;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	white-space: nowrap;
}

#schoolBox .c04 .txtBox h3{
	font-size: 28px;
	line-height: 45px;
	color: #333;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	white-space: nowrap;
}

#homeBox .txtBox h3 strong,
#kidsBox .txtBox h3 strong,
#schoolBox .txtBox h3 strong{
	color: #00AEBB;
	font-size: 34px;
	line-height: 45px;
	font-weight: normal;
	display: block;
}
#homeBox .txtBox h3 strong.inline-b,
#kidsBox .txtBox h3 strong.inline-b,
#schoolBox .txtBox h3 strong.inline-b{
	display: inline-block;
	font-size: 28px;
}

#homeBox .txtBox h3 .stxt,
#kidsBox .txtBox h3 .stxt,
#schoolBox .txtBox h3 .stxt{
	font-size: 20px;
}

#homeBox .txtBox h3 .fcBlue,
#kidsBox .txtBox h3 .fcBlue,
#schoolBox .txtBox h3 .fcBlue{
	color: #00AEBB;
}

#homeBox .infoBox,
#kidsBox .infoBox,
#schoolBox .infoBox{
	font-size: 16px;
	color: #454545;
	line-height: 25px;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#homeBox .infoBox li,
#kidsBox .infoBox li,
#schoolBox .infoBox li{
	display: block;
	margin-bottom: 9px;
	background-image: url(../images/hr.png);
	background-repeat: no-repeat;
	background-position: left 0.7em;
	padding-left: 20px;
}

#homeBox .f-nav {
	display: block;
}
#homeBox .f-nav.f-nav-sp {
	display: none;
}
#homeBox .f-nav {
	background: #FFF;
	font-size: 16px;
	padding: 30px 0 40px 0;
	margin: auto;
	max-height: 100%;
}
#homeBox .f-nav01, #homeBox .f-nav02 {
	width: 980px;
	margin : auto;
}
#homeBox .f-nav01 {
	margin-bottom: 20px;
}
#homeBox .f-nav02 {
}
#homeBox .f-nav .f-nav-title {
	color: #00aebb;
	border: 1px solid #00aebb;
	padding: 5px 10px;
	margin-right: 15px;
	width: 100px;
	text-align: center;
	display: inline-block;
	line-height: 1em;
}
#homeBox .f-nav .f-nav-link {
	display: inline;
}
#homeBox .f-nav a,.f-nav span.current {
	margin-left: 15px;
	margin-right: 15px;
}
#homeBox .f-nav a:hover {
	color: #19b6c2;
	text-decoration: none;
}
#homeBox .f-nav01 span:first-child {
	margin-left: 0;
}
#homeBox .f-nav02 a {
	margin-left: 0;
}
#homeBox .f-nav02 span {
	font-size: 14px;
	color: #333;
}
#kidsBox strong {
    color: #f2790d;
}

/*homeBox*/

#homeBox{
}

#homeBox #cpbannerBox{
	text-align: center;
	padding-top: 40px;
	background-color: #f7f7f7;
}

/*ヘッダー*/
#headerTop{	
	background-color: #FFFDF0;
}

#headerTop.homeHeader,
#headerTop.kidsHeader{
	background-color: #FFFDF0;
}

#headerTop.csHeader{
	background-color: #eafaff;
}

#headerTop .inBox{
	height: 480px;
}

#headerTop.homeHeader .inBox{
	background-image: url(../../images/top/bgHeaderHomePC.png);
	background-repeat: no-repeat;
	background-position: right;
}

#headerTop.kidsHeader .inBox{
	background-image: url(../../images/kids/bgHeaderKidsPC.png);
	background-repeat: no-repeat;
	background-position: right 53px;
	height: 450px;
}
#headerTop.ctHeader .inBox{
	background-image: url(../../images/ct/bgHeaderCtPC.png);
	background-repeat: no-repeat;
	background-position: right 53px;
	height: 450px;
}
#headerTop.scHeader .inBox{
	background-image: url(../../images/sc/bgHeaderCtPC.png);
	background-repeat: no-repeat;
	background-position: right 53px;
	height: 450px;
}
#headerTop.csHeader .inBox{
	background-image: url(../../images/cramSchool/bgHeaderCsPC.png);
	background-repeat: no-repeat;
	background-position: right top;
}



#headerTop .inBox h2{
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#headerTop .inBox h3{
	font-size: 30px;
	line-height: 45px;
	display: block;
	margin: 0px;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#headerTop .inBox ul{
	display: block;
	margin: 0px;
	white-space: nowrap;
	font-size: 22px;
	line-height: 33px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#headerTop .inBox ul span{
	color: #19B5C1;
}
#headerTop .inBox ul strong, 
#homeBox .infoBox strong{
	color: #f2790d;
}

#headerTop .inBox li{
	display: block;
}

#headerTop .inBox .inqHeaderBox{
	overflow: hidden;
	position: relative;
}

#headerTop .inBox .inqHeaderBox ul{
}

#headerTop .inBox .inqHeaderBox li{
}

#headerTop .inBox .inqHeaderBox .ilink{
	float: left;
	width: 494px;
	padding-left: 70px;
	padding-right: 20px;
}

#headerTop .inBox .inqHeaderBox .iCSlink{
	width: 494px;
	padding-left: 70px;
	padding-right: 20px;
	margin-right: auto;
	margin-left: auto;
}

#headerTop .inBox .inqHeaderBox .ilink span{
	display: block;
	text-align: center;
	font-size: 19px;
	color: #333;
}

#headerTop .inBox .inqHeaderBox .ilink span a{
	font-size: 22px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	pointer-events:none; 
}

#headerTop .inBox .inqHeaderBox .tlink{
	float: left;
	width: 335px;
}

#headerTop .inBox .inqHeaderBox .bannerLink{
	float: left;
	width: 335px;
}

/*コラム*/
#homeBox .columnBox{
	padding-top: 80px;
	padding-bottom: 80px;
}

#homeBox .columnBox .imgVBox{
	width: 180px;
	padding-left: 30px;
}

#homeBox .columnBox .txtVBox{
	width: 770px;
}

#homeBox .columnBox .txtVBox ul{
	display: block;
	float: right;
	width: 770px;
}

#homeBox .columnBox .txtVBox h4{
	display: block;
	font-size: 14px;
	color: #787676;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 20px;
}

#homeBox .columnBox .txtVBox li{
	display: block;
	font-size: 16px;
	line-height: 25px;
}

#homeBox .columnBox .txtVBox strong{
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 20px;
}

/*kidsBox*/

#kidsBox{
}

#headerTop .inBox .inqHeaderBox .aLinkKids{
	float: left;
	width: 335px;
	background-image: url(../images/iconLinkArrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	font-weight: bold;
	line-height: 75px;
	text-align: left;
	padding-left: 20px;
}


/*schoolBox*/
#schoolBox .c04 .inqQBox{
	width: 100%;
	background-color: #e3e8e8;
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#schoolBox .c04 .inqQBox .b01{
	font-size: 16px;
	line-height: 78px;
	font-weight: bold;
	float: left;
	display: block;
	padding-left: 25px;
}

#schoolBox .c04 .inqQBox .b02{
	float: right;
	padding-right: 25px;
}

}
/*pc end*/






/*サービスページ用  contents CSS　SP用*/
/***********************************************
index & kids & cram_school
************************************************/

@media screen and (max-width: 667px){	

/*header*/

header{
}

header#headerTop{
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/*headNavi Top*/
nav#headNaviTop{
	border-bottom-color: #e6e6e6;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

nav#headNaviTop .inBox{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;	
}

nav#headNaviTop .inBox .btnBoxL{
	padding-top: 0px;
	float: none;
}

nav#headNaviTop .inBox .btnBoxR{
	float: none;
	height: auto;
	width: auto;
	margin-top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
}

nav#headNaviTop .inBox a{
	overflow: hidden;
	position: relative;
}

nav#headNaviTop .inBox a:link,
nav#headNaviTop .inBox a:visited,
nav#headNaviTop .inBox a:active{
	color: #00AEBB;
	outline:none;
	display: block;
}

nav#headNaviTop .inBox a:hover{
}

nav#headNaviTop .inBox dl{
	float: none;
	display: block;		
	position: relative;
}

nav#headNaviTop .inBox dt{
	display: block;
	position: relative;
	font-weight: bold;
	top: 0px;
	background-color: #ababaf;
	color: #FFF;
	padding-left: 15px;
}

nav#headNaviTop .inBox dd{
	float: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}

nav#headNaviTop .inBox a{
	line-height: 40px;
}

nav#headNaviTop .inBox dd a span{
	display: block;
	border-bottom-style: none;
	float: left;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*Link index*/
nav#headNaviTop.homeNavi{
	height: auto;
}

nav#headNaviTop.homeNavi .inBox .b01,
nav#headNaviTop.homeNavi .inBox .b02,
nav#headNaviTop.homeNavi .inBox .b03{
	padding-left: 0px;
	margin-right: 0px;
	line-height: normal;
}

nav#headNaviTop.homeNavi .inBox .b01,
nav#headNaviTop.homeNavi .inBox .b02,
nav#headNaviTop.homeNavi .inBox .b03{
	background-image: url(../images/iconLinkArrowDown.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:14px 9px;
}

nav#headNaviTop.homeNavi .inBox .b04,
nav#headNaviTop.homeNavi .inBox .b05{
	line-height: normal;
	margin-top: 0px;
	float: left;
	width: 50%;
}

nav#headNaviTop.homeNavi .inBox .b04 a{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;
}

nav#headNaviTop.homeNavi .inBox .btnBoxL{
	padding-top: 0px;
	float: none;
}

nav#headNaviTop.homeNavi .inBox .btnBoxR{
	float: none;
	height: auto;
	width: auto;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

nav#headNaviTop.homeNavi .inBox dd p{
	display: none;
}

nav#headNaviTop.homeNavi .inBox .b01 a:link span,
nav#headNaviTop.homeNavi .inBox .b02 a:link span,
nav#headNaviTop.homeNavi .inBox .b03 a:link span{	
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

nav#headNaviTop.homeNavi .inBox .b01 a:hover span,
nav#headNaviTop.homeNavi .inBox .b02 a:hover span,
nav#headNaviTop.homeNavi .inBox .b03 a:hover span{
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

nav#headNaviTop.homeNavi .inBox .b01 a:link,
nav#headNaviTop.homeNavi .inBox .b01 a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.homeNavi .inBox .b01 a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.homeNavi .inBox .b02 a:link,
nav#headNaviTop.homeNavi .inBox .b02 a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.homeNavi .inBox .b02 a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.homeNavi .inBox .b03 a:link,
nav#headNaviTop.homeNavi .inBox .b03 a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.homeNavi .inBox .b03 a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.homeNavi .inBox .b04 a:link,
nav#headNaviTop.homeNavi .inBox .b04 a:visited{
	padding-left: 37px;
	background-image: url(../../images/top/iconPrice.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size:20px 20px;
	width: auto;
}

nav#headNaviTop.homeNavi .inBox .b04 a:hover{
	background-image: url(../../images/top/iconPrice_on.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	text-decoration: none;
}

nav#headNaviTop.homeNavi .inBox .b05 a:link,
nav#headNaviTop.homeNavi .inBox .b05 a:visited{
	padding-left: 37px;
	background-image: url(../../images/top/iconMaterial.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size:20px 20px;
	width: auto;
}

nav#headNaviTop.homeNavi .inBox .b05 a:hover{
	background-image: url(../../images/top/iconMaterial_on.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	text-decoration: none;
}


/*Link kids*/
.kidsNavi{
	margin-bottom: 20px;
}

nav#headNaviTop.kidsNavi .inBox .btnBoxL{
	padding-top: 0px;
	float: none;
}

nav#headNaviTop.kidsNavi{
	height: auto;
}

nav#headNaviTop.kidsNavi .inBox a{
	display: block;
	height: auto;
	padding-top: 0px;
	text-decoration: none;
}

nav#headNaviTop.kidsNavi .inBox dt{
	display: block;
}

nav#headNaviTop.kidsNavi .inBox .b01k,
nav#headNaviTop.kidsNavi .inBox .b02k,
nav#headNaviTop.kidsNavi .inBox .b03k,
nav#headNaviTop.kidsNavi .inBox .b04k{
	background-image: url(../images/iconLinkArrowDown.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:14px 9px;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:link span,
nav#headNaviTop.kidsNavi .inBox .b02k a:link span,
nav#headNaviTop.kidsNavi .inBox .b03k a:link span,
nav#headNaviTop.kidsNavi .inBox .b04k a:link span{	
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b02k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b03k a:hover span,
nav#headNaviTop.kidsNavi .inBox .b04k a:hover span{
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:link,
nav#headNaviTop.kidsNavi .inBox .b01k a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.kidsNavi .inBox .b01k a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.kidsNavi .inBox .b02k a:link,
nav#headNaviTop.kidsNavi .inBox .b02k a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.kidsNavi .inBox .b02k a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.kidsNavi .inBox .b03k a:link,
nav#headNaviTop.kidsNavi .inBox .b03k a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.kidsNavi .inBox .b03k a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.kidsNavi .inBox .b04k a:link,
nav#headNaviTop.kidsNavi .inBox .b04k a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ4.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.kidsNavi .inBox .b04k a:hover{
	background-image: url(../../images/iconQ4_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

/*Link cram School*/
.csNavi{
	margin-bottom: 20px;
}

nav#headNaviTop.csNavi .inBox .btnBoxL{
	padding-top: 0px;
	float: none;
}

nav#headNaviTop.csNavi{
	height: auto;
}

nav#headNaviTop.csNavi .inBox a{
	display: block;
	height: auto;
	padding-top: 0px;
	text-decoration: none;
}

nav#headNaviTop.csNavi .inBox dt{
	display: block;
}

nav#headNaviTop.csNavi .inBox .b01c a,
nav#headNaviTop.csNavi .inBox .b02c a,
nav#headNaviTop.csNavi .inBox .b03c a{
	display: block;
	height: 46px;
	padding-top: 3px;
}

nav#headNaviTop.csNavi .inBox .b04c a{
	display: block;
	height: 46px;
	padding-top: 3px;
}

nav#headNaviTop.csNavi .inBox .b01c,
nav#headNaviTop.csNavi .inBox .b02c,
nav#headNaviTop.csNavi .inBox .b03c,
nav#headNaviTop.csNavi .inBox .b04c{
	background-image: url(../images/iconLinkArrowDown.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:14px 9px;
}

nav#headNaviTop.csNavi .inBox .b01c a:link span,
nav#headNaviTop.csNavi .inBox .b02c a:link span,
nav#headNaviTop.csNavi .inBox .b03c a:link span,
nav#headNaviTop.csNavi .inBox .b04c a:link span{	
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-decoration: none;
}

nav#headNaviTop.csNavi .inBox .b01c a:hover span,
nav#headNaviTop.csNavi .inBox .b02c a:hover span,
nav#headNaviTop.csNavi .inBox .b03c a:hover span,
nav#headNaviTop.csNavi .inBox .b04c a:hover span{
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-decoration: none;
}

nav#headNaviTop.csNavi .inBox .b01c a:link,
nav#headNaviTop.csNavi .inBox .b01c a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ1.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.csNavi .inBox .b01c a:hover{
	background-image: url(../../images/iconQ1_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.csNavi .inBox .b02c a:link,
nav#headNaviTop.csNavi .inBox .b02c a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.csNavi .inBox .b02c a:hover{
	background-image: url(../../images/iconQ2_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.csNavi .inBox .b03c a:link,
nav#headNaviTop.csNavi .inBox .b03c a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ3.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.csNavi .inBox .b03c a:hover{
	background-image: url(../../images/iconQ3_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

nav#headNaviTop.csNavi .inBox .b04c a:link,
nav#headNaviTop.csNavi .inBox .b04c a:visited{
	padding-left: 50px;
	background-image: url(../../images/iconQ4.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto;
}

nav#headNaviTop.csNavi .inBox .b04c a:hover{
	background-image: url(../../images/iconQ4_on.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#top nav#headNaviTop.homeNavi02 .inBox a {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size:24px 23px;
	width: auto
}
#top nav#headNaviTop.homeNavi02 .inBox .b01 a {
	background-image: url(../../images/iconQ1.png);
}
#top nav#headNaviTop.homeNavi02 .inBox .b02 a {
	background-image: url(../../images/iconQ2.png);
}
#top nav#headNaviTop.homeNavi02 .inBox .b03 a {
	background-image: url(../../images/iconQ3.png);
}
#top nav#headNaviTop.homeNavi02 .inBox .b04 a {
	background-image: url(../../images/top/iconPrice02.png);
}
#top nav#headNaviTop.homeNavi02 .inBox .b05 a {
	background-image: url(../../images/top/iconMaterial02.png);
}
#top nav#headNaviTop.homeNavi02 .inBox .b06 a {
	background-image: url(../../images/top/iconFollow02.png);
}
#top nav#headNaviTop.homeNavi02 .inBox a:hover {
	opacity: 0.7;
}
#top nav#headNaviTop.homeNavi02 .inBox dd {
    background-image: url("../../common/images/iconLinkArrowDown.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 14px 9px;
}
#top nav#headNaviTop.homeNavi02 .inBox .btnBoxG dd {
    background-image: none;
	border: none;
	float: left;
	text-align: center;
}
#top nav#headNaviTop.homeNavi02 .inBox .btnBoxG dd a {
	padding: 0;
}
#top nav#headNaviTop.homeNavi02 .inBox .btnBoxG dd img {
	width: 80px;
	height: 40px;
	padding: 10px 10px;
}

/*申し込みボタン*/
.inqBox{
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #FFF;
}

#homeBox .inqBox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	margin-bottom: 20px;
}

#kidsBox .inqBox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	padding-top: 20px;
	padding-bottom: 10px;
}

#schoolBox .inqBox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	padding-top: 20px;
	padding-bottom: 10px;
}

.inqBox ul{
	overflow: hidden;
	position: relative;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.inqBox li{
	display: block;
}

.inqBox li.ilink{
	float: none;
	padding-bottom: 10px;
}

.inqBox li.ilink img{
	width: 100%;
}

.inqBox li.tlink{
	font-size: 14px;
	line-height: normal;
	text-align: center;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/iconLinkArrowLeftS.png);
	float: none;
	white-space: nowrap;
	display: list-item;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
}

.inqBox li.txt{
	font-size: 18px;
	line-height: normal;
	text-align: center;
	padding-left: 15px;
	float: none;
	white-space: nowrap;
}

.inqBox li.txt strong{
	font-size: 22px;
	color: #00AEBB;
}

#kidsBox .inqBox .txt{
	font-size: 14px;
	text-align: center;
	padding-left: 0px;
}

#kidsBox .inqBox .txt a{
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#kidsBox .inqBox li.txt strong{
	font-size: 16px;
	color: #00AEBB;
}

#homeBox .inBox,
#kidsBox .inBox,
#schoolBox .inBox{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/bgSection.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #f7f7f7;
}

#homeBox h2,
#kidsBox h2,
#schoolBox h2{
	display: block;
	font-size: 18px;
	line-height: normal;
	color: #333;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #00AEBB;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #b1e4e8;
	font-weight: bold;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#homeBox .fl,
#kidsBox .fl,
#schoolBox .fl{
	float: none;
}

#homeBox .fr,
#kidsBox .fr,
#schoolBox .fr{
	float: none;
}

#homeBox .cBox,
#kidsBox .cBox,
#schoolBox .cBox{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}

#homeBox .imgBox,
#kidsBox .imgBox,
#schoolBox .imgBox{
	width: 100%;
}

#homeBox .imgBox img,
#kidsBox .imgBox img,
#schoolBox .imgBox img{
	width: 100%;
	margin-bottom: 5px;
}

#homeBox .txtBox,
#kidsBox .txtBox,
#schoolBox .txtBox{
	width: 95%;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#homeBox .txtBox h3,
#kidsBox .txtBox h3,
#schoolBox .txtBox h3{
	font-size: 17px;
	line-height: normal;
	color: #333;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	white-space: nowrap;
	font-weight: bold;
}

#homeBox .txtBox h3 strong,
#kidsBox .txtBox h3 strong,
#schoolBox .txtBox h3 strong{
	color: #00AEBB;
	font-size: 18px;
	line-height: normal;
	font-weight: normal;
	display: block;
}
#top #homeBox .txtBox h3 strong.inline-b{
	display: inline !important;
}

#homeBox .infoBox,
#kidsBox .infoBox,
#schoolBox .infoBox{
	font-size: 14px;
	color: #454545;
	line-height: 25px;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#homeBox .infoBox li,
#kidsBox .infoBox li,
#schoolBox .infoBox li{
	display: block;
	margin-bottom: 5px;
	line-height: 20px;
	background-image: url(../images/hr.png);
	background-repeat: no-repeat;
	background-position: left 0.7em;
	padding-left: 20px;
}

#homeBox .infoBox li br,
#kidsBox .infoBox li br,
#schoolBox .infoBox li br{
	display: none;
}

#homeBox .f-nav {
	display: none;
}
#homeBox .f-nav.f-nav-sp {
	display: block;
}
#homeBox .f-nav {
	background: #FFF;
	font-size: 14px;
	padding: 30px 0 40px 0;
	margin: auto;
}
#homeBox .f-nav01, #homeBox .f-nav02 {
	width: 980px;
	margin : auto;
}
#homeBox .f-nav01 {
	margin-bottom: 20px;
	padding: 0 15px;
}
#homeBox .f-nav02 {
	padding: 0 15px;
}
#homeBox .f-nav .f-nav-title {
	color: #00aebb;
	border: 1px solid #00aebb;
	padding: 5px 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 100px;
	text-align: center;
	display: inline-block;
	line-height: 1em;
}
#homeBox .f-nav .f-nav-link {
	display: block;
}
#homeBox .f-nav02 .f-nav-link {
	margin-left: 15px;
}
#homeBox .f-nav a,#homeBox .f-nav span.current {
	margin-left: 15px;
	margin-right: 15px;
}
#homeBox .f-nav01 span:first-child {
	margin-left: 15px;
}
#homeBox .f-nav02 a {
	margin-left: 0;
}
#homeBox .f-nav02 span {
	font-size: 14px;
	color: #333;
}

/*homeBox*/

#homeBox{
}

#homeBox #cpbannerBox{
	text-align: center;
	padding-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f7f7f7;
}

#homeBox #qb01{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}

#homeBox #cpbannerBox img{
	width: 100%;	
}

/*ヘッダー*/
#headerTop{
	background-color: #FFFDF0;
}

#headerTop.homeHeader,
#headerTop.kidsHeader{
	background-color: #FFFDF0;
}

#headerTop.csHeader{
	background-color: #eafaff;
}

#headerTop.homeHeader .inBox{
	background-image: url(../../images/top/bgHeaderHomeSP.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 25% auto;
}

#headerTop.kidsHeader .inBox{
	background-image: url(../../images/kids/bgHeaderKidsSP.png);
	background-repeat: no-repeat;
	background-position: right 20px;
	background-size: 25% auto;
}

#headerTop.csHeader .inBox{
	background-image: url(../../images/cramSchool/bgHeaderHomeSP.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 25% auto;
}


header#headerTop .inBox{
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#headerTop .inBox h2{
	width: 78%;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#headerTop .inBox h2.st{
	width: 70%;
}

#headerTop .inBox h2 img{
	width: 100%;
}

#headerTop .inBox h3{
	font-size: 15px;
	line-height: 24px;
	display: block;
	margin: 0px;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#headerTop .inBox ul{
	display: block;
	margin: 0px;
	white-space: nowrap;
	font-size: 14px;
	color: #19B5C1;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#headerTop .inBox li{
	display: block;
}

#headerTop .inBox .inqHeaderBox{
	overflow: hidden;
	position: relative;
}

#headerTop .inBox .inqHeaderBox ul{
}

#headerTop .inBox .inqHeaderBox li{
}

#headerTop .inBox .inqHeaderBox .ilink{
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

#headerTop .inBox .inqHeaderBox .ilink img{
	width: 100%;
}

#headerTop .inBox .inqHeaderBox .iCSlink{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: auto;
	margin-left: auto;
}

#headerTop .inBox .inqHeaderBox .iCSlink img{
	width: 100%;
}

#headerTop .inBox .inqHeaderBox .ilink span{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	padding-top: 5px;
	padding-bottom: 10px;
}

#headerTop .inBox .inqHeaderBox .ilink span a{
	font-size: 22px;
	color: #00AEBB;
	font-weight: bold;
	text-decoration: none;
}

#headerTop .inBox .inqHeaderBox .tlink{
	float: none;
	width: 100%;
}

#headerTop .inBox .inqHeaderBox .bannerLink{
	float: none;
	width: 100%;
}

#headerTop .inBox .inqHeaderBox .bannerLink img{
	width: 100%;
}

#headerTop .inBox .inqHeaderBox .aLinkKids{
	font-size: 14px;
	line-height: normal;
	text-align: center;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/iconLinkArrow.png);
	float: none;
	white-space: nowrap;
	display: list-item;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}

/*コラム*/
#homeBox .columnBox{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
}

#homeBox .columnBox .cBox{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
#top #homeBox .columnBox .cBox{
	padding: 15px;
}

#homeBox .columnBox .cBox .imgVBox{
	width: 30%;
	padding-left: 0px;
	float: left;
}

#homeBox .columnBox .imgVBox img{
	width: 100%;
}

#homeBox .columnBox .txtVBox{
	width: 65%;
	float: right;
}

#homeBox .columnBox .txtVBox h4{
	display: block;
	font-size: 16px;
	color: #18b5c0;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 20px;
}
#top #homeBox .columnBox .txtVBox h4{
	color: #787676;
}

#homeBox .columnBox .txtVBox li{
	display: block;
	font-size: 14px;
}

#homeBox .columnBox .txtVBox strong{
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*kidsBox*/

#kidsBox{
}

#kidsBox .txtBox h3 .fcBlue{
	color: #00AEBB;
	font-size: 20px;
}

#kidsBox .txtBox h3 .fnormal{
	font-weight: normal;
}

#kidsBox .txtBox h3 .stxt{
	font-size: 15px;
	font-weight: normal;
}

/*schoolBox*/
#schoolBox .c04 .inqQBox{
	width: 100%;
	background-color: #e3e8e8;
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
}

#schoolBox .c04 .inqQBox .b01{
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	float: none;
	display: block;
	padding-left: 0px;
}

#schoolBox .c04 .inqQBox .b02{
	float: none;
	padding-right: 0px;
}

#schoolBox .c04 .inqQBox .b02 img{
	width: 95%;
}

}
/*sp end*/

/*clearfix*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.pb0 {
	padding-bottom: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}



/***********************************
popup
************************************/
#popBox{
	padding: 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}
.pop {
	line-height: 30px;
	margin-bottom: 20px;
}
a.link-pop {
	background: url(../../images/link-blank.png) no-repeat 0 10px;
	padding-left: 20px;
	margin-top: 15px;
	display: block;
}
a.link-pop:hover {
	color:#19b6c2;
	text-decoration: none;
}

#custom-content .inqBox {
	padding-top: 40px;
	padding-bottom: 0;
	border-bottom: none;
}
#custom-content .inqBox h4 {
	text-align: left;
}
#custom-content #popBox {
	width: auto !important;
	padding: 15px;
	position: relative;
}
#custom-content #popBox img,#custom-content #popBox .btn{
	max-width: 100%;
	margin: 10px auto 30px;
	padding-bottom: 30px;
}
#custom-content #popBox .btn img{
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#custom-content #popBox .btn img{
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#custom-content #popBox .btn {
	text-align: center;
	position: relative;
}
#custom-content #popBox .mfp-close.close-top{
	position: absolute;
	right: 15px;
    top: 10px;
}
#custom-content #popBox .mfp-close.close-bottom {
	position: absolute;
	right: 40px;
    top: 15px;
}
@media screen and (max-width: 667px){	
#custom-content #popBox .mfp-close.close-bottom img,#custom-content #popBox .mfp-close.close-bottom{
	position: static;
	text-align:center;
    width: 70px !important;
}
}
#custom-content .pop-img{
	text-align: center;
}
#custom-content .pop-img img{
	border-bottom: 1px solid #eee;
}
#custom-content .mfp-close {
	width: 70px;
	font-size: 14px;
	color: #19b6c2;
	text-decoration: underline;
	background: url(../../popup/close-ico.gif) no-repeat 0 13px;
	padding-left: 20px;
}
#custom-content .mfp-close.block {
}
#custom-content #popBox .mfp-close img{
}
#custom-content .tel {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
#custom-content .tel a {
	color: #333;
    font-weight: bold;
    pointer-events: none;
    text-decoration: none;
}
#popBox .st h4 {
    background-image: url("../../images/pr_iconH4.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    margin: 0;
    padding: 10px 10px 10px 30px;
}
#popBox .st {
    background-color: #dff4f6;
    border-bottom: 1px solid #aad8db;
    margin: 0 0 20px;
    padding: 0;
}