/*
 * 研修選定コンシェルジュ フォームページ: 明るいテーマ（2026-10-05）
 *   concierge.css（左エリア＝濃紺）の後に読み込み、左エリアと SP 上部バーを白基調に上書きする。
 *   従来デザインに戻す: concierge/parts/concierge_page.php の $concierge_theme を 'dark' にする
 *   （変更前ファイル一式: concierge/_backup/20261005_dark_left/）
 */
#ksh-hearing{
  --ksh-bg:#F1F4F8;
  --kst-surface:#FFFFFF;
  --kst-border:#E3E8EF;
  --kst-border-soft:#EDF1F5;
  --kst-ink:#12222C;
  --kst-ink-2:#4A5967;
  --kst-ink-3:#7A8794;
  --kst-shadow:0 1px 2px rgba(18,34,44,.04), 0 4px 14px rgba(18,34,44,.05);
}

/* ---- 左エリア ---- */
#ksh-hearing .ksh-left{
  background:#FFFFFF; /* グラデーションは使わず単色（右エリアの淡いグレーと対比させる） */
  color:var(--kst-ink-2);
  border-right:1px solid var(--kst-border);
}
#ksh-hearing .ksh-brand img{ filter:none; height:28px; }
#ksh-hearing .ksh-return{ color:var(--kst-ink-3); display:flex; width:max-content; margin-bottom:14px; }
#ksh-hearing .ksh-return:hover{ color:var(--kst-ink); }
#ksh-hearing .ksh-lp-section{ border-top-color:var(--kst-border); }

#ksh-hearing .ksh-lp-eyebrow{
  display:inline-block; padding:4px 11px; border-radius:999px;
  background:var(--ksh-accent-soft); color:var(--ksh-accent-deep);
  font-size:12px; letter-spacing:.02em;
}
#ksh-hearing .ksh-lp-headline{ color:var(--kst-ink); font-size:23px; font-weight:800; letter-spacing:-.01em; line-height:1.5; }
#ksh-hearing .ksh-lp-sub{ color:var(--kst-ink-2); }

/* 累計相談実績: 白いカードで数字を主役に */
#ksh-hearing .ksh-lp-section:has(.ksh-lp-stat-num){ border-top:none; padding-top:4px; }
#ksh-hearing .ksh-lp-section:has(.ksh-lp-stat-num) + .ksh-lp-section{ border-top:none; }
#ksh-hearing .ksh-lp-section:has(.ksh-lp-stat-num){
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:var(--kst-surface); border:1px solid var(--kst-border); border-radius:12px;
  padding:14px 20px; margin:6px 0 10px; box-shadow:var(--kst-shadow);
}
#ksh-hearing .ksh-lp-stat-label{ color:var(--kst-ink-2); font-weight:700; margin:0; }
#ksh-hearing .ksh-lp-stat-num{ color:var(--kst-ink); font-size:32px; letter-spacing:-.02em; line-height:1; }

#ksh-hearing .ksh-lp-heading2{ color:var(--kst-ink); }

/* 導入企業ロゴ */
#ksh-hearing .ksh-logo-cell{
  background:var(--kst-surface); border:1px solid var(--kst-border-soft); border-radius:8px;
  box-shadow:0 1px 2px rgba(18,34,44,.04);
}

/* 活用される理由 */
#ksh-hearing .ksh-reason-list{ gap:8px; }
#ksh-hearing .ksh-reason-item{
  background:#F7F9FB; /* 白背景の上でカードの輪郭が出るよう、ごく淡いグレー */ border:1px solid var(--kst-border-soft); border-radius:10px;
  padding:10px 12px; align-items:center;
}
#ksh-hearing .ksh-reason-icon{ background:#E9F4E3; color:#3F7F22; width:20px; height:20px; font-size:11px; margin-top:0; }
#ksh-hearing .ksh-reason-main{ color:var(--kst-ink); font-weight:600; }
#ksh-hearing .ksh-reason-item.ksh-highlight{ background:#FFF8EB; border-color:#F5DDAF; padding:10px 12px; }
#ksh-hearing .ksh-reason-item.ksh-highlight .ksh-reason-icon{ background:var(--ksh-accent); color:#fff; }
/* 人材育成ルート: 人材育成計画のご支援内容（3ステップを縦の線でつなぐ） */
#ksh-hearing .ksh-plan-support{ list-style:none; background:#F3F7FC; border:1px solid #D9E5F2; border-radius:10px; padding:10px 12px 8px; }
#ksh-hearing .ksh-plan-support-title{ margin:0 0 6px; font-size:12px; font-weight:700; color:#2B5A8A; letter-spacing:.02em; }
#ksh-hearing .ksh-plan-steps{ list-style:none; margin:0; padding:0; position:relative; }
#ksh-hearing .ksh-plan-steps::before{ content:""; position:absolute; left:9px; top:10px; bottom:10px; width:2px; background:#C9DAEC; }
#ksh-hearing .ksh-plan-steps li{ position:relative; display:flex; align-items:center; gap:10px; padding:3px 0; }
#ksh-hearing .ksh-plan-step-no{ flex:0 0 20px; height:20px; border-radius:50%; background:#2B5A8A; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; position:relative; z-index:1; }
#ksh-hearing .ksh-plan-step-text{ font-size:13px; font-weight:600; color:var(--kst-ink); line-height:1.45; }

/* ---- 右エリア: 左との境目がわかるよう、少しだけ寒色寄りのグレー ---- */
#ksh-hearing .ksh-card{ box-shadow:0 1px 2px rgba(18,34,44,.05), 0 8px 28px rgba(18,34,44,.06); border:1px solid var(--kst-border-soft); }

/* ---- SP 上部バー ---- */
@media (max-width:880px){
  #ksh-hearing .ksh-sp-bar{ background:#FFFFFF; color:var(--kst-ink-2); border-bottom:1px solid var(--kst-border); }
  #ksh-hearing .ksh-sp-bar .ksh-brand img{ height:22px; }
  #ksh-hearing .ksh-sp-stat{ color:var(--kst-ink-2); }
  #ksh-hearing .ksh-sp-stat strong{ color:var(--kst-ink); }
  #ksh-hearing .ksh-card{ border:none; }
}

/* ---- 1画面（高さ860px程度）に収めるための詰め ---- */
#ksh-hearing .ksh-left{ padding-top:22px; padding-bottom:16px; }
#ksh-hearing .ksh-lp-section{ padding:11px 0; }
#ksh-hearing .ksh-brand{ margin-bottom:10px; }
#ksh-hearing .ksh-lp-headline{ font-size:22px; margin-bottom:6px; }
#ksh-hearing .ksh-lp-heading2-rule{ margin-bottom:10px; }
#ksh-hearing .ksh-reason-list{ gap:6px; }
#ksh-hearing .ksh-reason-item, #ksh-hearing .ksh-reason-item.ksh-highlight{ padding:8px 12px; }

/* SP: 2列の項目が1列になったときの間隔をそろえる（列の gap と項目の余白が重なっていた） */
@media (max-width:520px){
  #ksh-hearing .ksh-two-col{ row-gap:0; }
}