@charset "UTF-8";


/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ 
background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 44%, #efa250 80%, #c14e29 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#ffffff), color-stop(80%,#efa250), color-stop(100%,#c14e29)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 44%,#efa250 80%,#c14e29 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 44%,#efa250 80%,#c14e29 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 44%,#efa250 80%,#c14e29 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 44%,#efa250 80%,#c14e29 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c14e29',GradientType=0 ); /* IE6-9 */

}


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #39f; }
a:hover,
a:active{ color: #f60; }


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
	padding-top: 25px;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: absolute;
	top: 0;
	background-color: #666666;
	font-size: 1.2em;
}

#top-in{
	position: relative;
	padding: 5px 0;
}

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}

#top-menu li a{
	padding-left: 12px;
	background: url(../images/icon/icon-arrow01.png) left center no-repeat;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background:url(../images/header-haikei.png) no-repeat center;
	font-size: 1.2em;
}

#header2{
	background:url(../images/header-haikei2.png) no-repeat center;
	font-size: 1.2em;
}

#header-in{
	padding:0 0 1em 0;
}

#header-top{
	background-image:url(../images/header-in-haikei.jpg);
	background-repeat:no-repeat;
	width:912px;
	height:160px;
}

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	padding-top:1em;
	width: 50%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo{
	margin-bottom: 0.2em;
	font-size: 3em;
}

/*●ヘッダーロゴ（メインタイトル）サブページ用*/
#header2 #header-title{
	float: left;
	padding-top:1em;
	width: 50%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header2 .header-logo{
	margin-bottom: 0.2em;
	font-size: 3em;
}

/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	padding-top:2em;
	width: 19%; /*・1行の幅はwidthの値を変更*/
	color: #333;
}

#header h1{
	margin-bottom: 1em;
	padding-left: 0.5em;
	font-size: 1.167em;
}

/*●メイン画像*/
#main-image{
	padding-top: 1.5em;
}

#main-image-in{
	width:1200px;
	position: relative;
	padding-bottom: 1.5em;
}

#main-image-in ul{
	list-style-type:none;
}

#main-image img{
	width: 100%;
	height: auto;
}

#main-image .catch-copy{
	position: absolute;
	bottom:0.35em;
	left: 0em;
	color: #fff;
	font-size: 3em;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	background-color: #ffffff;
} /*メニュー下のラインの設定*/

#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{ 
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }

#menu{
	padding-bottom: 5px;
	font-size: 1.2em;
}

#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	border-right: solid 1px #000; /*右側のボーダーの色*/
	list-style: none;
	font-weight: bold;
}

#global-nav #menu li.first{ border-left: solid 1px #000; } /*一番左のメニューだけに追加指示*/

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	padding: 0.8em 2em;
	color: #333; /* メニューのフォントの色  */
	text-decoration: none;
}

#global-nav #menu li a:link,
#global-nav #menu li a:visited{ background-color: #ffffff; } /*すでに訪れたリンクの背景色*/
#global-nav #menu li a:hover,
#global-nav #menu li a:active{ background-color: #f7eccb; } /*マウスカーソルを乗せた時の背景色*/

#global-nav #menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 12em;
}

/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li{
	margin: 0;
	padding: 0;
	width: 12em;
	background-color: #eaeaea;
	border-top: 0;
	border-right: 0;
	white-space: normal;
}

#global-nav #menu li ul li a{
	display: block;
	padding: 0.8em 2em;
}

#global-nav #menu li ul ul{
	top: 0;
	left: 100%;
}

#global-nav .showMenu{ display: block!important; }


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{
	padding-top: 1.5em; 
}



/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{
	font-size: 1.4em;
	}

#main-contents .contents{
	background-color:#f7eccd;
	margin-bottom: 3.5em;
	padding:0 10px 10px 10px;
}

#main-contents .privacy{
	font-size: 0.8em;
	}

