.consultant-phase2 {
  --phase2-primary: #004ea2;
  --phase2-primary-deep: #00396f;
  --phase2-primary-soft: #eef4fb;
  --phase2-primary-line: #bcd3ec;
  --phase2-accent: #ffd36a;
  --phase2-accent-deep: #ffc341;
  --phase2-required: #e64b4b;
  --phase2-required-soft: #fff1f1;
  /* 必須バッジ専用の濃い赤（白地・白文字と4.55:1でWCAG AAを満たす） */
  --phase2-required-badge: #d93a3a;
  --phase2-ink: #222;
  --phase2-muted: #626b75;
  --phase2-bg: #f3f7fb;
  --phase2-card: #fff;
  --phase2-line: #dadada;
  --phase2-input-line: #8593a6; /* 入力欄枠のWCAG 1.4.11対応（白地と3.12:1・es-g式と同値） */
  --phase2-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic,
    "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

/* Zurichサイトの共通ヘッダーはfixedのため、phase2ページでは通常フローに戻す */
html.consultant-form-page .wrapper > header {
  position: relative;
}

/* fixedヘッダー用の既存余白をphase2ページでは解除する */
html.consultant-form-page .content {
  margin-top: 0;
}

/* フッターは他ページと同じ #footer > .info 構造（サイト共通CSS）に任せる */
html.consultant-form-page #footer {
  margin-top: 0;
}

/* キャンペーンバナーをOrix無料相談フォームと同じ幅(PC 637px)に統一（入力・確認共通）。
   Zurichの #form .bnr_img (490px) より優先させるため詳細度を上げる */
@media screen and (min-width: 769px) {
  html.consultant-form-page .bnr_img,
  html.consultant-form-page #form .bnr_img {
    max-width: 637px;
    margin-left: auto;
    margin-right: auto;
  }

  html.consultant-form-page .bnr_img img {
    width: 100%;
    height: auto;
  }
}

/* reset.cssのtext-align: inheritをphase2の操作ボタン内では中央に戻す */
.consultant-phase2 button,
.consultant-phase2 input[type="submit"],
.consultant-phase2 input[type="button"] {
  text-align: center;
}

/* base.cssのグローバル見出しスタイル（余白・左罫線・下罫線・背景）がphase2領域へ漏れるため、
   Orixと同じ素の状態に戻す */
.consultant-phase2 h1,
.consultant-phase2 h2,
.consultant-phase2 h3,
.consultant-phase2 h4 {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: inherit;
}

/* CTA有効状態を商品ページの相談ボタン(.btn_consul 緑#90c741+下影#71a822)に合わせる。
   無効状態(相談方法を選んでください)は既定のグレーのまま=押せる誤解を防ぐ。
   デザイナーレビュー(2026-08-31)反映: 緑#90c741上の白文字は2.01:1で大文字基準3:1未達のため、
   文字を同系統の濃緑#1a2e0aへ（#90c741と7.3:1・hover #71a822とも5.1:1でAA充足） */
html.consultant-form-page .consultant-phase2 #submit-btn.is-ready {
  background-color: #90c741;
  box-shadow: 0 7px 0 #71a822;
  color: #1a2e0a;
}

html.consultant-form-page .consultant-phase2 #submit-btn.is-ready:hover,
html.consultant-form-page .consultant-phase2 #submit-btn.is-ready:focus-visible {
  background-color: #71a822;
}

html.consultant-form-page .consultant-phase2 #submit-btn.is-ready:active {
  box-shadow: 0 2px 0 #71a822;
}

html.consultant-form-page .consultant-phase2 #confirm-send-button:not(:disabled) {
  background-color: #90c741;
  box-shadow: 0 7px 0 #71a822;
  color: #1a2e0a;
}

html.consultant-form-page .consultant-phase2 #confirm-send-button:not(:disabled):hover,
html.consultant-form-page .consultant-phase2 #confirm-send-button:not(:disabled):focus-visible {
  background-color: #71a822;
}

html.consultant-form-page .consultant-phase2 #confirm-send-button:not(:disabled):active {
  box-shadow: 0 2px 0 #71a822;
}

/* ボタン形状もチューリッヒの相談ボタン(.box_btn_contact a=角丸5px)に合わせる（無効/有効共通・確認画面の戻る/送信も統一） */
html.consultant-form-page .consultant-phase2 #submit-btn,
html.consultant-form-page .consultant-phase2 #confirm-send-button,
html.consultant-form-page .consultant-phase2 .phase2-confirm-back {
  border-radius: 5px;
}

/* SP追尾バーの電話ボタンを、SPヘッダーの電話アイコン(.telicon=ピンク#e8437e・角丸3px・影2px 2px 4px)に統一 */
html.consultant-form-page .consultant-phase2 .phase2-cta-tel {
  border-color: #e8437e;
  border-radius: 3px;
  color: #e8437e;
}

html.consultant-form-page .consultant-phase2 .phase2-cta-bar:not(.is-ready) .phase2-cta-tel {
  background: #e8437e;
  box-shadow: 2px 2px 4px #62626296;
  color: #fff;
}

/* フッターの引受保険会社ブロック: 旧マークアップの<br><br>相当の段落間隔を供給 */
html.consultant-form-page #footer .info_address__underwriter {
  margin-top: 1em;
}

/* SPフッター: na/himawariと同様、Pマークを募集代理店ブロックの左隣に配置し、
   引受保険会社ブロックは全幅で下段へ（style.cssのSPは縦積み＝Pマークが最下部だった） */
@media screen and (max-width: 768px) {
  html.consultant-form-page #footer .infoBOX {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    column-gap: 12px;
  }

  html.consultant-form-page #footer .info_address {
    display: contents;
  }

  html.consultant-form-page #footer .info_address__agency {
    grid-row: 1;
    grid-column: 2;
  }

  html.consultant-form-page #footer .info_address__underwriter {
    grid-row: 2;
    grid-column: 1 / -1;
    margin-top: 16px;
  }

  html.consultant-form-page #footer .isms {
    grid-row: 1;
    grid-column: 1;
    width: 68px;
    margin: 0;
    align-self: center;
  }

  html.consultant-form-page #footer .isms img {
    width: 68px;
    height: auto;
  }
}

/* base.cssのグローバル h3 span（display:block・width:70px・height:44px・line-height:44px・
   margin-top:8px）が完了画面のバッジ（順次/キャンペーン期間中）に漏れ、
   楕円が文字サイズと合わなくなるため打ち消す */
html.consultant-form-page .consultant-phase2 .complete-flow__badge {
  display: inline-block;
  width: auto;
  height: auto;
  margin-top: 0;
  line-height: 1.6;
}

/* zurichサイトreset.cssの input/select { appearance: none } でネイティブ描画が消え、
   確認画面の同意チェックボックスが不可視・selectの矢印が消えるため復元する
   （参照実装のOrixはresetにappearance指定が無くネイティブ描画前提の設計） */
html.consultant-form-page .consultant-phase2 .phase2-agreement input[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: auto;
}

html.consultant-form-page .consultant-phase2 select {
  -webkit-appearance: menulist;
  appearance: auto;
}