@charset "utf-8";

/* ************************
Title: sustainability.css
------------------------------------------------- */
section {
    font-size: 90%;
}
.sec0,
.sec1{
	margin-bottom: 80px;
}

.sec0 {
	width: 850px;
}

#pagebody #contents .w50 {
	width: 50%;
}
#pagebody #contents .txtimg {
	width: 46%;
}

/* =============================
 .sec1
==============================*/
.sec1 a img:hover {opacity: 0.7;}
.bgwrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;

}

.bgwrap.bgl:before {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
.bgwrap.bgr:before {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

.bgwrap.for_bg1:before{
    background: url(../img/sustainability/cont1.jpg) no-repeat top left;
    background-size: contain;
}
.bgwrap.for_bg2:before{
    background: url(../img/sustainability/cont2.jpg) no-repeat top left;
    background-size: contain;
}
.bgwrap.for_bg3:before{
    background: url(../img/sustainability/cont3.jpg) no-repeat top left;
    background-size: contain;
}
.bgwrap.for_bg4:before{
    background: url(../img/sustainability/cont4.jpg) no-repeat top left;
    background-size: contain;
}
.bgwrap.for_bg5:before{
    background: url(../img/sustainability/cont5.jpg) no-repeat top left;
    background-size: contain;
}



.bgwrap .w1000 {
}