/*●H2タグ*/
#main-contents h2{
	margin: 0;
	padding: 2em 1.25em 0.5em 1.25em ;
	background:url(../images/main-h2.png) no-repeat;
	font-size: 1.286em;
	font-weight: bold;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3{
	margin: 0 0 1.5em;
	padding: 0.8em;
	border-bottom:dotted #DE581D 2px;
	font-size: 1.143em;
	font-weight: bold;
	clear:both;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H4タグ*/
#main-contents h4{
	margin: 0 0 1.5em;
	padding: 0.8em;
	border: 1px solid #8e8e8e;
	font-weight: bold;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }


/*●段落タグ*/
#main-contents p{
	 margin:1em;
}


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0em;
	line-height: 1.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}

/*メインバナー*/
#main-contents #main-banner a:hover,
#main-contents #main-banner a:active{
	opacity:0.6;
}
	

/*小中学校無料コーチング*/
#main-contents #h2-free{
	background:url(../images/main-h2-free.png);
	padding-left:4.5em;
}

#main-contents .top-school{
	list-style-type:none;
	margin: 0 0.8em 1.5em 0.8em;
}
	
#main-contents .top-school-img{
	width:200px;
	height:150px;
	padding-right:1em;
	float:left;
}
#main-contents .top-school-img p{
	margin:0;
}

#main-contents .top-school-sen{
	width:312px;
	height:150px;
	float:left;
}
#main-contents .top-school-list{
	margin: 0 0.8em 1.5em 3em;
}

/*学校実績*/
#main-contents .school-client{
	padding:0 0.75em;
}
#main-contents .school-client dt{
	font-weight:bold;
	clear:left;
	float:left;
 	margin: 0 0 0.8em;
 	width: 7.5em;
 	border-left: solid 5px #CCC;
 	padding-left: 5px;
}
#main-contents .school-client dd{
	margin-bottom: 0.8em;
	margin-left: 7.5em;
}
/*コーチングについて*/
#main-contents .top-coach{
	list-style-type:none;
	margin: 0 0.8em 1.5em 0.8em;
}
	
#main-contents .top-corch-img{
	width:200px;
	height:150px;
	padding-right:1em;
	float:left;
}
#main-contents .top-corch-img p{
	margin:0;
}

#main-contents .top-corch-sen{
	width:312px;
	height:150px;
	float:left;
}
#main-contents .contents .top-coach-sen span{
	font-weight:bold;
}

#main-contents .contents .top-mental{
	padding-left:1.5em;
	font-weight:bold;
}
/*●最新情報*/
#main-contents .contents .news{
	padding:0;
	margin:0;
}
#main-contents .contents .news-left{
	width:20%;
	float:left;
	margin:1em;
}
#main-contents .contents .news-right{
	width:70%;
	float:left;
	margin:1em 1em 1em 1em;
}

/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02{ text-align: right; }

.link-back,
.link-back02{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}
.link-back02 a{
	padding: 5px 0 5px 15px;
	background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}


/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #999; /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}



/*●ページネーション スタイル01*/
#main-contents .cont-menu01{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .cont-menu01 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 10px;
}

#main-contents .cont-menu01 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	list-style: none;
}

#main-contents .cont-menu01 li:last-child{ margin-right: 0; }

#main-contents .cont-menu01 li.cur{
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #959595;
	color: #fff;
	font-weight: bold;
}

#main-contents .cont-menu01 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

#main-contents .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited{ background-color: transparent; }

#main-contents .cont-menu01 li a:hover,
#main-contents .cont-menu01 li a:active{
	background-color: #959595;
	color: #fff;
}

#main-contents .text-field{ width: 90%; }


/*●ページネーション スタイル02*/
#main-contents .cont-menu02{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .cont-menu02 ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#main-contents .cont-menu02 li{
	max-width: 50%;
	list-style: none;
}

* html #main-contents .cont-menu02 li{ white-space: nowrap; } /* IE6 */

#main-contents .cont-menu02 li.prev{ float: left; }

#main-contents .cont-menu02 li.next{ float: right; }

#main-contents .cont-menu02 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

#main-contents .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited{ background-color: transparent; }

