@charset "utf-8";

@import url("../print2.css") print;
/*タイトル*/

#sub_TL {
	background-image:url(../images/base/subTL_cover.png),url(images/TL_img_L.jpg);
	background-size: auto,cover;
    background-position: center center;
	background-repeat:repeat,no-repeat;
}

#sub_TL h2{ color:#35a0cf; }

#sub_TL h2 span{
	display:inline-block;
	padding:0 15px;
	background:url(images/tl_dot.png) no-repeat left ,url(images/tl_dot.png) no-repeat right;
}

h2#page_TL span.eng{ color:#35a0cf;}

/*ぱんくず*/

#pannav{ background:url(images/pan_back.gif) repeat,#3facdb; }


/*ループ写真*/

#loopimg{
	margin:0 auto 55px;
}

/*黄色背景*/

.b_LF{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff9e3+0,fff9e3+100&1+0,1+50,0+51,0+100 */
background: -moz-linear-gradient(left, rgba(255,249,227,1) 0%, rgba(255,249,227,1) 50%, rgba(255,249,227,0) 50%, rgba(255,249,227,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,249,227,1) 0%,rgba(255,249,227,1) 50%,rgba(255,249,227,0) 50%,rgba(255,249,227,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,249,227,1) 0%,rgba(255,249,227,1) 50%,rgba(255,249,227,0) 50%,rgba(255,249,227,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e3', endColorstr='#00fff9e3',GradientType=1 ); /* IE6-9 */
}

/*写真＋テキスト*/

.memo{
	width:100%;
	padding:25px 0 0;
}

.memo img{
	width:175px;
	height:auto;
	box-shadow:6px 5px 11px -9px rgba(0,0,0,0.80);
	float:left;
	
}
.memo p{
	width:335px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	float:right;	
}

.b_LF p,
.b_RF p{
	margin:0 auto 20px;
}

.b_RF .memo p,
.b_LF .memo p{
	margin:0 auto;
}


/*先生のコラム*/

.column{ 
	box-shadow:1px 8px 8px -7px rgba(0,0,0,0.49) inset;
	overflow:hidden;
	 }
.column .inner h5{ margin:0 auto 20px;}

.column .inner h5 span{
	display:block;
	min-height:32px;
	margin:0 0 0 50px;
}

.column .block{
	position:relative;
}

.column .block img.photo{
	position:absolute;
	right:0;
	bottom:-30px;
	height:auto;
	}

.column .name p{
	width:1000px;
	height:29px;
	text-align:right;
	line-height:2.1;
	letter-spacing:0.05em;
	color:#fff;
	margin:0 auto;
}


/* 横遷移ボタン */

#edu_link{
	width:1000px;
	margin:50px auto 70px;
	padding:40px 50px;
	border-top:1px dashed #333;
	border-bottom:1px dashed #333;
	overflow:hidden;
}

#edu_link ul{
	width:960px;
	margin:0 -60px 0 0;
}

#edu_link ul li a{
	width:260px;
	background-color:#35a0cf;
	margin:0 60px 0 0;
	float:left;
}

#edu_link ul li a:hover{ background-color:#c8f3f7; }



/* ============================================  

#edu_index 3つの柱　index

============================================  */

#edu_index h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}


#edu01,
#edu02,
#edu03{
  height: 300px;
  overflow:hidden;
}


#edu01{
	background:url(images/img_mind.jpg) no-repeat right top;
	background-size:55% auto;
}

#edu02{
	background:url(images/img_intel.jpg) no-repeat left top;
	background-size:55% auto;
}


#edu03{
	background:url(images/img_nal.jpg) no-repeat right top;
	background-size:51% auto;
	margin:0 auto 60px;
}

#edu_index p.read{ margin:0 auto 50px;}

#edu_index .b_LF .inner {
    height: 300px;
	padding:45px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right bottom;
}

#edu_index .b_RF .inner {
    height: 300px;
	padding:45px 0 0 13%;
	background:url(../images/sub/bk_RF.png) no-repeat left bottom;
}

#edu_index .inner h3{
	height:53px;
	text-align:center;
	margin:0 auto 25px;
}

#edu_index #edu01 .inner h3{
	color:#e9546b;
	background:url(../images/sub/pink_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_index #edu02 .inner h3{
	color:#59b5a0;
	background:url(../images/sub/green_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_index #edu03 .inner h3{
	color:#f08300;
	background:url(../images/sub/orange_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_index .btn_01 a{
	width:250px;
	margin:25px auto 0;
}

#edu_index #edu01 .btn_01 a{ background-color:#e9546b; }
#edu_index #edu01 .btn_01 a:hover{ background-color:#f7c8d6; }
#edu_index #edu02 .btn_01 a{ background-color:#59b5a0; }
#edu_index #edu02 .btn_01 a:hover{ background-color:#b5f6e1; }
#edu_index #edu03 .btn_01 a{ background-color:#f08300; }
#edu_index #edu03 .btn_01 a:hover{ background-color:#ffe1b3; }


/* ============================================  

#edu_mind こころを育てる

============================================  */

#edu_mind h2#page_TL{
	background:url(../images/sub/pink_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_mind h2#page_TL span,
#edu_mind h2#page_TL span.eng{ color:#e9546b; }

#edu_mind p.read{
	text-align:center;
	margin:0 auto 60px;
}

#edu_mind h3{
	height:53px;
	color:#e9546b;
	font-weight:700;
	text-align:center;
	margin:0 auto 20px;
	background:url(../images/sub/pink_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_mind h4{
	color:#111;
	margin:0 auto 20px;
	text-align:center;
}

#mind01 h4.sub{
	color:#e9546b;
	text-align:left;
	margin:0 auto 25px;
}

#mind02{ margin:70px auto 0; }

#mind02,
#mind03,
#mind04,
#mind05{
  height: 487px;
  overflow:hidden;
}

#mind02{
	background:url(3education/images/mind02_1.jpg) no-repeat right top;
	background-size:55% auto;
}

#mind03{
	background:url(3education/images/mind03_1.jpg) no-repeat left top;
	background-size:55% auto;
}

#mind04{
	background:url(3education/images/mind04_1.jpg) no-repeat right center;
	background-size:55% auto;
}

#mind05{
	background:url(3education/images/mind05_1.jpg) no-repeat left top;
	background-size:55% auto;
}

#edu_mind .b_LF .inner {
    height: 487px;
	padding:35px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right top;
}

#edu_mind .b_RF .inner {
    height: 487px;
	padding:35px 0 0 12%;
	background:url(../images/sub/bk_RF.png) no-repeat left top;
}


#edu_mind .memo{ border-top:1px dashed #e9546b; }
#edu_mind .column{ background:url(../images/sub/column_name01.gif) repeat-x bottom, url(../images/sub/column_bg.gif) repeat bottom; }
#edu_mind .column .inner{ padding:60px 160px 60px 50px; }
#edu_mind .column .block img.photo{ width:160px;}
#edu_mind .column .name p{ padding:0 170px 0 0; }

#edu_mind .column .inner h5{ 
	color:#e9546b;
	background:url(images/icon_clm_mind.png) no-repeat left top;
	background-size:32px auto;
}

#edu_mind .column .inner h5 span{ border-bottom:1px solid #e9546b; }


/* ============================================  

#edu_intel 知性を育てる

============================================  */


#edu_intel h2#page_TL{
	background:url(../images/sub/green_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_intel h2#page_TL span,
#edu_intel h2#page_TL span.eng{ color:#64C0AB; }

#edu_intel p.read{
	text-align:center;
	margin:0 auto 60px;
}

#edu_intel h3{
	height:53px;
	color:#64C0AB;
	font-weight:700;
	text-align:center;
	margin:0 auto 20px;
	background:url(../images/sub/green_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_intel h4{
	color:#111;
	margin:0 auto 20px;
	text-align:center;
}

#intel01 h4.sub{
	color:#64C0AB;
	text-align:left;
	margin:0 auto 25px;
}

#intel02{ margin:70px auto 0; }

#intel02,
#intel03{
  height: 487px;
  overflow:hidden;
}

#intel02{
	background:url(3education/images/intel02_1.jpg) no-repeat right top;
	background-size:55% auto;
}

#intel03{
	background:url(3education/images/intel03_1.jpg) no-repeat left top;
	background-size:55% auto;
}

#edu_intel .b_LF .inner {
    height: 487px;
	padding:35px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right top;
}

#edu_intel .b_RF .inner {
    height: 487px;
	padding:35px 0 0 12%;
	background:url(../images/sub/bk_RF.png) no-repeat left top;
}

#edu_intel .memo{ border-top:1px dashed #64C0AB; }
#edu_intel .column{ background:url(../images/sub/column_name02.gif) repeat-x bottom, url(../images/sub/column_bg.gif) repeat bottom; }
#edu_intel .column .inner{ padding:60px 230px 60px 50px; }
#edu_intel .column .block img.photo{ width:230px;}
#edu_intel .column .name p{ padding:0 200px 0 0; }

#edu_intel .column .inner h5{ 
	color:#64C0AB;
	background:url(images/icon_clm_intel.png) no-repeat left bottom;
	background-size:32px auto;
}

#edu_intel .column .inner h5 span{ border-bottom:1px solid #64C0AB; }

#intel05 h3{
	color:#333;
	margin:55px auto 20px;
}

#intel05 h4{ margin:0 auto 40px; }

#intel05 .fL{
	width:58%;
	margin:0 auto 50px;
}

#intel05 .fL img{
	width:580px;
	height:auto;
}

#intel05 .fL p{ margin:0 auto 20px; }
#intel05 .fR{
	width:38%;
	margin:0 auto 50px;
}

#intel05 .fR img{
	width:380px;
	height:auto;
}

#intel05 .fR h6{
	width:100%;
	height:25px;
	color:#fff;
	text-align:center;
	background:#64C0AB;
	margin:0 auto 15px;
}

#intel05 .fR ul li{
	line-height:1.4; 
    margin:0 auto 10px;
	}
#intel05 .fR ul{ margin:0 auto 20px; }

/* ============================================  

#edu_nal 国際性を育てる

============================================  */


#edu_nal h2#page_TL{
	background:url(../images/sub/orange_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_nal h2#page_TL span,
#edu_nal h2#page_TL span.eng{ color:#f08300; }

#edu_nal p.read{
	text-align:center;
	margin:0 auto 60px;
}

#edu_nal h3{
	height:53px;
	color:#f08300;
	font-weight:700;
	text-align:center;
	margin:0 auto 20px;
	background:url(../images/sub/orange_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#edu_nal h3 span{ font-size:1.6rem; }
#edu_nal h4{
	color:#111;
	margin:0 auto 20px;
	text-align:center;
}

#nal01 h4.sub{
	color:#f08300;
	text-align:left;
	margin:0 auto 25px;
}

#nal02{ margin:70px auto 0; }
#nal02,
#nal03,
#nal04{
  height: 487px;
  overflow:hidden;
}

#nal05,
#nal07{
  height: 487px;
  overflow:hidden;
}

#nal02{
	background:url(3education/images/nal02_1.jpg) no-repeat right top;
	background-size:55% auto;
}

#nal03{
	background:url(3education/images/nal03_1.jpg)no-repeat left top;
	background-size:55% auto;
}

#nal04{
	background:url(3education/images/nal04_1.jpg) no-repeat right center;
	background-size:55% auto;
}

#nal05{
	background:url(3education/images/nal05_1.jpg) no-repeat left top;
	background-size:55% auto;
}


#nal07{
	background:url(3education/images/nal07_1.jpg) no-repeat right top;
	background-size:55% auto;
}


#edu_nal .b_LF .inner {
    height: 487px;
	padding:35px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right top;
}

#edu_nal .b_RF .inner {
    height: 487px;
	padding:35px 0 0 12%;
	background:url(../images/sub/bk_RF.png) no-repeat left top;
}


#edu_nal #nal07 .b_LF .inner,
#edu_nal #nal05 .b_RF .inner{ height: 487px; }
#edu_nal .memo{ border-top:1px dashed #f08300; }

#edu_nal .memo ul li img{
	width:165px;
	margin:0 5px;
}

#edu_nal .column{ background:url(../images/sub/column_name03.gif) repeat-x bottom, url(../images/sub/column_bg.gif) repeat bottom; }
#edu_nal .column .inner h5{ 
	color:#f08300;
	background:url(images/icon_clm_nal.png) no-repeat left bottom;
	background-size:32px auto;
}

#edu_nal .column .inner h5 span{ border-bottom:1px solid #f08300; }

#edu_nal .column .inner{ padding:60px 160px 60px 160px; }
#edu_nal .column .inner p{ padding:0 30px; }
#edu_nal .column .block img.photo{ width:200px;}
#edu_nal .column .block img.photo02{ width:240px;}
#edu_nal .column .name p{ padding:0 170px 0 0; }
#edu_nal .column .block img.photo02{
	position:absolute;
	left:0;
	bottom:-30px;
	height:auto;
	}


/* ============================================  

#edu_sub 教科指導

============================================  */


#edu_sub h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_sub h3{ text-align:center;}

#edu_sub h3 span{ color:#35a0cf; }

#edu_sub p.read{
	text-align:center;
	margin:15px auto 60px;
}

/*各カラム*/

.ttl{ height:50px; }

.ttl h3{
	width:15%;
	height:100%;
    font-size:2.2rem;
	padding:15px 0 0;
	line-height:1;
	color:#fff;
	float:left;
}
.ttl.ttl_notext h3 {
    width: 100% !important;
    text-align: left !important;
    padding-left: 15px;
}

.ttl h4{
	width:85%;
	height:100%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
    font-size:1.5rem;
	font-weight:normal;
	padding:15px 0 0 20px;
	background:#fff9e3;
	float:right;
}

.wrap .ttl{
	height:auto;
	min-height:70px;
}

.wrap .ttl h3{
	width:100%;
	padding:15px 0;
	float:none;
}

.wrap .ttl h4{
	width:100%;
	min-height:70px;
	padding:10px 0 10px 20px;
	float:none;
}

#container #edu_sub .block{ margin:0 auto 50px; }
	
#edu_sub .block{
	box-shadow:0px 0px 8px -2px #ccc;
	border-radius:5px;
	background:#fff;
	position:relative;
}


#edu_sub .wrap{
	width:1000px;
	margin:0 auto;
}

#container #edu_sub .block.fL,
#container #edu_sub .block.fR{ width:48%; }

#edu_sub .cover{ padding:20px 25px 0; }

#edu_sub .inner{
	margin:0 auto 20px;
	padding:0 0 15px;
}

#edu_sub .inner.end{
	border:none;
	padding:0;
}

#edu_sub .inner h5{
    font-size:1.6rem;
	margin:0 0 10px;
}

#edu_sub .inner img.fL{
	width:30%;
	max-width:270px;
	margin:5px 0 0;
	
}

#edu_sub .inner p.fR{
	width:68%;
	margin:5px 0 0;
}

#edu_sub .inner p{
    font-size:1.4rem;
	margin:5px 0 0;
}

.bear_icon{
	width:100px;
	height:100px;
	padding:10px 0 0;
	text-align:center;
    border-radius:50px;
	box-shadow:2px 4px 11px -10px #000000;
}

.bear_icon img{
	width:80px;
	height:80px;
}

/* sub01 */

#sub01.block{ border:1px solid #f08300;}
#sub01 .ttl h3{ background:#F08300; }
#sub01 .inner{ border-bottom:1px dashed #f08300; }
#sub01 .inner h5{ color:#f08300;}
#sub01 .bear_icon{
	background:#f08300;
	position:absolute;
	top:-15px;
	right:40px;
}

/* sub02 */

#sub02.block{ border:1px solid #58b9e3;}
#sub02 .ttl h3{ background:#58b9e3; }
/*#sub02 .inner{ border-bottom:1px dashed #58b9e3; }*/
#sub02 .inner h5{ color:#35a0cf;}
#sub02 .bear_icon{
	background:#58b9e3;
	position:absolute;
	bottom:-25px;
	right:-15px;
}

/* sub03 */

#sub03.block{ border:1px solid #D3B13A;}
#sub03 .ttl h3{ background:#D3B13A; }
#sub03 .inner{ border-bottom:1px dashed #D3B13A; }
#sub03 .inner h5{ color:#D3B13A;}
#sub03 .bear_icon{
	background:#D3B13A;
	position:absolute;
	top:-15px;
	right:40px;
}

/* sub04 */

#sub04.block{ border:1px solid #e9546b;}
#sub04 .ttl h3{ background:#e9546b; }
#sub04 .inner h5{ color:#e9546b;}
#sub04 .bear_icon{
	background:#e9546b;
	position:absolute;
	top:-15px;
	right:40px;
	padding:12px 0 0 8px;
}

/* sub05 */

#sub05.block{ border:1px solid #a64d99;}
#sub05 .ttl h3{ background:#a64d99; }
#sub05 .inner h5{ color:#a64d99;}
#sub05 .bear_icon{
	background:#a64d99;
	position:absolute;
	bottom:-40px;
	right:-15px;
}


/* sub06 */

#sub06.block{ border:1px solid #BE9261;}
#sub06 .ttl h3{ background:#BE9261; }
#sub06 .inner h5{ color:#BE9261;}
#sub06 .bear_icon{
	background:#BE9261;
	position:absolute;
	bottom:-45px;
	right:-15px;
}

/* sub07 */

#sub07.block{ border:1px solid #64C0AB;}
#sub07 .ttl h3{ background:#64C0AB; }
#sub07 .inner h5{ color:#64C0AB;}
#sub07 .bear_icon{
	background:#64C0AB;
	position:absolute;
	bottom:-40px;
	right:-15px;
}

/* sub08 */

#sub08.block{ border:1px solid #008CCF;}
#sub08 .ttl h3{ background:#008CCF; }
#sub08 .inner h5{ color:#008CCF;}
#sub08 .bear_icon{
	background:#008CCF;
	position:absolute;
	bottom:-40px;
	right:-15px;
}

/* sub09 */
#sub09 .ttl{ height:75px; }
#sub09 .ttl h3{
	width:30%;
	padding:25px 0 0;
}
#sub09 .ttl h4{ width:70%; }
#sub09.block{ border:1px solid #DF0011;}
#sub09 .ttl h3{ background:#DF0011; }
#sub09 .inner{ border-bottom:1px dashed #DF0011; }
#sub09 .inner h5{ color:#DF0011;}

#sub09 .bear_icon{
	width:90px;
	height:90px;
    border-radius:45px;
	background:#DF0011;
}

#sub09 .bear_icon img{
	width:70px;
	height:70px;
}
#sub09 .ongaku{
	position:absolute;
	bottom:-45px;
	right:195px;
}

#sub09 .taiku{
	position:absolute;
	bottom:-45px;
	right:90px;
}

#sub09 .zuko{
	position:absolute;
	bottom:-45px;
	right:-15px;
}

#container #edu_sub #sub09.block{ margin:0 auto 70px; }
	

#edu_sub .column{ 
    background:url(../images/sub/column_name04.gif) repeat-x bottom, url(../images/sub/column_bg.gif) repeat bottom;
	box-shadow:none; 
	margin:0 auto 70px;
	}
	
#edu_sub .column .inner h5{ 
    font-size:2.0rem;
	color:#35a0cf;
	background:url(images/icon_clm_def.png) no-repeat left bottom;
	background-size:32px auto;
}

#edu_sub .column .block{
	box-shadow:none;
	border-radius:none;
	background:none;
}

#edu_sub .column .inner h5 span{ border-bottom:1px solid #58b9e3; }

#edu_sub .column .inner{ padding:60px 175px 20px 50px; }
#edu_sub .column .block img.photo{ width:175px;
	bottom:-80px;}
#edu_sub .column .name p{ padding:0 180px 0 0; }

/* ============================================  

#edu_pro 多彩なプログラム

============================================  */


#edu_pro h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_pro h3.sub{ text-align:center; }
#edu_pro h3.sub span{ color:#35a0cf; }

#edu_pro p.read{
	text-align:center;
	margin:15px auto 50px;
}

#container #edu_pro .block{
	position:relative;
	margin:0 auto 70px;
}

#pro01,#pro02,#pro03,#pro04,#pro05{ 
    border-bottom:2px dashed #58b9e3;
	padding:0 0 40px;
	}

#pro01_1,#pro01_2,#pro01_3{ margin:0 auto 15px;}

#edu_pro .cover{
	width:100%;
	padding:0 0 40px;
	margin:30px auto 0;
	background:#dffcff;
	border-radius:5px;
}

#edu_pro .cover .messe{ padding:0 50px}

#edu_pro .cover h4{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	color:#fff;
	text-align:center;
	border-radius:5px 5px 0 0;
	margin:0 0 30px;
	padding:5px 0;
	background:#58b9e3;
}

#edu_pro .block .nen{
	position:absolute;
	top:-30px;
	left:-10px;
	width:60px;
	height:60px;
	color:#fff;
	text-align:center;
	background:#58b9e3;
	padding:12px 0 0 ;
    border-radius:30px;
	box-shadow:2px 4px 11px -10px #000000;
}

#edu_pro .block .nen span{
	display:block;
	font-size:2.8rem;
	font-weight:bold;
	margin:2px auto 0;
}

#edu_pro .inner .fL{ width:40%; }
#edu_pro .inner img.fL{
	width:400px;
	height:auto;
}

#edu_pro #pro03 .inner .fL,
#edu_pro #pro04 .inner .fL,
#edu_pro #pro05 .inner .fL{ width:30%; }

#edu_pro #pro03 .inner img.fL,
#edu_pro #pro04 .inner img.fL,
#edu_pro #pro05 .inner img.fL{
	width:300px;
	height:auto;
}

#edu_pro .inner .fR{ width:56%; }

#edu_pro #pro03 .inner .fR,
#edu_pro #pro04 .inner .fR,
#edu_pro #pro05 .inner .fR{ width:66%; }

#edu_pro .inner h3{
    font-size:2.4rem;
	font-weight:700;
	color:#007bc7;
}

#edu_pro .inner h3 span{ font-size:1.8rem; }
#edu_pro .cover .fL{
	width:22.2%;
}

#edu_pro .cover .fL img{
	width:200px;
	height:auto;
	vertical-align:bottom;
	box-shadow:2px 4px 11px -10px #000000;
}

#edu_pro .cover .fL h5{
	width:200px;
    font-size:1.6rem;
	text-align:center;
	color:#111;
	font-weight:500;
	background:#FFF100;
}

#edu_pro .cover .fR{ width:73%; }
#pro06,
#pro07,
#pro08{
  height: 400px;
  overflow:hidden;
}

#pro06{
	background:url(images/pro06.jpg) no-repeat right top;
	background-size:55% auto;
}

#pro07{
	background:url(images/pro07.jpg) no-repeat left top;
	background-size:55% auto;
}

#pro08{
	background:url(images/pro08.jpg) no-repeat right top;
	background-size:55% auto;
	margin:0 auto 70px;
}

#edu_pro .b_LF .inner {
    height: 400px;
	padding:35px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right top;
}

#edu_pro .b_RF .inner {
    height: 400px;
	padding:35px 0 0 12%;
	background:url(../images/sub/bk_RF.png) no-repeat left top;
}

#edu_pro .b_LF h3,
#edu_pro .b_RF h3{
	text-align:center;
	margin:0 auto 15px;
}

#edu_pro .b_LF h4,
#edu_pro .b_RF h4{
	text-align:center;
}

#edu_pro .b_LF h3 span,
#edu_pro .b_RF h3 span{
	display:block;
}

#edu_pro .b_LF p,
#edu_pro .b_RF p{
	margin:5px auto 0;
}


/* ============================================  

#edu_12 12年間一貫教育

============================================  */


#edu_12 h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_12 h3.sub{ text-align:center; }
#edu_12 h3.sub span{ color:#35a0cf; }
#edu_12 p.read{ margin:15px auto 50px; }

#edu1201{
	background:#b7d9ee;
	padding:70px 0 ;
	margin:0 auto 70px;
}

#edu1201 .inner{
  width:760px;
  margin:0 auto 20px;
  box-shadow: 2px 4px 15px -10px #000000;
}


#edu1201 dl,
#edu1201 dt,
#edu1201 dd {
  box-sizing: border-box;
}

#edu1201 dl#edu1201_01{ 
     background: #59b5a0;
	 border-bottom:1px solid #59b5a0;
	 }
#edu1201 dl#edu1201_02{
	 background: #007bc7;
	 border-bottom:1px solid #007bc7;
	 }
#edu1201 dl#edu1201_03{ 
	background: #f08300;
	 border-bottom:1px solid #f08300;
	 }
#edu1201 dl#edu1201_04{
	  background: #e9546b;
	 border-bottom:1px solid #e9546b;
	 }
#edu1201 dl#edu1201_05{ background: #a64d99; }

#edu1201 dt{
  font-weight:bold;
  padding: 35px 10px 20px 10px;
}
#edu1201 dl#edu1201_01 dt{ padding: 25px 10px 20px 10px; }
#edu1201 dl#edu1201_02 dt{ background:url(images/12arrow_01.png) no-repeat top center; }
#edu1201 dl#edu1201_03 dt{ background:url(images/12arrow_02.png) no-repeat top center; }
#edu1201 dl#edu1201_04 dt{ background:url(images/12arrow_03.png) no-repeat top center; }
#edu1201 dl#edu1201_05 dt{ background:url(images/12arrow_04.png) no-repeat top center; }


#edu1201 dt {
  width: 40%;
  float: left;
}

#edu1201 dd {
  line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;
  margin:0 0 0 40%;
  padding: 20px;
}

#edu1201 dd:after {
  content: '';
  display: block;
  clear: both;
}




#edu1201 dt h3{
	font-size:2.2rem;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	color:#fff;
	line-height: 1.4;
	font-weight:bold;
    text-align: center;
    letter-spacing: 0.15em;
    margin: 0 auto 10px;
}

#edu1201 dd h3{
	font-weight:700;
    text-align: center;
    margin: 0 auto 15px;
}

#edu1201 #edu1201_01 dd h3{ color:#59b5a0; }
#edu1201 #edu1201_02 dd h3{ color:#007bc7; }
#edu1201 #edu1201_03 dd h3{ color:#f08300; }
#edu1201 #edu1201_04 dd h3{ color:#e9546b; }
#edu1201 #edu1201_05 dd h3{ color:#a64d99; }

#edu1201 dd ul{
	text-align:center;
}

.contents #edu1201 dt p{
	text-align:center;
	line-height: 1.4;
	color:rgba(255,255,255,0.7);
    margin: 0 auto;
}

#edu1201 dt h4{
	width:95%;
	margin:0 auto;
	padding:5px 5px 1px;
	text-align:center;
	background:#fff;
}

#edu1201 dt h4 span{
	font-size:1.4rem;
}

#edu1201 ul li p{
	font-size:1.5rem;
	line-height:1.4;
	margin: 0 auto 8px;
	letter-spacing:0.01em;
}

#edu1201 p.read02{
	width:760px;
	margin:0 auto;
	line-height:1.4;
}


/* ============================================  

#edu_eng 英語教育・文理イマージョン教育

============================================  */

#edu_eng h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_eng h3.sub{ text-align:center; }
#edu_eng h3.sub span,
#edu_eng h4.sub span{ color:#35a0cf; }
#edu_eng p.read{
	text-align:center; 
    margin:15px auto 50px;
	}
	
#edu_eng #eng04 p.read,
#edu_eng #eng05 p.read{ text-align:left;}	
#edu_eng #eng05 p.read{ margin: 15px auto 20px; }

#edu_eng h4.sub {
	text-align:center; 
    margin: 15px auto 0;
}

#eng01,
#eng02,
#eng03{
  height: 330px;
  overflow:hidden;
}

#eng01{
    height: 350px;
	background:url(images/eng01.jpg) no-repeat right top;
	background-size:55% auto;
}

#eng02{
	background:url(images/eng02.jpg) no-repeat left top;
	background-size:55% auto;
}


#eng03{
	background:url(images/eng03.jpg) no-repeat right top;
	background-size:55% auto;
	margin:0 auto 60px;
}

#edu_eng .b_LF .inner {
    height: 330px;
	padding:35px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right bottom;
}

#eng01 .b_LF .inner {
    height: 350px;
}

#edu_eng .b_RF .inner {
    height: 330px;
	padding:35px 0 0 13%;
	background:url(../images/sub/bk_RF.png) no-repeat left bottom;
}

#edu_eng .inner h3{
    font-size: 2.2rem;
	font-weight:700;
	color:#007bc7;
	text-align:center;
	margin:0 auto 20px;
}

#eng04,
#eng05{
	width:1000px;
	margin:0 auto;
}

#eng05{ margin:0 auto 70px; }

#eng05 .inner{
	background:#fff;
	border:1px solid #007bc7;
	box-sizing:border-box;
	margin:0 auto 15px;
}

#eng05 h5{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	font-size:2.0rem;
	text-align:center;
	color:#fff;
	padding:5px 0;
	background:#007bc7;
	
}

#eng05 .inner p{ padding:20px; }

@media only screen and (max-width: 768px) {
	
#sub_TL .inner{
	background-image:url(../images/base/subTL_cover.png),url(images/TL_img_M.jpg);
	
}

/*黄色背景*/
.b_LF{ background:#fff9e3 }

/*写真＋テキスト*/

.memo{ text-align:center; }

.memo img{
	width:175px;
	height:auto;
	box-shadow:6px 5px 11px -9px rgba(0,0,0,0.80);
	float:none;
	
}
.memo p{
	width:100%;
	text-align:left;
	float:none;	
}

.memo ul{
	display:block;
	width:540px;
	margin:0 auto;
}

.memo li{
	display:block;
	width:180px;
	float:left;
}


.b_RF .memo p,
.b_LF .memo p{ margin:10px auto 0; }



/*先生のコラム*/

.column .inner h5 span{ margin:0 auto; }
.column .name p{ width:100%;}

.column .block img.photo{ display:none;}

/* 横遷移ボタン */

#edu_link{
	width:95%;
	padding:40px 0 25px;
}

#edu_link ul{
	width:100%;
	margin:0;
}

#edu_link ul li a{
	width:60%;
	margin:0 auto 15px;
	float:none;
}


/* ============================================  

#edu_index 3つの柱　index

============================================  */

#edu01,
#edu02,
#edu03{ height: auto; }


#edu01{
	padding:0 0 300px;
	background:url(images/img_mind.jpg) no-repeat center 300px;
	background-size:100% auto;
}

#edu02{
	padding:0 0 300px;
	background:url(images/img_intel.jpg) no-repeat center 300px;
	background-size:100%  auto;
}


#edu03{
	padding:0 0 300px;
	background:url(images/img_nal.jpg) no-repeat center 300px;
	background-size:100%  auto;
	margin:0 auto 60px;
}

#edu_index p.read{ width:95%; }

#edu_index .b_LF .inner {
	width:95%;
    height: 300px;
	padding:45px 0 0 ;
	background:none;
}

#edu_index .b_RF .inner {
	width:95%;
    height: 300px;
	padding:45px 0 0;
	background:none;
}

#edu_index .inner h3{
	height:53px;
	text-align:center;
	margin:0 auto 25px;
}


/* ============================================  

#edu_mind こころを育てる

============================================  */


#container #edu_mind .block{ width:95%; }
#edu_mind p.read{
  width:95%;
  text-align:left;
  }
#mind02,
#mind03,
#mind04,
#mind05{ height: auto; }

#mind02{
	padding:0 0 487px;
	background:url(3education/images/mind02_1.jpg) no-repeat center 560px;
	background-size:100% auto;
}

#mind03{
	padding:0 0 487px;
	background:url(3education/images/mind03_1.jpg) no-repeat center 560px;
	background-size:100% auto;
}

#mind04{
	padding:0 0 487px;
	background:url(3education/images/mind04_1.jpg) no-repeat center 560px;
	background-size:100% auto;
}

#mind05{
	padding:0 0 487px;
	background:url(3education/images/mind05_1.jpg) no-repeat center 560px;
	background-size:100% auto;
}

#edu_mind .b_LF .inner {
    height: 560px;
	padding:35px 0 0;
	background:none;
}

#edu_mind .b_RF .inner {
    height: 560px;
	padding:35px 0 0;
	background:none;
}
#edu_mind .column .name p{ width:95%;padding:0; }
#edu_mind .column .inner{ padding:30px 0; }
#edu_mind .column .inner h5{ background:none; }


/* ============================================  

#edu_intel 知性を育てる

============================================  */

#container #edu_intel .block{ width:95%; }
#edu_intel p.read{
	width:95%;
	text-align:left;
}

#intel02,
#intel03{ height: auto; }
#intel02{
	padding:0 0 487px;
	background:url(3education/images/intel02_1.jpg) no-repeat center 520px;
	background-size:100% auto;
}

#intel03{
	padding:0 0 487px;
	background:url(3education/images/intel03_1.jpg) no-repeat center 520px;
	background-size:100% auto;
}

#edu_intel .b_LF .inner {
    height: 520px;
	padding:35px 0 0;
	background:none;
}

#edu_intel .b_RF .inner {
    height: 520px;
	padding:35px 0 0;
	background:none;
}

#edu_intel .column .name p{ width:95%;padding:0; }
#edu_intel .column .inner{ padding:30px 0; }
#edu_intel .column .inner h5{ background:none; }

#intel05 h3{
	height:86px;
	color:#333;
	line-height:1.4;
	margin:55px auto 20px;
}

#intel05 .fL{ width:100%; }

#intel05 .fL img{
	width:100%;
	max-width:580px;
}

#intel05 .fR{
	width:100%;
	text-align:center;
}

#intel05 .fR img{
	width:100%;
	max-width:380px;
}

/* ============================================  

#edu_nal 国際性を育てる

============================================  */

#container #edu_nal .block{ width:95%; }
#edu_nal p.read{
	width:95%;
	text-align:left;
}

#nal02,
#nal03,
#nal04{ height: auto; }
#nal05,
#nal07{ height: auto; }

#nal02{
	padding:0 0 487px;
	background:url(3education/images/nal02_1.jpg) no-repeat center 580px;
	background-size:100% auto;
}

#nal03{
	padding:0 0 487px;
	background:url(3education/images/nal03_1.jpg)no-repeat center 450px;
	background-size:100% auto;
}

#nal04{
	padding:0 0 487px;
	background:url(3education/images/nal04_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#nal05{
	padding:0 0 387px;
	background:url(3education/images/nal05_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#nal07{
	padding:0 0 387px;
	background:url(3education/images/nal07_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#edu_nal .b_LF .inner {
	padding:35px 0 0;
	background:none;
}

#edu_nal .b_RF .inner {
	padding:35px 0 0;
	background:none;
}


#edu_nal #nal02 .b_LF .inner{ height: 580px; }
#edu_nal #nal03 .b_RF .inner{ height: 450px; }
#edu_nal #nal04 .b_LF .inner{ height: 480px; }
#edu_nal #nal07 .b_LF .inner,
#edu_nal #nal05 .b_RF .inner{ height: 480px; }

#edu_nal .memo ul li img{
	width:160px;
	margin:0;
}

#edu_nal .column .inner h5{ background:none; }
#edu_nal .column .inner{ padding:30px 0; }
#edu_nal .column .inner p{ padding:0 0; }
#edu_nal .column .block img.photo02{ display:none;}
#edu_nal .column .name p{ 
  width:95%;
  padding:0; 
  }
  

/* ============================================  

#edu_pro 多彩なプログラム

============================================  */

#edu_pro p.read{
	width:95%;
	text-align:left;
}

#container #edu_pro .block{ width:95%; }
#pro01_1,#pro01_2,#pro01_3{ margin:0 auto 15px;}
#edu_pro .cover .messe{ padding:0 20px}
#edu_pro .inner .fL{ 
  width:100%;
  float:none;
  }
  
#edu_pro .inner img.fL{ width:100%; }
#edu_pro #pro03 .inner .fL,
#edu_pro #pro04 .inner .fL,
#edu_pro #pro05 .inner .fL{ 
  width:100%;
  max-width:600px;
  float:none;
  }

#edu_pro #pro03 .inner img.fL,
#edu_pro #pro04 .inner img.fL,
#edu_pro #pro05 .inner img.fL{
  width:100%;
	height:auto;
}

#edu_pro .inner .fR{ 
  width:100%;
  float:none;
  }

#edu_pro #pro03 .inner .fR,
#edu_pro #pro04 .inner .fR,
#edu_pro #pro05 .inner .fR{ 
  width:100%;
  float:none;
  }

#edu_pro .inner h3{
    font-size:2.4rem;
	font-weight:700;
	color:#007bc7;
}

#edu_pro .inner h3 span{ font-size:1.8rem; }
#edu_pro .cover .fL{ width:48%; }
#edu_pro .cover .fL img{
	width:100%;
	height:auto;
}

#edu_pro .cover .fL h5{ width:100%; }
#edu_pro .cover .fR{ width:48%; }
#pro06,
#pro07,
#pro08{
  height: auto;
  overflow:hidden;
}

#pro06 h4 .sp,
#pro07 h4 .sp,
#pro08 h4 .sp{ display:none; }

#pro06{
	padding:0 0 447px;
	background:url(images/pro06.jpg) no-repeat center 370px;
	background-size:100% auto;
}

#pro07{
	padding:0 0 447px;
	background:url(images/pro07.jpg) no-repeat center 370px;
	background-size:100% auto;
}

#pro08{
	padding:0 0 447px;
	background:url(images/pro08.jpg) no-repeat center 340px;
	background-size:100% auto;
}

#edu_pro .b_LF .inner {
    height: 370px;
	padding:35px 0 0;
	background:none;
}

#edu_pro #pro08 .b_LF .inner {
    height: 340px;
}

#edu_pro .b_RF .inner {
    height: 370px;
	padding:35px 0 0;
	background:none;
}

/* ============================================  

#edu_sub 教科指導

============================================  */


#edu_sub p.read{
	width:95%;
	text-align:left;
}

#edu_sub h3{
	width:95%;
	margin:0 auto;
}

/*各カラム*/

.ttl{ height:auto; }
#edu_sub .ttl h3{
	width:100%;
	height:auto;
	padding:10px 0;
	float:none;
    text-align: center !important;
}

.ttl h4{
	width:100%;
	height:auto;
	padding:5px 10px 5px;
	float:none;
}

.wrap .ttl{
	height:auto;
	min-height:70px;
}

.wrap .ttl h3{
	width:100%;
	padding:15px 0;
	float:none;
}

.wrap .ttl h4{
	width:100%;
	min-height:70px;
	padding:10px 0 10px 20px;
	float:none;
}

#container #edu_sub .block{ 
    width:95%;
    margin:0 auto 50px;
	}

#edu_sub .wrap{
    width:95%;
	margin:0 auto;
}

#container #edu_sub .block.fL,
#container #edu_sub .block.fR{ 
    width:100%;
	float:none;
	}

#edu_sub .cover{ padding:20px 15px 0; }
#edu_sub .inner{
	margin:0 auto 20px;
	padding:0 0 15px;
}

#edu_sub .inner img.fL{
	width:30%;
	max-width:270px;
	margin:5px 0 0;
	
}
#edu_sub .inner p.fR{ width:65%; }

.bear_icon{
	width:80px;
	height:80px;
	padding:10px 0 0;
	text-align:center;
    border-radius:40px;
	box-shadow:2px 4px 11px -10px #000000;
}

.bear_icon img{
	width:60px;
	height:60px;
}

/* sub01 */
#sub01 .bear_icon{
	top:auto;
	bottom:-40px;
	right:10px;
}

/* sub02 */
#sub02 .bear_icon{
	top:auto;
	bottom:-40px;
	right:10px;
}

/* sub03 */
#sub03 .bear_icon{
	top:auto;
	bottom:-40px;
	right:10px;
}

/* sub04 */
#sub04 .bear_icon{
	top:auto;
	bottom:-40px;
	right:10px;
}

/* sub05 */
#sub05 .bear_icon{ right:10px; }


/* sub06 */
#sub06 .bear_icon{
	bottom:-40px;
	right:10px;
}

/* sub07 */
#sub07 .bear_icon{ right:10px; }

/* sub08 */
#sub08 .bear_icon{ right:10px; }

/* sub09 */
#sub09 .ttl{ height:auto; }
#sub09 .ttl h3{
	width:100%;
	padding:15px 0;
}
#sub09 .ttl h4{ width:100%; }

#sub09 .bear_icon{
	width:80px;
	height:80px;
    border-radius:40px;
}

#sub09 .bear_icon img{
	width:60px;
	height:60px;
}
#sub09 .ongaku{
	position:absolute;
	bottom:-60px;
	right:195px;
}

#sub09 .taiku{
	position:absolute;
	bottom:-60px;
	right:100px;
}

#sub09 .zuko{
	position:absolute;
	bottom:-60px;
	right:10px;
}
	
#edu_sub .column .inner h5{ background:none; }
#edu_sub .column .inner{ padding:30px 0 0; }
#edu_sub .column .block img.photo{ display:none;}
#edu_sub .column .name p{ 
  width:95%;
  padding:0; 
  }
  

/* ============================================  

#edu_12 12年間一貫教育

============================================  */

#edu_12 p.read{ width:95%; }
#container #edu_12 .block{ width:95%; }
#edu1201{ padding:50px 0 30px; }


#edu1201 .inner{
  width:100%;
  /*margin:0 auto 20px;
  box-shadow: 2px 4px 15px -10px #000000;*/
}
/*

#edu1201 dl,
#edu1201 dt,
#edu1201 dd {
  box-sizing: border-box;
}

#edu1201 dl#edu1201_01{ 
     background: #59b5a0;
	 border-bottom:1px solid #59b5a0;
	 }
#edu1201 dl#edu1201_02{
	 background: #007bc7;
	 border-bottom:1px solid #007bc7;
	 }
#edu1201 dl#edu1201_03{ 
	background: #f08300;
	 border-bottom:1px solid #f08300;
	 }
#edu1201 dl#edu1201_04{
	  background: #e9546b;
	 border-bottom:1px solid #e9546b;
	 }
#edu1201 dl#edu1201_05{ background: #a64d99; }

#edu1201 dt{
  font-weight:bold;
  padding: 35px 10px 20px 10px;
}
#edu1201 dl#edu1201_01 dt{ padding: 25px 10px 20px 10px; }
#edu1201 dl#edu1201_02 dt{ background:url(images/12arrow_01.png) no-repeat top center; }
#edu1201 dl#edu1201_03 dt{ background:url(images/12arrow_02.png) no-repeat top center; }
#edu1201 dl#edu1201_04 dt{ background:url(images/12arrow_03.png) no-repeat top center; }
#edu1201 dl#edu1201_05 dt{ background:url(images/12arrow_04.png) no-repeat top center; }*/


#edu1201 dt {
  width: 45%;
 /* float: left;*/
}

#edu1201 dd {
  /*line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;*/
  margin:0 0 0 45%;
  padding: 20px 10px;
}
/*
#edu1201 dd:after {
  content: '';
  display: block;
  clear: both;
}




#edu1201 dt h3{
	font-size:2.2rem;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	color:#fff;
	line-height: 1.4;
	font-weight:bold;
    text-align: center;
    letter-spacing: 0.15em;
    margin: 0 auto 10px;
}

#edu1201 dd h3{
	font-weight:700;
    text-align: center;
    margin: 0 auto 15px;
}

#edu1201 #edu1201_01 dd h3{ color:#59b5a0; }
#edu1201 #edu1201_02 dd h3{ color:#007bc7; }
#edu1201 #edu1201_03 dd h3{ color:#f08300; }
#edu1201 #edu1201_04 dd h3{ color:#e9546b; }
#edu1201 #edu1201_05 dd h3{ color:#a64d99; }

#edu1201 dd ul{
	text-align:center;
}

.contents #edu1201 dt p{
	text-align:center;
	line-height: 1.4;
	color:rgba(255,255,255,0.7);
    margin: 0 auto;
}

#edu1201 dt h4{
	width:95%;
	margin:0 auto;
	padding:5px 5px 1px;
	text-align:center;
	background:#fff;
}
*/
#edu1201 dt h4 span{
	display:block;
	margin:0 auto 5px;
	/*font-size:1.4rem;*/
}
/*
#edu1201 ul li p{
	font-size:1.5rem;
	line-height:1.4;
	margin: 0 auto 8px;
	letter-spacing:0.01em;
}*/

#edu1201 p.read02{
	width:100%;
	/*margin:0 auto;*/
}


/* ============================================  

#edu_eng 英語教育・文理イマージョン教育

============================================  */

#container #edu_eng .block{ width:95%; }

/*#edu_eng h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_eng h3.sub{ text-align:center; }
#edu_eng h3.sub span,
#edu_eng h4.sub span{ color:#35a0cf; }*/
#edu_eng p.read{
	 width:95%; 
	text-align:left; 
    /*margin:15px auto 50px;*/
	}
	
#edu_eng #eng04 p.read,
#edu_eng #eng05 p.read{ text-align:left;}	
#edu_eng #eng05 p.read{ margin: 15px auto 20px; }

#edu_eng h4.sub {
	 width:95%; 
	text-align:left; 
    /*margin: 15px auto 0;*/
}

#eng01,
#eng02,
#eng03{height: auto;
  /*overflow:hidden;*/
}

#eng01{
	padding:0 0 340px;
	background:url(images/eng01.jpg) no-repeat center 270px;
	background-size:100% auto;
}

#eng02{
	padding:0 0 340px;
	background:url(images/eng02.jpg) no-repeat center 270px;
	background-size:100% auto;
}


#eng03{
	padding:0 0 340px;
	background:url(images/eng03.jpg) no-repeat center 270px;
	background-size:100% auto;
	/*margin:0 auto 60px;*/
}

#edu_eng .b_LF .inner {
    height: 270px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .b_RF .inner {
    height: 270px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .inner h3{
    font-size: 2.2rem;
	font-weight:700;
	color:#007bc7;
	text-align:center;
	margin:0 auto 20px;
}

#eng04,
#eng05{
	width:100%;
	/*margin:0 auto;*/
}

#eng05 .inner{
	width:95%;
	/*background:#fff;
	border:1px solid #007bc7;
	box-sizing:border-box;
	margin:0 auto 15px;*/
}

/*#eng05 h5{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	font-size:2.0rem;
	text-align:center;
	color:#fff;
	padding:5px 0;
	background:#007bc7;
	
}

#eng05 .inner p{ padding:20px; }*/

}


@media only screen and (max-width: 568px) {
	

/*写真＋テキスト*/

.memo ul{ width:450px; }
.memo li{ width:150px; }
.b_RF .memo p,
.b_LF .memo p{ margin:10px auto 0; }

	
/*先生のコラム*/

.column .inner h5{
	line-height:1.4;
    margin:0 auto 20px;
}

.column .inner h5 span{ margin:0 auto; }


/* ============================================  

#edu_index 3つの柱　index

============================================  */

#edu01,
#edu02,
#edu03{ height: auto; }
#edu01{ padding:0 0 270px; }
#edu02{ padding:0 0 270px; }
#edu03{ padding:0 0 270px; }


/* ============================================  

#edu_mind こころを育てる

============================================  */

#mind02{
	padding:0 0 437px;
	background:url(3education/images/mind02_1.jpg) no-repeat center 570px;
	background-size:100% auto;
}

#mind03{
	padding:0 0 437px;
	background:url(3education/images/mind03_1.jpg) no-repeat center 570px;
	background-size:100% auto;
}

#mind04{
	padding:0 0 437px;
	background:url(3education/images/mind04_1.jpg) no-repeat center 570px;
	background-size:100% auto;
}

#mind05{
	padding:0 0 437px;
	background:url(3education/images/mind05_1.jpg) no-repeat center 570px;
	background-size:100% auto;
}

#edu_mind .b_LF .inner { height: 570px; }
#edu_mind .b_RF .inner { height: 570px; }
#edu_mind .column .inner{ padding:30px 0; }
#edu_mind .column .block img.photo{ display:none;}
#edu_mind .column .name p{ 
  width:95%;
  padding:0; 
  }
#edu_mind .column .inner h5 span{ border-bottom:none; }


/* ============================================  

#edu_intel 知性を育てる

============================================  */


#container #edu_intel .block{ width:95%; }

#edu_intel p.read{
	width:95%;
	text-align:left;
}

#intel02,
#intel03{ height: auto; }

#intel02{
	padding:0 0 437px;
	background:url(3education/images/intel02_1.jpg) no-repeat center 540px;
	background-size:100% auto;
}

#intel03{
	padding:0 0 437px;
	background:url(3education/images/intel03_1.jpg) no-repeat center 540px;
	background-size:100% auto;
}

#edu_intel .b_LF .inner { height: 540px; }
#edu_intel .b_RF .inner { height: 540px; }
#edu_intel .column .inner{ padding:30px 0; }
#edu_intel .column .block img.photo{ display:none;}
#edu_intel .column .name p{ 
  width:95%;
  padding:0;
   }

/* ============================================  

#edu_nal 国際性を育てる

============================================  */

#container #edu_nal .block{ width:95%; }
#edu_nal p.read{
	width:95%;
	text-align:left;
}

#nal02,
#nal03,
#nal04{ height: auto; }
#nal05,
#nal07{ height: auto; }

#nal02{
	padding:0 0 437px;
	background:url(3education/images/nal02_1.jpg) no-repeat center 580px;
	background-size:100% auto;
}

#nal03{
	padding:0 0 437px;
	background:url(3education/images/nal03_1.jpg)no-repeat center 450px;
	background-size:100% auto;
}

#nal04{
	padding:0 0 437px;
	background:url(3education/images/nal04_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#nal05{
	padding:0 0 337px;
	background:url(3education/images/nal05_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#nal07{
	padding:0 0 337px;
	background:url(3education/images/nal07_1.jpg) no-repeat center 480px;
	background-size:100% auto;
}

#edu_nal #nal02 .b_LF .inner{ height: 580px; }
#edu_nal #nal03 .b_RF .inner{ height: 450px; }
#edu_nal #nal04 .b_LF .inner{ height: 480px; }
#edu_nal #nal07 .b_LF .inner,
#edu_nal #nal05 .b_RF .inner{ height: 480px; }
#edu_nal .memo ul li img{
	width:130px;
	margin:0;
}


/* ============================================  

#edu_pro 多彩なプログラム

============================================  */

#edu_pro .cover .messe{ padding:0 15px}
#edu_pro .cover .fL{
	width:100%;
	float:none;
}

#edu_pro .cover .fL img{ margin:0 auto 15px; }
#edu_pro .cover .fR{ 
	width:100%;
	height:auto;
	margin:0 auto 5px;
}

#pro06{
	padding:0 0 367px;
	background:url(images/pro06.jpg) no-repeat center 410px;
	background-size:100% auto;
}

#pro07{
	padding:0 0 367px;
	background:url(images/pro07.jpg) no-repeat center 450px;
	background-size:100% auto;
}

#pro08{
	padding:0 0 367px;
	background:url(images/pro08.jpg) no-repeat center 370px;
	background-size:100% auto;
}

#edu_pro .b_LF .inner { height: 410px; }
#edu_pro #pro08 .b_LF .inner { height: 370px; }
#edu_pro .b_RF .inner { height:450px; }

/* ============================================  

#edu_sub 教科指導

============================================  */


#edu_sub .inner img.fL{
	width:100%;
	max-width:540px;
	margin:0;
	float:none;
	
}

#edu_sub .inner p.fR{
	width:100%;
	float:none;
}

/* ============================================  

#edu_eng 英語教育・文理イマージョン教育

============================================  */

/*#container #edu_eng .block{ width:95%; }*/

/*#edu_eng h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_eng h3.sub{ text-align:center; }
#edu_eng h3.sub span,
#edu_eng h4.sub span{ color:#35a0cf; }*/
#edu_eng p.read{
	/* width:95%; 
	text-align:left; */
    margin:15px auto 30px;
	}
	
/*#edu_eng #eng04 p.read,
#edu_eng #eng05 p.read{ text-align:left;}	
#edu_eng #eng05 p.read{ margin: 15px auto 20px; }*/

#edu_eng h4.sub {
	/* width:95%; 
	text-align:left; 
    margin: 15px auto 0;*/
}

/*#eng01,
#eng02,
#eng03{height: auto;
  overflow:hidden;
}*/

#eng01{
	padding:0 0 285px;
	background:url(images/eng01.jpg) no-repeat center 310px;
	background-size:100% auto;
}

#eng02{
	padding:0 0 285px;
	background:url(images/eng02.jpg) no-repeat center 310px;
	background-size:100% auto;
}


#eng03{
	padding:0 0 285px;
	background:url(images/eng03.jpg) no-repeat center 310px;
	background-size:100% auto;
	/*margin:0 auto 60px;*/
}

#edu_eng .b_LF .inner {
    height: 310px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .b_RF .inner {
    height: 310px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .inner h3{
    font-size: 2.2rem;
	font-weight:700;
	color:#007bc7;
	text-align:center;
	margin:0 auto 20px;
}

#eng04,
#eng05{
	width:100%;
	/*margin:0 auto;*/
}

#eng05 .inner{
	width:95%;
	/*background:#fff;
	border:1px solid #007bc7;
	box-sizing:border-box;
	margin:0 auto 15px;*/
}

/*#eng05 h5{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	font-size:2.0rem;
	text-align:center;
	color:#fff;
	padding:5px 0;
	background:#007bc7;
	
}

#eng05 .inner p{ padding:20px; }*/


/* ============================================  

#edu_12 12年間一貫教育

============================================  */

#edu_12 p.read{ width:95%; }
#container #edu_12 .block{ width:95%; }
#edu1201{ padding:50px 0 30px; }


#edu1201 .inner{
  width:100%;
  /*margin:0 auto 20px;
  box-shadow: 2px 4px 15px -10px #000000;*/
}


/*#edu1201 dl,
#edu1201 dt,
#edu1201 dd {
  box-sizing: border-box;
}*/

#edu1201 dl#edu1201_01{ 
     /*background: #59b5a0;*/
	 border-bottom:none;
	 }
#edu1201 dl#edu1201_02{
	 /*background: #007bc7;*/
	 border-bottom:none;
	 }
#edu1201 dl#edu1201_03{ 
	/*background: #f08300;*/
	 border-bottom:none;
	 }
#edu1201 dl#edu1201_04{
	  /*background: #e9546b;*/
	 border-bottom:none;
	 }
/*#edu1201 dl#edu1201_05{ background: #a64d99; }*/

/*#edu1201 dt{
  font-weight:bold;
  padding: 35px 10px 20px 10px;
}*/
/*#edu1201 dl#edu1201_01 dt{ padding: 25px 10px 20px 10px; }*/
#edu1201 dl#edu1201_02 dt,
#edu1201 dl#edu1201_03 dt,
#edu1201 dl#edu1201_04 dt,
#edu1201 dl#edu1201_05 dt{ background:url(images/12arrow_05.png) no-repeat top center; }



#edu1201 dt {
  width: 100%;
 float: none;
}

#edu1201 dd {
  /*line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;*/
  margin:0 auto;
  padding: 20px 10px;
}
/*
#edu1201 dd:after {
  content: '';
  display: block;
  clear: both;
}




#edu1201 dt h3{
	font-size:2.2rem;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	color:#fff;
	line-height: 1.4;
	font-weight:bold;
    text-align: center;
    letter-spacing: 0.15em;
    margin: 0 auto 10px;
}

#edu1201 dd h3{
	font-weight:700;
    text-align: center;
    margin: 0 auto 15px;
}

#edu1201 #edu1201_01 dd h3{ color:#59b5a0; }
#edu1201 #edu1201_02 dd h3{ color:#007bc7; }
#edu1201 #edu1201_03 dd h3{ color:#f08300; }
#edu1201 #edu1201_04 dd h3{ color:#e9546b; }
#edu1201 #edu1201_05 dd h3{ color:#a64d99; }

#edu1201 dd ul{
	text-align:center;
}

.contents #edu1201 dt p{
	text-align:center;
	line-height: 1.4;
	color:rgba(255,255,255,0.7);
    margin: 0 auto;
}

#edu1201 dt h4{
	width:95%;
	margin:0 auto;
	padding:5px 5px 1px;
	text-align:center;
	background:#fff;
}
*/
#edu1201 dt h4 span{
	display:inline;
	margin:0 auto;
	/*font-size:1.4rem;*/
}
/*
#edu1201 ul li p{
	font-size:1.5rem;
	line-height:1.4;
	margin: 0 auto 8px;
	letter-spacing:0.01em;
}*/

#edu1201 p.read02{
	width:100%;
	/*margin:0 auto;*/
}
	
}

@media only screen and (max-width: 480px) {


/*写真＋テキスト*/

.memo ul{ width:320px; }
.memo li{ 
	width:100%;
	text-align:center;
	margin:0 auto 10px;
	float:none;
}
	
	
/* 横遷移ボタン */
#edu_link ul li a{ width:80%; }


/* ============================================  

#edu_index 3つの柱　index

============================================  */

#edu01,
#edu02,
#edu03{ height: auto; }


#edu01{
	padding:0 0 190px;
	background:url(images/img_mind.jpg) no-repeat center 310px;
	background-size:100% auto;
}

