/**
 * contact.css — XiADEN お問い合わせ・完了ページCSS
 * 対象テンプレート: page-contact.php / page-thanks.php
 */

/* Contact Hero */
.s-contact-hero { background:var(--n); padding:var(--sp64) 0 var(--sp48); }
.contact-hero-inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--sp48); text-align:center; }
.contact-hero-eyebrow { display:block; font-size:var(--f-xs); font-weight:700; letter-spacing:.18em; color:rgba(255,255,255,.56); margin-bottom:var(--sp12); }
.contact-hero-h1 { font-size:clamp(24px,3.5vw,36px); font-weight:900; color:var(--w); margin-bottom:var(--sp12); }
.contact-hero-desc { font-size:var(--f-sm); color:rgba(255,255,255,.72); line-height:1.78; }

/* Tel section */
.s-tel { background:var(--bs); border-bottom:1px solid var(--bm); }
.tel-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp24); }
.tel-card {
  background:var(--w); border:1px solid var(--bm); border-radius:var(--r3);
  padding:var(--sp32) var(--sp40); display:flex; flex-direction:column; gap:var(--sp8);
  box-shadow:var(--s1);
}
.tel-card--kyushu  { border-top:4px solid var(--or); }
.tel-card--hokuriku { border-top:4px solid var(--n); }
.tel-area-label { font-size:11px; font-weight:700; color:var(--txl); letter-spacing:.1em; }
.tel-number {
  display:block; font-size:clamp(26px,4vw,36px); font-weight:900; color:var(--n);
  letter-spacing:.04em; line-height:1.1;
  transition:color .15s;
}
.tel-number:hover { color:var(--or); }
.tel-note  { font-size:var(--f-sm); color:var(--txm); font-weight:600; }
.tel-hours { font-size:12px; color:var(--txl); }

/* Form section */
.s-form { background:var(--w); }

@media (max-width:768px) {
  .contact-hero-inner { padding:0 20px; }
  .tel-grid { grid-template-columns:1fr; }
  .tel-card { padding:var(--sp24) 20px; }
}