@charset "utf-8";
/* CSS Document */
/*----------------------
----------------------*/
div#title{
display:table;
width: 100%;
height: 600px;
padding: 100px 0;
float: left;
background: url("../image/privacy/title.jpg") no-repeat 50% 0;
text-align:center;
}


div#title div#title_box{
display:table-cell;
vertical-align:middle;
width:400px;
height: 400px;
margin: 0 auto;
background: url("../image/common/title_line.png") no-repeat 50% 50%;
color: #fff;
}
/*-----------------
-----------------*/

div#area_h2{
width: 100%;
float: left;
padding: 60px 0;
background: url("../image/privacy/h2_bg.gif") no-repeat 50% 50%;
background-size: contain;
text-align: center;
}

@media screen and (max-width:680px) {
div#area_h2{
width: calc(100% - 20px) ;
margin: 0 10px;
padding:20px 0;
}
}

/*-----------------
-----------------*/

div#area_privacy{
width: 100%;
float: left;
padding: 60px 0;
}

div#area_privacy div#area_privacy_box{
width:100%;
max-width:1200px;
margin:0 auto;
}

div#area_privacy div#area_privacy_box .area_privacy_headline{
width:100%;
float: left;
padding:0 0 30px 0;
}

@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .area_privacy_headline{
padding:0 10px 0 10px;
}
}
div#area_privacy div#area_privacy_box .area_privacy_headline .area_privacy_headline_box{
display: table;
padding:0 0 30px 0;
}

div#area_privacy div#area_privacy_box .area_privacy_headline .area_privacy_headline_box .area_privacy_headline_no{
display: table-cell;
width:80px;
vertical-align: middle;
font-family: 'Graduate', cursive;
font-size: 4.8rem;
color: #00036A;
}

div#area_privacy div#area_privacy_box .area_privacy_headline .area_privacy_headline_box .area_privacy_headline_text{
display: table-cell;
width:calc(100% - 80px);
vertical-align: middle;
}

div#area_privacy div#area_privacy_box .area_privacy_text{
width:100%;
float: left;
padding:0 0 60px 0;
}
@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .area_privacy_text{
padding: 0 10px 60px 10px;
}
}

div#area_privacy div#area_privacy_box .area_privacy_text p{
padding-bottom: 1rem;
}

div#area_privacy div#area_privacy_box .area_privacy_img{
width:100%;
float:left;
height:400px;
margin:0 0 60px 0;
}

@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .area_privacy_img{
margin:0 0 30px 0;
}
}
div#area_privacy div#area_privacy_box .img_dismantling{
width:100%;
height:400px;
background-image: url("../image/privacy/img_dismantling.jpg");
background-position: center;
background-size: cover;
background-attachment: fixed;
}

@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .img_dismantling{
background-attachment:inherit;
}
}

div#area_privacy div#area_privacy_box .img_restoration{
width:100%;
height:400px;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url("../image/privacy/img_restoration.jpg");
}
@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .img_restoration{
background-attachment:inherit;
}
}

div#area_privacy div#area_privacy_box .img_disposalindustry{
width:100%;
height:400px;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url("../image/privacy/img_disposalindustry.jpg");
}
@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .img_disposalindustry{
background-attachment:inherit;
}
}


div#area_privacy div#area_privacy_box .img_collectionandtransportation{
width:100%;
height:400px;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url("../image/privacy/img_collectionandtransportation.jpg");
}
@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .img_collectionandtransportation{
background-attachment:inherit;
}
}


div#area_privacy div#area_privacy_box .img_generalwastedisposal{
width:100%;
height:400px;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url("../image/privacy/img_generalwastedisposal.jpg");
}
@media screen and (max-width:680px) {
div#area_privacy div#area_privacy_box .img_generalwastedisposal{
background-attachment:inherit;
}
}















