.svc4-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:0;padding:12px 0 0;list-style:none;display:grid}.svc4-card{border:1px solid var(--stone);border-radius:var(--radius-md);color:var(--ink);transition:border-color .25s var(--ease);background:#fff;padding:36px 32px 18px;text-decoration:none;position:relative;box-shadow:0 10px 26px #003d331a}a.svc4-card:hover{border-color:var(--emerald)}.svc4-card.is-static{box-shadow:none}.svc4-rec{background:var(--emerald-100);color:var(--emerald-deep);border-radius:var(--radius-xs);letter-spacing:.08em;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;right:14px}.svc4-num{font-family:var(--font-en);letter-spacing:-.05em;color:var(--emerald);opacity:.14;font-size:clamp(52px,4.4vw,76px);font-weight:800;line-height:.9;position:absolute;top:2px;left:14px}.svc4-illust,.svc4-title,.svc4-desc{position:relative}.svc4-title{font-family:var(--font-jp);font-size:var(--fs-title-sm);text-align:center;margin:10px 0 0;font-weight:700;line-height:1.4}.svc4-title .ph{display:inline-block}.svc4-illust{object-fit:contain;width:auto;max-width:100%;height:200px;margin:0 auto 4px;display:block}.svc4-desc{font-size:var(--fs-body);color:var(--graphite);margin:12px 0 0;line-height:1.85}.svc4-purpose{box-sizing:border-box;text-align:center;width:fit-content;max-width:100%;font-size:var(--fs-body);color:var(--emerald-deep);background:var(--emerald-100);border-radius:10px;margin:12px auto 18px;padding:8px 14px;font-weight:600;line-height:1.7;position:relative}.svc4-purpose:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--emerald-100);position:absolute;top:100%;left:50%;transform:translate(-50%)}.svc4-grid>li{scroll-margin-top:88px;display:grid}.svc4-grid>li:nth-child(n+3){margin-top:28px}.svc4-card{flex-direction:column;display:flex}.svc4-desc{flex-grow:1}.svc4-more{color:var(--emerald-deep);justify-content:flex-end;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:600;display:flex}.svc4-more>span{transition:translate .25s var(--ease)}a.svc4-card:hover .svc4-more>span{translate:4px}@media (max-width:560px){.svc4-grid{grid-template-columns:minmax(0,1fr)}.svc4-grid>li:nth-child(n+2){margin-top:28px}}