@media (max-width: 768px) {
  .brand-catalog-hero {
    margin-bottom: 50px;
    background-image: url("../image/brand_sp.png?ver=sp01");
  }
  .catalog-hero-title {
    font-size: 40px;
  }
  .catalog-hero-sub {
    font-size: 28px;
  }
  .brand-grid {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
  }
  .brand-card {
    max-width: 768px;
  }
}