#main-contents .cont-menu02 li a:hover,
#main-contents .cont-menu02 li a:active{
	background-color: #959595;
	color: #fff;
}


/*●サイトマップ*/
#main-contents .sitemap li{ list-style: none; }

#main-contents .sitemap li a{
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}

#main-contents .sitemap ul{ margin-top: 1em; }

#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}


/*●Twitterウィジェット用*/
#main .twtr-widget{ margin-bottom: 15px; }

#main .twtr-doc{ margin: auto; }

#main .twtr-hd h3,
#main .twtr-hd h3{
	clear: none;
	width: auto;
	border: 0;
	background: none;
}

/*詳しくはこちらをクリック*/
.click{
	text-align:right;
}

/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#sub-contents,
#sidebar,
#sub-contents dd,
#sidebar dd{
	margin: 0;
	padding: 0;
}

* html #sub-contents,
* html #sidebar{ overflow: hidden; }

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column{ font-size: 1.2em; }

.sub-column li{ list-style: none; }


/*●コンテンツ*/
.sub-column .contents{
	margin-bottom: 1.5em;
	padding:0 0.5em 0;
}

.sub-column hr{ clear: both; }

.sub-column h3{
	margin-bottom:1.5em;
	padding: 0.7em;
	background-color:#dddddd;
	border: 1px solid #dddddd; /*サイドバー見出しの枠線*/
	border-left: 3px solid #de581d; /*見出しの上部の太線*/
	color: #454545; /*見出し文字の色*/
	font-weight: bold;
}

.sub-column .contents h3{
	margin: -0.5em;
	margin-bottom: 0.8em;
}


/*●バナーエリア*/
.sub-column .banner{ margin-bottom: 10px; }

.sub-column .banner li{
	margin-bottom: 18px;
	list-style: none;
	text-align: center;
}

.sub-column .banner li  a:hover,
.sub-column .banner li  a:active{
	opacity:0.6;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: inline;
	margin-right: 8px;
}

/*●お問い合わせ*/

.sub-column #mailform {
	width:251px;
	margin:0 auto;
	color:#333;
	font-size:90%;
}
.sub-column #mailform p{
	margin-bottom:0.5em;
}

.sub-column #mailform table {
	border-collapse:collapse;
}
.sub-column #mailform td {
	border:1px solid #ccc;
	padding:5px;
	font-size:100%;
	color:#333;
}
.sub-column #mailform td.l_Cel {
	width:60px;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	clear: both;
	padding-top: 30px;
	width:auto;
	height:450px;
	background:url(../images/footer.jpg) no-repeat center; /*フッター全体の背景色を指定*/
	color: #fff;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited{ color: #fff; }
#footer a:hover,
#footer a:active{ color: #f60; }

#footer h3{
	margin-bottom: 1em;
	padding: 0.8em;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	opacity:0.6;
}

#footer-in li{
	list-style: none; }

#footer .area01{
	float: left;
	width: 39%;
	padding-bottom: 20px;
}

#footer .area02{
	float: right;
	width: 60%;
	padding-bottom: 20px;
}

/*●アクセス情報*/
#footer .access{ padding: 0 1em; }

#footer .access p{ margin-bottom: 1em; }

p.accessmap{
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left center no-repeat;
}


/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	float: left;
	width: 42%;
	margin-right: 5%;
	padding: 1%;
	font-size:1.15em;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-right: 0;
}

.footer-menu li{
	margin-bottom: 5px;
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left top no-repeat;
}

.footer-menu li li{
	padding-left: 15px;
	padding-top: 0;
	background: url(../images/icon/icon-arrow03.png) left 5px no-repeat;
}


/*●フッターバナー*/
#footer-banner{
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer-banner li{
	display: inline;
	list-style: none;
}


/*●コピーライト*/
.copyright{
	padding: 100px 0 0;
	font-size: 1.2em;
	text-align: center;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #fc6;
	color: #f60;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/


.cont-two{
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.wrap-two{
    position: relative;
    display: flex;
    transition: 1s;
    right: 0;
}
.items-two,
.items-two img{
    width: 100%;
}