@charset "utf-8";



/*
    Founation
*/

@media screen and (max-width: 700px) {
    #container > h2 {
        background-image: url(../img/inpage_title/h2_commandment.jpg);
        padding-top: 22.34375%;
    }
}



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

    #container {
        padding-bottom: 2em;
    }

    .line2 {
        max-width: 100%;
    }

    .com_bg1 {
        background-position: center bottom;
        background-size: 30% auto;
        padding: 0 0 20% 2%;
        margin: 0 0 2em 0;
    }

    .com_bg2 {
        background-position: center bottom;
        background-size: 30% auto;
        padding: 0 0 20% 2%;
        margin: 0 0 2em 0;
    }

    .com_bg3 {
        background-position: center bottom;
        background-size: 30% auto;
        padding: 0 0 20% 2%;
        margin: 0 0 2em 0;
    }

}


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

    .com_bg1 {
        background-size: 40% auto;
        padding: 0 0 32.5% 2%;
    }

    .com_bg2 {
        background-size: 40% auto;
        padding: 0 0 32.5% 2%;
    }

    .com_bg3 {
        background-size: 40% auto;
        padding: 0 0 32.5% 2%;
    }

}


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

    .com_bg1 {
        background-size: 50% auto;
        padding: 0 0 35% 2%;
    }

    .com_bg2 {
        background-size: 50% auto;
        padding: 0 0 35% 2%;
    }

    .com_bg3 {
        background-size: 50% auto;
        padding: 0 0 35% 2%;
    }

}