/* 担当ロール: engineering | 作成日: 2026-09-12 | ステータス: draft */
.case-links{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.case-links-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}
.case-links-heading .text-link{margin:0;font-size:14px;gap:20px}
.case-links .case-story-card{margin-bottom:0}
.case-page .site-footer{padding-bottom:35px}
.case-page-main{padding:26px var(--space) 72px}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:14px;color:var(--muted);margin-bottom:45px}
.case-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.case-page-heading{max-width:850px;margin-bottom:40px}
.case-page-heading h1{font-size:clamp(30px,3.6vw,46px);font-weight:400;line-height:1.6;letter-spacing:.01em;margin:12px 0 19px;text-wrap:balance}
.case-page-heading>p:last-child{font-size:16px;color:var(--body);line-height:2}
.case-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--accent)}
.case-pending-tag{border:1px solid #aacbd9;background:#fff;padding:3px 11px;border-radius:999px;font-size:14px;white-space:nowrap}
.case-story-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;margin-bottom:24px;transition:border-color .2s,box-shadow .2s}
.case-story-card:hover{border-color:var(--blue);box-shadow:0 10px 30px #183b4d0a}
.case-story-art{background:#e3f4fa;min-height:315px;display:grid;place-items:center;padding:36px;position:relative;overflow:hidden}
.case-story-art:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#c9e9f5;right:-100px;top:-100px}
.case-story-paper{position:relative;width:225px;max-width:100%;padding:29px 25px;background:#fff;box-shadow:8px 12px 0 #afdae955;border:1px solid #d1e7ef;border-radius:8px;transform:rotate(-5deg)}
.case-story-paper span{font-size:14px;color:var(--accent);letter-spacing:.08em}
.case-story-paper strong{display:block;font-size:23px;font-weight:500;line-height:1.8;margin:15px 0 23px}
.case-story-paper i{display:block;height:3px;margin-top:8px;border-radius:4px;background:#dcebf1}
.case-story-paper i:last-child{width:70%}
.case-story-copy{padding:36px 40px;align-self:center}
.case-story-copy h2,.case-story-copy h3{font-size:27px;line-height:1.7;margin:16px 0;font-weight:500}
.case-story-copy>p{font-size:16px;line-height:2;color:var(--body)}
.case-story-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;color:var(--accent);margin-top:24px;border-bottom:1px solid #a7c8d7;padding-bottom:5px}
.case-library-note{font-size:14px;color:var(--muted)}
.case-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.case-overview>div{padding:26px;background:white;border:1px solid var(--line);border-radius:16px}
.case-overview h2{font-size:17px;font-weight:500;line-height:1.7;margin:10px 0}
.case-overview p{font-size:16px;color:var(--body);line-height:2}
.case-article-placeholder{background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:38px;margin-top:32px}
.case-photo-placeholder{min-height:230px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;border:1px dashed #b9d4e0;border-radius:16px;background:#eff8fc;color:var(--accent);font-size:14px;text-align:center;padding:24px}
.case-photo-placeholder svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:1.4}
.case-pending-copy h2{font-size:24px;font-weight:500;line-height:1.75;margin:13px 0}
.case-pending-copy p{font-size:16px;line-height:2;color:var(--body)}
.case-page-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}
.case-page-actions .text-link{margin:0;font-size:14px}
.case-consult{margin-top:60px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff;border-radius:20px}
.case-consult h2{font-size:25px;line-height:1.7}
.case-consult p{font-size:15px;color:#d8eaf2;margin-top:9px}
.case-consult .pill{padding:15px 24px;font-size:16px;flex:none}
@media(min-width:801px) and (max-width:1000px){.case-overview{grid-template-columns:1fr}.case-overview>div{padding:28px}.case-consult{flex-wrap:wrap}}
@media(max-width:800px){.case-story-card{grid-template-columns:.85fr 1.15fr}.case-story-copy{padding:27px}.case-story-copy h2,.case-story-copy h3{font-size:23px}.case-overview{grid-template-columns:1fr}.case-article-placeholder{gap:25px;padding:25px}.case-consult{padding:28px}.case-consult h2{font-size:22px}}
@media(max-width:600px){.case-links{margin-top:30px;padding-top:24px}.case-links-heading{gap:12px}.case-links-heading .text-link{font-size:14px;gap:13px}.case-page-main{padding-top:22px;padding-bottom:45px}.case-breadcrumb{margin-bottom:32px;line-height:1.8}.case-page-heading{margin-bottom:28px}.case-page-heading h1{font-size:29px;line-height:1.7}.case-page-heading>p:last-child{font-size:16px}.case-story-card{grid-template-columns:1fr}.case-story-art{min-height:250px;padding:30px}.case-story-paper{width:220px;padding:23px}.case-story-paper strong{font-size:21px;margin:12px 0 18px}.case-story-copy{padding:25px 23px}.case-story-copy h2,.case-story-copy h3{font-size:23px}.case-story-copy>p{font-size:16px}.case-overview>div{padding:24px}.case-overview p{font-size:16px}.case-article-placeholder{grid-template-columns:1fr;padding:22px;gap:24px}.case-photo-placeholder{min-height:190px}.case-pending-copy h2{font-size:22px}.case-pending-copy p{font-size:16px}.case-page-actions{flex-direction:column;align-items:stretch}.case-page-actions .text-link{align-self:flex-start}.case-consult{flex-direction:column;align-items:stretch;margin-top:40px;padding:25px 23px}.case-consult h2{font-size:23px}.case-consult .pill{width:100%}}