.case4{--c4:#202832;--b4:#375df0;--bg4:#f5f6f3;--bd4:#d6dad7;color:var(--c4);background:var(--bg4);font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;overflow-x:clip}.case4 *,.case4 :before,.case4 :after{box-sizing:border-box}.case4 a{color:inherit}.case4 button{font:inherit;cursor:pointer}.case4 button:focus-visible,.case4 a:focus-visible{outline-offset:4px;outline:3px solid #375df0}.case4 .c4-wrap{width:min(1360px,100% - 48px);margin-inline:auto}.case4 .c4-kicker{letter-spacing:.13em;text-transform:uppercase;color:#3655b7;font-size:.75rem;font-weight:750}.case4 .c4-hero{grid-template-columns:1.12fr .88fr;align-items:end;gap:9%;padding:clamp(72px,9vw,140px) 0 72px;display:grid}.case4 h1{letter-spacing:-.075em;margin:22px 0 30px;font-size:clamp(3.2rem,7vw,7.7rem);line-height:1.03}.case4 .c4-lead{max-width:590px;font-size:clamp(1.04rem,1.45vw,1.33rem);line-height:1.9}.case4 .c4-side{border-left:2px solid var(--b4);color:#3b4755;padding:12px 0 12px 26px;line-height:1.95}.case4 .c4-strap{border-top:1px solid var(--bd4);color:#53606a;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 0;font-size:.83rem;display:flex}.case4 .c4-list{gap:18px;padding:32px 0 100px;display:grid}.case4 .c4-item{border:1px solid var(--bd4);background:#fff;grid-template-columns:1fr 1fr;min-height:340px;text-decoration:none;transition:transform .26s,box-shadow .26s;display:grid;overflow:hidden}.case4 .c4-item:hover{transform:translateY(-5px);box-shadow:0 22px 50px #101e3914}.case4 .c4-item .c4-visual{place-items:center;min-height:300px;padding:32px;display:grid;position:relative;overflow:hidden}.case4 .c4-item:first-child .c4-visual{background:#dcebe7}.case4 .c4-item:nth-child(2) .c4-visual{color:#fff;background:#1b2739}.case4 .c4-item:nth-child(3) .c4-visual{background:#e9ecff}.case4 .c4-copy{flex-direction:column;justify-content:space-between;align-items:start;gap:20px;padding:clamp(27px,4vw,60px);display:flex}.case4 .c4-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3vw,3.5rem);line-height:1.1}.case4 .c4-copy p{color:#46515d;margin:0;font-size:1rem;line-height:1.85}.case4 .c4-link{border-bottom:1px solid;padding-bottom:5px;font-weight:750}.case4 .c4-chip{letter-spacing:.08em;text-transform:uppercase;color:#3d5490;font-size:.72rem;font-weight:750}.case4 .c4-detail-hero{padding:clamp(65px,8vw,120px) 0 50px}.case4 .c4-detail-hero h1{margin:10px 0 22px}.case4 .c4-nav{flex-wrap:wrap;gap:22px;margin-top:30px;font-size:.86rem;font-weight:700;display:flex}.case4 .c4-nav a{text-underline-offset:6px}.case4 .c4-feature{border:1px solid var(--bd4);background:#fff;margin:32px 0 75px;padding:clamp(20px,4vw,50px)}.case4 .c4-section{border-top:1px solid var(--bd4);grid-template-columns:.35fr .65fr;gap:9%;padding:65px 0;display:grid}.case4 .c4-section h2{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(1.7rem,3vw,3rem);line-height:1.2}.case4 .c4-section p{color:#3c4754;margin-top:0;line-height:1.95}.case4 .c4-note{background:#edf0f5;border-left:3px solid #506ab4;padding:17px 22px;font-size:.87rem;line-height:1.8}.case4 .c4-cta{color:#fff;background:#212d47;justify-content:space-between;align-items:end;gap:20px;margin:40px 0 100px;padding:clamp(38px,7vw,90px);display:flex}.case4 .c4-cta h2{letter-spacing:-.055em;margin:10px 0;font-size:clamp(2.1rem,4.3vw,4.4rem);line-height:1.14}.case4 .c4-cta a{color:#1a2944;white-space:nowrap;background:#d9e5ff;padding:16px 24px;font-weight:800;text-decoration:none}.case4 .c4-diagram{gap:12px;width:100%;max-width:900px;margin:auto;display:grid}.case4 .c4-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.case4 .c4-node{background:#f2f5fc;border:1px solid #cdd8f0;flex-direction:column;justify-content:space-between;min-height:117px;padding:22px;display:flex}.case4 .c4-node strong{font-size:1.1rem}.case4 .c4-node small{color:#54688c}.case4 .c4-arrow{text-align:center;color:#6479af;font-size:1.45rem}.case4 .c4-endpoint{text-align:center;background:#e3ecff;border:1px solid #cdd8f0;padding:20px;font-weight:750}.case4 .c4-control{flex-wrap:wrap;gap:9px;margin:14px 0 24px;display:flex}.case4 .c4-control button{color:#233452;background:#fff;border:1px solid #a6b3c9;border-radius:5px;min-height:44px;padding:12px 18px;font-weight:750}.case4 .c4-control button[aria-pressed=true]{color:#fff;background:#243b78;border-color:#243b78}.case4 .c4-decision{background:#f1f4f9;border:1px solid #d5dbe4;min-height:176px;padding:clamp(22px,3.3vw,38px)}.case4 .c4-decision h3{letter-spacing:-.035em;margin:4px 0 13px;font-size:clamp(1.3rem,2.2vw,2.1rem)}.case4 .c4-decision p{margin:0}.case4 .c4-simple-list{gap:9px;display:grid}.case4 .c4-simple-list div{border-bottom:1px solid var(--bd4);gap:17px;padding:15px 0;line-height:1.65;display:flex}.case4 .c4-simple-list b{color:#3855a5}.case4 .c4-sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.case4 .c4-sites a{background:#fff;border:1px solid #d3dae7;flex-direction:column;justify-content:space-between;gap:28px;min-height:176px;padding:24px;text-decoration:none;transition:transform .2s;display:flex}.case4 .c4-sites a:hover{transform:translateY(-3px)}.case4 .c4-sites strong{font-size:1.4rem}.case4 .c4-sites span{color:#5b6875;font-size:.85rem;line-height:1.7}@media (width<=760px){.case4 .c4-wrap{width:min(100% - 36px,600px)}.case4 .c4-hero,.case4 .c4-item,.case4 .c4-section{grid-template-columns:1fr;gap:22px}.case4 .c4-hero{padding-top:58px}.case4 .c4-item .c4-visual{min-height:245px}.case4 .c4-section{padding:42px 0}.case4 .c4-cta{display:block}.case4 .c4-cta a{margin-top:24px;display:inline-block}.case4 .c4-flow,.case4 .c4-sites{grid-template-columns:1fr}.case4 .c4-node{min-height:85px}.case4 h1{font-size:clamp(2.7rem,12vw,4.5rem)}}@media (prefers-reduced-motion:reduce){.case4 *,.case4 :before,.case4 :after{transition:none!important;animation:none!important}}.p5-work-to-service{color:#172b50;background:#edf2ff;border:1px solid #c3d1ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin:42px 0;padding:clamp(20px,3vw,32px);display:flex}.p5-work-to-service p{max-width:710px;margin:0;line-height:1.85}.p5-work-to-service a{color:#1746a0;text-underline-offset:5px;align-items:center;min-height:44px;font-weight:750;display:inline-flex}.p5-work-to-service a:focus-visible{outline-offset:4px;outline:3px solid #245fe2}.c4-cta .c4-kicker-on-dark{color:#bcd0ff}