/* ===== 導入事例ページ 最小ローカルCSS（style.css は不変・ここだけで完結） ===== */
.case-sec{padding:80px 0}
.case-sec.alt{background:#F3F5F8}
.case-sec .container{max-width:1100px}
.case-eyebrow{font-family:"Oswald",sans-serif;font-weight:700;font-size:14px;letter-spacing:.16em;color:#034C92;text-transform:uppercase;margin:0 0 10px;display:block}
.case-sec .h2{font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#112E56;font-size:36px;letter-spacing:.02em;line-height:1.5;margin:0 0 36px;position:relative;padding-bottom:16px}
.case-sec .h2::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:3px;background:linear-gradient(90deg,#112E56 0%,#034C92 40%,rgba(3,76,146,0) 100%);filter:blur(.4px)}
.case-lead{font-size:16.5px;line-height:1.9;color:#46536A;margin:0 0 32px;max-width:760px}
/* ヒーローのリード */
.page-head .case-hero-lead{font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:500;color:#D6E2F0;margin:22px 0 0;position:relative;z-index:1;line-height:1.7}
/* 情報テーブル（企業情報／導入内容 共通） */
.case-info{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 6px 18px -12px rgba(3,76,146,.18)}
.case-info th{text-align:left;background:#EEF3FA;color:#112E56;font-weight:700;padding:18px 22px;width:230px;border:1px solid #DCE4EE;vertical-align:top;line-height:1.6;font-size:15px}
.case-info td{padding:18px 22px;border:1px solid #DCE4EE;color:#2A3442;line-height:1.7;font-size:15.5px}
@media(max-width:640px){.case-info th{width:140px;font-size:13.5px;padding:14px 14px}.case-info td{font-size:14px;padding:14px 14px}}
/* 課題・決め手・効果 共通グリッド */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:768px){.case-grid{grid-template-columns:1fr}}
.case-cell{background:#fff;border:1px solid #DCE4EE;border-radius:6px;padding:24px 26px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 4px 14px -8px rgba(3,76,146,.16)}
.case-cell .ci{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}
.case-cell .ci.issue{background:#FCEDEC;color:#C0392B}
.case-cell .ci.reason{background:#EAF2FA;color:#034C92}
.case-cell .ci.result{background:#E7F6EE;color:#1F9D5B}
.case-cell p{margin:0;font-size:15.5px;line-height:1.85;color:#2A3442;font-weight:500}
/* 担当者コメント */
.voice-wrap{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
@media(max-width:768px){.voice-wrap{grid-template-columns:1fr}}
.voice-company{min-height:280px;padding:34px 24px;background:linear-gradient(135deg,#0E3058 0%,#034C92 58%,#0E2F57 100%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center}
.voice-company i{width:64px;height:64px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#D6E2F0}
.voice-company strong{font-family:"Noto Sans JP",sans-serif;font-size:23px;font-weight:600;line-height:1.5}
.voice-company span{font-size:14px;color:#BFD0E4}
.voice-quotes{display:flex;flex-direction:column;gap:18px}
.voice-q{background:#fff;border:1px solid #DCE4EE;border-left:4px solid #034C92;border-radius:6px;padding:26px 30px;box-shadow:0 6px 18px -12px rgba(3,76,146,.18);position:relative}
.voice-q .qmark{font-family:"Noto Sans JP",sans-serif;font-size:40px;color:#C7D6E8;line-height:0;position:absolute;top:26px;left:16px}
.voice-q p{margin:0;padding-left:34px;font-size:17px;line-height:1.85;color:#1A2433;font-weight:500}
/* CTA（無料デモ） */
.case-cta{background:linear-gradient(97deg,#0E3058 0%,#034C92 52%,#0F4C93 76%,#0E2F57 100%);color:#fff;padding:76px 0 80px;text-align:center;position:relative;overflow:hidden}
.case-cta::before{content:"";position:absolute;top:-210px;right:-160px;width:430px;height:430px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.035),0 0 0 108px rgba(255,255,255,.02);pointer-events:none}
.case-cta .container{max-width:1000px;position:relative;z-index:1}
.case-cta .ceb{font-family:"Oswald",sans-serif;color:#9DB8D8;letter-spacing:.2em;font-size:13px;font-weight:600;margin:0 0 14px}
.case-cta h2{font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#fff;font-size:38px;letter-spacing:.02em;margin:0 0 14px;line-height:1.4}
.case-cta .ctxt{color:#D6E2F0;font-size:16px;margin:0 0 34px}
.demo-types{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:0 0 40px}
.demo-type{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:18px 30px;min-width:180px;color:#fff;font-weight:700;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.demo-type i{font-size:24px;color:#9DB8D8}
.cbtns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cbtn{display:inline-flex;align-items:center;gap:10px;padding:17px 34px;border-radius:6px;font-weight:700;font-size:15.5px;letter-spacing:.02em;line-height:1;text-decoration:none;transition:all .2s ease}
.cbtn-primary{background:#fff;color:#112E56;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.cbtn-primary:hover{background:#E9EFF7}
.cbtn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.cbtn-ghost:hover{background:rgba(255,255,255,.12)}