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


#titleH2Box{ margin-bottom:2.5em;}
#titleH2Box h2{
    font-size:1.75em; color:#000; margin:0 auto; text-align:center; line-height:1.4em;
}



.main-contents{ max-width: 1000px; width: 100%; margin: 0 auto; padding: 2em 50px 2em 50px;}
.titleH3Box{ margin-bottom:2em;}
.titleH3Box h3{font-size: 1.5rem; color: #333; line-height: 1.2em; text-align: center; margin-bottom:0;}
.titleH3Box p{font-size: 0.875rem; font-weight: normal; color: #666; text-align:center; margin:0; font-weight:bold;}
section{ margin:1em 0 2em 0;}

@media screen and (max-width:640px){
	.main-contents{ width: 100%; margin: 0 auto; padding: 2em 5% 2em 5%;}

}


/*----------------------------------------------------------------------------
 ***                                                      プライバシーポリシー
----------------------------------------------------------------------------*/
#pvpSec{}
#pvpSec section { border-top:#999 dotted 1px; padding-top:2em; margin:2em 0 2em 0;}




/*----------------------------------------------------------------------------
 ***                                                      会社概要
----------------------------------------------------------------------------*/


#gaiyouSec{ margin-bottom:0;}
#gaiyouSec section{ margin-bottom:0;}

#infoTbBox{ margin-bottom:3em;}
#infoTbBox ul{ border-top:#CCC dotted 1px; }
#infoTbBox li{ border-bottom:#CCC dotted 1px; padding:1em 0;}
#infoTbBox li dt,
#infoTbBox li dd{ display:inline-block;}
#infoTbBox li dt{ width:25%;}
#infoTbBox li dd{ width:73%;}
.tacbP{ text-align:center;}


/* BRAND */
#brandSec{}
#brandSec p.catchcopy{ font-size:1rem;}
#brandSec p.catchcopy span{ color:#e3007f;}
#brandSec p{ font-size:0.875rem;}
#brandSec .sectionInner{ margin:2em auto;}
#brandSec .brandBox{ width:100%; margin:0 auto;}
#brandSec .mainBrand{ max-width:820px; padding-right:20px}
#brandSec .subBrand{ max-width:280px;}
#brandSec .brandBox h4{ color:#fff; padding:0.5em 0.5em 0.6em; line-height:1em; font-size:1rem; font-weight:normal;}
#brandSec .tutoringBox h4{ background-color:#ffe100; color:#000;}
#brandSec .childrenBox h4{ background-color:#ff7bac;}
#brandSec .soccerBox h4{ background-color:#95ce3a;}
#brandSec .mainBrand .brandList{ width:50%;}
#brandSec .mainBrand h5{ background-color:#00aae7; color:#fff; padding:0.5em 0.5em 0.6em; line-height:1em; font-size:1rem; font-weight:normal; margin:3em 0 0;}
#brandSec .soccerBox{ margin:1.5em 0 0;}
#brandSec .brandList li{ margin:1.5em 0;}
#brandSec .brandList li a{ color:#333; text-decoration:none; transition:opacity .3s;}
#brandSec .brandList li a:hover{ opacity:0.6;}
#brandSec .brandList li dl{ margin:0 0 0 0.5em;}
#brandSec .brandList li dt{ font-size:0.875rem; margin:0.2em 0;}
#brandSec .brandList li dd{ font-size:0.75rem; line-height:1.2em; color:#666;}

@media screen and (min-width:641px) and (max-width:1024px){
	#brandSec .sectionInner{ margin-bottom:0;}
	#brandSec .mainBrand,
	#brandSec .subBrand{ max-width:600px;}
	#brandSec .mainBrand .brandList{ width:49%;}
	#brandSec .subBrand .childrenBox,
	#brandSec .subBrand .soccerBox{ width:49%; margin:0;}
	#brandSec .subBrand .childrenBox{ float:left;}
	#brandSec .subBrand .soccerBox{ float:right;}
	
}

@media screen and (max-width:640px){
	.tacbP{ text-align:left;}
	#infoTbBox li dt{ width:100%;}
	#infoTbBox li dd{ width:100%; padding-left:5%;}
	/* BRAND */
	#brandSec p.catchcopy{ margin:0 auto 1em; font-size:0.875rem; text-align:center;}
	#brandSec .brandList,
	#brandSec .mainBrand .brandList{ width:90%; margin:0 auto;}
	#brandSec .brandList li{ margin:1em auto 0;}
	#brandSec .brandList li dl{ width:calc(100% - 60px - 0.5em);}
	#brandSec .mainBrand h5{ margin-top:2em; border-left:5px solid #00aae7; border-bottom:1px solid #ccc; background:none; color:#333; font-weight:500; line-height:1em; padding:0.3em 0 0.3em 0.3em;}
	#brandSec .subBrand{ max-width:100%; margin:2em auto 0;}
	#brandSec .childrenBox{ margin-bottom:2em;}
	#brandSec .soccerBox{ width:100%;}
	#brandSec .soccerBox ul{ width:90%; margin:0 auto;}

}