@charset "UTF-8";

/*common
-----------------------------------------------------------------------------------------*/
article{
	padding-bottom:30px;
}
article h1{
	text-align:center;
	font-size:36px;
	line-height:50px;
	margin-bottom:10px;
}
article a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
section{
	width:1020px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
}
article table{
	margin:10px 0;
	width:100%;
}
article th,
article td{
	border:1px solid #CCC;
	padding:10px 15px;
	text-align:left;
	font-size:14px;
	line-height:25px;
}
article th{
	color:#FFF;
	text-align:center;
	white-space:nowrap;
}
article tr:nth-child(odd){
	background:#F7F8F8;
}
article td p{
	font-size:14px;
	line-height:25px;
}
article .accordionopen{
	cursor:pointer;
}
article .accordion{
	display:none;
}
article .accordion.open{
	display:block;
}
.banner{
	margin:60px 0;
}
.kome{
	font-size:13px;
	line-height:20px;
	margin-top:5px;
	text-align:left;
}
.btn 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_btn.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;
}
.btn 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;
}
.btn a:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:10px;
}
.cs{
	margin-top:15px;
	background:#DBF1FC url(images/slash.png);
	padding:25px;
	border:3px double #C6E3F7;
	text-align:center;
}
.cs:after{
	content:"COMING SOON";
	font-weight:bold;
	display:block;
	font-size:16px;
	line-height:40px;
	letter-spacing:5px;
	color:#FFFFFF;
	background:#53BFEA;
	width:240px;
	margin:0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.cstitle{
	font-size:30px;
	line-height:45px;
	font-weight:bold;
	color:#00447C;
	letter-spacing:1px;
}
.cstitle strong{
	margin-left:30px;
}
.csdate{
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	letter-spacing:2px;
	margin:5px 0 10px 0;
	color:#F05000;
}
@media screen and (max-width: 1075px) {
	section{width:980px;}
}
@media screen and (max-width: 739px) {
	article{padding-bottom:10px;}
	article h1{font-size:18px;line-height:24px;}
	section{width:auto;padding:20px 10px;}
	section >.btn{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;}
	.btn a{font-size:16px;line-height:24px;padding:10px 30px 10px 20px;background-size:20px;width:auto;margin:10px 10px 20px 10px;box-shadow: 0 5px 0 #CF8B00;-webkit-box-shadow: 0 5px 0 #CF8B00;-moz-box-shadow: 0 5px 0 #CF8B00;border-radius: 5px;	-webkit-border-radius: 5px;-moz-border-radius: 5px;}
	.btn a span{font-size:14px;line-height:24px;margin:3px 0;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.btn 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;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/

#mainimg{
	padding-top:0;
	padding-bottom:0;
}
#mainimg h2{
	padding:20px 100px 0px 100px;
	font-size:24px;
	line-height:30px;
}
#mainimg p{
	padding:20px 100px;
	font-size:18px;
	line-height:36px;
}
@media screen and (max-width: 739px) {
	#mainimg h2{padding:20px 10px 0px 10px;font-size:18px;line-height:30px;}
	#mainimg p{padding:20px 10px;font-size:16px;line-height:30px;}
}

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

/*merit
-----------------------------------------------------------------------------------------*/
#merit div{
	margin:50px 0;
}
#merit figure{
	float:right;
	margin-left:50px;
}
#merit h2{
	color:#036EB8;
	font-weight:bold;
	font-size:24px;
	line-height:40px;
}
@media screen and (max-width: 739px) {
	#merit div{margin:20px 0}
	#merit figure{float:none;text-align:center;margin:10px 50px;}
	#merit h2{font-size:18px;line-height:30px;}
}

/*interview
-----------------------------------------------------------------------------------------*/
.interview{
	margin-top:15px;
	background:#DBF1FC url(images/slash.png);
	border:3px double #C6E3F7;
	padding:5px;
}
.interview h2{
	font-size:30px;
	line-height:45px;
	font-weight:bold;
	color:#00447C;
	letter-spacing:1px;
	text-align:center;
	padding:20px 0 10px 0;
}
@media screen and (max-width: 739px) {
	.interview h2{font-size:18px;line-height:25px;letter-spacing:0;padding:10px 0 5px 0;}
}

