@charset "utf-8";

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

    .m_head {
        margin-bottom: 15px;
    }

    #wiper_blade .bg_box {
        margin-bottom: 30px;
        padding-bottom: 27px;
    }

    #wiper_blade .bg_box h5 {
        margin: 18px 0 0;
        color: #c61a22;
        font-size: 16px;
        font-family: var(--font-bold);
    }

    #wiper_blade .symptom_list {
        margin: 0 -4px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .symptom_list .col {
        margin: 12px 0 0 0;
        width: 49%;
    }

    .symptom_list .name {
        margin: 5px 0 0;
        text-align: center;
        font-size: 14px;
        line-height: 1.3;
    }

    .symptom_list .caution {
        margin-top: 0;
        display: flex;
        width: 100%;
        min-height: 28vw;
        font-size: 12px;
        font-family: var(--font-light);
        flex-wrap: wrap;
        align-items: flex-end;

    }

    .box .img {
        margin: 15px 0 20px;
        text-align: center;
    }

    .box .img img {
        max-width: 81%;
    }

    
}