/* お問い合わせ：1カラム中央寄せ */
.contact { max-width: 760px; margin-inline: auto; }
.contact__form .form { max-width: none; }
.form .send { text-align: center; margin-top: var(--sp-6); }
.form .send input[type="submit"] { min-width: 240px; }
/* 送信結果の枠は内容があるときだけ表示 */
.form .wpcf7-response-output:empty { display: none; }
.form .wpcf7-form.init .wpcf7-response-output { display: none; }
.form .wpcf7-response-output { text-align: center; }
/* 電話案内：フォームの下に横長で */
.contact__phone { margin-top: var(--sp-8); background: var(--color-surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-1); padding: var(--sp-6) var(--sp-6); display: grid; gap: var(--sp-5); align-items: center; }
.contact__phone-title { font-size: var(--fs-lg); margin-top: .1rem; }
.contact__phone-number { display: inline-block; margin-top: .35rem; font-family: var(--font-display); font-weight: 900; font-size: var(--fs-2xl); color: var(--color-navy-deep); letter-spacing: .02em; text-decoration: none; line-height: 1.2; }
.contact__phone-note { margin-top: .25rem; font-size: var(--fs-sm); color: var(--color-muted); }
.contact__phone-sub { font-size: var(--fs-sm); color: var(--color-ink-soft); }
.contact__phone-sub p + p { margin-top: .5rem; }
@media (min-width: 720px) {
  .contact__phone { grid-template-columns: auto 1fr; gap: var(--sp-7); }
  .contact__phone-sub { border-left: 1px solid var(--color-line-soft); padding-left: var(--sp-6); }
}