/* ===== 導入事例一覧 ===== */
.case-sec{padding:72px 0}
.sec-head{font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#112E56;font-size:32px;letter-spacing:.02em;line-height:1.4;margin:0 0 8px}
.sec-sub{color:#6A7686;font-size:14px;margin:0 0 30px}
/* 絞り込み検索 */
.case-filter{background:#F7F9FB;border:1px solid #E4EBF3;border-radius:8px;padding:26px 30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 12px -8px rgba(3,76,146,.14)}
.cf-row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.cf-label{flex:0 0 92px;font-weight:800;color:#112E56;font-size:14px;padding-top:7px}
.cf-tags{display:flex;flex-wrap:wrap;gap:10px}
.cf-tag{display:inline-flex;align-items:center;background:#fff;border:1px solid #cdd8e4;color:#034C92;font-size:13px;font-weight:700;border-radius:999px;padding:6px 16px;cursor:pointer;transition:.15s}
.cf-tag:hover{background:#034C92;color:#fff;border-color:#034C92}
.cf-opts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-top:6px}
.cf-opt{color:#3a4a5e;font-size:14px;font-weight:700}
.cf-sep{color:#c2ccd8;margin:0 6px}
/* 導入事例カード */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.case-card{background:#fff;border:1px solid #DCE4EE;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px -6px rgba(3,76,146,.18);display:flex;flex-direction:column}
.case-card .photo{aspect-ratio:4/3;border-radius:0;font-size:18px;overflow:hidden}
.case-card .photo img{width:100%;height:100%;display:block;object-fit:cover}
.case-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.case-brand-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:linear-gradient(135deg,#0E3058 0%,#034C92 58%,#0E2F57 100%);color:#fff}
.case-brand-panel .case-brand-kicker{font-family:"Oswald",sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;color:#9DB8D8}
.case-brand-panel strong{font-family:"Noto Sans JP",sans-serif;font-size:25px;font-weight:600;line-height:1.4}
.case-brand-panel>span:last-child{font-size:13px;line-height:1.7;color:#D6E2F0}
.cc-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px}
.cc-cat{align-self:flex-start;background:#EAF1F9;color:#034C92;font-size:12px;font-weight:700;border-radius:4px;padding:4px 12px}
.cc-name{font-size:19px;font-weight:800;color:#17285F;margin:0}
.cc-tags{display:flex;flex-wrap:wrap;gap:8px}
.cc-tags span{font-size:12px;font-weight:700;color:#5c8fc4}
.cc-tags span.red{color:red}
.cc-voice{font-size:14px;color:#48525F;line-height:1.9;margin:0}
.cc-more{margin-top:auto;padding-top:4px;text-align:right;color:#034C92;font-size:13px;font-weight:800}
.case-list-sec{padding-top:0}
.case-note{font-size:12px;color:#aab2bd;margin:18px 0 0}
/* ページネーション */
.pager{display:flex;justify-content:center;gap:10px;margin-top:44px}
.pager a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #cdd8e4;border-radius:6px;font-weight:700;color:#034C92;font-family:"Oswald",sans-serif}
.pager a.is-current,.pager a:hover{background:#034C92;color:#fff;border-color:#034C92}
/* 無料デモ訴求バンド */
.demo-band{background:linear-gradient(97deg,#0E3058 0%,#034C92 52%,#0F4C93 76%,#0E2F57 100%);padding:76px 0;text-align:center;color:#fff}
.demo-band .db-lead{font-size:16px;color:#D6E2F0;margin:0 0 10px}
.demo-band .db-title{font-family:"Noto Sans JP",sans-serif;font-weight:500;font-size:38px;line-height:1.4;margin:0 0 32px}
.demo-pills{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:34px}
.demo-pill{background:#fff;color:#034C92;border-radius:999px;padding:14px 36px;font-weight:800;font-size:16px}
.btn-demo{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#112E56;font-weight:800;font-size:16px;padding:16px 46px;border-radius:6px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.btn-demo:hover{background:#E9EFF7}
/* お問い合わせ / 資料請求 CTAバンド */
.contact-band{padding:84px 0;background:var(--surface);text-align:center}
.contact-band .cb-title{font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#112E56;font-size:35px;margin:0 0 30px}
.cb-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.cb-tel{font-size:14px;color:#3a4a5e;line-height:1.8}
.cb-tel strong{display:block;font-family:"Oswald",sans-serif;font-size:32px;color:#034C92;letter-spacing:.02em;margin-top:4px}
@media(max-width:768px){.case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr}.cf-label{flex-basis:100%}}