@charset "UTF-8";

footer nav .course li{
	display:block;
}




/*コース案内
-----------------------------------------------------------------------------------------*/
#course #maincopy{
	background-image:url(images/course_main.jpg);
}
.class{
	background:url(images/course_next.png) bottom center no-repeat;
	padding-bottom:80px;
}
.class h3{
	font-size:21px;
	line-height:36px;
	color:#666666;
	margin:10px 0;
	text-align:center;
}
.class ul{
	width:940px;
	margin:20px auto;
}
.class li{
	width:30%;
	float:left;
	text-align:center;
}
.class li a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#000;
}
.class li img{
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}
.class li a span{
	display:block;
	font-size:14px;
}
.class li a strong{
	display:block;
	font-size:18px;
	line-height:30px;
	margin:5px -5px;
}
.class li a:after{
	content:"詳しくはこちら";
	display:block;
	margin:10px;
	line-height:40px;
	background:#0071BC;
	color:#FFF;
	font-weight:bold;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.class li a:hover{
	background-color:#F1F1F1;
}
.class li a:hover:after{
	background:#004097;
}
.class li.chu_shingaku a strong{color:#29A9E0;}
.class li.chu_juken a strong{color:#3AB34A;}
.class li.lepton a strong{color:#F5921E;}
.class li.kobetsu a strong{color:#F05A23;}
.class li.kou_juken a strong{color:#0071BA;}
.class li.skills a strong{color:#F5921E;}
.class li.robotplogram a strong{color:#5551A5;}
.class li.chu_toshin a strong{color:#019180;}
.class li.toshin a strong{color:#019180;}
.class li.ai_koukoubu a strong{color:#009c70;}
.class li.qureo a strong{color:#1A48A3;}
#chugaku.class li{
	width:25%;
}
#shogaku.class li:first-child{
	margin-left:5%;
}
#shogaku.class li:nth-child(4){
	margin-left:20%;
}
#koukou.class li:first-child{
	margin-left:5%;
}
#koukou.class{
	margin-bottom:40px;
}
@media screen and (max-width: 739px) {
	section.class{padding-bottom:40px;background-size:80px 40px;}
	.class h3{font-size:14px;line-height:24px;margin:5px 0;}
	.class ul{width:100%;margin:0;}
	.class li,#chugaku.class li{width:50%;}
	.class li a span{font-size:12px;line-height:20px;}
	.class li a > span{height:60px;}
	.class li a strong{font-size:14px;line-height:20px;margin:5px -20px;}
	.class li a:after{font-size:12px;margin:5px;line-height:30px;}
	#shogaku.class li:first-child,#shogaku.class li:nth-child(4),#koukou.class li:first-child{margin-left:0;}
	#koukou.class{margin-bottom:20px;}
}
/*-------------------------next*/
.class p.next{
	background:#C1272D;
	font-size:24px;
	line-height:50px;
	margin:0;
	text-align:center;
	color:#FFF;
}
/*-------------------------next*/
.class p{
	background:#C1272D;
	font-size:24px;
	line-height:50px;
	margin:0;
	text-align:center;
	color:#FFF;
}
@media screen and (max-width: 739px) {
	.class p.next{font-size:18px;line-height:35px;}
}


/*各学年の指導方針
-----------------------------------------------------------------------------------------*/
#sidou ul {
	width:900px;
	margin:20px auto -20px auto;
}
#sidou li{
	float:left;
	width:300px;
	padding:0 20px;
	line-height:30px;
	height:570px;
}
#sidou li:nth-child(4){
	margin-left:150px;
}
#sidou li img{
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	display:block;
	margin:10px auto;
}
#sidou li strong{
	font-size:18px;
	display:block;
	color:#0070CB;
	margin-bottom:5px;
	text-align:center;
}
#sidou li span{
	display:block;
}
@media screen and (max-width: 739px) {
	#sidou ul{width:auto;margin:0;}
	#sidou li{float:none;width:auto;padding:15px 0 0 0;line-height:24px;height:auto;}
	#sidou li + li{margin-top:15px;border-top:1px dashed #CCC;}
	#sidou li:nth-child(4){margin-left:0;}
	#sidou li img{float:left;width:60px;margin:-5px 10px 0 0;}
	#sidou li strong{font-size:16px;margin-bottom:10px;text-align:left;}
}


/*コースの特徴
-----------------------------------------------------------------------------------------*/
#tokucho h2 strong{
	display:block;
}
#tokucho h2 + p{
	font-size:20px;
	line-height:35px;
	text-align:center;
}
@media screen and (max-width: 739px) {
	#tokucho h2 strong{font-size:18px;}
	#tokucho h2 + p{font-size:14px;line-height:24px;text-align:left;}
}

