.p-case-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:32px 0 0}@media screen and (min-width:512px){.p-case-grid{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.p-case-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}}.p-case-card{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:0;overflow:hidden;text-decoration:none;border:1px solid #ddd;border-radius:8px;transition:border .3s ease}.p-case-card:hover{border:1px solid #14a0dc}.p-case-card--disabled{display:none}.p-case-thumb{position:relative;aspect-ratio:2/1;overflow:hidden}.p-case-thumb__img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto}.p-case-info{display:flex;flex-direction:column;padding:16px;background-color:#f5f5f5}.p-case-category{margin:0;font-size:12px;font-weight:500;color:#999}.p-case-company{margin:0 0 10px}.p-case-company__name{font-size:15px;font-weight:700;line-height:1.4;color:#14a0dc}.p-case-company__suffix{margin:0 4px 0 1px;font-size:14px;font-weight:500;color:#14a0dc}.p-case-company__suffix:last-child{margin:0 0 0 1px}.p-case-description{margin:0 0 20px;font-size:14px;line-height:1.6;color:#333}.p-case-description--update{animation:fadeIn .3s .2s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.p-case-tag{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.p-case-tag__item{padding:8px 12px;font-size:12px;line-height:1;color:#14a0dc;border:1px solid #14a0dc;border-radius:16px}