@charset "utf-8";



/*
    Foundation
*/

#container > h2 {
    background: center center transparent no-repeat;
    background-size: cover;

    background-image: url(../img/h2_commandment.jpg);
    padding-top: 12.6325%;
}



.com_bg1 {
    background: url(../img/commandment_img1.jpg) no-repeat right center;
    background-size: 25.4850088% auto;
}

.com_bg2 {
    background: url(../img/commandment_img2.jpg) no-repeat left center;
    background-size: 25.3968253968% auto;
    padding-left: 30.8%;
}

.com_bg3 {
    background: url(../img/commandment_img3.jpg) no-repeat right 70px;
    background-size: 25.3968253968% auto;
}

.com_en {
    color: #777;
    width: 96%;
    max-width: 677px;
    padding: 10px 1% 0 1%;
    margin-bottom: 20px;
}



@media screen and (max-width: 1020px) {

    .com_bg1 {
        background-size: 20% auto;
    }

    .com_bg2 {
        background-size: 20% auto;
        padding-left: 22%;
    }

    .com_bg3 {
        background-size: 20% auto;
    }

}