/*特別コース
-----------------------------------------------------------------------------------------*/
#tokubetsu h2 + p{
	font-size:20px;
	line-height:35px;
	text-align:center;
}
@media screen and (max-width: 739px) {
	#tokubetsu h2 + p{font-size:14px;line-height:24px;text-align:left;}
}

/*1週間のスケジュール例
-----------------------------------------------------------------------------------------*/
#week figure{
	padding-top:10px;
}
@media screen and (max-width: 739px) {
	#week figure{margin:0 auto;}
}


/*年間の学習スケジュール
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 739px) {
	#year figure{margin:0 auto;padding-top:10px;}
}

/*イベントスケジュール
-----------------------------------------------------------------------------------------*/
#eventsc th{
	width:90px;
}
#eventsc td span{
	white-space:nowrap;
}
#eventsc tr.haru span{
	font-weight:bold;
	color:#ED1E79;
}
#eventsc tr.natsu span{
	font-weight:bold;
	color:#009245;
}
#eventsc tr.huyu span{
	font-weight:bold;
	color:#0071BC;
	padding-right:15px;
}
#eventsc td span:before{
	content:"●";
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#000;
	margin-right:3px;
}

@media screen and (max-width: 739px) {
	#eventsc th{width:40px;padding:4px;}
	#eventsc th,
	#eventsc td{font-size:12px;}
}

/*公立中学進学コース
-----------------------------------------------------------------------------------------*/
#chu_shingaku #maincopy{
	background-image:url(images/chu_shingaku_main.png);
}

/*私立中学受験部
-----------------------------------------------------------------------------------------*/
#chu_juken #maincopy{
	background-image:url(images/chu_juken_main.jpg);
}
/*#chu_juken #sidou li{
	width:450px;
	padding:0 40px;
}
#chu_juken #sidou li:nth-child(4){
	margin-left:0;
}*/
#chu_juken .point div{
	padding-right:440px;
}
@media screen and (max-width: 739px) {
	#chu_juken #sidou li{width:auto;padding:15px 0 0 0;}
	#chu_juken .point div{padding:0;}
	#chu_juken #eventsc tr.haru span{white-space:normal;}
}


/*英語教室Lepton
-----------------------------------------------------------------------------------------*/
#lepton #maincopy{
	background-image:url(images/lepton_main.jpg);
}

/*個別指導部
-----------------------------------------------------------------------------------------*/
#kobetsu #maincopy{
	background-image:url(images/kobetsu_main.jpg);
}
/*-------------------------クラス概要*/
#kobetsu .gaiyo ul{
	margin-top:20px;
}
#kobetsu .gaiyo ul li{
	float:left;
	width:34%;
	padding-right:30px;
	text-align:justify;
	text-justify:distribute;
	position:relative;
}
#kobetsu .gaiyo ul li:after{
	content:"　";
	display:block;
	width:30px;
	height:50px;
	background:url(images/nextclass.png) center center no-repeat;
	position:absolute;
	top:0;
	right:0;
}
#kobetsu .gaiyo ul li:last-child{
	width:32%;
	padding-right:0;
}
#kobetsu .gaiyo ul li:last-child:after{
	display:none;
}
#kobetsu .gaiyo ul li strong{
	display:block;
	background:#000;
	color:#FFF;
	text-align:center;
	font-size:24px;
	line-height:50px;
	margin-bottom:5px;
	font-weight:normal;
	letter-spacing:2px;
}
#kobetsu .gaiyo ul li strong span{
	display:none;
}
#kobetsu .gaiyo ul li:nth-child(1) strong{
	background:#FBB03B;
}
#kobetsu .gaiyo ul li:nth-child(2) strong{
	background:#F7931E;
}
#kobetsu .gaiyo ul li:nth-child(3) strong{
	background:#F15A24;
}
#kobetsu .gaiyo ul li em{
	color:#009245;
	display:block;
}
#kobetsu .gaiyo ul.pc li:after{
	display:none;
}
#kobetsu .gaiyo ul.pc li strong{
	margin:10px 0 0 0;
	font-size:30px;
}
@media screen and (max-width: 739px) {
#kobetsu .gaiyo ul{background:#FFF;padding:15px;margin-top:10px;}
#kobetsu .gaiyo ul li,
#kobetsu .gaiyo ul li:last-child{float:none;width:auto;padding-right:0;padding-bottom:30px;background:url(images/nextclass_sp.png) bottom no-repeat;}
#kobetsu .gaiyo ul li:last-child{background:none;padding-bottom:0;}
#kobetsu .gaiyo ul li:after{display:none;}
#kobetsu .gaiyo ul li strong{font-size:18px;line-height:30px;padding:5px;margin-bottom:3px;text-align:left;}
#kobetsu .gaiyo ul li strong span{display:block;float:left;background:url(images/bg_k.png);font-size:14px;margin:-5px 10px -5px -5px;padding:5px;letter-spacing:0;}
}

/*-------------------------個人別プログラム表*/
#kobetsu .kojinbetu th{
	text-align:left;
	height:70px;
	font-size:18px;
	border:none;
	background:#8DC21F;
	color:#FFF;
	border-top:4px solid #FFF;
}
#kobetsu .kojinbetu td{
	background:#D1E7A5;
	border:none;
	border-top:4px solid #FFF;
}
#kobetsu .kojinbetu tr:nth-child(even) th{
	background:#F6AA00;
}
#kobetsu .kojinbetu tr:nth-child(even) td{
	background:#FDEECC;
}
@media screen and (max-width: 739px) {
	#kobetsu .kojinbetu tr{display:block;}
	#kobetsu .kojinbetu th{display:list-item;height:auto;font-size:16px;padding:8px;}
	#kobetsu .kojinbetu td{display:list-item;border-top:none;}
}

/*公立高校受験コース
-----------------------------------------------------------------------------------------*/
#kou_juken #maincopy{
	background-image:url(images/kou_juken_main.jpg);
}

/*ロボットプログラミング講座
-----------------------------------------------------------------------------------------*/
#robotplogram #maincopy{
	background-image:url(images/robotplogram_main.jpg);
}
/*AIホロン
-----------------------------------------------------------------------------------------*/
#aiholon #maincopy{
	background-image:url(images/aiholon_main.jpg);
}
/*4 Skills English 講座
-----------------------------------------------------------------------------------------*/
#skills #maincopy{
	background-image:url(images/skills_main.jpg);
}

/*東進中学NET
-----------------------------------------------------------------------------------------*/
#chu_toshin #maincopy{
	background-image:url(images/chu_toshin_main.jpg);
}
/*-------------------------中高一貫のカリキュラムに対応*/
#chu_toshin .curriculum p{
	margin-right:590px;
}
@media screen and (max-width: 739px) {
	#chu_toshin .curriculum p{margin-right:0;}
}
/*-------------------------担任・担任助手による指導*/
#chu_toshin .tannin{
	margin:0 -10px 20px -10px;
}
#chu_toshin .tannin li{
	float:left;
	width:25%;
	border:10px solid #FFF;
	height:640px;
	background:#000;
	color:#FFF;
}
#chu_toshin .tannin li img{
}
#chu_toshin .tannin li span{
	display:block;
	margin:0 12px;
	font-size:14px;
	line-height:24px;
}
#chu_toshin .tannin li span.status{
	padding-top:12px;
}
#chu_toshin .tannin li span.name{
	font-size:20px;
	line-height:28px;
}
#chu_toshin .tannin li span.staff{
	color:#FFFF00;
}
#chu_toshin .tannin li span.copy{
	margin:8px 12px;
	padding-top:8px;
	border-top:1px solid #FFF;
	text-align:justify;
	text-justify:distribute;
}
@media screen and (max-width: 739px) {
	#chu_toshin .tannin{margin: 0;}
	#chu_toshin .tannin li{float:none;width:auto;border:none;height:auto;padding:12px;margin-top:5px;}
	#chu_toshin .tannin li img{width:76px;height:76px;float:right;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}
	#chu_toshin .tannin li span{margin:0;}
	#chu_toshin .tannin li span.status{padding:0;}
	#chu_toshin .tannin li span.name{font-size:20px;line-height:28px;}
	#chu_toshin .tannin li span.copy{margin:5px 0 0 0;padding:0;border:none;}
}
/*-------------------------高速基礎マスター講座・コラム*/
#chu_toshin .point .point .point{
	margin-right:440px;
}
#chu_toshin .column em{
	color:#009245;
}
@media screen and (max-width: 739px) {
	#chu_toshin .point .point .point{margin-right:0;}
}

