.m-case-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.m-case-list:after,.m-case-list:before{content:"";display:block;order:1;width:calc(25% - 16px)}.m-case-list .card{display:flex;width:calc(25% - 16px)}@media screen and (max-width:1200px){.m-case-list .card,.m-case-list:after,.m-case-list:before{width:calc(33% - 16px)}}@media screen and (max-width:1000px){.m-case-list .card,.m-case-list:after,.m-case-list:before{width:calc(50% - 16px)}}@media screen and (max-width:500px){.m-case-list .card,.m-case-list:after,.m-case-list:before{gap:0;padding-bottom:16px;width:100%}}.m-case-list a{background:#fff;border:1px solid #ddd;border-radius:6px;color:inherit;display:flex;flex-direction:column;font-size:1.4rem;height:100%;text-decoration:none;transition:color .25s,box-shadow .25s;width:100%}.m-case-list a:hover{border-color:#77c0d3;box-shadow:0 0 10px rgba(0,0,0,.2);color:inherit;opacity:1}.m-case-list a:hover .thumb img{transform:scale(1.04)}.m-case-list .thumb{overflow:hidden}.m-case-list .thumb img{aspect-ratio:450/300;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-out;width:100%}.m-case-list .content{line-height:1.6;padding:15px}.m-case-list .content .logo{max-height:40px;-o-object-fit:contain;object-fit:contain;width:100%}.m-case-list .content .name{font-size:1.4rem;text-align:center}.m-case-list .content .title{color:#425b76;font-size:1.6rem;font-weight:600;margin:0}