.p-case{font-family:var(--font-ja);color:var(--color-text, #1E3355)}.p-case__container{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.p-case__hero{padding:clamp(48px,7vw,96px) 0 clamp(32px,4vw,56px)}.p-case__eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--color-primary, #3D6196)}.p-case__title{font-size:clamp(24px,3.6vw,40px);font-weight:800;line-height:1.4;margin:12px 0 0}.p-case__shots{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);align-items:start}.p-case__shot{margin:0}.p-case__shot-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-text-mid, #475569);margin:0 0 8px 2px}.p-case__shot-frame{border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px #243d6359;border:1px solid rgba(15,23,42,.08)}@media(max-width:768px){.p-case__shots{grid-template-columns:1fr}}.p-case__fullshot{margin:clamp(28px,4vw,40px) auto 0;max-width:980px;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px #243d6359;border:1px solid rgba(15,23,42,.08)}.p-case__shot-url{margin-left:12px;font-size:12px;color:#94a3b8;font-family:var(--font-mono, monospace);letter-spacing:.02em}.p-case__fullshot-scroll{height:min(70vh,620px);overflow-y:auto;background:#fff;-webkit-overflow-scrolling:touch}.p-case__fullshot-scroll img{display:block;width:100%;height:auto}.p-case__fullshot-cap{margin:0;padding:10px 16px;font-size:12px;text-align:center;color:var(--color-text-light, #64748B);background:#f8fafc;border-top:1px solid rgba(15,23,42,.06)}.p-case__shot-bar{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#f1f4f9;border-bottom:1px solid rgba(15,23,42,.06)}.p-case__shot-bar span{width:12px;height:12px;border-radius:50%;background:#cdd5e0}.p-case__shot-img{display:block;width:100%;height:auto}.p-case__section{padding:clamp(40px,6vw,72px) 0}.p-case__section-head{font-size:clamp(20px,2.6vw,30px);font-weight:800;margin:0 0 8px}.p-case__section-lead{font-size:15px;color:var(--color-text-mid, #475569);margin:0 0 28px;line-height:1.8}.p-case__blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,28px)}.p-case__block{background:var(--color-surface, #fff);border:1px solid var(--color-border-subtle, rgba(15,23,42,.08));border-radius:var(--radius-lg, 16px);padding:clamp(20px,2.6vw,32px);box-shadow:var(--shadow-card, 0 4px 16px rgba(15,23,42,.06))}.p-case__block-title{font-size:17px;font-weight:700;margin:0 0 10px}.p-case__block-body{font-size:14px;line-height:1.85;color:var(--color-text-mid, #475569);margin:0}.p-case__features{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.p-case__feature-link{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:color-mix(in srgb,var(--color-primary, #3D6196) 8%,#fff);border:1px solid color-mix(in srgb,var(--color-primary, #3D6196) 22%,transparent);font-size:13px;font-weight:700;color:var(--color-primary, #3D6196);text-decoration:none}.p-case__profit{text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary,#3D6196) 6%,#fff),#fff);border-radius:var(--radius-lg, 16px);padding:clamp(32px,4vw,56px);border:1px solid var(--color-border-subtle, rgba(15,23,42,.08))}.p-case__profit-amount{font-size:clamp(40px,7vw,72px);font-weight:800;color:var(--color-primary, #3D6196);line-height:1}.p-case__profit-label{font-size:14px;color:var(--color-text-mid, #475569);margin-top:12px}.p-case__profit-note{font-size:12px;color:var(--color-text-light, #64748B);margin-top:16px;line-height:1.7}.p-case__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}.p-case__cta-btn{display:inline-flex;align-items:center;padding:16px 32px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s ease}.p-case__cta-btn--primary{background:var(--color-primary, #3D6196);color:#fff}.p-case__cta-btn--ghost{background:#fff;color:var(--color-primary, #3D6196);border:1px solid color-mix(in srgb,var(--color-primary,#3D6196) 30%,transparent)}@media(hover:hover){.p-case__cta-btn:hover{transform:translateY(-2px)}}@media(max-width:768px){.p-case__blocks{grid-template-columns:1fr}}