/* contact.css — 共通CSSへの追加分 */
url('../img/hero-04.jpg') center/cover no-repeat #000;

/* Modern contact call-to-action. */
#main .contact-page .contact-hero { position: relative; overflow: hidden; margin: 0 0 28px; padding: 30px 32px; border-left: 4px solid #c00; background: linear-gradient(135deg, #171717 0%, #292929 72%, #3a1111 100%); color: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.14); }
#main .contact-page .contact-hero .eyebrow { margin: 0 0 7px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
#main .contact-page .contact-hero h3 { position: relative; z-index: 1; margin: 0 0 9px; padding: 0; border: 0; color: #fff; font-size: 23px; line-height: 1.55; }
#main .contact-page .contact-hero .copy { position: relative; z-index: 1; margin: 0 0 22px; color: #ddd; line-height: 1.8; }
#main .contact-page .contact-actions { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 620px; }
#main .contact-page .contact-actions a { display: flex; min-height: 64px; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid rgba(255,255,255,.3); color: #fff; font-weight: 700; line-height: 1.45; text-align: center; text-decoration: none; }
#main .contact-page .contact-actions .phone { background: #b90000; border-color: #d50000; font-size: 20px; }
#main .contact-page .contact-actions .mail { background: #fff; border-color: #fff; color: #222; font-size: 14px; }
#main .contact-page .contact-actions a:hover { transform: translateY(-1px); filter: brightness(1.08); }
#main .contact-page .contact-note { margin: -14px 0 30px; padding: 12px 15px; border: 1px solid #ddd; background: #f7f7f7; color: #555; font-size: 12px; text-align: center; }
#main .contact-page > h3 { margin: 34px 0 14px; padding: 11px 14px; border: 0; border-left: 4px solid #c00; background: #f4f4f4; font-size: 17px; }
#main .contact-page .privacyCo { padding: 20px 22px; border: 1px solid #ddd; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.04); }
#main .contact-page .privacyCo dt { margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid #e3e3e3; }
#main .contact-page .privacyCo dt:first-child { margin-top: 0; }
@media (max-width: 640px) {
  #main .contact-page .contact-hero { padding: 22px 19px; }
  #main .contact-page .contact-hero h3 { font-size: 19px; }
  #main .contact-page .contact-actions { grid-template-columns: 1fr; }
  #main .contact-page .privacyCo { padding: 15px; }
}