@charset "UTF-8";


a{
	color: #000000;
}

/*共通
-----------------------------------------------------------------------------------------*/
h2.icon{
	font-size:24px;
	line-height:50px;
	color:#004097;
	letter-spacing:1px;
}
@media screen and (max-width: 739px) {
	h2.icon{font-size:18px;line-height:40px;font-weight:bold;margin-left:5px;}
	h2.icon img{width:40px;height:40px;}
}
/*-------------------------more*/
.more{
	margin-top:-40px;
	margin-bottom:50px;
}
.more a{
	float:right;
	font-size:14px;
	line-height:40px;
	background:#004097 url(images/ya_w.png) right no-repeat;
	padding:0 30px 0 15px;
	color:#FFF;
}
.more a:hover{
	background-color:#4D7AB6;
}
@media screen and (max-width: 739px) {
	.more{margin-bottom:45px;margin-right:5px;}
	.more a{border-radius:20px;background-size:15px;padding:0 22px 0 15px;font-weight:bold;}
	.more a span{display:none;}
}

/*緊急告知
-----------------------------------------------------------------------------------------*/
#kinkyu{
	background:url(images/kinkyu_bg.png);
	padding:10px;
}
#kinkyu div{
	background:#FFF;
}
#kinkyu div.frame{
	padding-top:8px;
	padding-bottom:8px;
	color:#FF0000;
}
#kinkyu h2,
#kinkyu h3{
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
}
#kinkyu h3{
	color:#000;
}
#kinkyu a{
	text-decoration:underline;
	color:#0066CC;
}
#kinkyu a:hover{
	text-decoration:none;
}
#kinkyu h2:first-child,
#kinkyu h3:first-child{
	margin-top:0;
}
#kinkyubtn a{
	text-decoration:none;
	float:right;
	line-height:40px;
	background:#FF0000 url(images/ya_w.png) right no-repeat;
	padding:0 30px 0 15px;
	color:#FFF;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	position:absolute;
	right:0;
	z-index:100;
}
#kinkyubtn a:hover{
	background-color:#CC0000;
}
@media screen and (max-width: 739px) {
	#kinkyu{padding:5px;}
	#kinkyu div.frame{padding:8px;}
	#kinkyu h2,
	#kinkyu h3{font-size:16px;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/
/*-------------------------スライドメイン*/
.slides p{
	margin:0;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}
.slides p img.sp{
	display:none;
}
p.slick-center{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
/*-------------------------スライドナビ*/
.slick-dots{
	position:relative;
	left:50%;
	float:left;
}
.slick-dots li{
	position:relative;
	line-height:5px;
	left:-50%;
	float:left;
	margin:10px;
	height:10px;
}
.slick-dots li button{
	width:10px;
	height:10px;
	border:none;
	text-indent:-9999em;
	background:#999;
	border:1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background:#FFF;
	border:1px solid #004097;
	cursor: pointer;
}
@media screen and (max-width: 1020px) {
	.slides p{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
}
@media screen and (max-width: 739px) {
	#mainimg{background:#000;width:100%;overflow:hidden;}
	.slick-dots li.slick-active button{border-color:#FFF;}
}
@media screen and (max-width: 480px) {
	.slides p img.pc{display:none;}
	.slides p img.sp{display:inline;}
}

/*hometel
-----------------------------------------------------------------------------------------*/
#hometel a{
	display:block;
	background:url(images/ya_btn.png) right no-repeat;
	padding-right:10px;
	border:2px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:10px 15px 0 15px;
}
#hometel a img{
	max-width:250px;
}

/*イベント情報
-----------------------------------------------------------------------------------------*/
#event{
	padding-top:40px;
}
#event ul{
	margin:0 -10px;
}
#event li.new > a:before{
	content:"　";
	width:40px;
	height:40px;
	background:url(images/new.png);
	background-size:100%;
	position:absolute;
	display:block;
	top:-1px;
	left:-1px;
}
#event li{
	float:left;
	width:25%;
	padding:0 10px 15px;
}
#event li > a{
	display:block;
	background:#FBFBF7;
	border:1px solid #D5D5D5;
	padding:9px;
	line-height:24px;
	height:275px;
	position:relative;
}
#event li > a:hover{
	background:#004097;
	border:1px solid #004097;
	color:#FFF;
}
#event li a span,
#event li a strong{
	display:block;
	line-height:20px;
}
#event li a span{
	font-size:10px;
	margin-top:5px;
	letter-spacing:1px;
}
#event li a strong{
	font-size:16px;
}
#event li a span:last-child{
	font-size:14px;
	margin-top:3px;
	letter-spacing:0;
}
@media screen and (max-width: 1020px) {
	#event ul{margin:0 -5px;}
	#event li{padding:0 5px;}
}
@media screen and (max-width: 739px) {
	#event{padding-top:20px;}
	#event ul{margin:0;}
	#event li.new a:before{width:30px;height:30px;}
	#event li{float:none;width:auto;padding:0;margin-bottom:-1px;}
	#event li a{line-height:20px;min-height:80px;height:auto;}
	#event li a img{float:left;width:90px;}
	#event li a span{font-size:10px;position:absolute;right:9px;bottom:5px;}
	#event li a strong{font-size:16px;margin-left:100px;}
	#event li a span:last-child{font-size:12px;line-height:20px;margin-top:5px;left:110px;}
}