/*voice
-----------------------------------------------------------------------------------------*/
.voice li{
	background:#FFF;
	padding:25px;
	border:1px solid #E6E6E6;
	position:relative;
}
.voice li p.pass{
	margin:-25px;
	background:#F9F4ED;
	padding:10px;
	margin-bottom:15px;
}
.voice li figure{
	position:relative;
}
.voice li figure img{
	display:block;
	width:160px;
	margin-top:3px;
}
.voice li h3{
	font-size:20px;
	font-weight:bold;
}
.voice li h3 em{
	color:#FF3300;
}
.voice li p.name{
	font-weight:bold;
	margin:10px 0;
}
.voice li h4{
	font-weight:bold;
	color:#036EB8;
	margin:10px 0;
}
.voice li p.accordionopen{
	background:#F9EDCF;
	text-align:center;
	padding:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.voice li p.accordionopen span + span{
	display:none;
}
.voice li p.accordion{
	padding-bottom:50px;
}
.voice li p.accordionopen:hover{
	background:#EFD9A8;
}
.voice li p.accordionopen.open{
	position:absolute;
	bottom:25px;
	left:25px;
	right:25px;
}
.voice li p.accordionopen.open span{
	display:none;
}
.voice li p.accordionopen.open span + span{
	display:inline;
}
.voice li p.accordion span.img{
	display:block;
	text-align:center;
	margin:30px 0;
	font-weight:bold;
}
.voice li p.accordion span.title{
	display:block;
	margin:30px 0 10px 0;
	font-weight:bold;
	font-size:20px;
	border-left:5px solid #E63556;
	padding-left:8px;
}

/*-------------------------item1*/
.voice.item1 li{
	margin:1%;
	padding:30px;
}
.voice.item1 li figure{
	min-height:293px;
}
.voice.item1 li figure img{
	width:auto;
	position:absolute;
	top:0;
	right:0;
}
.voice.item1 li h3,
.voice.item1 li h4,
.voice.item1 li p{
	margin-right:310px;
}
.voice.item1 li h3{
	font-size:45px;
	line-height:65px;
	padding:25px 0;
}
.voice.item1 li h3.syo{
	font-size:40px;
	line-height:60px;
	padding:25px 0;
}
.voice.item1 li p.name{
	font-size:20px;
	line-height:40px;
}
.voice.item1 li p.pass{
	margin:-25px -25px 25px -25px;
	text-align:center;
}
/*-------------------------item2*/
.voice.item2 li{
	width:48%;
	margin:1%;
	float:left;
}
.voice.item2 li figure{
	min-height:80px;
	padding-right:180px;
}
.voice.item2 li figure img{
	position:absolute;
	top:0;
	right:0;
}
/*-------------------------item3*/
.voice.item3 li{
	width:31.3%;
	margin:1%;
	float:left;
}
.voice.item3 li figure img{
	margin:20px auto;
}
.voice.item3 li h3{
	min-height:90px;
}
@media screen and (max-width: 739px) {
	.voice.item1 li,
	.voice.item2 li,
	.voice.item3 li{width:auto;margin:5px 0 0 0;float:none;padding:15px;}
	.voice.item1 li figure,
	.voice.item2 li figure,
	.voice.item3 li figure{min-height:100px;padding-right:90px;}
	.voice.item1 li figure img,
	.voice.item2 li figure img,
	.voice.item3 li figure img{width:80px;position:absolute;top:0;right:0;margin:0;}
	.voice li h3,
	.voice.item1 li h3{font-size:18px;line-height:26px;min-height:0;padding:0;}
	.voice.item1 li h3.syo{font-size:18px;line-height:26px;min-height:0;padding:0;}
	.voice li h4{line-height:24px;}
	.voice li p.name,
	.voice.item1 li p.name{font-size:14px;line-height:24px;margin:5px 0;}
	.voice li p.accordionopen{font-size:14px;}
	.voice li p.accordionopen.open{bottom:15px;left:15px;right:15px;}
	.voice.item1 li figure{padding-right:90px;}
	.voice.item1 li h3,.voice.item1 li p,.voice.item1 li h4{margin-right:0;}
	.voice li p.pass,
	.voice.item1 li p.pass{margin:-15px -15px 15px -15px;}
	.voice li p.accordion span.title{font-size:18px;}
	.voice.item3 li h3{min-height:0;}
}


/*kouza
-----------------------------------------------------------------------------------------*/
#kouza section{
	border-top:1px dashed #CCC;
	padding:40px 0 0 0;
	margin-top:40px;

}
#kouza section > h2{
	font-size:26px;
	line-height:40px;
	margin-bottom:20px;
	padding-left:10px;
	color:#000;
}
#kouza section > h3{
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}
#kouza th{
	font-size:20px;
	font-weight:bold;
	margin:4px 0;
}

#kouza td strong{
	font-size:16px;
}
#kouza td p{
	font-size:16px;
	margin:4px 0;
}
#kouza td em{
	font-size:26px;
	font-weight:bold;
	line-height:40px;
}

