@charset "utf-8";



/*
    Founation
*/

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



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

    .contact_box_l {
        float: none;
        width: 100%;
        margin: 1em 0;
        padding: 2%;
        border-right: none;
    }

    .contact_box_r {
        float: none;
        width: 100%;
        margin: 1em 0;
        padding: 2%;
    }

    .dt_qa {
        width: 100%;
    }

    .sp_l {
        float: left;
        width: 50%;
        margin-bottom: 3em;
        position: relative;
        height: 460px;
        box-sizing: border-box;
    }

    .sp_r {
        float: right;
        width: 50%;
        margin-bottom: 3em;
        box-sizing: border-box;
    }

    .contact_us {
        position: absolute;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0;
    }

    .contact_box_cap {
        float: none;
        padding-top: 420px;
        padding-left: 8%;
    }

}



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

    .dt_qa dd p {
        margin-left: 0;
    }

    .sp_l {
        float: none;
        width: 100%;
        padding: 0 2%;
        margin-bottom: 1em;
    }

    .sp_r {
        float: none;
        width: 100%;
        padding: 0 2%;
        text-align: center;
    }

    .contact_box_cap {
        padding-left: 0;
        text-align: center;
    }

    .c_us_bg {
        margin-top: 1em;
    }

}