.home-recruit-banner {
  box-sizing: border-box;
  width: min(100% - 30px, 1140px);
  aspect-ratio: 3 / 1;
  margin: 48px auto 56px;
  padding: 34px clamp(24px, 5vw, 60px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 22px;
  color: #fff;
  background: linear-gradient(100deg, rgba(16, 48, 68, .84), rgba(16, 48, 68, .60)), url("home-recruit-banner-back-2026.webp") center / cover;
}
.home-recruit-banner .home-recruit-copy { max-width: 700px; }
.home-recruit-banner .home-recruit-label { margin: 0 0 8px; color: #f0c65f; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.home-recruit-banner h2 { margin: 0 0 9px; color: #fff; font-size: clamp(24px, 3.3vw, 36px); line-height: 1.4; }
.home-recruit-banner p:not(.home-recruit-label) { margin: 0; color: rgba(255,255,255,.86); font-size: 14px; }
.home-recruit-banner .home-recruit-link { min-width: 205px; padding: 14px 17px; color: #172f3e; background: #e0ac36; font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.home-recruit-banner .home-recruit-link:hover { background: #f0c65f; transform: translateY(-2px); }
.home-recruit-banner .home-recruit-link:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 700px) {
  .home-recruit-banner { aspect-ratio: auto; margin: 28px auto 38px; padding: 27px 22px; grid-template-columns: 1fr; gap: 20px; }
  .home-recruit-banner .home-recruit-link { width: 100%; }
  .home-recruit-banner p:not(.home-recruit-label) { font-size: 13px; }
}