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

@import url("reset.css");

p {font-size:15px; line-height:1.8; text-align: justify; color:#000;}

a {text-decoration:none; color:#1111cc;}
a:hover {text-decoration:underline; color:#2020A6;}
a:hover img {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background:#ffffff;}
h1 a:hover img {-moz-opacity:1; opacity:1; filter: alpha(opacity=100); background:none;}

@media screen and (min-width:741px){
.sp_only {display:none;}
.pc_br {display:block;}

.left {float:left;}
.right {float:right;}
}
@media screen and (max-width:740px){
.pc_only {display:none;}
.sp_br {display:block;}
}


/*--------------------------------------------------------------------------------------------
　　Topページ
--------------------------------------------------------------------------------------------*/
#wrap {background:#2E3873;}
#main_img {background:#F5F6F0; height:620px;}
#main_img .inner {width:100%; background:url(../images/main_img.jpg) no-repeat right top; height:580px; padding-top:40px;}
#main_img h1 {width:960px; margin:0 auto 120px auto;}
#main_img #copy {width:960px; margin:0 auto;}

#contents {position:relative; width:1150px; margin:0 auto; padding-top:320px;}
#contents #btn_area {position:absolute; top:-60px; width:1160px;}
#contents #btn_area .inner {background:#FFF; padding:15px 0 0 0;}
#contents #btn_area .inner li {border-bottom:3px solid #2E3873; width:174px; float:left; margin-left:15px; margin-bottom:15px;}
#contents #btn_area .inner li:hover {-moz-opacity:0.6; opacity:0.6; filter: alpha(opacity=60);}
#contents #btn_area .inner li a {display:block; width:168px; border:3px solid #E6E6E6; border-bottom:none; height:114px; }
#contents #btn_area .inner li a:hover {text-decoration:none;}
#contents #btn_area .inner li a .division {text-align:center; color:#000; font-weight:bold; font-size:18px; line-height:1.4;}
#contents #btn_area .inner li a .note {text-align:center; color:#7F85A8; font-size:10px; margin-bottom:5px; font-weight:bold;}
#contents #btn_area .inner li a .gakunen {text-align:center; color:#666; font-size:13px; margin-top:10px;}

#contents #btn_area .inner li#btn1 .note,
#contents #btn_area .inner li#btn2 .note,
#contents #btn_area .inner li#btn6 .note,
#contents #btn_area .inner li#btn7 .note,
#contents #btn_area .inner li#btn8 .note {margin-top:18px;}
#contents #btn_area .inner li#btn3 a .division,
#contents #btn_area .inner li#btn4 a .division,
#contents #btn_area .inner li#btn5 a .division {padding-top:30px;}
#contents #btn_area .inner li#btn8 a .division,
#contents #btn_area .inner li#btn9 a .division,
#contents #btn_area .inner li#btn10 a .division {padding-top:18px;}
#logo_img{
	pointer-events: none;
}
#logo_img img{
	display: block;
	margin: 0 auto;

}
#contents #news {padding-bottom:60px;}
#contents #news h2 {color:#FFF; text-align:center; font-weight:bold; font-size:24px; letter-spacing:0.1em; border-bottom:3px solid #FFF; padding-bottom:30px;}
#contents #news h2 .small {font-weight:normal; font-size:12px;}
#contents #news li {padding:20px 0; border-bottom:1px solid #FFF;}
#contents #news .date {float:left; width:140px; color:#FFF; font-size:14px;}
#contents #news .division {float:left; width:130px; background:#8DC449; text-align:center; padding:2px 0; color:#FFF; font-size:12px;}
#contents #news .text {color:#FFF; font-size:14px; float:right; width:660px; line-height:1.6;}
#contents #news .text a {color:#FFF; text-decoration:underline;}
#contents #news .text a:hover {text-decoration:none;}

#stepup {padding:70px 0; text-align:center;}
#stepup .text_area {width:580px; margin:0 auto 40px auto;}
#stepup .text_area h3 {text-align:center; color:#2E3873; font-weight:bold; font-size:24px;}
#stepup .text_area .copy {text-align:center; color:#2E3873; font-size:18px; margin:10px 0 20px 0;}

#footer {background:#F2F2F2; padding:30px 0 20px 0;}
#footer ul {width:960px; margin:0 auto 30px auto;}
#footer ul li {float:left; width:230px; margin-right:10px;}
#footer ul li:hover {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80);}
#footer ul li a {display:block; text-align:center; color:#FFF; padding:12px 0; background:#7E3F83; border-radius:4px; font-size:18px;}
#footer ul li a:hover {text-decoration:none;}
#footer #copyright {text-align:center; font-size:11px; color:#2E3873; border-top:1px solid #2E3873; width:960px; margin:0 auto; padding-top:20px;}

@media screen and (max-width:1180px){
#stepup img {width:96%; margin:0 2%;}
}
@media screen and (max-width:980px){
#main_img .inner {width:920px; margin:0 auto; background:url(../images/main_img.jpg) no-repeat right top; height:620px;}
}
@media screen and (max-width:768px){
#main_img .inner {width:100%; background:url(../images/main_img.jpg) no-repeat 26% top;}
#main_img h1 {width:96%;}
#main_img #copy {width:96%;}
#contents {width:96%; padding-top:560px;}
#contents #btn_area {width:100%;}
#contents #btn_area .inner {background:#FFF; padding:2% 0 0 0;}
#contents #btn_area .inner li {width:30.6%; margin-left:2%; margin-bottom:2%;}
#contents #btn_area .inner li a {width:97.4%;}
#contents #news .text {clear:both; float:none; width:100%; padding-top:14px;}

#footer {padding:6% 2% 4% 2%;}
#footer ul {width:98%; margin:0 0 4% 0;}
#footer ul li {width:48%; margin:0 0 2% 2%;}
#footer #copyright {width:96%; padding-top:4%;}
}
@media screen and (max-width:740px){
#main_img {background:#2E3873; height:auto;}
#main_img .inner {width:100%; background:url(../images/main_img.jpg) no-repeat 34% top; background-size:150%; height:auto; padding:4% 0 20% 0;}
#main_img h1 {width:36%; margin:0 0 18% 4%;}
#main_img h1 img {width:100%;}
#main_img #copy {width:70%; margin:0 0 16% 4%;}
#main_img #copy img {width:100%;}
#contents {position:static; width:96%; margin:0 auto; padding-top:0;}
#contents #btn_area {position:static; width:100%;}
#contents #btn_area .inner {background:none; padding:4% 0 0 0;}
#contents #btn_area .inner li {border-bottom:0; width:96%; float:left; margin-left:2%; margin-bottom:2%;}
#contents #btn_area .inner li a {width:97.4%; height:100px; border:3px solid #E6E6E6; background:#FFF;}
#contents #btn_area .inner li#btn3 a .division,
#contents #btn_area .inner li#btn4 a .division,
#contents #btn_area .inner li#btn5 a .division,
#contents #btn_area .inner li#btn10 a .division {padding-top:24px;}
#contents #btn_area .inner li#btn8 a .division,
#contents #btn_area .inner li#btn9 a .division {padding-top:12px;}
#contents #news {padding:20% 2% 16% 2%;}
#contents #news .date {width:44%;}
#contents #news .division {width:48%; float:right;}
#stepup {padding:16% 0;}
#stepup .text_area {width:90%; margin:0 auto 8% auto;}
#stepup .text_area h3 {text-align:left; font-size:24px; line-height:1.6;}
#stepup .text_area .copy {text-align:left; margin:4% 0 4% 0; line-height:1.6;}
#footer ul {width:96%; margin:2% 0 8% 2%;}
#footer ul li {float:none; width:100%; margin:0 0 3% 0;}
#footer #copyright {font-size:10px;}
}


/*--------------------------------------------------------------------------------------------
　　提携塾一覧ページ
--------------------------------------------------------------------------------------------*/
#school_page {width:960px; margin:40px auto 80px auto;}
#school_page #page_title {background:url(../images/school_01.jpg) no-repeat left bottom; width:440px; height:270px; margin:30px 0 40px 0; padding-left:520px;}
#school_page #page_title h2 {text-align:center; color:#FFF; font-size:36px; font-weight:bold; padding:80px 0 20px 0;}
#school_page #page_title p {text-align:center; color:#FFF; font-size:16px;}
#school_page img.school_map {margin-bottom:60px;}
#school_page a.school {display:block; border:4px solid #2E3873; padding:20px; border-radius:8px; margin-bottom:20px;}
#school_page a.school:hover {text-decoration:none; border:4px solid #878EBC;}
#school_page a.school .name {font-weight:bold; color:#000; font-size:20px; background:url(../images/school_03.gif) no-repeat left center; padding:0 10px 0 18px; float:left;}
#school_page a.school .area {color:#000; font-size:12px; float:left;}
/*#school_page a.school .area li {width:5em; text-align:center; float:left; background:#EFEFEF; margin-left:6px; padding:5px 0; font-weight:bold; color:#666;}*/
#school_page a.school .area li {text-align:center; float:left; background:#EFEFEF; margin-left:6px; padding:5px 10px; font-weight:bold; color:#666;}
#school_page a.school p {border-top:1px solid #2E3873; padding-top:10px; margin-top:20px;}

@media screen and (max-width:768px){
#school_page {width:96%; margin:4% 2% 0 2%;}
#school_page #page_title {width:94%; margin:4% 0 4% 0; padding:0 6% 0 0;}
#school_page #page_title h2 {text-align:right; padding:40px 0 15px 0;}
#school_page #page_title p {text-align:right; font-size:14px;}
#school_page img.school_map {margin-bottom:10%; width:100%;}
}
@media screen and (max-width:740px){
#school_page h1 {width:38%; margin:0 0 2% 2%;}
#school_page h1 img {width:100%;}
#school_page #page_title {width:94%; padding:0 6% 0 0; background:url(../images/school_01.jpg) left bottom no-repeat; background-size:160%; height:260px;}
#school_page #page_title h2 {font-size:24px; padding:8% 0 3% 0;}
#school_page #page_title p {font-size:14px;}
#school_page a.school1 .name,
#school_page a.school1 .area {float:none;}
#school_page a.school1 .area {padding-top:12px;}
#school_page a.school1 .area li {margin:6px 6px 0 0;}
}


/*---------------
　  clearfix
---------------*/
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */