/*------------------------------
  スマホ用
------------------------------- */
@import url("reset.css");
@import url("image_s.css");
@import url("smobi.css");


/* TOPイメージ
------------------------------- */
#img_top{
padding:0 4% 0%;
position:relative;
margin-bottom:10%;
}
#img_top h2{
width:56.8%;
position:absolute;
top:-4%;
left:0;
z-index:100;
}
#img_top:before{
content:url(../gazou/mobi/top_parts.png);
position:absolute;
left:0;
bottom:-50px;
z-index:1;
}
.bx-wrapper{
margin:0 0 40px;
}
#img_top .slide_all{
border:3px solid #A6DCF9;
-webkit-border-radius: 20px;
border-radius: 20px;
height:0;
overflow:hidden;
padding:56% 0 0;
position:relative;
}
#img_top .slide_wrap{
position:absolute;
height:100%;
max-width:100%;
top:0;
left:0;
}
#img_top .bx-viewport{

}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#0099CC;
}




/* お知らせ
------------------------------ */
#news{
width:100%;
background:url(/gazou/top/bg_news.gif) repeat;
position:relative;
padding:8% 0;
}
#news h2{
text-align:center;
position:absolute;
left:0;
top:-3%;

}
#news h2 img{
width:100%;
}
#news ul{
width:84%;
margin:8% auto 3%;
background:#fff;
}
#news .btn_news{
text-align:center;
}
#news li{
padding:3%;
border-bottom:1px dotted #CACACA;
}
#news li a{
display:block;
padding:5px 0;
text-decoration:none;
color:#000;
line-height:1.2;
}
#news li a .date{
display:inline-block;
width:110px;
font-size:14px;
}
#news li .ctgname{
font-size:14px;
display:inline-block;
padding:0 10px;
line-height:20px;
background:#0099CC;
color:#fff;
}
#news li .tit{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
margin:6px 0 0;
}
#news .btn_blog{
margin:0 4%;
}

#news .bt_news{
margin:0 auto;
width:50%;
}

.bt_blog{
margin:5% 2%;
text-align:center;
}


/* 教育方針
------------------------------ */
#policy{
padding-top:3%;
}

#policy h2{
text-align:center;
}
#policy h2 img{
width:70%;
}
#policy h3{
font-size:20px;
text-align:center;
color:#6F4924;
padding:3%;
}
#policy p{
padding:3%;
}
#policy .bt_access{
margin:0 auto;
width:50%;
}