.as_sup_c{padding: 0 0 100px;display: flex;flex-wrap: wrap;}
.as_sup_c>h1{text-align: center;width: 100%;}
.as_sup_i{width: 23%;margin-right: calc(8% / 3);margin-bottom: 40px;background-color: #f5f5f5;}
.as_sup_i:nth-child(4n){margin-right: 0;}
.as_sup_i>img{width: 100%;height: 20rem;object-fit: cover;}
.as_sup_i>h1{padding: 20px 15px;font-size: 1.6rem;}

@media screen and (max-width: 1200px) {
    .ac_cate_c{width: 200vw;}

    .as_sup_c{gap: 2rem 0;padding: 3rem 0;}
    .as_sup_i{width: 100%;margin: 0;}
    
}