/* --------------------------------------------------
 * LAYOUT
 * -------------------------------------------------- */




/*===============================================
　画面の横幅が762px以上▼▼▼▼▼
===============================================*/

@media (min-width: 762px){

    .info_box{
        border: 1px solid #aec0ee;
        padding: 30px 80px;
        margin: 30px 0 0;
    }

    .info_box h4{font-size: 1.8rem;padding: 0 0 0 10px;margin: 0 0 10px;border-left: 4px solid #6785d5;}

    .info_box p{
        font-size: 1.5rem;
    }

    .info_box li{
        list-style: none;
        font-size: 1.5rem;
        padding: 5px 0 0;
    }

}


/*===============================================
　画面の横幅が761pxまで▼▼▼▼▼
===============================================*/

@media (max-width:761px){

    .info_box{
        border: 1px solid #aec0ee;
        padding: 30px 8%;
        margin: 30px 0 0;
    }

    .info_box h4{font-size: 1.6rem;padding: 0 0 0 10px;margin: 0 0 10px;border-left: 4px solid #6785d5;}

    .info_box p{
        font-size: 1.4rem;
    }

    .info_box li{
        list-style: none;
        font-size: 1.4rem;
        padding: 5px 0 0;
    }

}