/*お知らせ
-----------------------------------------------------------------------------------------*/
#topics{
	padding-top:40px;
	padding-bottom:50px;
}
#topics ul{
	border-top:1px solid #BBB;
	margin-top:15px;
}
#topics li{
	border-bottom:1px dashed #BBB;
}
#topics li > a{
	display:block;
	position:relative;
	padding:10px 0 10px 110px;
	text-decoration:none;
	color:#000;
	min-height:80px;
}
#topics li a:hover{
	background:#F1F1F1;
}
#topics li figure{
	width:90px;
	position:absolute;
	left:0;
	top:10px;
}
#topics li .data{
	float:right;
	padding:15px 0;
	margin-left:20px;
}
#topics li time{
	font-size:14px;
	color:#666;
}
#topics li .cat{
	display:inline-block;
	padding:0 10px;
	background:#666;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin-left:10px;
	letter-spacing:1px;
}
#topics li.info .cat{background:#f5921e;}
#topics li.report .cat{background:#8bc43f;}
#topics li .title{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	height:60px;
}
@media screen and (max-width: 739px) {
	#topics{padding:20px 0 0 0;}
	#topics li a{padding:0 0 0 110px;}
	#topics li figure{margin:0;left:10px;}
	#topics li .data{position:absolute;padding:0 10px 0 110px;margin:0;left:0;bottom:10px;float:none;width:100%;line-height:16px;}
	#topics li time{font-size:12px;color:#666;}
	#topics li .cat{font-size:11px;margin:0;letter-spacing:0px;float:right;border-radius:8px;}
	#topics li .title{display:block;font-size:16px;height:auto;padding:10px 0 35px 0;}
}

