@charset "utf-8";

.bnr-area{
    margin:0;
}
.bnr-box{
    margin: 30px 0;
    list-style: none;
    padding:0;
}
.bnr-box li{
    width:100%;
    border: 1px solid #ccc;
}
.bnr-box li img{
    width:100%;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .bnr-box{
        display:flex;
        gap: 20px 2%;
        flex-wrap:wrap;
    }
    .bnr-box li{
    width:32%;
    }
    /* .bnr-box li:first-of-type,
    .bnr-box li:nth-of-type(2),
    .bnr-box li:nth-of-type(3),
    .bnr-box li:nth-of-type(4){
        width:49%;
    } */
}