@charset "utf-8";
/* ================================================== */
/*                                                    */
/*                 construction_res.css               */
/*                                                    */
/* ================================================== */
@media screen and (max-width: 768px){
    /* ==================== 基本設定 ==================== */
    #contents_wrap{
        width:100%;
        /*
        background-image: url("../images/index/main_bg.jpg");
        background-size:contain;
        */
        z-index:1;
    }
    #contents_wrap .contents_area{
        width:100%;
        background-image: url("../images/construction/construction_bg-free.jpg");
        background-size:contain;
        display:block;
        margin:20% auto 10% auto; 
        padding:70% 0 0 0;
    }
    #contents_wrap .contents_area section.contents_left{
        width:98%;
        display:block;
        margin:0 auto 8% auto;
        padding:0 2% 0 2%;
    }
    #contents_wrap .contents_area section.contents_right{
        width:98%;
        display:block;
        margin:0 auto 8% auto;
        padding:0 2% 0 2%;
    }
    #contents_wrap .contents_area section.contents_left h2{
        font-size:0.9rem;
        line-height:1.8;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    #contents_wrap .contents_area section.contents_right h2{
        font-size:0.9rem;
        line-height:1.8;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    #contents_wrap .contents_area section p.explanatory_img{
        display:none;
    }
    /* ================== //基本設定// ================== */

    /* ==================== コンテンツ設定 ==================== */
    #contents_wrap .contents_area h1.construction_title{
        display:none;
    }
    #contents_wrap .contents_area h1.construction_title_sp{
        width:100%;
        display:inline;
    }
    #contents_wrap .contents_area h1.construction_title_sp img{
        width:96%;
        margin:0 auto 8% auto;
    }

    #contents_wrap .contents_area p.contents_title{
        display:none;
    }
    #contents_wrap .contents_area p.contents_title_sp{
        width:100%;
        display:inline;
    }
    #contents_wrap .contents_area p.contents_title_sp img{
        width:90%;
        margin:0 auto 5% auto;
        padding:0 0 0 3%;
    }
    /* ================== //コンテンツ設定// ================== */

    /* ==================== 施工実績リスト設定 ==================== */
    #contents_wrap .contents_area h3{
        font-size:1.0rem;
        text-align:center;
        margin:0 0 5% 0;
    }
    #contents_wrap .contents_area ul{
        width:98%;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        margin:0 auto;
    }
    #contents_wrap .contents_area ul li{
        width:49%;
        text-align:center;
        margin:0 0 5% 0;
    }
    #contents_wrap .contents_area ul li img{
        width:100%;
        margin:0 0 3% 0;
    }
    #contents_wrap .contents_area ul li span.mini_text{
        font-size:0.8rem;
    }
    /* ================== //施工実績リスト設定// ================== */
}