/* webinar/css/apply.css — 申込画面専用 */

/* ヘッダー部分中央揃え (brand / h1 / 導入文) */
.container > .brand,
.container > h1,
.container > p {
  text-align: center;
}

#applyForm .btn {
  width: 100%;
  margin-top: 8px;
}

#formCard { max-width: 540px; margin: 0 auto; }
#successCard { max-width: 540px; margin: 0 auto; }

/* 初期表示で赤枠を出さない。ユーザー操作後のみバリデーション赤枠 */
.field input.touched:invalid {
  border-color: var(--color-danger);
}