/* contact.css — Contact ページ（Figma 28:993 準拠）
   背景 paper-alt(#f3f4f4) 全面 / タイトル頭文字アクセント / 9カード（上罫線・説明・Contact→）。
   フォント: タイトル=Yu Mincho 96px, 見出し=Yu Mincho 48/64, カード見出し=Yu Mincho 24/30(Demibold),
   本文=Yu Mincho 16/24, リンク=Inter 14（→は --accent）。 */

/* タイトル帯は inner.css の .c-PageHero ＋ .c-PageHero--alt に一本化＝ここでは再定義しない
   （HTML hero に c-PageHero--alt を付与）。footer border-top:0 も base .c-SiteFooter と同値のため削除。 */
body[data-page="contact"] .l-Section { background: var(--paper); }

/* ヒーロー和文サブ（Figma: Inter Regular 16/28 black） */
body[data-page="contact"] .c-PageHero__titleSub {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--ink);
}


/* 6カードグリッド（3×2）Figma 28:993
   ミニボックス1031×362 × 2行 / カード317×362 / column-gap:40 / row-gap:10
   max-width:1031px + margin:0 auto → section-inner(1280px)内で左右125px centering */
.l-ContactFormGrid {
  display: grid;
  grid-template-columns: repeat(3, 317px);
  column-gap: 40px;
  row-gap: 10px;
  max-width: 1031px;
  margin: 0 auto;
}
.l-ContactFormGrid article {
  display: flex;
  flex-direction: column;
  min-height: 362px;
  margin: 0;
  padding: 40px 24px 28px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.l-ContactFormGrid h3 {
  margin: 0;
  font-family: var(--font-mincho);
  font-size: clamp(20px, 2.4vw, 24px);
  font-weight: 600;
  line-height: 1.25;
  color: var(--ink);
}
.l-ContactFormGrid .c-ContactCard__body {
  flex: 1;
  margin: 24px 0 0;
  font-family: var(--font-mincho);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
.l-ContactFormGrid .c-ContactCard__link {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--ink);
  text-decoration: none;
}
.l-ContactFormGrid .c-ContactCard__link::after { content: " →"; color: var(--accent); }
.l-ContactFormGrid .c-ContactCard__link:hover { color: var(--accent); }

@media (max-width: 1031px) {
  .l-ContactFormGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 100%; }
}
@media (max-width: 680px) {
  .l-ContactFormGrid { grid-template-columns: 1fr; }
  .l-ContactFormGrid article { min-height: 0; }
}