@charset "UTF-8";

/* ==============================
   p-contact
   お問い合わせ（入力・確認・完了）
   ============================== */
.p-contact__tel-title { font: 700 22px/1.8 var(--font-mincho); letter-spacing: .05em; }
.p-contact__tel-note { margin: 10px 0 32px; font-size: 13.5px; color: var(--color-text-mute); }
.p-contact__luce { margin-top: 18px; font-size: 12.5px; color: var(--color-text-mute); }
.p-contact__luce a { font-weight: 700; }
.p-contact__form-wrap { max-width: 820px; margin: 0 auto; }
.p-contact__lead { margin-bottom: 32px; font-size: 13px; line-height: 1.9; color: var(--color-text-mute); }
/* スパム対策の隠し項目 */
.p-contact__hp { position: absolute; left: -9999px; }

.p-contact__confirm { display: grid; border-top: 1px solid var(--color-line); }
.p-contact__confirm-row { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--color-line); font-size: 14px; }
.p-contact__confirm-row dt { font-weight: 700; }
.p-contact__confirm-row dd { color: var(--color-text-sub); white-space: pre-wrap; word-break: break-all; }

.p-contact__done { padding: 56px 24px; border: 1px solid var(--color-line); background: var(--color-bg-white); text-align: center; }
.p-contact__done::before { content: "✦"; font-size: 22px; color: var(--color-accent); }
.p-contact__done-title { margin-top: 16px; font: 700 22px var(--font-mincho); letter-spacing: .06em; }
.p-contact__done-text { margin: 14px 0 26px; font-size: 13.5px; line-height: 2; color: var(--color-text-sub); }
@media (min-width: 768px) {
  .p-contact__tel-title { font-size: 26px; }
  .p-contact__confirm-row { grid-template-columns: 200px 1fr; gap: 20px; }
}