@media screen and (min-width: 751px) {
}

@media screen and (max-width: 750px) {
    .under h2{font-size:26px; line-height: 1.4;}
    .under h3{font-size:23px; line-height: 1.4;}
    .under h4{font-size:20px; line-height: 1.4;}
    .under h5{font-size:18px; line-height: 1.4;}
    .under h6{font-size:17px; line-height: 1.4;}
    .under p{margin-bottom:30px}
    .under ul,
    .under li,
    .under p,
    .under dl,
    .under dt,
    .under dd{font-size: 14px;}
    .under .image_r,
    .under .image_l,
    .under .image_l.mb0,
    .under .image_r.mb0{
        float:unset;
        display:block;
        width:max-content;
        max-width: 100%;
        box-sizing: border-box;
        text-align:center;
        margin:0 auto 30px !important;
    }
    
    .under .main h4{
        background-size: 100% 100%;
        padding: 10px 10px 10px 18px;
    }
    /*============ TABLE ============ */
    /* table */
    .under .main table{margin-bottom:30px}
    .under .main table td,
    .under .main table th{padding:15px 10px}
    
    .under .main table.tb_block{
        width: 100%;
        box-sizing: border-box;
        border-left: 1px solid #3456B0;
        border-right: 1px solid #3456B0;
        border-bottom: 1px solid #3456B0;
    }
    .under .main table.tb_block tr{display:flex;flex-direction:column}
    .under .main table.tb_block tr:not(:last-child) th{border-bottom:none}
    .under .main table.tb_block td + td{border-top: none;}
    
    .under .main table.tb_block th,
    .under .main table.tb_block td{
        width: 100%;
        box-sizing: border-box;
    }
    .under .main table.tb_block th{
        background: #3456B0;
        color: #fff;
    }
    /* tb scroll */
    .under .main .tb_scroll{overflow:scroll;}
    .under .main .tb_scroll:not(:last-child){margin-bottom: 30px;}
    .under .main .tb_scroll table{width:720px}
    .under .main .tb_note{margin-bottom: 10px;color: #999;}
    /*============ TABLE ============ */

    
    .under .pageImage{
        width: 100%; min-width: unset; box-sizing: border-box;
        margin-top: 128px;
    }
    .under .pageImage h2{
        width: 100%;
        box-sizing: border-box;
        padding-left: 30px;
    }
    .under .contents .side{display: none;}
    .under .contents,
    .under .contents .main{
        width: 100%; 
        float:unset;
        box-sizing: border-box;
    }
    .under .contents{
        padding: 0 15px;
    }
    .under .path{
        width: 100%;
    }

    .under .step dl{
        background-size: 100% 100%;
    }

    .under .casePhotoHight{
        margin-left: 0;
        height: auto;
        overflow: unset;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .under .casePhoto li{
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    .under.evidence .casePhoto{
        margin-left: 0;
        height: auto;
        overflow: unset;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .under.evidence-item .evidencePsmall,
    .under.evidence-item .evidencePbig{
        max-width: 100%;
        width: max-content;
        box-sizing: border-box;
        float: unset;
        height: auto;
        margin: 0 auto 15px;
        padding: 10px 10px;
    }
    .under.evidence-item .evidencePsmall img,
    .under.evidence-item .evidencePbig img{
        position: relative;
        width: 100%;
        height: auto;
    }
    

    /*============ TABLE CONTACT ============ */
    .under .main table.mailform{
        width: 100%;
        box-sizing: border-box;
        border-left: 1px solid   #5ABE64;
        border-right: 1px solid  #5ABE64;
        border-bottom: 1px solid #5ABE64;
    }
    .under .main table.mailform tr{display:flex;flex-direction:column}
    .under .main table.mailform tr:not(:last-child) th{border-bottom:none}
    .under .main table.mailform td + td{border-top: none;}
    
    .under .main table.mailform th,
    .under .main table.mailform td{
        width: 100%;
        box-sizing: border-box;
    }
    .under .main table.mailform th{
        background: #5ABE64;
        color: #fff;
    }
    .under .main table.mailform textarea,
    .under .main table.mailform input,
    .under .main table.mailform select{
        width: 100% !important;
        box-sizing: border-box;
        margin: 0 0 ;
    }
    

}

@media screen and (max-width: 560px) {
    .under .pageImage{
        margin-top: 90px;
    }
}

/* IPHONE 14 */
@media screen and (max-width: 440px) {

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {

}

/* IPHONE 5 */
@media screen and (max-width: 320px) {

}
