@charset "utf-8";

/*
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * TABLE OF CONTENTS
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 *
 *
 * ----------------------------------------------------------------------------------------------------
 * 00 COMMON
 * ----------------------------------------------------------------------------------------------------
 *		画像のサイズオート
 *		ブレークポイントと端末別表示設定
 *		TOPへ戻るボタン
 *
 * ----------------------------------------------------------------------------------------------------
 * 01 HEADER
 * ----------------------------------------------------------------------------------------------------
 *		Menu
 *
 * ----------------------------------------------------------------------------------------------------
 * 02 NAVIGATION
 * ----------------------------------------------------------------------------------------------------
 * 03 CONTENTS
 * ----------------------------------------------------------------------------------------------------
 * 		共通枠
 * 		1日完結教室の実施情報 一覧
 * 		アーカイブ
 *
 * ----------------------------------------------------------------------------------------------------
 * 04 FOOTER
 * ----------------------------------------------------------------------------------------------------
 * 		Footer広告
 * 		Footerメインコンテンツ
 *
 * ========================================================================
 */

/* ----------------------------------------------------------------------------------
00 COMMON
------------------------------------------------------------------------------------- */
/*画像のサイズオート*/
img{width:100%; height:auto;}
/*ブレークポイントと端末別表示設定*/
/*@media only screen and (max-width:767px) {
.breakpoint-wrap{ width:95%; margin:0 auto;}
.pc-only{ display:none;}
.tablet-only{ display:none;}
.mobile-only{ display:block!important;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.breakpoint-wrap{ width:760px; margin:0 auto;}
.mobile-only{ display:none!important; }
.pc-only{ display:none;}
.tablet-only{ display:block!important;}
#navigation{ display:block!important; }
}*/
/*@media only screen and (min-width:960px) {
.breakpoint-wrap{ width:960px; margin:0 auto;}
.mobile-only{ display:none!important; }
.tablet-only{ display:none!important; }
.pc-only{ display:block!important;}
#navigation{ display:block!important; }
}*/
.breakpoint-wrap{ width:960px; margin:0 auto;}
.mobile-only{ display:none!important; }
.tablet-only{ display:none!important; }
.pc-only{ display:block!important;}
#navigation{ display:block!important; }

/*TOPへ戻るボタン*/
#page-top{ display:block; position:fixed; bottom:20px; left:50%; width:64px; height:64px; margin-left:-32px; cursor:pointer; opacity:0.8; z-index:99999;}


