/* 制作事例一覧とEC制作事業部のPoC。図は掲載用に整理した業務フロー。 */
.work-title-tail{display:inline-block}
.works-list{display:grid;gap:30px;padding-top:38px}
.works-entry{display:grid;grid-template-columns:1fr 1.35fr;gap:38px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);align-items:center}
.works-entry-copy h2{font-size:clamp(1.45rem,2.7vw,1.9rem);line-height:1.65;margin:12px 0 16px;letter-spacing:-.025em}
.works-entry-copy h2 a{color:inherit;text-decoration:none}
.works-entry-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.works-entry-copy>p:not(.work-kicker){color:var(--muted);font-size:.95rem;line-height:1.95}
.works-entry-copy .works-stage{margin-top:18px;font-size:.8rem}
.works-entry-copy .text-link{margin-top:16px}
.work-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}
.work-tags li{padding:5px 11px;background:#f0f4ee;border:1px solid #dbe4d7;border-radius:4px;font-size:.75rem;color:#40584b}
.works-visual{min-width:0;padding:26px 20px;border-radius:6px;background:#eaf1e4;border:1px solid #d9e4d1}
.works-visual>p{font-weight:700;font-size:.95rem;line-height:1.8;margin-bottom:22px}
.works-visual-row{display:grid;grid-template-columns:1fr 16px 1fr;gap:7px;align-items:center;margin-bottom:12px}
.works-visual-row span{background:#fff;border:1px solid #d4dfcd;border-radius:4px;padding:15px 6px;font-size:.8rem;text-align:center;white-space:nowrap}
.works-visual-row b{font-weight:400;color:#627d56;text-align:center}
.works-visual small{display:block;color:#4c644e;font-size:.75rem;line-height:1.8;margin-top:24px}
.works-visual-site{background:#edf2f7;border-color:#d8e2ed}
.works-visual-site .works-visual-row span{border-color:#d7e1eb}
.works-visual-site b,.works-visual-site small{color:#526c83}
.poc-flow{margin:30px 0 0;padding:28px;background:#edf3e8;border:1px solid #d5e1cc;border-radius:7px}
.poc-flow figcaption{font-size:.85rem;font-weight:700;margin-bottom:22px;color:#355040}
.poc-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;padding:0;margin:0}
.poc-flow li{position:relative;background:#fff;border:1px solid #d5e1cc;padding:19px 14px;border-radius:4px}
.poc-flow li:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:45%;color:#657b55;font-size:15px}
.poc-flow li>span{display:block;font-size:.75rem;color:#587443;margin-bottom:8px}
.poc-flow strong{display:block;font-size:1rem;line-height:1.7;margin-bottom:8px}
.poc-flow p{font-size:.825rem;line-height:1.85;color:#56694f}
.poc-facts{margin:0;border-top:1px solid var(--line)}
.poc-facts>div{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:18px 0;border-bottom:1px solid var(--line)}
.poc-facts dt{font-size:.9rem;color:var(--muted)}
.poc-facts dd{margin:0;font-weight:700;font-size:.95rem}
.poc-scope{margin-top:22px;padding:20px 24px;background:#fff;border-left:3px solid #88967e;font-size:.9rem;line-height:1.9;color:#53624d}
@media(max-width:900px){.works-entry{grid-template-columns:1fr;gap:26px}.works-visual{max-width:520px;width:100%}.poc-flow ol{grid-template-columns:repeat(2,1fr)}.poc-flow li:nth-child(2)::after{display:none}}
@media(max-width:600px){.works-entry{padding:22px;gap:22px}.works-list{gap:22px;padding-top:26px}.works-entry-copy h2{font-size:1.4rem}.works-visual{padding:21px 16px}.works-visual-row span{font-size:.75rem;padding:12px 4px}.poc-flow{padding:20px}.poc-flow ol{grid-template-columns:1fr;gap:20px}.poc-flow li{padding:15px 18px}.poc-flow li:not(:last-child)::after{content:'↓';display:block;top:auto;right:50%;bottom:-21px}.poc-flow p br{display:none}.poc-facts>div{grid-template-columns:1fr;gap:6px;padding:16px 0}.poc-scope{padding:18px}.works-index .work-lead{font-size:16px}}