/*メイン
------------------------------*/
.main_img{position:fixed;top:0;left:0;width:100%;z-index:-1;height:525px}
.main_img li{width:100%;height:525px;background-size:cover;}
.main_img li img{width:100%;}

.town{position:absolute;bottom:100px;background:url(../images/town.png) repeat-x center;width:100%;height:69px;}
.truck{position:absolute;bottom:-13px;right:0;z-index:2;}
.truck img{width:170px;height:auto}

.message{position:absolute;top:50%;left:50%;margin-top:-165px;margin-left:-181.5px;}
.message img{opacity:0;width:auto;transition:all 3s}
.message img.img-blur{-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);-o-filter:blur(20px);filter:blur(20px);}
.message img.img-fade{opacity:1;}

.truck_wrap{position:absolute;right:0;transition:all 1s ease 0.1s;background:#f30}
.n4{right:-1px}
.n3{right:130px}
.n2{right:260px}
.n1{right:390px}
.n0{right:520px}
.truck_back{transition:all 3s ease-in-out 0.5s;}

/*サブメイン
------------------------------*/
.submain_img{position:fixed;top:0;left:0;width:100%;z-index:-1;height:100px}
.submain_img li{width:100%;height:100px;background-size:cover;}
.submain_img li img{width:100%;}


/*共通
------------------------------*/
.top_box{padding:50px 20px}
.top_box_inner{width:1000px;}

/*ピックアップ
------------------------------*/
.pickup_box{background:#e4f8ff;}
.tp{width:333px;float:left;}
.tp_recycle{width:334px;}

.tp h2{text-align:center;line-height:1;}
.tp h2 a{display:block;padding:19px 10px;overflow:hidden;position:relative;}
.tp h2 a i{position:absolute;top:50%;right:20px;margin-top:-10px;font-size:20px;opacity:0;transition:0.3s;}
.tp h2 a:hover i{opacity:1;right:10px;}
.tp h2 a img{height:22px;width:auto;transition:0.3s;}
.tp h2 a:hover img{opacity:0.7}
.tp_sanpai h2{border-top:2px solid #ff793e;background:#ffdbcb;}
.tp_recycle h2{border-top:2px solid #23bce3;background:#d0f6ff;}
.tp_refuse h2{border-top:2px solid #75cb47;background:#deffcc;}

.tp_sanpai h2 i{color:#ff793e}
.tp_recycle h2 i{color:#23bce3}
.tp_refuse h2 i{color:#75cb47}

.tp_body{width:100%;height:250px;}
.tp_sanpai .tp_body{background:url(../images/pickup1.jpg) no-repeat;background-size:cover}
.tp_recycle .tp_body{background:url(../images/pickup2.jpg) no-repeat;background-size:cover}
.tp_refuse .tp_body{background:url(../images/pickup3.jpg) no-repeat;background-size:cover}

.tp_body ul{padding:15px;}
.tp li{}
.tp li a{display:block;padding:0 5px;line-height:33px;}
.tp li a:hover{
	background:rgba(255,255,255,0.6);
	background:linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0));
}
.tp li a:before{content:"";vertical-align:middle;margin-right:5px;width:15px;height:15px;display:inline-block;}
.tp_sanpai li a:before{content:"";background:url(../images/icon1.png) no-repeat;background-size:contain;}
.tp_recycle li a:before{content:"";background:url(../images/icon2.png) no-repeat;background-size:contain;}
.tp_refuse li a:before{content:"";background:url(../images/icon3.png) no-repeat;background-size:contain;}

/*トピックス
------------------------------*/
.topics_box h2{float:left;width:250px;font-size:17px;font-size:1.7rem;padding:7px;padding-right:80px;}
.topics_box h2 a{display:block;}
.topics_box h2 a:hover{opacity:0.7}
.topics_box h2 img{width:170px;height:auto;margin-right:5px;vertical-align:middle}
.topics_box h2 a span{display:block;font-weight:normal;font-size:14px;font-size:1.4rem;text-align:right;margin-top:20px;text-align:center}
.topics_box h2 a span i{margin-left:5px;}
.topics_box ul{float:right;width:750px;}

.topics_list li{margin-bottom:10px;}
.topics_list li a{display:block;overflow:hidden;line-height:1.5;padding:10px;}
.topics_list li a:hover{background:rgba(13,111,11,0.1);}
.topics_list li span{display:inline-block;float:left;margin-right:15px;color:#555;}
.topics_list li strong{display:inline-block;float:left;margin-right:15px;text-align:center;color:#fff;padding:2px 0;width:6em;font-weight:normal;font-size:12px;font-size:1.2rem;border-radius:2px}
.topics_list li p{overflow:hidden;}

.icon_news{background:#75cb47}
.icon_release{background:#58cdeb}
.icon_service{background:#ff773c}
.icon_recruit{background:#d181d1}

/*バナー
------------------------------*/
.banner_box{background:url(../images/bg_banner4.jpg) no-repeat fixed;background-size:cover;padding:120px 20px}
.slider_banner li{width:300px;height:230px;background:url(../images/banner_bg.png) no-repeat;background-size:cover;}
.slider_banner li a{display:block;padding:10px;}
.banner_thumb{width:280px;height:160px;overflow:hidden;position:relative;background:#87c134;}
.banner_thumb img{width:100%;height:auto;transition:0.3s;position:absolute;top:0;left:0;}
.slider_banner li a:hover .banner_thumb img{
	width:120%;height:auto;position:absolute;top:-10%;left:-10%;opacity:0.8;
	-webkit-filter: sepia(50%);
	-moz-filter: sepia(50%);
	-o-filter: sepia(50%);
	-ms-filter: sepia(50%);
	filter: sepia(50%);
}
.slider_banner li a strong{display:block;margin-top:10px;line-height:40px;color:#297d1c;padding:0 10px;transition:0.3s}
.slider_banner li a strong i{float:right;line-height:40px;}
.slider_banner li a:hover strong{background:rgba(13,111,11,0.1);}

.banner_box>div{position:relative;}
.banner_button{background:#fff;height:42px;width:42px;border-radius:50%;text-align:center;border:2px solid #ddd;transition:0.3s;}
.banner_button:hover{background:#87c134}
.banner_button i{font-size:30px;line-height:38px;color:#87c134;transition:0.3s;}
.banner_button:hover i{color:#fff;}
.banner_prev{position:absolute;top:50%;left:-70px;margin-top:-21px}
.banner_next{position:absolute;top:50%;right:-70px;margin-top:-21px}
.banner_prev i{margin-right:4px;}
.banner_next i{margin-left:4px;}