@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;}
}



/*--------------------------------------------------------------------------------------------
　　newsページ
--------------------------------------------------------------------------------------------*/
#news_page {width:100%; margin:30px auto 80px auto; box-sizing:border-box;}
#news_page h1 {max-width:960px; margin:0 auto; box-sizing:border-box;}
#news_page h3 {font-size:24px; font-weight:bold; color:#2E3873; border-bottom:#2E3873 3px solid; margin-bottom:20px; padding-bottom:15px;}
#news_page h4 {font-size:18px; font-weight:bold; color:#a34d70; margin-top:40px;}
#news_page a {color:#5c9ee7; text-decoration:underline;}
#news_page img {vertical-align:middle;}
#news_page .annot {color:#ff0000}
#news_page #page_title {background:#2E3873; no-repeat left bottom; margin:30px 0; padding:30px 20px;}
#news_page #page_title .fream {width:200px; margin: 0 auto 0.5em auto; font-weight:bold; background:#FFF; color:#2E3873;}
#news_page #page_title h2 {text-align:center; color:#FFF; font-size:36px; font-weight:bold; line-height: 1.2;}
#news_page #page_title h2 span {font-weight:normal; font-size:24px; vertical-align:top; line-height:1.7;}
#news_page #page_title p {text-align:center; color:#FFF; font-size:16px; margin-top:10px;}

.news_area {width:960px; margin:60px auto; box-sizing:border-box;}
.news_area p {margin-top:20px; font-size:16px;}
.news_area.mypage p {margin-top:10px;}
/*.news_area ol {counter-reset:number; list-style-type:none!important; padding:2em 2em 0.5em 2em; background:#e4f2ff;}*/
.news_area ol li {position:relative; margin-bottom:20px; /*margin-bottom:10px; padding-left:30px;*/ line-height:1.7; /*padding:0 0 0.5em 30px;*/}
.news_area ol li .sub {color:#2E3873; font-weight:bold;}
.news_area ol li p {font-size:14px; margin:0; text-indent:-1em; margin-left:1em;}
/*.news_area ol li:before{position:absolute; counter-increment:number; content:counter(number); display:inline-block; background:#5c9ee7; color:#FFF; font-weight:bold; font-size:15px; border-radius:50%; left:0; width:25px; height:25px; line-height:25px; text-align:center; top:0%; -webkit-transform:translateY(-0%); transform:translateY(-0%);}*/
.news_area.request {background: #EFEFEF; padding: 8px 30px;}
.news_area.request ul li {font-size:16px; line-height:1.2; text-indent: -1em; padding-left: 1em; margin: 18px auto;}
.news_area.request p b {font-weight: bold; color: #F00;}

@media screen and (max-width:960px){
.news_area.request {margin: 3%; width: 94%;}
}
@media screen and (max-width:768px){
#news_page {width:100%; margin:1em auto;}
#news_page h1 {max-width:100%; padding:0 0.5em;}
#news_page h3 {font-size:22px; margin-bottom:1em; padding-bottom:0.5em;}
#news_page h4 {font-size:15px; font-weight:bold; color:000; margin-top:1.5em;}
#news_page #page_title {margin:1em 0; padding:1em 0.5em;}
#news_page #page_title .fream {width:150px;}
#news_page #page_title h2 {font-size:28px;}
#news_page #page_title h2 span {font-size:18px;}
#news_page #page_title p {font-size:14px;}
.news_area {width:100%; margin:2em auto; padding:0 1em;}
/*.news_area ol {padding:1.5em 1.5em 0.5em 1.5em;}*/
.news_area ol li {margin-bottom:10px; font-size:14px; padding:0 0 0.5em 0;/*padding:0 0 0.5em 2em;*/}
.news_area ol li:before{font-size:12px; width:20px; height:20px; line-height:20px;}
.news_area p {font-size: 14px; line-height:1.5;}
.news_area.mypage p {margin-top:0.5em;}
}

@media screen and (max-width:740px){
#news_page h3 {font-size:20px; margin-bottom:0.5em; padding-bottom:0.5em;}
#news_page #page_title {margin:1em 0; padding:1em;}
#news_page #page_title h2 {font-size:18px;}
#news_page #page_title h2 span {font-size:14px;}
#news_page #page_title p {font-size:12px; margin-top:5px;}
.news_area {width:100%; margin:1em auto;/*margin:2em auto;*/ padding:0 1em;}
.news_area ol {padding:0.5em 0; background:none;}
.news_area ol li {font-size:14px;/*font-size:13px;*/ line-height:1.5;}
}


/*---------------
　  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 */