/*東進衛星予備校
-----------------------------------------------------------------------------------------*/
#toshin #maincopy{
	background-image:url(images/toshin_main.jpg);
}

/*AI高校部
-----------------------------------------------------------------------------------------*/
#ai_koukoubu #maincopy{
	background-image:url(images/ai-koukoubu_main.jpg);
}

/*QUREOプログラミング教室
-----------------------------------------------------------------------------------------*/
#qureo #maincopy{
	background-image:url(images/qureo_main.jpg);
}
/*各学年の指導方針 高受小学部
-----------------------------------------------------------------------------------------*/
#sidousy ul {
	width:900px;
	margin:20px auto -20px auto;
	padding-left: 20px;
}
#sidousy li{
	float:left;
	width:210px;
	padding:0 20px;
	line-height:30px;
	height:570px;
}
#sidou li:nth-child(4){
	margin-left:150px;
}
#sidousy li img{
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	display:block;
	margin:10px auto;
}
#sidousy li strong{
	font-size:18px;
	display:block;
	color:#0070CB;
	margin-bottom:5px;
	text-align:center;
}
#sidousy li span{
	display:block;
}
@media screen and (max-width: 739px) {
	#sidousy ul{width:auto;margin:0;}
	#sidousy li{float:none;width:auto;padding:15px 0 0 0;line-height:24px;height:auto;}
	#sidousy li + li{margin-top:15px;border-top:1px dashed #CCC;}
	#sidousy li:nth-child(4){margin-left:0;}
	#sidousy li img{float:left;width:60px;margin:-5px 10px 0 0;}
	#sidousy li strong{font-size:16px;margin-bottom:10px;text-align:left;}
}
/*イベントボタン
-----------------------------------------------------------------------------------------*/
.btn02 a{
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:32px;
	line-height:50px;
	padding:20px;
	width:700px;
	margin:30px auto 50px auto;
	color:#000;
	font-weight:bold;
	background:#F7B52C url(images/ya_btn02.png) right no-repeat;
	box-shadow: 0 10px 0 #CF8B00;
	-webkit-box-shadow: 0 10px 0 #CF8B00;
	-moz-box-shadow: 0 10px 0 #CF8B00;
	border-radius: 20px;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position:relative;
}
.btn02 a span{
	display:block;
	background:#FFF;
	font-size:20px;
	line-height:40px;
	margin:5px 100px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.btn02 a:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:10px;
}
@media screen and (max-width: 739px) {
	article{padding-bottom:10px;}
	article h1{font-size:24px;line-height:36px;}
	section{width:auto;padding:0px 10px;}
	section >.btn02{margin:0 -10px;}
	article th,article td{padding:10px;font-size:14px;line-height:22px;}
	article th{padding:10px 5px;}
	article th span{display:block;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
	.banner{margin:10px;}
	.kome{font-size:12px;margin:5px 0;}
	.btn02 a{font-size:18px;line-height:24px;padding:20px 30px 20px 20px;background-size:20px;width:86%;margin:o auto;box-shadow: 0 10px 0 #CF8B00;-webkit-box-shadow: 0 10px 0 #CF8B00;-moz-box-shadow: 0 10px 0 #CF8B00;border-radius: 10px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	.btn02 a span{font-size:18px;line-height:24px;margin:10px 0;padding:4px; border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.btn02 a:hover{top:5px;}
	.cs{margin:15px 0;padding:15px 5px;background-size:15px;}
	.cs:after{font-size:14px;line-height:30px;}
	.cstitle{font-size:18px;line-height:25px;letter-spacing:0;}
	.cstitle strong{margin:0;display:block;}
	.csdate{font-size:16px;line-height:25px;letter-spacing:0;margin:3px 0 6px 0;}
	.accordionopen{background-size:30px;}
}