/* 組織の動きやすさ診断（/organization-diagnosis/）専用CSS
   原本: 01_旧サイト素材/抽出/ページ/organization-diagnosis.md の「ページ固有CSS」。
   サイト共通のCSS（.hero / .chips / .chip / v2の .ph など）と名前が重なるため、すべて .g3diag の中に限定した。
   変更点（2026-10-22）: ①セレクタを .g3diag 配下に限定 ②WordPress用の .entry-title / .page-title の非表示を除いた
   ③開始画面の見出しを h1 → h2 にしたので .hero h1 を .hero h2 に当て替えた ④最後の「サイト共通CSSとの衝突を打ち消す」ブロックを追加 */
.g3diag,
.g3diag * { box-sizing:border-box }
.g3diag * { margin:0;padding:0 }
.g3diag { font-family:"Hiragino Sans","Yu Gothic Medium","Noto Sans JP",sans-serif;background:#F5F7FC;color:#1F2937;line-height:1.8;min-height:100vh }
.g3diag button,
.g3diag input { font:inherit }
.g3diag .hero { background:linear-gradient(145deg,#0F3D96 0%,#0a2d6e 60%,#071e4a 100%);padding:56px 24px 68px;text-align:center }
.g3diag .hero-inner { max-width:600px;margin:0 auto }
.g3diag .hero-badge { display:inline-flex;align-items:center;background:rgba(255,255,255,0.13);border:1px solid rgba(255,255,255,0.25);border-radius:999px;color:rgba(255,255,255,0.92);font-size:13px;font-weight:700;letter-spacing:.05em;padding:5px 15px;margin-bottom:26px }
.g3diag .hero h2 { color:#fff;font-size:clamp(28px,6vw,48px);font-weight:900;line-height:1.25;letter-spacing:-0.03em;margin-bottom:18px }
.g3diag .hero h2 em { font-style:normal;color:#93c5fd }
.g3diag .hero-lead { color:rgba(255,255,255,0.8);font-size:clamp(14px,2vw,16px);line-height:2;max-width:500px;margin:0 auto 28px }
.g3diag .areas { display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px }
.g3diag .ac { background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);border-radius:999px;color:rgba(255,255,255,0.9);font-size:12px;font-weight:600;padding:5px 13px }
.g3diag .btn-start { background:#fff;border:3px solid rgba(255,255,255,0.9);border-radius:12px;color:#0F3D96;cursor:pointer;font-size:18px;font-weight:900;padding:17px 48px;box-shadow:0 8px 24px rgba(0,0,0,0.2);transition:all .18s;display:inline-block;letter-spacing:.01em }
.g3diag .btn-start:hover { background:#dbeafe;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.25) }
.g3diag .hero-note { margin-top:18px;color:rgba(255,255,255,0.48);font-size:12px;line-height:1.8 }
.g3diag .qwrap { max-width:680px;margin:0 auto;padding:32px 20px 56px }
.g3diag .ph { display:flex;justify-content:space-between;font-size:12px;color:#9CA3AF;margin-bottom:7px }
.g3diag .pt { height:5px;background:#E5E7EB;border-radius:999px;overflow:hidden;margin-bottom:20px }
.g3diag .pf { height:100%;background:#0F3D96;border-radius:999px;transition:width .3s }
.g3diag .qbadge { display:inline-flex;background:#EEF3FA;border:1px solid rgba(15,61,150,0.16);border-radius:999px;color:#0F3D96;font-size:11px;font-weight:700;padding:3px 11px;margin-bottom:12px }
.g3diag .qcard { background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:clamp(22px,4vw,36px);margin-bottom:16px;box-shadow:0 1px 8px rgba(0,0,0,0.06) }
.g3diag .qt { font-size:clamp(18px,3.5vw,26px);font-weight:800;color:#1F2937;line-height:1.6;letter-spacing:-0.02em;margin-bottom:24px }
.g3diag .opts { display:grid;gap:9px }
.g3diag .opt { width:100%;border:1.5px solid #E5E7EB;border-radius:11px;background:#fff;color:#1F2937;padding:13px 18px;text-align:left;cursor:pointer;font-size:15px;font-weight:500;display:flex;align-items:center;gap:11px;transition:all .15s }
.g3diag .opt:hover { border-color:#0F3D96;background:#EEF3FA }
.g3diag .opt.sel { border-color:#0F3D96;background:#0F3D96;color:#fff }
.g3diag .odot { width:21px;height:21px;border-radius:50%;border:1.5px solid currentColor;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;opacity:.4 }
.g3diag .opt.sel .odot { opacity:1;background:rgba(255,255,255,.22) }
.g3diag .qnav { display:flex;justify-content:space-between;align-items:center }
.g3diag .bprev { background:#fff;border:1.5px solid #E5E7EB;border-radius:11px;color:#9CA3AF;cursor:pointer;font-size:14px;font-weight:700;padding:11px 18px;transition:all .15s }
.g3diag .bprev:hover { background:#F9FAFB;color:#6B7280 }
.g3diag .bnext { background:#0F3D96;border:none;border-radius:11px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;padding:13px 26px;box-shadow:0 4px 14px rgba(15,61,150,.28);transition:all .15s }
.g3diag .bnext:hover { background:#1a4fab }
.g3diag .bnext:disabled { opacity:.3;cursor:not-allowed;box-shadow:none }
.g3diag .rwrap { max-width:760px;margin:0 auto;padding:28px 20px 64px }
.g3diag .rhd { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px }
.g3diag .rbadge { display:inline-flex;background:#EAF3E8;border-radius:999px;color:#24453B;font-size:12px;font-weight:700;padding:5px 13px }
.g3diag .breset { background:#fff;border:1.5px solid #E5E7EB;border-radius:10px;color:#9CA3AF;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px }
.g3diag .ssec { background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:clamp(20px,4vw,28px);margin-bottom:16px;box-shadow:0 1px 6px rgba(0,0,0,.05) }
.g3diag .stitle { font-size:11px;font-weight:700;color:#9CA3AF;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px }
.g3diag .srow { display:grid;gap:5px;margin-bottom:12px }
.g3diag .slbl { display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#1F2937 }
.g3diag .snum { color:#9CA3AF;font-size:12px }
.g3diag .bt { height:7px;background:#F3F4F6;border-radius:999px;overflow:hidden }
.g3diag .bf { height:100%;border-radius:999px;background:#0F3D96;transition:width .6s }
.g3diag .bf.focus { background:#ef4444 }
.g3diag .rmain { background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:clamp(22px,4vw,36px);margin-bottom:16px;box-shadow:0 1px 6px rgba(0,0,0,.05) }
.g3diag .ral { font-size:11px;font-weight:700;color:#0F3D96;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px }
.g3diag .rhl { font-size:clamp(22px,4.5vw,36px);font-weight:900;color:#1F2937;line-height:1.3;letter-spacing:-0.03em;margin-bottom:14px }
.g3diag .rnote { background:#EEF3FA;border-radius:10px;color:#6B7280;font-size:13px;padding:10px 15px;margin-bottom:22px;line-height:1.75 }
.g3diag .rbody { font-size:15px;line-height:1.95;color:#374151;margin-bottom:22px }
.g3diag .rstep { background:#EAF3E8;border-radius:10px;padding:16px 18px }
.g3diag .rsteplbl { font-size:11px;font-weight:800;color:#24453B;letter-spacing:.06em;margin-bottom:6px }
.g3diag .rstep p { color:#1F5C3A;font-size:14px;line-height:1.8;font-weight:600 }
.g3diag .chips { display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px }
.g3diag .chip { background:#fff;border:1px solid #E5E7EB;border-radius:11px;padding:14px 8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04) }
.g3diag .chip.focus { border-color:#ef4444;background:#FFF5F5 }
.g3diag .chlbl { font-size:11px;font-weight:700;color:#9CA3AF;margin-bottom:3px }
.g3diag .chn { font-size:22px;font-weight:900;color:#0F3D96;line-height:1 }
.g3diag .chip.focus .chn { color:#ef4444 }
.g3diag .chd { font-size:11px;color:#9CA3AF }
.g3diag .cta { background:linear-gradient(145deg,#0F3D96 0%,#0a2d6e 100%);border-radius:16px;padding:clamp(24px,4vw,40px);box-shadow:0 12px 40px rgba(15,61,150,.2) }
.g3diag .cta h3 { color:#fff;font-size:clamp(18px,3vw,26px);font-weight:900;line-height:1.42;margin-bottom:10px }
.g3diag .cta>p { color:rgba(255,255,255,.78);font-size:14px;line-height:1.9;margin-bottom:18px }
.g3diag .ctabox { background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:14px 16px;margin-bottom:16px }
.g3diag .ctaboxt { color:rgba(255,255,255,.92);font-size:13px;font-weight:700;margin-bottom:3px }
.g3diag .ctaboxs { color:rgba(255,255,255,.6);font-size:12px;line-height:1.7 }
.g3diag .ctabtn { display:flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:11px;cursor:pointer;font-size:15px;font-weight:800;padding:14px 20px;width:100%;transition:all .18s;text-decoration:none;margin-bottom:10px }
.g3diag .ctaw { background:#fff;color:#0F3D96;box-shadow:0 6px 20px rgba(0,0,0,.16) }
.g3diag .ctaw:hover { background:#dbeafe }
.g3diag .ctao { background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.28) }
.g3diag .ctao:hover { background:rgba(255,255,255,.2) }
@media(max-width:500px) {
  .g3diag .chips { grid-template-columns:repeat(3,1fr) }
}
.g3diag a { box-shadow:none;text-decoration:none }
.g3diag button { -webkit-appearance:none;appearance:none }
.g3diag-loading { padding:48px 24px;text-align:center;color:#6B7280;background:#F5F7FC;border-radius:12px }
.g3diag .hero,
.g3diag .hero * { color: #ffffff !important; }
.g3diag .hero h2,
.g3diag .hero h2 em { color: #ffffff !important; }
.g3diag .hero h2 em { color: #bfdbfe !important; }
.g3diag .hero-lead { color: rgba(255,255,255,0.92) !important; }
.g3diag .hero-note { color: rgba(255,255,255,0.78) !important; }
.g3diag .hero-badge,
.g3diag .ac { color: #ffffff !important; }
.g3diag .btn-start { color: #0F3D96 !important; background: #ffffff !important; }
.g3diag .hero { margin-top: 40px; }
.g3diag .hero { padding-top: 72px !important; padding-bottom: 84px !important; }
.g3diag .hero h2 { font-size: clamp(32px, 4.5vw, 48px) !important; line-height: 1.35 !important; margin-bottom: 24px !important; }
.g3diag .hero-lead { font-size: clamp(16px, 2vw, 18px) !important; line-height: 2.05 !important; margin-bottom: 36px !important; }
.g3diag .hero-badge { font-size: 14px !important; padding: 7px 18px !important; margin-bottom: 28px !important; }
.g3diag .ac { font-size: 14px !important; padding: 7px 16px !important; }
.g3diag .btn-start { font-size: 18px !important; padding: 18px 56px !important; margin-top: 4px !important; }
.g3diag .hero-note { font-size: 14px !important; line-height: 1.9 !important; margin-top: 22px !important; }
.g3diag .hero { margin-top: 24px !important; }

/* ---- サイト共通CSS・v2との衝突を打ち消す（2026-10-22 追加） ---- */
.g3-diag-sec { padding: 0; }
.g3-diag-sec .wrap, .g3-diag-sec .wrap.v2-wrap, .v2 .g3-diag-sec .wrap.v2-wrap { max-width: none; padding: 0; }
.g3-diag-sec .prose { font-size: 16px; }
.g3diag .hero { position: static; display: block; min-height: 0; overflow: visible; }
.g3diag .hero-inner { position: static; width: auto; max-width: 600px; }
.g3diag .chips { display: grid; flex-wrap: nowrap; margin: 0 0 16px; }
.g3diag .chip { display: block; padding: 14px 8px; border-radius: 11px; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.g3diag .ph { background: none; border-radius: 0; overflow: visible; margin: 0 0 7px; }
.g3diag .hero h2, .g3diag .rhl, .g3diag .cta h3 { border: 0; padding: 0; }
.g3diag .hero h2::before, .g3diag .hero h2::after { content: none; }
.g3diag a { text-decoration: none; }
.g3diag p { margin: 0; }
@media (prefers-reduced-motion: reduce) { .g3diag * { transition: none !important; } }