@media screen and (max-width: 739px) {
	#kouza section{padding:20px 0 0 0;margin-top:20px;}
	#kouza section > h2{text-align:left;font-size:20px;line-height:30px;margin-bottom:5px;}
	#kouza section > h3{font-size:16px;}
	#kouza th{white-space:normal;width:16%;font-size:16px;}
	#kouza td strong{font-size:14px;display:block;}
	#kouza td em{font-size:20px;margin-left:0;}
}




/*faq
-----------------------------------------------------------------------------------------*/
#faq .accordionopen{
	border-top:1px dashed #CCC;
	background:url(images/open_ya1.png) right no-repeat;
	font-size:18px;
	padding:20px 70px;
	color:#006934;
	letter-spacing:1px;
}
#faq .accordionopen:before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	background:url(images/faq_q.png) left top no-repeat;
	float:left;
	margin:-15px 0 -15px -70px;
}
#faq .accordionopen:hover{
	background-color:#F1F1F1;
}
#faq .accordion{
	background:url(images/faq_a.png) left top no-repeat;
	padding:15px 70px;
	margin:0 0 10px 0;
}
#faq .accordionopen.open{
	background-image:url(images/open_ya2.png);
}
@media screen and (max-width: 739px) {
	#faq .accordionopen,
	#faq .accordionopen.open{background-size:30px;font-size:14px;line-height:24px;padding:5px 30px;letter-spacing:0;}
	#faq .accordionopen:before{width:25px;height:25px;background-size:25px;margin:0 0 0 -30px;}
	#faq .accordion{background-size:25px;background-position:0 5px;padding:0 0 10px 30px;margin:0;font-size:14px;line-height:24px;}
}

/*kaijo
-----------------------------------------------------------------------------------------*/
#kaijo th{
	font-size:18px;
}
#kaijo tr td{
	position:relative;
	height:70px;
	padding-right:160px;
}
#kaijo tr td a{
	position:absolute;
	top:15px;
	right:15px;
	display:block;
	width:140px;
	line-height:40px;
	background:#FFCC66;
	color:#000;
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#kaijo tr td a:hover{
	background:#FF9933;
}
@media screen and (max-width: 739px) {
	#kaijo tr{display: block;}
	#kaijo table{border: 1px solid #CCC;}
	#kaijo th,#kaijo td{display: list-item;border:none;}
	#kaijo th{font-size:16px;}
	#kaijo tr td{padding:10px;height:auto;}
	#kaijo tr td a{position:static;margin:10px auto;}
}
/*
midnightblue
blown
dark_pink
limegreen
sky_blue
dark_orange
pink
fuji_purple
cadetblue
gray_purple
dark_red
noukai_green
-----------------------------------------------------------------------------------------*/
/*-------------------------midnightblue*/
h2.midnightblue{
	border-left:7px solid #191970;
}
.midnightblue{
	color:#191970;
}
th.midnightblue{
	background:#191970;
	color:#FFF;
}
/*-------------------------blown*/
h2.blown{
	border-left:7px solid #7C3F00;
}
.blown{
	color:#7C3F00;
}
th.blown{
	background:#7C3F00;
	color:#FFF;
}
/*-------------------------dark_pink*/
h2.dark_pink{
	border-left:7px solid #F27185;
}
.dark_pink{
	color:#F27185;
}
th.dark_pink{
	background:#F27185;
	color:#FFF;
}
/*-------------------------limegreen*/
h2.limegreen{
	border-left:7px solid #72BF44;
}
.limegreen{
	color:#72BF44;
}
th.limegreen{
	background:#72BF44;
	color:#FFF;
}
/*-------------------------sky_blue*/
h2.sky_blue{
	border-left:7px solid #009EDA;
}
.sky_blue{
	color:#009EDA;
}
th.sky_blue{
	background:#009EDA;
	color:#FFF;
}
/*-------------------------dark_orange*/
h2.dark_orange{
	border-left:7px solid #F7931E;
}
.dark_orange{
	color:#F7931E;
}
th.dark_orange{
	background:#F7931E;
	color:#FFF;
}
/*-------------------------pink*/
h2.pink{
	border-left:7px solid #F490AC;
}
.pink{
	color:#F490AC;
}
th.pink{
	background:#F490AC;
	color:#FFF;
}
/*-------------------------fuji_purple*/
h2.fuji_purple{
	border-left:7px solid #7670B3;
}
.fuji_purple{
	color:#7670B3;
}
th.fuji_purple{
	background:#7670B3;
	color:#FFF;
}
/*-------------------------cadetblue*/
h2.cadetblue{
	border-left:7px solid #429490;
}
.cadetblue{
	color:#429490;
}
th.cadetblue{
	background:#429490;
	color:#FFF;
}
/*-------------------------gray_purple*/
h2.gray_purple{
	border-left:7px solid #B57999;
}
.gray_purple{
	color:#B57999;
}
th.gray_purple{
	background:#B57999;
	color:#FFF;
}
/*-------------------------dark_red*/
h2.dark_red{
	border-left:7px solid #c1272d;
}
.dark_red{
	color:#c1272d;
}
th.dark_red{
	background:#c1272d;
	color:#FFF;
}
/*-------------------------noukai_green*/
h2.noukai_green{
	border-left:7px solid #00A579;
}
.noukai_green{
	color:#00A579;
}
th.noukai_green{
	background:#00A579;
	color:#FFF;
}