/*コース設定
-----------------------------------------------------------------------------------------*/
#course{
	padding:50px 0;
	background:#FFF7CA;
}
#course h2{
	color:#004097;
	font-size:36px;
	line-height:50px;
}
#course h3{
	font-size:18px;
	margin:10px 0;
}
#course ul{
	margin:0 -10px;
}
#course li{
	float:left;
	width:25%;
	padding:10px;
}
#course li a{
	display:block;
	background:#004097;
	line-height:24px;
	color:#FFF;
}
#course li.chu_shingaku a{background-color:#29A9E0;}
#course li.chu_juken a{background-color:#3AB34A;}
#course li.lepton a{background-color:#F5921E;}
#course li.kobetsu a{background-color:#F05A23;}
#course li.kou_juken a{background-color:#0071BA;}
#course li.skills a{background-color:#F5921E;}
#course li.robotplogram a{background-color:#5551A5;}
#course li.robotplogram a strong{letter-spacing:-1px;}
#course li.chu_toshin a{background-color:#019180;}
#course li.toshin a{background-color:#019180;}
#course li.ai_koukoubu a{background-color:#009c70;}
#course li.qureo a{background-color:#1A48A3;}
#course li a:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
#course li img{
	 margin-bottom:5px;
}
#course li a span,
#course li a strong{
	font-size:14px;
	display:block;
	text-align:center;
	margin:4px 12px;
}
#course li a strong{
	font-size:18px;
	margin:4px 0;
}
#course li a strong + span{
	text-align:left;
	padding-bottom:10px;
	text-align:justify;
	text-justify:distribute;
}
@media screen and (max-width: 1020px) {
	#course ul{margin:0 -5px;}
	#course li{padding:5px 5px;}
}
@media screen and (max-width: 739px) {
	#course{padding:20px 0 0 0;}
	#course h2{font-size:18px;line-height:24px;font-weight:bold;}
	#course h3{font-size:12px;line-height:20px;margin:5px 10px 10px 10px;}
	#course ul{margin:0;}
	#course li{float:none;width:auto;padding:0;margin-bottom:-1px;}
	#course li a{border:1px solid #D5D5D5;padding-right:16px;background:url(images/ya_w.png) right no-repeat;background-size:12px;}
	#course li img{ margin:0; width:100px;height:62px; float:left;}
	#course li a span,
	#course li a strong{text-align:left;margin:0;background:#FFF;padding:0;}
	#course li a strong{font-size:16px;padding-left:110px;padding-top:5px; height:62px;color:#000;}
	#course li.chu_shingaku a strong{color:#29A9E0;}
	#course li.chu_juken a strong{color:#3AB34A;}
	#course li.lepton a strong{color:#F5921E;}
	#course li.kobetsu a strong{color:#F05A23;}
	#course li.kou_juken a strong{color:#0071BA;}
	#course li.skills a strong{color:#F5921E;}
	#course li.robotplogram a strong{color:#5551A5;}
	#course li.chu_toshin a strong{color:#019180;}
	#course li.toshin a strong{color:#019180;}
	#course li.ai_koukoubu a strong{color:#009c70;}
	#course li.qureo a strong{color:#1A48A3;}
	#course li a strong + span{display:none;}
}
/*-------------------------3つにする場合使用*/
@media screen and (min-width: 740px) {
	#course li img{min-width:100%;}
	#course li{width:33.3%;}
	#course li a strong{font-size:24px;line-height:1.5;}
	#course li a strong + span{font-size:16px;padding:0 10px 10px 10px}
}


/*合格実績
-----------------------------------------------------------------------------------------*/
#goukaku{
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
#goukaku h2{
	color:#BF272D;
	font-size:46px;
	line-height:50px;
}
#goukaku h3{
	font-size:18px;
	margin:15px 0;
}
#goukaku .btn{
	margin-bottom:30px;
}
#goukaku ul{
	margin:0 -10px;
}
#goukaku li{
	float:left;
	width:50%;
	padding:0 10px;
}
#goukaku li span{
	display:block;
	font-size:10px;
	line-height:15px;
	text-align:left;
	max-width:500px;
	margin:0 auto;
	padding:3px;
}
#goukaku a:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
@media screen and (max-width: 739px) {
	#goukaku{padding:20px 0 0 0;}
	#goukaku h2{font-size:30px;line-height:40px;}
	#goukaku h3{font-size:12px;line-height:20px;margin:5px 0 10px 0;}
	#goukaku .btn{width:240px;margin:0 auto;}
	#goukaku ul{margin:15px 0 0 0;}
	#goukaku li{float:none;width:auto;padding:1px 0 10px 0;}
}
/*動画
-----------------------------------------------------------------------------------------*/
#movie{
	padding:20px 0;
	background:url(images/sya.png);
}
#movie h2{
	font-size:26px;
	line-height:40px;
	color:#FFF;
	padding:0 10px;
}
#movie .btn{
	width:1040px;
	margin:-40px auto 15px auto;
	padding:0 10px;
}
@media screen and (max-width: 1055px) {
#movie .btn{width:auto;}
}
#movie .btn a{
	float:right;
	font-size:16px;
	line-height:40px;
	padding:0 30px 0 20px;
	background:#FFCC00 url(images/ya_btn.png) right no-repeat;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#movie .btn a:hover{
	background-color:#FF9933;
}
@media screen and (max-width: 739px) {
	#movie h2{font-size:20px;line-height:30px;font-weight:bold;text-align:left;}
	#movie .btn{margin-top:-30px;}
	#movie .btn a{font-size:14px;line-height:30px;padding0 20px 0 15px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
}
/*-------------------------スライド*/
.movies{
	width:1050px;
	margin:0 auto;
}
@media screen and (max-width: 1055px) {
.movies{width:auto;}
}
.movies li{
	padding:0 10px;
	text-align:left;
	float:left;
	width:33.3%;
}
.movies span{
	display:block;
}
.movies a{
	color:#FFF;
}
.movies a:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
@media screen and (max-width: 480px) {
	#movie{padding:20px 5px 10px 5px;}
	.movies li{padding:10px;width:auto;float:none;text-align:center;}
}


