.brand-logo {
  display: block;
  width: 118px;
  height: 64px;
  object-fit: contain;
  mix-blend-mode: screen;
}

.hero-visual {
  display: block;
  width: min(100%, 520px);
  height: auto;
  object-fit: contain;
  object-position: left center;
  margin: 0 0 28px;
  border: 0;
  padding: 0;
}

.footer-logo {
  display: block;
  width: 170px;
  height: auto;
  max-height: 116px;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: screen;
}

@media (max-width: 850px) {
  .brand-logo { width: 104px; height: 58px; }
}

@media (max-width: 520px) {
  .brand-logo { width: 92px; height: 54px; }
  .hero-visual { width: 100%; margin-bottom: 24px; }
  .footer-logo { width: 150px; }
}