/*nagare
-----------------------------------------------------------------------------------------*/
#nagare{
	padding:70px 0;
	margin:0 auto;
	font-size:0;
	z-index:-1;
	background:#E6EDED url(images/sya100.png);
}

#nagare h3{
	background:#0071BC;
	border-radius:10px;
	margin-bottom:10px;
}
#nagare dl{
	border-radius:10px;
	background:#FFF;
	border:5px solid #0071BC;
	padding:20px 45px;
	margin-bottom:40px;
	position:relative;
}
#nagare dl::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-45px;
	display:block;
	width:100%;
	height:40px;
	background:url(images/next.png) top center repeat-y;
}
#nagare dt{
	font-size:30px;
	line-height:1.5;
	color:#0071BC;
	font-weight:bold;
	text-align: center;
	margin-bottom:5px;
}
#nagare dd{
	line-height:1.5;
	text-align: center;
}
#nagare dd img{
	display:block;
	margin:12px 0;
}
#nagare dd .btn a{
	margin:10px auto;
}
/*-------------------------nagare1*/
#nagare .nagare1{
	width:800px;
	display:inline-block;
	vertical-align:top;
}

/*-------------------------nagare3*/
#nagare .nagare1 dl:last-child::after{
	display:none;
}
@media screen and (max-width: 739px) {
	#nagare{padding:40px 20px;}
	#nagare h3{margin-bottom:5px;}
	#nagare dl{border:3px solid #0071BC;padding:10px 12px;margin-bottom:20px;}
	#nagare dl::after{bottom:-23px;height:20px;background-size:30px 20px;}
	#nagare dt{font-size:20px;margin:5px -5px;}
	#nagare dd{font-size:14px;text-align:justify;text-justify:distribute;}
	#nagare dd img{display:block;margin:12px auto;}
	#nagare dd .btn a{line-height:1.3;padding:10px 10px 10px 0px;font-size:16px;letter-spacing:0;text-align:center;}
	#nagare dd .btn a span{display:block;font-size:12px;font-weight:inherit;}
	#nagare dd .btn{padding:0;}
	#nagare .nagare1{width:90%;}
	#nagare .nagare2 dl::after{height:40px;bottom:-43px;}
}



/*教室紹介
-----------------------------------------------------------------------------------------*/
#room table{
	background:#F5F5F5;
}
#room tr{
	border:1px solid #CCCCCC;
}
#room tr:nth-child(odd){
	background:#E6E6E6;
}
#room th{
	background:none;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#0071BC;
	width:240px;
	border:none;
}
#room td{
	font-size:14px;
	padding:10px;
	border:none;
}
#room td em{
	font-size:18px;
}
#room td span{
	white-space:nowrap;
	margin-right:14px;
}
#room th + td{
	width:240px;
}
#room tr td:last-child{
	width:160px;
}
#room td a{
	display:block;
	width:140px;
	line-height:50px;
	text-align:center;
	background:#0071BC;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
#room td a:hover{
	background:#004097;
}
@media screen and (max-width: 739px) {
	#room th{font-size:16px;width:auto;display:list-item;padding:10px 10px 5px 10px;}
	#room td{font-size:12px;display:list-item;padding:0 10px;}
	#room td br{display:none;}
	#room th + td{width:auto;}
	#room tr td:last-child{width:auto;}
	#room td a{width:auto;line-height:30px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;margin:5px 0 10px 0;}
}
/*mainimg2
-----------------------------------------------------------------------------------------*/

#mainimg2{
	padding-top:0;
	padding-bottom:0;
}
#mainimg2 h2{
	padding:20px 100px 0px 100px;
	font-size:24px;
	line-height:30px;
}
#mainimg2 p{
	padding:20px 100px;
	font-size:18px;
	line-height:36px;
}
@media screen and (max-width: 739px) {
	#mainimg2 h2{padding:20px 10px 0px 10px;font-size:18px;line-height:30px;}
	#mainimg2 p{padding:20px 10px;font-size:16px;line-height:30px;}
}