/*教室
-----------------------------------------------------------------------------------------*/
#contents .room h2{
	font-size:36px;
	line-height:50px;
}
#contents .room h3{
	margin:10px 0 20px 0;
}
#contents .room ul{
	margin:0 -10px;
}
#contents .room li{
	float:left;
	width:50%;
	padding:0 10px;
	margin-bottom:-1px;
}
#contents .room li a{
	display:block;
	background:#FBFBF7 url(images/ya_room.png) left no-repeat;
	border:1px solid #D5D5D5;
	padding:5px 0 5px 35px;
}
#contents .room li a:hover{
	background-color:#004097;
	border:1px solid #004097;
	color:#FFF;
}
#contents .room li a strong{
	float:left;
	line-height:40px;
}
#contents .room li a span{
	display:block;
	margin-left:240px;
	font-size:12px;
	line-height:20px;
}
/*-------------------------山本塾 教室*/
#yamamotojuku{
	border-top:10px solid #004097;
	padding-top:50px;
	padding-bottom:50px;
}
#yamamotojuku h2{
	color:#004097;
}
/*-------------------------山本塾高校部 ティエラコム東進*/
#tierra{
	border-top:10px solid #01A79B;
	padding-top:50px;
	padding-bottom:50px;
}
#tierra h2{
	color:#01A79B;
}
@media screen and (max-width: 739px) {
	#contents .room h2{font-size:20px;line-height:30px;font-weight:bold;}
	#contents .room h3{font-size:12px;line-height:20px;margin:3px 10px 10px 10px;}
	#contents .room ul{margin:0 0 10px 0;}
	#contents .room li{padding:0;margin-bottom:-1px;}
	#contents .room li a{display:block;padding:0 0 0 13px;background:#FBFBF7 url(images/ya_more.png) left no-repeat;background-size:10px;overflow:hidden;height:40px}
	#contents .room li:nth-child(even) a{border-left:none;}
	#contents .room li a strong{float:none;line-height:40px;font-size:13px;}
	#contents .room li a span{display:none;}
	#contents .room .more{width:240px;margin:0 auto;}
	#contents .room .more a{display:block;text-align:center;padding:0;float:none;}
	#yamamotojuku,
	#tierra{border-width:5px;padding-top:20px;padding-bottom:20px;}
}

/*生徒・保護者の声
-----------------------------------------------------------------------------------------*/
#voice{
	background:url(images/voice.png) no-repeat center center;
	background-size:100%;
	padding:50px 0 30px 0;
}
#voice ul{
	margin:0 -10px;
}
#voice li{
	float:left;
	width:33.3%;
	padding:0 10px;
	text-align:center;
}
#voice li a{
	display:block;
	background:url(images/bg_w.png);
	padding:20px;
}
#voice li a:hover{
	background:#FFF;
}
#voice li a strong,
#voice li a p,
#voice li a span{
	display:block;
	text-align:left;
}
#voice li a strong{
	font-size:20px;
	font-weight:bold;
	color:#F05A23;
}
#voice li a > span{
	font-weight:bold;
	line-height:24px;
	margin:3px 0;
}
#voice li a p{
	line-height:28px;
}
#voice li a img{
	border-radius: 180px;
}
#voice li a p span{
	font-weight:normal;
	color:#0000FF;
}
#voice .btn a{
	display:block;
	width:240px;
	line-height:50px;
	margin:0 auto;
	padding:0;
	margin-top:10px;
	background:#FCEE21;
	color:#000000;
	font-weight:bold;
	letter-spacing:1px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
