@charset "UTF-8";
/* ============================================================================
 * AIgent 登録ページ（/personal/career/entry/）— 診断LPとの差分だけ
 * ----------------------------------------------------------------------------
 * 配色・タイポ・ヘッダ・フッタ・ボタンは診断LPの lp.css をそのまま使います。
 * ここに書いてよいのは「登録ページにしか無いもの」だけです。
 * lp.css にある値（色・角丸・影・フォント）をこのファイルへ写さないでください
 * （写すと2か所を直す羽目になり、必ず食い違います）。
 *
 * 【登録フォーム widget との関係】
 *   登録フォーム widget（aigent-intake-widget.js）は診断widgetと違って
 *   Shadow DOM を使いません。つまり **lp.css の指定が widget の中まで届きます**。
 *   このファイルの末尾で、届いてほしくない分だけを打ち消しています。
 *   widget 自身の見た目（色・余白・文字サイズ）はここで変更しません。
 * ========================================================================== */

/* --- S0 ミニヘッダー ---------------------------------------------------------
 * ★このページはヘッダーを上書きしない（2026-08-26）。
 * 一度は運営者表示をヘッダーへ移設したが、フッターに社名＋許可番号の
 * より強い表示があるため重複だと判断して削除した（診断LPと同じ扱い）。
 * 結果としてヘッダーは lp.css の既定（ロゴ1行・高さ 56/48px）のままでよく、
 * ここに上書きは要らない。上書きを足すと診断LPとの差が生まれるので足さないこと。 */

/* --- S2 フォーム直上の見出しブロック ----------------------------------------
 * 旧 .lp-hero の h1 と、旧 .lp-h2-form「ご登録フォーム」を統合した置き場所。
 * 「ご登録フォーム」という見出しは、フォームしか無いこのセクションで
 * 「これはフォームです」と言い直しているだけだったので復活させない。 */
.lp-entry-intro {
  text-align: center;
  margin-bottom: 12px;
}
.lp-entry-heading {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--lp-navy);
  margin-bottom: 6px;
}
.lp-entry-lead {
  font-size: 14px;
  line-height: 1.7;
  color: var(--lp-ink);
  margin-bottom: 6px;
}
.lp-entry-meta {
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--lp-muted);
}
@media (min-width: 768px) {
  .lp-entry-heading { font-size: 26px; }
  .lp-entry-lead { font-size: 15px; }
}

/* --- S2 登録フォームの置き場所 --------------------------------------------- */
.lp-formwrap {
  background: var(--lp-bg-soft);
  padding: 24px 0 32px;
  scroll-margin-top: 8px;
}
/* フォームの内容幅は widget 側が 480px。器もそれに寄せて、
   カードの左右に余白が余りすぎないようにする。 */
.lp-inner-form { max-width: 560px; }

/* 白カード（モックの「深紺セクション ＞ 白カード ＞ 内容幅」の入れ子に合わせた形。
   地色は伊澤氏指示「見た目は診断LPに合わせる」に従い、診断ウィジェット置き場と
   同じ lp-bg-soft を使う）。 */
.lp-formcard {
  background: var(--lp-bg);
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius-lg);
  box-shadow: var(--lp-shadow-card);
  padding: 18px 16px 28px;
}
@media (min-width: 768px) {
  .lp-formwrap { padding: 36px 0 44px; }
  .lp-formcard { padding: 28px 28px 36px; }
}

/* --- フッター ---------------------------------------------------------------
 * 診断LPは画面下の追従ボタンに隠れないよう下余白を 96px 取っているが、
 * このページに追従ボタンは無い（フォーム自体が主役なので置かない）。 */
.lp-entry .lp-footer {
  padding-bottom: 40px;
}

/* ============================================================================
 * lp.css のリセットが登録フォームの中まで届くのを止める
 * ----------------------------------------------------------------------------
 * lp.css は診断LP用に「要素名だけ」の緩いリセット（body の行間 1.8 など）を
 * 持っています。診断widgetは Shadow DOM の中なので無関係ですが、
 * 登録フォーム widget は素のDOMなのでそのまま影響を受けます。
 * widget が想定していない行間・フォントになるのを避けるため、
 * widget の内側だけ元の想定へ戻します（widget の見た目は変えません）。
 * ========================================================================== */
#aigent-intake-root {
  /* lp.css の body 行間 1.8 が入力欄・ラベルまで広げてしまうのを戻す */
  line-height: 1.6;
}
/* フォーム部品は既定では親のフォントを継がない。widget 自身が root に指定した
   フォント（--aiw-font）を使わせる。 */
#aigent-intake-root input,
#aigent-intake-root select,
#aigent-intake-root button,
#aigent-intake-root textarea {
  font-family: inherit;
}