#edu02{
	padding:0 0 190px;
	background:url(images/img_intel.jpg) no-repeat center 310px;
	background-size:100%  auto;
}


#edu03{
	padding:0 0 190px;
	background:url(images/img_nal.jpg) no-repeat center 310px;
	background-size:100%  auto;
}

#edu_index .b_LF .inner {
	width:95%;
    height: 310px;
	padding:20px 0 0 ;
	background:none;
}

#edu_index .b_RF .inner {
	width:95%;
    height: 310px;
	padding:20px 0 0;
	background:none;
}

/* ============================================  

#edu_mind こころを育てる

============================================  */

#edu_mind h4{ text-align:left; }

#mind02{
	padding:0 0 290px;
	background:url(3education/images/mind02_1.jpg) no-repeat center 670px;
	background-size:100% auto;
}

#mind03{
	padding:0 0 290px;
	background:url(3education/images/mind03_1.jpg) no-repeat center 670px;
	background-size:100% auto;
}

#mind04{
	padding:0 0 290px;
	background:url(3education/images/mind04_1.jpg) no-repeat center 670px;
	background-size:100% auto;
}

#mind05{
	padding:0 0 290px;
	background:url(3education/images/mind05_1.jpg) no-repeat center 670px;
	background-size:100% auto;
}

#edu_mind .b_LF .inner {
    height: 670px;
	padding:20px 0 0;
}

#edu_mind .b_RF .inner {
    height: 670px;
	padding:20px 0 0;
}

/* ============================================  

#edu_intel 知性を育てる

============================================  */

#container #edu_intel .block{ width:95%; }

#edu_intel p.read{
	width:95%;
	text-align:left;
}

#intel02,
#intel03{ height: auto; }

#intel02{
	padding:0 0 290px;
	background:url(3education/images/intel02_1.jpg) no-repeat center 600px;
	background-size:100% auto;
}

#intel03{
	padding:0 0 290px;
	background:url(3education/images/intel03_1.jpg) no-repeat center 600px;
	background-size:100% auto;
}

#edu_intel .b_LF .inner { 
     height: 600px;
	padding:20px 0 0 ;
	 }
#edu_intel .b_RF .inner {  
     height: 600px;
	padding:20px 0 0 ;
	 }
#edu_intel .column .inner{ padding:30px 0; }
#edu_intel .column .block img.photo{ display:none;}
#edu_intel .column .name p{ 
	width:95%;
	padding:0; 
	}
	
#intel05 .sp{ display:none; }
	
/* ============================================  

#edu_nal 国際性を育てる

============================================  */

#container #edu_nal .block{ width:95%; }
#edu_nal p.read{
	width:95%;
	text-align:left;
}

#nal02,
#nal03,
#nal04{ height: auto; }
#nal05,
#nal07{ height: auto; }

#nal02{
	padding:0 0 290px;
	background:url(3education/images/nal02_1.jpg) no-repeat center 680px;
	background-size:100% auto;
}

#nal03{
	padding:0 0 290px;
	background:url(3education/images/nal03_1.jpg)no-repeat center 780px;
	background-size:100% auto;
}

#nal04{
	padding:0 0 290px;
	background:url(3education/images/nal04_1.jpg) no-repeat center 780px;
	background-size:100% auto;
}

#nal05{
	padding:0 0 220px;
	background:url(3education/images/nal05_1.jpg) no-repeat center 780px;
	background-size:100% auto;
}

#nal07{
	padding:0 0 220px;
	background:url(3education/images/nal07_1.jpg) no-repeat center 800px;
	background-size:100% auto;
}

#edu_nal #nal02 .b_LF .inner{ 
	height: 680px;
	padding:20px 0 0 ; 
	}
#edu_nal #nal03 .b_RF .inner{
	height: 780px;
	padding:20px 0 0 ; 
	}
#edu_nal #nal04 .b_LF .inner{ 
	height: 780px;
	padding:20px 0 0 ; 
	}
#edu_nal #nal05 .b_RF .inner{
	height: 780px; 
	padding:20px 0 0 ;
	}
#edu_nal #nal07 .b_LF .inner{
	height: 800px;
	padding:20px 0 0 ; 
	}
#edu_nal .memo ul li img{
	width:175px;
	margin:0;
}

#intel05 .fR ul li span{
	display:block;
}

/* ============================================  

#edu_pro 多彩なプログラム

============================================  */

#edu_pro .cover .messe{ padding:0 15px}
#edu_pro .inner h3{
	line-height:1.5;
	margin:0 auto 10px;
}

#edu_pro .inner h3 span{
	display:block;
    font-size:1.8rem; 
	}

#pro06 h4 .sp,
#pro07 h4 .sp,
#pro08 h4 .sp{ display:block; }

#pro06{
	padding:0 0 220px;
	background:url(images/pro06.jpg) no-repeat center 490px;
	background-size:100% auto;
}

#pro07{
	padding:0 0 220px;
	background:url(images/pro07.jpg) no-repeat center 540px;
	background-size:100% auto;
}

#pro08{
	padding:0 0 220px;
	background:url(images/pro08.jpg) no-repeat center 430px;
	background-size:100% auto;
}

#edu_pro .b_LF .inner {
    height: 490px;
	padding:20px 0 0;
}

#edu_pro #pro08 .b_LF .inner { height: 430px; }
#edu_pro .b_RF .inner {
    height:540px;
	padding:20px 0 0;
}

/* ============================================  

#edu_sub 教科指導

============================================  */

.bear_icon{
	width:70px;
	height:70px;
    border-radius:35px;
}

.bear_icon img{
	width:50px;
	height:50px;
}

/* ============================================  

#edu_12 12年間一貫教育

============================================  */

/*#edu1201 ul { padding: 10px 15px 0; }*/
#edu1201 ul li.fL,
#edu1201 ul li.fR{
	width: 100%;
	margin: 0 auto 10px;
	float:none;
}

#edu1202 h4{ text-align:left;}

/* ============================================  

#edu_eng 英語教育・文理イマージョン教育

============================================  */

/*#container #edu_eng .block{ width:95%; }*/

/*#edu_eng h2#page_TL{
	background:url(../images/sub/blue_dot.png) no-repeat bottom center;
	background-size:45px auto;
}

#edu_eng h3.sub{ text-align:center; }
#edu_eng h3.sub span,
#edu_eng h4.sub span{ color:#35a0cf; }*/
#edu_eng p.read{
	/* width:95%; 
	text-align:left; 
    margin:15px auto 30px;*/
	}
	
/*#edu_eng #eng04 p.read,
#edu_eng #eng05 p.read{ text-align:left;}	
#edu_eng #eng05 p.read{ margin: 15px auto 20px; }*/

#edu_eng h4.sub {
	/* width:95%; 
	text-align:left; 
    margin: 15px auto 0;*/
}

/*#eng01,
#eng02,
#eng03{height: auto;
  overflow:hidden;
}*/

#eng01{
	padding:0 0 190px;
	background:url(images/eng01.jpg) no-repeat center 410px;
	background-size:100% auto;
}

#eng02{
	padding:0 0 190px;
	background:url(images/eng02.jpg) no-repeat center 410px;
	background-size:100% auto;
}


#eng03{
	padding:0 0 190px;
	background:url(images/eng03.jpg) no-repeat center 410px;
	background-size:100% auto;
	/*margin:0 auto 60px;*/
}

#edu_eng .b_LF .inner {
    height: 410px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .b_RF .inner {
    height: 410px;
	padding:35px 0 0 0;
	background:none;
}

#edu_eng .inner h3{
    font-size: 2.2rem;
	font-weight:700;
	color:#007bc7;
	text-align:center;
	margin:0 auto 20px;
}

#eng04,
#eng05{
	width:100%;
	/*margin:0 auto;*/
}

#eng05 .inner{
	width:95%;
	/*background:#fff;
	border:1px solid #007bc7;
	box-sizing:border-box;
	margin:0 auto 15px;*/
}

/*#eng05 h5{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	font-size:2.0rem;
	text-align:center;
	color:#fff;
	padding:5px 0;
	background:#007bc7;
	
}
*/
#eng05 .inner p{ padding:15px; }
		
}