/* ----------------------------------------------------------------------------------
01 HEADER
------------------------------------------------------------------------------------- */
header{ background:#fff url(../img/header-bg.png) repeat-x; }
header .breakpoint-wrap h1 a{ background:url(../img/h1.png) no-repeat center center; text-indent:-1000%; white-space: nowrap; overflow: hidden; display:block; }
header .breakpoint-wrap .taiken a img{ width:100%; height:auto;}
header .breakpoint-wrap .taiken a { transition: .3s; width:100%; height:auto; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
header .breakpoint-wrap .taiken a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
/*@media only screen and (max-width:767px) {
header{ background-size:31px 10px;}
header .breakpoint-wrap h1{width:190px; padding:15px 0 10px 2%;}
header .breakpoint-wrap h1 a{ background:url(../img/smh1.png) no-repeat center center;}
header .breakpoint-wrap h1 a{width:190px; height:62px; background-size: 190px 62px;}
header .breakpoint-wrap{ width:100%; }
header .breakpoint-wrap .mobile-tell,header .breakpoint-wrap .mobile-taiken{width:50%; display: block; float:left; text-align:center;}
header .breakpoint-wrap .mobile-tell{border-style:solid; border-width:0px 3px 10px 10px; border-color:#fff; }
header .breakpoint-wrap .mobile-taiken{border-style:solid; border-width:0px 10px 10px 3px; border-color:#fff; }
header .breakpoint-wrap .mobile-tell a,
header .breakpoint-wrap .mobile-taiken a{font-size:14px; width:100%; padding:15px 0; display: block; text-align:center; text-decoration:none;color:#FFFFFF; border-radius:5px;}
header .breakpoint-wrap .mobile-tell a{background:#f39600;}
header .breakpoint-wrap .mobile-taiken a{background:#ea6062;}
header .breakpoint-wrap .mailto-link{ width:100px; height:40px; position:absolute; top:30px; right:1%; }
}*/
/*@media only screen and (min-width:768px) and (max-width:959px) {
header{ background-size:59px 19px;}
header .breakpoint-wrap { height:125px; position:relative;}
header .breakpoint-wrap h1{ width:203px; height:75px; position:absolute; top:39px; left:0px; }
header .breakpoint-wrap h1 a{width:203px; height:75px; background-size: 203px 75px;}
header .breakpoint-wrap .mailto-link{ width:164px; height:66px; position:absolute; top:40px; right:0px; }
header .breakpoint-wrap .header-mess{position:absolute; top:24px; left:213px; background:url(../img/header-mess.png) no-repeat center center;background-size:377px 92px; width:377px; height:92px;}
header .breakpoint-wrap .header-mess strong{ font-size:13px; color:#00aaa4; display:block; padding:15px 0 0 78px;}
header .breakpoint-wrap .header-mess span{ font-size:9px; color:#e95e60; line-height:1.8; display:block; padding:8px 0 0 78px;}
}*/
/*@media only screen and (min-width:960px) {
header{ background-size:74px 24px;}
header .breakpoint-wrap { height:157px; position:relative;}
header .breakpoint-wrap h1{ width:254px; height:94px; position:absolute; top:49px; left:0px; }
header .breakpoint-wrap h1 a{width:254px; height:94px; background-size: 254px 94px;}
header .breakpoint-wrap .header-mess{position:absolute; top:30px; left:270px; background:url(../img/header-mess.png) no-repeat center center;background-size:472px 116px; width:472px; height:116px;}
header .breakpoint-wrap .header-mess strong{ font-size:18px; color:#00aaa4; display:block; padding:25px 0 0 98px;}
header .breakpoint-wrap .header-mess span{ font-size:11px; color:#e95e60; line-height:1.8; display:block; padding:5px 0 0 98px;}
header .breakpoint-wrap .mailto-link{ width:206px; height:83px; position:absolute; top:50px; right:0px; }
}*/
header{ background-size:74px 24px;}
header .breakpoint-wrap { height:157px; position:relative;}
header .breakpoint-wrap h1{ width:254px; height:94px; position:absolute; top:49px; left:0px; }
header .breakpoint-wrap h1 a{width:254px; height:94px; background-size: 254px 94px;}
header .breakpoint-wrap .header-mess{position:absolute; top:30px; left:270px; background:url(../img/header-mess.png) no-repeat center center;background-size:472px 116px; width:472px; height:116px;}
header .breakpoint-wrap .header-mess strong{ font-size:18px; color:#00aaa4; display:block; padding:25px 0 0 98px;}
header .breakpoint-wrap .header-mess span{ font-size:11px; color:#e95e60; line-height:1.8; display:block; padding:5px 0 0 98px;}
header .breakpoint-wrap .mailto-link{ width:206px; height:83px; position:absolute; top:50px; right:0px; }

/* ----------------------------------------------------------------------------------
02 NAVIGATION
------------------------------------------------------------------------------------- */
/* Menu */
/*@media only screen and (max-width:767px) {
nav h2{width:100%;  background:#fff url(../img/m_btn.png) no-repeat center center; background-size: 30px 25px; display:block; cursor:pointer; clear:both; font-size:14px; padding:15px 0;border-style:solid; border-width:1px 0px 1px 0px; border-color:#005283; text-indent:-1000%; white-space: nowrap; overflow: hidden; display:block;}
#navigation-wrap{ width:100%; background:#fff; border-bottom:2px solid #003753; }
nav #navigation { display:none;}
#navigation ul li a{display:block; font-size:14px; line-height:11px; color:#000; padding:30px 30px 30px 35px; border-top:#727272 1px solid; text-decoration:none; color:#005283; cursor:pointer; }*/
/*テックプログレスとは*/
/*#navigation ul li:nth-child(1) a,
#navigation ul li:nth-child(1) span.listnav{  background:#ebf8ff url(../img/icon01.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li:nth-child(2) a,
#navigation ul li:nth-child(2) span.listnav{  background:#ebf8ff url(../img/icon02.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li:nth-child(3) a,
#navigation ul li:nth-child(3) span.listnav{  background:#ebf8ff url(../img/icon03.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li:nth-child(4) a,
#navigation ul li:nth-child(4) span.listnav{  background:#ebf8ff url(../img/icon04.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li:nth-child(5) a,
#navigation ul li:nth-child(5) span.listnav{ background:#ebf8ff url(../img/icon05.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li:nth-child(6) a,
#navigation ul li:nth-child(6) span.listnav{ background:#ebf8ff url(../img/icon06.png) no-repeat 5px center; background-size: 30px 30px;}
#navigation ul li ul{}
#navigation ul li ul{display:block!important;}
#navigation ul li ul li a{padding:30px 20px 30px 50px;background:#f6fcff url(../img/btn_before.png) no-repeat 35px center!important; background-size: 13px 13px!important;border-top:#C6C6C6 1px dotted;}
#navigation ul li ul li:first-child a{}
}*/
/*@media only screen and (min-width:768px) and (max-width:959px) {*/
/*メニュー ---------------*/
/*#navigation-wrap{ width:100%; background:#fff; border-bottom:2px solid #003753; }
#navigation{width:760px; height:32px; margin:0 auto;}
#navigation ul li,
#navigation ul li a,
#navigation ul li span.listnav{display:block;font-size:11px;line-height:11px;color:#000;height:32px;vertical-align: middle;}
#navigation ul li{ list-style: none; margin:0; padding:0; float: left; position: relative; z-index:100; }
#navigation ul li a,
#navigation ul li span.listnav{ text-decoration: none; text-indent: 1000%; white-space: nowrap; overflow: hidden; cursor:pointer; }
#navigation ul li a:hover{ background:#000; color:#fff;}
#navigation ul li ul { position: absolute; height:0; top: 32px; z-index: 100; }
#navigation ul li ul:before{ content:' '; width:100%; height:2px; background:#003753; display:block;}*/
/*マウスオンオフ-表示非表示*/
/*#navigation ul li ul li { visibility: hidden; overflow: hidden; height: 0; }
#navigation ul li:hover ul li,
#navigation ul li a:hover ul li { visibility: visible; overflow: visible; z-index: 10; }*/
/*ホーム*/
/*#navigation .nav > *:first-child{ width:83px; background:url(../img/btn01.png) no-repeat; background-size: 85px 32px;}
#navigation .nav > *:first-child:hover,
#navigation .nav > *:first-child a:hover{ width:83px; background:url(../img/btn01_on.png) no-repeat; background-size: 85px 32px;}
#navigation .nav > *:first-child a span,
#navigation .nav > *:first-child a span:hover{ width:83px;}*/
/*テックプログレスとは*/
/*#navigation .nav > *:first-child + * { width:160px; background:url(../img/btn02.png) no-repeat; background-size: 163px 32px;}
#navigation .nav > *:first-child + *:hover,
#navigation .nav > *:first-child + * a:hover{ width:160px; background:url(../img/btn02_on.png) no-repeat; background-size: 163px 32px;}
#navigation .nav > *:first-child + * a span,
#navigation .nav > *:first-child + * a span:hover{ width:160px;}*/
/*コース内容*/
/*#navigation .nav > *:first-child + * + * { width:105px; background:url(../img/btn03.png) no-repeat; background-size: 106px 32px;}
#navigation .nav > *:first-child + * + *:hover,
#navigation .nav > *:first-child + * + * a:hover{ width:105px; background:url(../img/btn03_on.png) no-repeat; background-size: 106px 32px;}
#navigation .nav > *:first-child + * + * a span,
#navigation .nav > *:first-child + * + * a span:hover{ width:105px;}*/
/*教室案内*/
/*#navigation .nav > *:first-child + * + * + * { width:100px; background:url(../img/btn04.png) no-repeat; background-size: 101px 32px;}
#navigation .nav > *:first-child + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * a:hover{ width:100px; background:url(../img/btn04_on.png) no-repeat; background-size: 101px 32px; }
#navigation .nav > *:first-child + * + * + * a span,
#navigation .nav > *:first-child + * + * + * a span:hover{ width:100px;}*/
/*1日完結教室情報*/
/*#navigation .nav > *:first-child + * + * + * + * { width:134px; background:url(../img/btn05.png) no-repeat; background-size: 136px 32px;}
#navigation .nav > *:first-child + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * a:hover{ width:134px; background:url(../img/btn05_on.png) no-repeat; background-size: 136px 32px; }
#navigation .nav > *:first-child + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * a span:hover{ width:134px;}*/
/*通学を検討している方へ*/
/*#navigation .nav > *:first-child + * + * + * + * + * { width:178px; background:url(../img/btn06.png) no-repeat; background-size: 178px 32px;}
#navigation .nav > *:first-child + * + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * + * a:hover{ width:178px; background:url(../img/btn06_on.png) no-repeat; background-size: 178px 32px; }
#navigation .nav > *:first-child + * + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * + * a span:hover{ width:178px;}*/
/*プルダウンメニュー*/
/*#navigation ul li ul li,
#navigation ul li ul li a,
#navigation ul li ul li a:hover{ width:176px; color:#005283; text-indent:0; white-space: normal; overflow: visible; background:none!important; height:auto!important; }
#navigation ul li ul li a{ display:block!important; height:auto!important; }*/
/*オンマウス時の色*/
/*#navigation ul li ul li a span {font-size:12px; padding:15px 13px 15px 13px; display:block; background:#fff;  height:auto!important; border-top:#727272 1px dotted; }
#navigation ul li ul > li:first-child a span{border-top:#727272 0px dotted;}
#navigation ul li ul li a span:hover{ padding:15px 13px 15px 13px;  color:#fff;  background:#003753;  height:auto!important; }
#navigation ul li ul li a span.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_before.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span:hover.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_w01.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span.ico-arrow:hover:after { color:#FFF; }
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active {transition: 0s;}
}*/
/*@media only screen and (min-width:960px) {*/
/*メニュー ---------------*/
/*#navigation-wrap{ width:100%; background:#fff; border-bottom:2px solid #003753; }
#navigation{width:960px; height:40px; margin:0 auto;}
#navigation ul li,
#navigation ul li a,
#navigation ul li span.listnav{display:block;font-size:11px;line-height:11px;color:#000;height:40px;vertical-align: middle;}
#navigation ul li{ list-style: none; margin:0; padding:0; float: left; position: relative; z-index:100; }
#navigation ul li a,
#navigation ul li span.listnav{ text-decoration: none; text-indent: 1000%; white-space: nowrap; overflow: hidden; cursor:pointer; }
#navigation ul li a:hover{ background:#000; color:#fff;}
#navigation ul li ul { position: absolute; height:0; top: 40px; z-index: 100; }
#navigation ul li ul:before{ content:' '; width:100%; height:2px; background:#003753; display:block;}*/
/*マウスオンオフ-表示非表示*/
/*#navigation ul li ul li { visibility: hidden; overflow: hidden; height: 0; }
#navigation ul li:hover ul li,
#navigation ul li a:hover ul li { visibility: visible; overflow: visible; z-index: 10; }*/
/*ホーム*/
/*#navigation .nav > *:first-child{ width:106px; background:url(../img/btn01.png) no-repeat; background-size: 106px 40px;}
#navigation .nav > *:first-child:hover,
#navigation .nav > *:first-child a:hover{ width:106px; background:url(../img/btn01_on.png) no-repeat; background-size: 106px 40px;}
#navigation .nav > *:first-child a span,
#navigation .nav > *:first-child a span:hover{ width:106px;}*/
/*テックプログレスとは*/
/*#navigation .nav > *:first-child + * { width:204px; background:url(../img/btn02.png) no-repeat; background-size: 204px 40px;}
#navigation .nav > *:first-child + *:hover,
#navigation .nav > *:first-child + * a:hover{ width:204px; background:url(../img/btn02_on.png) no-repeat; background-size: 204px 40px; }
#navigation .nav > *:first-child + * a span,
#navigation .nav > *:first-child + * a span:hover{ width:204px;}*/
/*コース内容*/
/*#navigation .nav > *:first-child + * + * { width:132px; background:url(../img/btn03.png) no-repeat; background-size: 132px 40px;}
#navigation .nav > *:first-child + * + *:hover,
#navigation .nav > *:first-child + * + * a:hover{ width:132px; background:url(../img/btn03_on.png) no-repeat; background-size: 132px 40px; }
#navigation .nav > *:first-child + * + * a span,
#navigation .nav > *:first-child + * + * a span:hover{ width:132px;}*/
/*教室案内*/
/*#navigation .nav > *:first-child + * + * + * { width:126px; background:url(../img/btn04.png) no-repeat; background-size: 126px 40px;}
#navigation .nav > *:first-child + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * a:hover{ width:126px; background:url(../img/btn04_on.png) no-repeat; background-size: 126px 40px; }
#navigation .nav > *:first-child + * + * + * a span,
#navigation .nav > *:first-child + * + * + * a span:hover{ width:126px;}*/
/*1日完結教室情報*/
/*#navigation .nav > *:first-child + * + * + * + * { width:170px; background:url(../img/btn05.png) no-repeat; background-size: 170px 40px;}
#navigation .nav > *:first-child + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * a:hover{ width:170px; background:url(../img/btn05_on.png) no-repeat; background-size: 170px 40px; }
#navigation .nav > *:first-child + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * a span:hover{ width:170px;}*/
/*通学を検討している方へ*/
/*#navigation .nav > *:first-child + * + * + * + * + * { width:222px; background:url(../img/btn06.png) no-repeat; background-size: 222px 40px;}
#navigation .nav > *:first-child + * + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * + * a:hover{ width:222px; background:url(../img/btn06_on.png) no-repeat; background-size: 222px 40px; }
#navigation .nav > *:first-child + * + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * + * a span:hover{ width:222px;}*/
/*プルダウンメニュー*/
/*#navigation ul li ul li,
#navigation ul li ul li a,
#navigation ul li ul li a:hover{ width:222px; color:#005283; text-indent:0; white-space: normal; overflow: visible; background:none!important; height:auto!important; }
#navigation ul li ul li a{ display:block!important; height:auto!important; }*/
/*オンマウス時の色*/
/*#navigation ul li ul li a span {font-size:14px; padding:15px 13px 15px 13px; display:block; background:#fff;  height:auto!important; border-top:#727272 1px dotted; }
#navigation ul li ul > li:first-child a span{border-top:#727272 0px dotted;}
#navigation ul li ul li a span:hover{ padding:15px 13px 15px 13px;  color:#fff;  background:#003753;  height:auto!important; }
#navigation ul li ul li a span.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_before.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span:hover.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_w01.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span.ico-arrow:hover:after { color:#FFF; }
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active {transition: 0s;}
}
*/
/*メニュー ---------------*/
#navigation-wrap{ width:100%; background:#fff; border-bottom:2px solid #003753; }
#navigation{width:960px; height:40px; margin:0 auto;}
#navigation ul li,
#navigation ul li a,
#navigation ul li span.listnav{display:block;font-size:11px;line-height:11px;color:#000;height:40px;vertical-align: middle;}
#navigation ul li{ list-style: none; margin:0; padding:0; float: left; position: relative; z-index:100; }
#navigation ul li a,
#navigation ul li span.listnav{ text-decoration: none; text-indent: 1000%; white-space: nowrap; overflow: hidden; cursor:pointer; }
#navigation ul li a:hover{ background:#000; color:#fff;}
#navigation ul li ul { position: absolute; height:0; top: 40px; z-index: 100; }
#navigation ul li ul:before{ content:' '; width:100%; height:2px; background:#003753; display:block;}
/*マウスオンオフ-表示非表示*/
#navigation ul li ul li { visibility: hidden; overflow: hidden; height: 0; }
#navigation ul li:hover ul li,
#navigation ul li a:hover ul li { visibility: visible; overflow: visible; z-index: 10; }
/*ホーム*/
#navigation .nav > *:first-child{ width:106px; background:url(../img/btn01.png) no-repeat; background-size: 106px 40px;}
#navigation .nav > *:first-child:hover,
#navigation .nav > *:first-child a:hover{ width:106px; background:url(../img/btn01_on.png) no-repeat; background-size: 106px 40px;}
#navigation .nav > *:first-child a span,
#navigation .nav > *:first-child a span:hover{ width:106px;}
/*テックプログレスとは*/
#navigation .nav > *:first-child + * { width:204px; background:url(../img/btn02.png) no-repeat; background-size: 204px 40px;}
#navigation .nav > *:first-child + *:hover,
#navigation .nav > *:first-child + * a:hover{ width:204px; background:url(../img/btn02_on.png) no-repeat; background-size: 204px 40px; }
#navigation .nav > *:first-child + * a span,
#navigation .nav > *:first-child + * a span:hover{ width:204px;}
/*コース内容*/
#navigation .nav > *:first-child + * + * { width:132px; background:url(../img/btn03.png) no-repeat; background-size: 132px 40px;}
#navigation .nav > *:first-child + * + *:hover,
#navigation .nav > *:first-child + * + * a:hover{ width:132px; background:url(../img/btn03_on.png) no-repeat; background-size: 132px 40px; }
#navigation .nav > *:first-child + * + * a span,
#navigation .nav > *:first-child + * + * a span:hover{ width:132px;}
/*教室案内*/
#navigation .nav > *:first-child + * + * + * { width:126px; background:url(../img/btn04.png) no-repeat; background-size: 126px 40px;}
#navigation .nav > *:first-child + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * a:hover{ width:126px; background:url(../img/btn04_on.png) no-repeat; background-size: 126px 40px; }
#navigation .nav > *:first-child + * + * + * a span,
#navigation .nav > *:first-child + * + * + * a span:hover{ width:126px;}
/*1日完結教室情報*/
#navigation .nav > *:first-child + * + * + * + * { width:170px; background:url(../img/btn05.png) no-repeat; background-size: 170px 40px;}
#navigation .nav > *:first-child + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * a:hover{ width:170px; background:url(../img/btn05_on.png) no-repeat; background-size: 170px 40px; }
#navigation .nav > *:first-child + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * a span:hover{ width:170px;}
/*通学を検討している方へ*/
#navigation .nav > *:first-child + * + * + * + * + * { width:222px; background:url(../img/btn06.png) no-repeat; background-size: 222px 40px;}
#navigation .nav > *:first-child + * + * + * + * + *:hover,
#navigation .nav > *:first-child + * + * + * + * + * a:hover{ width:222px; background:url(../img/btn06_on.png) no-repeat; background-size: 222px 40px; }
#navigation .nav > *:first-child + * + * + * + * + * a span,
#navigation .nav > *:first-child + * + * + * + * + * a span:hover{ width:222px;}
/*プルダウンメニュー*/
#navigation ul li ul li,
#navigation ul li ul li a,
#navigation ul li ul li a:hover{ width:222px; color:#005283; text-indent:0; white-space: normal; overflow: visible; background:none!important; height:auto!important; }
#navigation ul li ul li a{ display:block!important; height:auto!important; }
/*オンマウス時の色*/
#navigation ul li ul li a span {font-size:14px; padding:15px 13px 15px 13px; display:block; background:#fff;  height:auto!important; border-top:#727272 1px dotted; }
#navigation ul li ul > li:first-child a span{border-top:#727272 0px dotted;}
#navigation ul li ul li a span:hover{ padding:15px 13px 15px 13px;  color:#fff;  background:#003753;  height:auto!important; }
#navigation ul li ul li a span.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_before.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span:hover.ico-arrow:before{ vertical-align:-1px; content:""; display:inline-block; width:15px; height:13px; background:url(../img/btn_w01.png) no-repeat ; background-size: 13px 13px;}
#navigation ul li ul li a span.ico-arrow:hover:after { color:#FFF; }
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active {transition: 0s;}


/* ----------------------------------------------------------------------------------
03 CONTENTS
------------------------------------------------------------------------------------- */
/*共通枠*/
.main{ background:#fff;}
/*@media only screen and (max-width:767px) {
.main-wrappre{width:100%; margin:0 auto; padding:25px 0 25px 0;}
.main{ width:100%; margin:0px auto;}
}
@media only screen and (min-width:768px) and (max-width:959px){
.main-wrappre{ width:760px; margin:0 auto; padding:25px 0 75px 0;}
}
@media only screen and (min-width:960px) {
.main-wrappre{ width:960px; margin:0 auto; padding:25px 0 75px 0;}
.main{ width:900px; margin:0px auto;}
}*/
.main-wrappre{ width:960px; margin:0 auto; padding:25px 0 75px 0;}
.main{ width:900px; margin:0px auto;}
/*1日完結教室の実施情報 一覧*/
/*@media only screen and (max-width:767px) {
#common-post .opt-contents{width:94%; margin:0 auto;  padding:3% 0;}
#common-post .opt-contents .opt-article{width:100%; margin:0 auto;}
}
@media only screen and (min-width:768px) and (max-width:959px){
#common-post .opt-contents{width:700px; margin:0 auto; padding:30px 0;}
#common-post .opt-contents .opt-article{width:600px; margin:0 auto;}
}
@media only screen and (min-width:960px) {
#common-post .opt-contents{ width:760px; margin:0 auto; padding:70px 0;}
#common-post .opt-contents .opt-article{width:600px; margin:0 auto;}
}*/
#common-post .opt-contents{ width:760px; margin:0 auto; padding:70px 0;}
#common-post .opt-contents .opt-article{width:600px; margin:0 auto;}
/* アーカイブ*/
/*@media only screen and (max-width:767px) {
.arc-wrap{width:94%; margin:0 auto;  padding:3% 0;}
}
@media only screen and (min-width:768px) and (max-width:959px){
.arc-wrap{width:600px; margin:30px auto 0 auto;}
}
@media only screen and (min-width:960px) {
.arc-wrap{width:600px; margin:50px auto 0 auto;}
}*/
.arc-wrap{width:600px; margin:50px auto 0 auto;}

/*
オウンドメディア
contents-wrapper ---コンテンツ共通枠
main-wrapper --&-- main ---コンテンツ内
aside---サイドメニュー
*/
@media only screen and (max-width:767px) {
	/*.contents-wrapper{width:98%; margin:0 auto;}*/
	/*投稿ページ*/
	/*.single .main-wrapper{ width:100%; background:#FFF; padding:3% 0;}*/
	/*.single .main{ width:94%; margin:0 auto;}*/
	/*.single .aside{width:96%; margin:30px auto 0px auto; }*/
}
@media only screen and (min-width:768px) and (max-width:959px){
	/*.contents-wrapper{ width:760px; margin:0 auto;}*/
	/*投稿ページ*/
	/*.single .main-wrapper{ width:100%; background:#FFF; padding:60px 0;}*/
	/*.single .main{ width:600px; margin:0px auto;}*/
	/*.single .aside{margin-right:15px; margin-left:15px; margin-top:50px;}*/
}
@media only screen and (min-width:960px) {
	/*.contents-wrapper{ width:960px; margin:0 auto; padding-bottom:75px;}*/
	/*投稿ページ*/
	/*.single .main-wrapper{ width:700px; float:left; padding:50px 0;}*/
	/*.single .main{ width:600px; margin:0px auto;}*/
	/*.single .aside{ width:230px; float:right;}*/
}


 /*----------------------------------------------------------------------------------
04 FOOTER
------------------------------------------------------------------------------------- */
/*Footer広告 */
.footer-ad:before{ content:" "; display:block; background:#f8f6ef url(../img/footer-bg.png) repeat-x; }
.footer-ad{background:#ffec00; display:block; margin-top:10px;}
.footer-ad li{ border-radius:10px;}
.footer-ad li{ background:#fff url(../img/footer-banner02.png) no-repeat center center; position:relative;}
.footer-ad li:first-child{ background:#fff url(../img/footer-banner01.png) no-repeat center center;}
.footer-ad .breakpoint-wrap{ padding:30px 0 40px 0;}
/*@media only screen and (max-width:767px) {
	.footer-ad:before{ width:100%; height:10px; background-size:31px 10px;}
	.footer-ad li{ width:100%; background:#fff!important;margin:15px auto 0 auto; padding:5%;}
	.footer-ad li:first-child{ background:#fff!important;}
	.footer-ad .pickbtn{ width:80%; margin:15px auto 0 auto;}
	.footer-ad .pickbtn a{ font-size:14px; height:34px; line-height:34px;}
	.footer-banner{ width:100%; margin:0 auto; margin-top:15px; padding:0;margin:0 auto;}
	.footer-banner dl dt{ width:294px; height:132px; margin:0 auto;}
	.footer-banner dl dd{  line-height:0; background:#FFFFFF; border-radius:10px; padding:30px;}
	.footer-banner dl dd .footer-btnbanner+.footer-btnbanner{margin-top:15px;}
	.footer-banner dl dd .footer-btnbanner a{opacity:1;}
	.footer-banner dl dd .footer-btnbanner a:hover{ opacity:0.7;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	.footer-ad:before{width:100%; height:24px; background-size:74px 24px;}
	.footer-ad li{ width:470px; height:190px; background-size:427px 140px; margin:15px auto 0 auto;}
	.footer-ad li:first-child{ background-size:427px 140px;}
	.footer-ad .pickbtn{ width:265px; position:absolute; right:28px; bottom:40px;}
	.footer-ad .pickbtn a{ font-size:14px; height:34px; line-height:34px;}
	.footer-banner{ width:470px; margin:0 auto; margin-top:15px;}
	.footer-banner dl dt{ width:294px; height:132px; margin:0 auto;}
	.footer-banner dl dd{  line-height:0; background:#FFFFFF; border-radius:10px; padding:30px;}
	.footer-banner dl dd .footer-btnbanner+.footer-btnbanner{margin-top:8px;}
	.footer-banner dl dd .footer-btnbanner a{opacity:1;}
	.footer-banner dl dd .footer-btnbanner a:hover{ opacity:0.7;}
}
@media only screen and (min-width:960px) {
	.footer-ad:before{width:100%; height:24px; background-size:74px 24px;}
	.footer-ad li{ width:470px; height:190px; float:right; background-size:427px 140px;}
	.footer-ad li:first-child{ float:left; background-size:427px 140px;}
	.footer-ad .pickbtn{ width:265px; position:absolute; right:28px; bottom:40px;}
	.footer-ad .pickbtn a{ font-size:14px; height:34px; line-height:34px;}
	.footer-banner{ padding-top:50px;}
	.footer-banner dl{ position:relative; line-height:0; background:#FFFFFF; border-radius:8px; padding:30px;}
	.footer-banner dl dt{ width:294px; height:132px; position:absolute; left:0; bottom:0;}
	.footer-banner dl dt .chara{}
	.footer-banner dl dd{ text-align:right;}
	.footer-banner dl dd .footer-btnbanner{ display:inline-block; width:307px; height:56px; margin-left:8px;}
	.footer-banner dl dd .footer-btnbanner a{opacity:1;}
	.footer-banner dl dd .footer-btnbanner a:hover{ opacity:0.7;}
}*/
	.footer-ad:before{width:100%; height:24px; background-size:74px 24px;}
	.footer-ad li{ width:470px; height:190px; float:right; background-size:427px 140px;}
	.footer-ad li:first-child{ float:left; background-size:427px 140px;}
	.footer-ad .pickbtn{ width:265px; position:absolute; right:28px; bottom:40px;}
	.footer-ad .pickbtn a{ font-size:14px; height:34px; line-height:34px;}
	.footer-banner{ padding-top:50px;}
	.footer-banner dl{ position:relative; line-height:0; background:#FFFFFF; border-radius:8px; padding:30px;}
	.footer-banner dl dt{ width:294px; height:132px; position:absolute; left:0; bottom:0;}
	.footer-banner dl dt .chara{}
	.footer-banner dl dd{ text-align:right;}
	.footer-banner dl dd .footer-btnbanner{ display:inline-block; width:307px; height:56px; margin-left:8px;}
	.footer-banner dl dd .footer-btnbanner a{opacity:1;}
	.footer-banner dl dd .footer-btnbanner a:hover{ opacity:0.7;}
/*Footerメインコンテンツ */
footer{ background:#005283;}
footer:before{ content:" "; display:block; background:#ffec00 url(../img/footer-bg01.png) repeat-x; }
/*@media only screen and (max-width:767px) {
	footer:before{ width:100%; height:10px; background-size:31px 10px;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	footer:before{width:100%; height:24px; background-size:74px 24px;}
}
@media only screen and (min-width:960px) {
	footer:before{width:100%; height:24px; background-size:74px 24px;}
}*/

footer:before{width:100%; height:24px; background-size:74px 24px;}

footer a{ color:#fff!important; text-decoration:none; font-size:14px;}
footer a:hover{transition: .3s; background:#FFFFFF; color:#005283!important;}
footer .footer-classroom,
footer .footer-menu { border-bottom:1px dotted #FFFFFF; padding:30px 0;}
footer .footer-classroom h2,
footer .footer-classroom h2 a{color:#fff; font-size:16px; font-weight:bold;}
footer .footer-classroom h2 a:hover{ color:#fff; background:none; cursor:text;}
footer .footer-classroom h2{padding-bottom:10px;}
footer .footer-classroom section ul:after,
footer .footer-etc  section ul:after{content: "."; height: 0;clear: both; display: block; visibility: hidden;}
footer .footer-classroom section ul li,
footer .footer-etc section ul li{ padding:10px 10px 10px 18px;  display:block;  background:url(../img/btn_before_w.png) no-repeat left center; background-size: 13px 13px;}
footer .footer-menu:after {content: "."; height: 0;clear: both; display: block; visibility: hidden;}
footer .footer-menu section h2,
footer .footer-menu section h2 a{color:#fff; font-size:16px; font-weight:bold;}
footer .footer-menu section h2 a:hover{color:#fff; background:none; cursor:text;}
footer .footer-menu section h2{padding-bottom:10px;}
footer .footer-menu section ul li{ padding:10px 10px 10px 18px;  display:block;  background:url(../img/btn_before_w.png) no-repeat left center; background-size: 13px 13px;}
footer .footer-etc{padding:30px 0;}
footer .footer-etc section ul li{ padding:10px 10px 10px 18px;  display:block;  background:url(../img/btn_before_w.png) no-repeat left center; background-size: 13px 13px;}
footer .footer-copylight{ width:100%; background:#043954; padding:40px 0; color:#FFFFFF;}

/*@media only screen and (max-width:767px) {
footer .footer-copylight h2{ background:url(../img/h1_2.png) no-repeat center center; text-indent:-1000%; white-space: nowrap; overflow: hidden; width:255px; height:65px; background-size: 255px 65px; margin:0 auto;}
footer .footer-classroom section ul li{ width:100%; display:block; }
footer .footer-menu section{width:100%; display:block; padding-bottom:30px;}
footer .footer-menu section:last-child{padding-bottom:0px;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
footer .footer-classroom section ul li,
footer .footer-etc section ul li{ width:25%; display:block;  float:left; }
footer .footer-menu section  ul li{width:25%; display:block; float:left;}

footer .footer-copylight section{background:url(../img/h1_2.png) no-repeat top right; background-size: 255px 65px;}
footer .footer-copylight h2{ font-size:16px; font-weight:700;}
footer .footer-copylight section address{font-size:14px; line-height:2; padding-top:10px;}
footer .footer-copylight section small{ display:block; font-size:14px; line-height:1; padding-top:20px;}
}
@media only screen and (min-width:960px) {
footer .footer-classroom section ul li,
footer .footer-etc  section ul li{ width:25%; display:block;  float:left; }
footer .footer-menu section ul li{width:25%; display:block; float:left;}

footer .footer-copylight section{background:url(../img/h1_2.png) no-repeat top right; background-size: 255px 65px;}
footer .footer-copylight h2{ font-size:16px; font-weight:700;}
footer .footer-copylight section address{font-size:14px; line-height:2; padding-top:10px;}
footer .footer-copylight section small{ display:block; font-size:14px; line-height:1; padding-top:20px;}
}*/

footer .footer-classroom section ul li,
footer .footer-etc  section ul li{ width:25%; display:block;  float:left; }
footer .footer-menu section ul li{width:25%; display:block; float:left;}

footer .footer-copylight section{background:url(../img/h1_2.png) no-repeat top right; background-size: 255px 65px;}
footer .footer-copylight h2{ font-size:16px; font-weight:700;}
footer .footer-copylight section address{font-size:14px; line-height:2; padding-top:10px;}
footer .footer-copylight section small{ display:block; font-size:14px; line-height:1; padding-top:20px;}