.direct-contact {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.direct-contact a,
.footer-contact a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}

.direct-contact a {
  font-size: .83rem;
  letter-spacing: .06em;
}

.direct-contact a:hover,
.footer-contact a:hover {
  color: var(--gold);
}

.footer-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.header-brand .brand-logo {
  width: 245px;
  height: auto;
  object-fit: contain;
}

.footer-brand img {
  width: 230px;
  height: auto;
  object-fit: contain;
}

.feature-card::before,
.image-wrap::before {
  content: "";
  position: absolute;
  z-index: 6;
  left: 18px;
  top: 18px;
  width: 170px;
  height: 58px;
  background: url("images/mizuchi-dragon-wordmark.png") left center/contain no-repeat;
  opacity: .82;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .75));
  pointer-events: none;
}

.feature-card::before {
  left: clamp(22px, 4vw, 62px);
  top: 28px;
  width: 210px;
  height: 72px;
}

.care-logo {
  position: absolute;
  right: -5vw;
  bottom: -8vw;
  width: min(52vw, 760px);
  opacity: .07;
  pointer-events: none;
}

.success-logo {
  width: 260px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 820px) {
  .header-brand .brand-logo { width: 178px; height: auto; }
  .footer-brand img { width: 190px; height: auto; }
  .feature-card::before,
  .image-wrap::before { width: 135px; height: 46px; left: 14px; top: 14px; }
  .footer-contact { align-items: flex-start; }
  .direct-contact { flex-direction: column; align-items: center; gap: 14px; }
}