#voice .btn a:hover{
		background:#B7A60F;
}
@media screen and (max-width: 739px) {
#voice{padding:10px;background:#CCEEEB;}
#voice ul{margin:0;}
#voice li{float:none;width:auto;padding:5px;background:#FFF;margin:5px 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#voice li a{position:relative;padding:10px 90px 10px 10px;border-bottom:1px dashed #CCC;}
#voice li a strong{font-size:14px;line-height:20px;}
#voice li a span{font-size:12px;line-height:18px;margin:2px 0}
#voice li a p{font-size:10px;line-height:15px;}
#voice li a img{position:absolute;right:10px;top:10px;width:75px;height:75px;}
#voice .btn a{line-height:40px;border:none;margin:10px auto 5px auto;}
}

/*-------------------------
#voice li a p span{position:absolute;right:10px;bottom:10px;padding:0 10px;background:#999;color:#FFF;}
*/


/*講師紹介
-----------------------------------------------------------------------------------------*/
#teacher{
	border-top:2px solid #004097;
	padding-top:50px;
	padding-bottom:50px;
}
#teacher li{
	width:33.3%;
	float:left;
}
#teacher li a{
	display:block;
	position:relative;
}
#teacher li a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
#teacher li a p{
	position:absolute;
	bottom:0;
	width:100%;
	background:url(images/bg_k.png);
	color:#FFF;
	padding:15px 20px;
	margin:0;
	font-size:18px;
	line-height:30px;
}
#teacher li a p strong{
	display:block;
}
@media screen and (max-width: 739px) {
	#teacher{padding-top:30px;}
	#teacher ul{padding-top:10px;padding-bottom:0;border-bottom:1px solid #D5D5D5;}
	#teacher li{width:auto;float:none;border-top:1px solid #D5D5D5;}
	#teacher li a{background:#004097 url(images/ya_w.png) right no-repeat;background-size:14px;}
	#teacher li img{width:60px;height:60px;}
	#teacher li a p{left:60px;right:20px;width:auto;color:#000;background:#FFF;padding:8px 10px;font-size:14px;line-height:22px;}
}

/*よくあるご質問
-----------------------------------------------------------------------------------------*/
#faq{
	padding-top:50px;
	padding-bottom:50px;
}
#faq ul{
	background:url(images/faq_bg.png);
}
#faq li{
	float:left;
	width:50%;
	background:url(images/faq_q.png) left no-repeat;
	font-size:18px;
	line-height:60px;
	padding-left:55px;
}
@media screen and (max-width: 739px) {
	#faq{padding-top:30px;padding-bottom:0;}
	#faq ul{margin:0;background:none;}
	#faq li{float:none;width:100%;font-size:14px;line-height:40px;background-size:30px;padding-left:28px;}
	#faq li:nth-child(odd){background-color:#F0F0F0;}
	#faq li:nth-child(n + 6){display:none;}
}

/*バナー
-----------------------------------------------------------------------------------------*/
#banner{
	background:#3366AC;
	padding:40px 10px;
}
#banner h2{
	color:#FFFFFF;
	font-size:21px;
}
#banner h2 br{
	display:none;
}
#banner h3{
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:10px;
}
#banner ul{
	max-width:980px;
	margin:0 auto;
}
#banner li{
	float:left;
	width:25%;
	padding:10px;
	text-align:center;
}
#banner li a:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
@media screen and (max-width: 739px) {
	#banner{padding:15px 10px;}
	#banner h2{font-size:14px;line-height:24px;font-weight:bold;}
	#banner h3{font-size:12px;line-height:20px;margin:5px 0 10px 0;}
	#banner h2 br{display:inline;}
	#banner li{width:33.3%;padding:5px;text-align:center;}
}
@media screen and (max-width: 640px) {
	#banner h3{font-size:9px;line-height:15px;margin:5px 0 10px 0;}
	#banner li{width:50%;}
}