@charset "UTF-8";
/*================================
page-waste.css
=================================*/

/*================================
o/w
=================================*/

header{
background:url(../img/page-waste/header_bg.jpg) no-repeat center top;
overflow: hidden;
width:100%;
position: relative;
margin:0 auto 0;
}


/* .bgon #intro
-------------------------------- */

#intro.bgon{
height:970px;
}

#page-waste .bgon .topbg{
height:710px;
}

#page-waste .bgon .btmbg{
top:710px;
height:260px;
}

.bgon .btmbg .cloud.cloud01{top: 30px; left: 120px;}
.bgon .btmbg .cloud.cloud02{top:80px; right: 200px;}

#page-waste .bgon .row_inner .card .topcard{height:610px;}


#page-waste #intro.bgon .card h3 {
background: url(../img/page-waste/intro_tit.png) no-repeat left top;
}

#page-waste #intro.bgon .card .pic {
background: url(../img/page-waste/intro_pic.png) no-repeat right top;
}

#page-waste #intro.bgon .card ul li{
display: inline-block;
padding:0!important;
margin:0 auto;
}

#page-waste #intro.bgon .card ul li a{
display: block;
width:600px;
height:260px;
}

#page-waste #intro.bgon .card ul li.li01{
background: url(../img/page-waste/intro_li01_with.png) no-repeat center bottom;
}
#page-waste #intro.bgon .card ul li.li02{
background: url(../img/page-waste/intro_li02_with.png) no-repeat center bottom;
}


/* #waste  style o/w
-------------------------------- */

#waste .whitebox {
width:1200px;
background-color: #f7f7f7;
margin-bottom:20px;
}

#waste table.bgtbl{
background-color: #f7f7f7;
}

#waste table.bgtbl th{
width:180px;
}


/*  (.sepheader o/w)
-------------------------------- */

#waste.sepheader{
background: url(../img/page-waste/waste_tit.png) no-repeat center top;
}
#waste.sepheader h4{
margin:370px auto 30px;
}

#waste.sepheader p{
width:940px;
}


#plastic.sepheader{
background: url(../img/page-waste/plastic_tit.png) no-repeat center top;
}
#plastic.sepheader h4{
margin:370px auto 30px;
}
#plastic.sepheader p{
width:880px;
}


#plastic.sepheader .whitebox {
width:1200px;
padding:10px 10px;
background-color: #f7f7f7;

}
#plastic.sepheader table.bgtbl{
}

#plastic.sepheader table.bgtbl {
    background-color: #f7f7f7;
}


/*
#qa ( style o/w )
-------------------------*/

#qa.qa_waste h3 {
background:url(../img/page-waste/qa_waste_tit.png) no-repeat center center;
}

#qa.qa_plastic h3 {
background:url(../img/page-waste/qa_plastic_tit.png) no-repeat center center;
}

#qa.means_plastic h3 {
background:url(../img/page-waste/means_plastic_tit.png) no-repeat center center;
}


/* (.flow ) #workflow  style o/w
-------------------------------- */

#workflow.flow.flow_waste h3{ background: url(../img/page-waste/flow_waste_tit.png) no-repeat center center; }
#workflow.flow.flow_plastic h3{ background: url(../img/page-waste/flow_plastic_tit.png) no-repeat center center; }

#workflow.flow.flow_waste .descfig{
background: url(../img/page-waste/flow_waste_descfig.png) no-repeat center center;
display: block;
width:1201px;
height:609px;
position: relative;
margin: 30px auto;
}

#workflow.flow.flow_waste .descfig p.desc_l{
overflow: hidden;
width:740px;
position: absolute;
left:30px;
top:400px;
text-align: center;
}

#workflow.flow.flow_waste .descfig p.desc_r{
overflow: hidden;
width:340px;
position: absolute;
left:830px;
top:400px;
text-align: center;
}


#workflow.flow.flow_plastic{
margin: 0 auto 90px;
}


#workflow.flow.flow_plastic .astbl{
clear:both;
display: block;
width:1201px;
position: relative;
padding:40px;
background-color: #E4F2F1;
border-radius: 20px;
margin:30px auto 0;
}


#workflow.flow.flow_plastic .astbl::before {
content:"";
background:url(../img/element/flow_item_before.png) no-repeat center bottom;
display: block;
width:25px;
height:22px;
position: absolute;
top: -21px;
left:900px;
}

#workflow.flow.flow_plastic .astbl h4{
display: block;
text-align:center;
font-size: 25px;
font-weight: bold;
line-height: 1.7em;
color:#219184;
margin:0 auto 20px;
}
#workflow.flow.flow_plastic .astbl table.bgtbl{
width:100%;
background-color: #fff;
margin:0 auto 20px;
}

#workflow.flow.flow_plastic .astbl table.bgtbl::after{
display: none;
}

#workflow.flow.flow_plastic .astbl table.bgtbl th{
width:200px;
}

#workflow.flow_plastic.flow .tbl_twin table {
position: relative;
margin:0 auto 10px;
}


/* #vehicle
-------------------------------- */
#vehicle{
	background-color: #f7f7f7;
}

#vehicle .card{
margin:40px auto 10px;
}

#vehicle .card img{
display: inline-block;
vertical-align: top;
}

#vehicle .card .tbox{
display: inline-block;
width:590px;
vertical-align: top;
margin-left:40px;
}
#vehicle .card .tbox h3{
display: block;
position: relative;
margin-bottom:15px;
line-height: 2em;
color:#229083;
}
#vehicle .card .tbox h3::after{
content:"";
display: block;
height:2px;
width:30px;
background-color:#229083;
}


/* (.bgon ) #means  style o/w
-------------------------------- */

#means.means_plastic h3 {
background:url(../img/page-waste/means_plastic_tit.png) no-repeat center center;
}

#means.means_plastic .card ul{
overflow: hidden;
margin:0 auto 0;
}

#means.bgon.means_plastic .card{
margin-bottom:50px;
}

#means.bgon.means_plastic .card ul li.li01.card_twin,
#means.bgon.means_plastic .card ul li.li02.card_twin{
height:480px;
}

#means.bgon.means_plastic .card ul li table{
background-color:#f7f7f7;
margin:20px 0;
}

#means.means_plastic .boy {
background:url(../img/page-waste/plastic_boy.png) no-repeat center center;
display: block;
width:160px;
height:250px;
position: absolute;
bottom:-50px;
left:110px;
z-index:11;
}