@charset "utf-8";
/* ================================================== */
/*                                                    */
/*                    reason_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/reason/reason_bg-free.png");
        background-size:contain;
        display:block;
        margin:20% auto 10% auto; 
        padding:70% 0 0 0;
    }
    /* ================== //基本設定// ================== */

    #contents_wrap .contents_area p.reason_title{
        display:none;
    }
    #contents_wrap .contents_area p.reason_title_sp{
        width:100%;
        display:inline;
    }
    #contents_wrap .contents_area p.reason_title_sp img{
        width:96%;
        margin:0 auto 8% auto;
    }
    #contents_wrap .contents_area .reason_block{
        width:96%;
        margin:0 auto 5% auto;
        padding:0 0 0 0;
    }
    #contents_wrap .contents_area .reason_block p.contents_title{
        display:none;
    }
    #contents_wrap .contents_area .reason_block p.contents_title_sp{
        width:100%;
        display:inline;
    }
    #contents_wrap .contents_area .reason_block p.contents_title_sp img{
        width:90%;
        margin:0 auto 5% auto;
    }
    #contents_wrap .contents_area .reason_block h1{
        font-size:1.0rem;
        margin:0 0 3% 0;
    }
    #contents_wrap .contents_area .reason_block h2{
        font-size:0.9rem;
        margin:0 0 5% 0;
        padding:0 2% 0 2%;
    }
}