@charset "UTF-8";
@import url('./user.common.css');
/**************************************************/
/* ================================= common */



/**************************************************/
/* ================================= layout */



/**************************************************/
/* ================================= responsive */
@media screen and (min-width: 1025px){
    /* ==================== common */


    /* ==================== layout */
    #page_diagnosis #sec_1 .bx_list li img{ width: calc(55% + 68px);}
    #page_diagnosis #sec_1 .bx_list li div{ width: 45%; }
    #page_diagnosis #sec_1 .bx_list li a{ margin-top: 217px;}


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

}
@media screen and (max-width: 1024px){
    /* ==================== common */
    .bn_main h5{ order: 1;}
    .bn_main p{ order: 2;}

    /* ==================== layout */
    #page_diagnosis #sec_1 .bx_list li { flex-flow: column nowrap; margin-top: 58px;}
    #page_diagnosis #sec_1 .bx_list li * { color: #333;}
    #page_diagnosis #sec_1 .bx_list li div{ position:static; padding: 40px 0 0;}
    #page_diagnosis #sec_1 .bx_list li a{ border: 1px solid #C0C0C0; color: #333;}

}