@charset "utf-8";

.banner-four-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(1280px,100vw);margin:0 0 4px calc((1280px - min(1280px,100vw))/2);padding:0;box-sizing:border-box}
.banner-four-item {min-width:0;height:auto;aspect-ratio:525/140;overflow:hidden;background:#090909}
.banner-four-item a {display:block;width:100%;height:100%}
.banner-four-media {display:block;width:100%;height:100%;border:0;object-fit:fill}

@media (max-width:1024px) {
    .banner-four-grid {width:100%;margin:0 0 4px;padding:0 2px}
}

@media (max-width:700px) {
    .banner-four-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-bottom:8px;padding:0}
}