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


/* TOPイメージ
------------------------------- */
#img_top{
margin:0 3%;
position:relative;
}
#img_top .bx-wrapper{
margin:0 auto 5%;
}

#img_top li img{
background:url(../gazou/mobi/bg_slider.jpg);
-webkit-background-size:5% auto;
background-size:5% auto;
padding:1.2%;
-webkit-border-radius: 20%;
border-radius: 20%;
max-width:97.6%;
}
#img_top h2{
width:67%;
position:absolute;
z-index:1;
top:0;
left:0;
padding:8% 0 0 8%;
}
#img_top:before{
content:"";
background:url(../gazou/mobi/img_slider1.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
width:11%;
height:102px;
left:-2%;
top:-8%;
z-index:0;
}
#img_top:after{
content:"";
background:url(../gazou/mobi/img_slider2.png) no-repeat bottom;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
right:0;
bottom:-4%;
z-index:1;
width:16%;
height:102px;
}
.bx-pager{
display:none;
}



/* お知らせ
------------------------------- */
#news{
margin:0 4% 6%;
position:relative;
z-index:10;
}

#news h2{
background:url(../gazou/mobi/tit_news.png) no-repeat top center,url(../gazou/mobi/line1.png) repeat-x bottom;
-webkit-background-size:34% auto,1% auto;
background-size:34% auto,1% auto;
font-size:18px;
font-weight:bold;
padding:1% 0 4%;
text-align:center;
}
#news .btn{
text-align:center;
}
#news .btn a:after{
content:"";
background:url(../gazou/mobi/i_bee.png);
-webkit-background-size:100% auto;
background-size:100% auto;
width:26px;
height:26px;
position:absolute;
right:-20px;
top:-12px;
}
#news ul{
margin:0 0 2%;
}
#news li{
border-bottom:1px dotted #CBB487;
}
#news li:last-child{
border:none;
}
#news li a{
background:url(../gazou/mobi/arrow3.png) no-repeat 0 20px;
-webkit-background-size:1.6% auto;
background-size:1.6% auto;
display:block;
padding:10px 0 10px 2%;
text-decoration:none;
font-size:14px;
letter-spacing:-0.0001em;
color:#000;
line-height:1.2;
}
#news li a .date{
display:inline-block;
width:120px;
}
#news li a .ctgname{
display:inline-block;
width:90px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#FF6633;
}
#news li a .tit{
display:inline-block;
}
#oyako{
margin:0 3% 10%;
text-align:center;
}
#oyako h2{
margin:0 0 4%;
}

/* Policy
------------------------------- */
.stripe{
background:url(../gazou/mobi/bg_stripe.jpg);
-webkit-background-size:5% auto;
background-size:5% auto;
}
#policy{
text-align:center;
position:relative;
}
#policy h2{
padding:6% 0 2%;
line-height:1;
font-size:16px;
font-weight:bold;
color:#4CA440;
position:relative;
z-index:1;
}
#policy .txt{
line-height:1.6;
font-size:12px;
font-weight:bold;
margin:0 0 6%;
position:relative;
z-index:1;
}
#policy:before{
content:"";
background:url(../gazou/mobi/tree1.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
left:0;
top:-8px;
width:21%;
height:230px
}
#policy:after{
content:"";
background:url(../gazou/mobi/tree2.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
right:0;
top:-8px;
width:21%;
height:230px
}


#policy .btn{
text-align:center;
}
#policy .btn a{
white-space:nowrap;
}

/* Guide
------------------------------- */
.dot{
background:url(../gazou/top/bg_dot.gif);
-webkit-background-size:1.6% auto;
background-size:1.6% auto;
}
#guide{
position:relative;
padding:22% 0 11%;
}
#guide h2{
position:absolute;
z-index:1;
top:0;
left:12.6%;
width:74.8%;
}
#guide ul{
width:340px;
margin:5% auto;
}
#guide ul:after{
content:"";
display:block;
clear:both;
}
#guide li{
width:100px;
float:left;
margin:0 15px 0 0;
}
#guide li:last-child{
margin:0;
}
#guide li a{
display:block;
color:#065704;
font-size:12px;
text-align:center;
text-decoration:none;
white-space:nowrap;
}
#guide li .img{
display:block;
height:100px;
width:100px;
-webkit-border-radius:50%;
border-radius:50%;
behavior: url("/js/PIE.htc");
position:relative;
overflow:hidden;
margin:0 0 10px;
box-shadow:0px 0px 10px rgba(144,195,49,1);
transition:.3s;
}
#guide li .img img{
height:100px;
width:auto;
-webkit-border-radius:50%;
border-radius:50%;
}
#guide li a:hover{
color:#FF6633;
}
#guide li a:hover .img{
box-shadow:0px 0px 10px rgba(255,102,51,1);
}
#guide li a:hover .img img{
opacity:1;
}