.cocoo-case-related{background:#f7f7f7;color:#202020;padding:72px 20px 80px}.cocoo-case-related *,.cocoo-case-related :after,.cocoo-case-related :before{box-sizing:border-box}.cocoo-case-related__inner{margin:0 auto;max-width:1120px}.cocoo-case-related__intro{margin-bottom:28px}.cocoo-case-related__eyebrow{color:#727272;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.6;margin:0 0 8px}.cocoo-case-related__heading{color:#202020;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.45;margin:0}.cocoo-case-related__lead{color:#595959;font-size:14px;line-height:1.8;margin:12px 0 0}.cocoo-case-related__grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.cocoo-case-related__card{background:#fff;border:1px solid #ddd;border-radius:8px;color:inherit;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.cocoo-case-related__card:focus-visible,.cocoo-case-related__card:hover{border-color:#999;box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-3px)}.cocoo-case-related__card:focus-visible{outline:2px solid #333;outline-offset:3px}.cocoo-case-related__visual{aspect-ratio:16/9;background:#f5f5f5;border-bottom:1px solid #eee;display:block;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.cocoo-case-related__image{display:block;height:100%;inset:0;margin:0;max-width:none;object-fit:cover;object-position:center;padding:0;position:absolute;width:100%}.cocoo-case-related__no-image{align-items:center;color:#aaa;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;letter-spacing:.15em;width:100%}.cocoo-case-related__content{align-items:flex-start;display:flex;flex:1;flex-direction:column;padding:22px 22px 20px}.cocoo-case-related__category{border:1px solid #ddd;border-radius:2px;color:#555;display:inline-block;font-size:11px;line-height:1.5;margin-bottom:12px;padding:3px 9px}.cocoo-case-related__title{color:#202020;display:-webkit-box;font-size:17px;font-weight:700;line-height:1.65;margin:0 0 20px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cocoo-case-related__action{align-items:center;border-bottom:1px solid;color:#202020;display:inline-flex;font-size:13px;font-weight:700;gap:10px;line-height:1.4;margin-top:auto;padding-bottom:4px}.cocoo-case-related__action span{font-size:17px;transition:transform .2s ease}.cocoo-case-related__card:hover .cocoo-case-related__action span{transform:translateX(3px)}@media (max-width:900px){.cocoo-case-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.cocoo-case-related{padding:48px 16px 56px}.cocoo-case-related__intro{margin-bottom:22px}.cocoo-case-related__grid{gap:16px;grid-template-columns:1fr}.cocoo-case-related__visual{aspect-ratio:16/9}.cocoo-case-related__content{padding:18px}.cocoo-case-related__title{font-size:16px}}@media (prefers-reduced-motion:reduce){.cocoo-case-related__action span,.cocoo-case-related__card{transition:none}}