@charset "utf-8";
/* ============================================================
   apply-brand.css — 申込ページ（申込フォーム・完了・短縮版）を、新しいLP（AI業務活用研修・2026-10）の見た目にそろえる。
   ../css/style.css と apply.css の後ろで読む。変数を上書きするのが中心（style.css 本体は触らない）。
   色は CAS のロゴの色：青 #0585CF（文字用は #0578BE）・オレンジ #F09705・緑 #8EC021・赤 #E40214・墨 #1A1A1A
   ============================================================ */
:root{
  --surface:#FAF7F1;
  --paper:#FAF7F1;
  --panel:#FFFFFF;
  --panel-2:#F4F1EA;
  --panel-3:#E8E2D6;
  --dark:#1A1A1A;
  --dark-2:#1A1A1A;
  --tx:#1A1A1A;
  --tx-2:#4A4A4A;
  --muted:#6E6E6E;
  --line:#E5E0D6;
  --line-2:#D3CCBF;
  --terra:#0578BE;
  --terra-2:#0578BE;
  --terra-deep:#04609A;
  --terra-soft:#F09705;
  --terra-tint:rgba(5,133,207,.08);
  --green:#8EC021;
  --on-dark:#FFFFFF;
  --on-dark-muted:#BDBDBD;
  --f-display:"Noto Sans JP", sans-serif;
  --f-body:"Noto Sans JP", sans-serif;
  --f-mono:"Noto Sans JP", sans-serif;
}
body{font-feature-settings:"palt"}

/* ヘッダー */
.apply-header{background:rgba(250,247,241,.94)}
.apply-header .logo{height:26px}
.apply-header .back{font-size:14px}

/* 見出しの上の小さな言葉：LPと同じ「—— 日本語」 */
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--terra)}
.apply-head h1{font-weight:900;letter-spacing:-.02em;line-height:1.3}
.apply-head .lead{font-size:16px}

/* 見出しを語の途中で割らない（研修名とお申し込みを、それぞれひとかたまりに） */
.apply-head h1 .nw{white-space:nowrap;display:inline-block}

/* 進み具合の番号（丸は不透明にして、つなぎの線が透けないように） */
.astep-dot .n{font-weight:800;position:relative;z-index:1;background:#fff}
.astep-dot.is-done .n{background:#E6F2FA;border-color:#0585CF;color:#0578BE}
.astep-dot.is-done::before,.astep-dot.is-active::before{background:#0585CF}
.astep-dot.is-active .n{background:#0585CF;border-color:#0585CF}
.astep-dot .t{font-size:12.5px}

/* カード：白い面・角丸12・影なし（LPと同じ） */
.astep{border-radius:12px;box-shadow:none}
.astep-title{font-weight:900}
.terms,.participant{background:#FAF7F1;border-color:var(--line)}
.participant .ph{font-size:13px;letter-spacing:.02em;text-transform:none;font-weight:700}
.summary .shead{font-size:13px;letter-spacing:.02em;text-transform:none;font-weight:700}

/* 入力欄 */
.fgroup label{font-size:14px}
.finput{border-radius:10px}
.finput.err{background:#FFF1F0;border-color:#E40214}
.req{color:#E40214;font-size:12px;font-weight:700}
.hint,.fnote,.terms-note{font-size:13px}

/* お見積・開講日程の箱：枠は細い線、強調は青 */
.quote,.schedule-box{border-color:var(--line)}
.schedule-box{background:#fff}
.q-sep,.schedule-box .sb-h{font-size:13px;letter-spacing:.02em;text-transform:none;font-weight:700}
.q-net{background:rgba(5,133,207,.08)}
.q-note,.schedule-box .sb-sub{font-size:13px}

/* ボタン：主ボタンは LP の予約ボタンと同じ（オレンジ・墨の太枠・ずらした影） */
.btn{border-radius:12px;font-size:16px}
.btn-primary{background:#F09705;color:#1A1A1A;border:3px solid #1A1A1A;box-shadow:4px 4px 0 #1A1A1A}
.btn-primary:hover{background:#F09705;color:#1A1A1A;transform:translate(1px,1px);box-shadow:3px 3px 0 #1A1A1A}
.btn-primary:disabled,.btn-primary[disabled]{opacity:.55;box-shadow:none;transform:none}
.btn-ghost{background:#fff;color:#1A1A1A;border:2px solid #1A1A1A}
.btn-ghost:hover{background:#F4F1EA;color:#1A1A1A;border-color:#1A1A1A;transform:none}

/* 完了・短縮版の画面の飾り */
.thanks .fcheck{background:rgba(142,192,33,.15);border-color:#8EC021;color:#5E8A10}
.josei-cta,.tk-sum{border-color:var(--line)}
.tk-err,.tk-warn{background:#FFF1F0;border-color:#E40214;color:#B4000F}

.apply-foot{font-size:12px;letter-spacing:.02em}