body#cases .cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1280px){body#cases .cards{gap:6.6666666667vw}}@media(max-width: 768px){body#cases .cards{grid-template-columns:1fr;gap:12.5vw}}body#cases .card{display:flex;flex-direction:column;cursor:pointer;overflow:hidden;background-color:var(--wh);box-shadow:0 .125rem .75rem var(--bk15)}@media(max-width: 768px){body#cases .card{flex-direction:row}}@media(any-hover: hover){body#cases .card:hover .thumbnail img{transform:scale(1.25)}}body#cases .card .thumbnail{position:relative;aspect-ratio:4/3;overflow:hidden;background-color:var(--bk10)}@media(max-width: 768px){body#cases .card .thumbnail{flex:0 0 auto;width:40%}}body#cases .card .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#cases .card .info{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem 1.5rem 1.5rem}@media(max-width: 768px){body#cases .card .info{flex:1 1 auto;gap:2.0833333333vw;padding:4.1666666667vw 5vw}}body#cases .card .info .title{color:var(--bk);font-size:1.125rem;font-weight:700;line-height:1.5}@media(max-width: 768px){body#cases .card .info .title{font-size:3.75vw}}body#cases .card .info .comment{color:var(--bk70);font-size:.875rem;line-height:1.75}@media(max-width: 768px){body#cases .card .info .comment{font-size:3.125vw}}body#cases .modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}body#cases .modal[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}body#cases .modal[aria-hidden=false] .content{transform:scale(1)}body#cases .modal .overlay{position:absolute;inset:0;background-color:var(--bk80)}body#cases .modal .content{position:relative;display:flex;flex-direction:column;gap:1.25rem;width:min(100% - 4rem,56.25rem);max-height:calc(100vh - 5rem);padding:2rem;overflow-y:auto;background-color:var(--wh);transform:scale(0.96);transition:transform .35s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#cases .modal .content{gap:4.1666666667vw;width:calc(100% - 8.3333333333vw);max-height:calc(100vh - 16.6666666667vw);padding:5vw}}body#cases .modal .content .close{position:absolute;top:1rem;right:1rem;width:2.5rem;aspect-ratio:1/1;background-color:var(--bk05);border-radius:50%;cursor:pointer}@media(max-width: 768px){body#cases .modal .content .close{top:3.3333333333vw;right:3.3333333333vw;width:8.3333333333vw}}@media(any-hover: hover){body#cases .modal .content .close:hover{background-color:var(--bk10)}}body#cases .modal .content .close::before,body#cases .modal .content .close::after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:2px;background-color:var(--bk)}@media(max-width: 768px){body#cases .modal .content .close::before,body#cases .modal .content .close::after{width:3.3333333333vw}}body#cases .modal .content .close::before{transform:translate(-50%, -50%) rotate(45deg)}body#cases .modal .content .close::after{transform:translate(-50%, -50%) rotate(-45deg)}body#cases .modal .content .title{padding-right:3rem;color:var(--bk);font-size:1.375rem;font-weight:700;line-height:1.5}@media(max-width: 768px){body#cases .modal .content .title{padding-right:11.6666666667vw;font-size:4.1666666667vw}}body#cases .modal .content .slide{position:relative;display:flex;align-items:center;gap:1rem}@media(max-width: 768px){body#cases .modal .content .slide{gap:0}}body#cases .modal .content .slide .image-wrap{position:relative;flex:1;aspect-ratio:4/3;overflow:hidden;background-color:var(--bk10)}body#cases .modal .content .slide .image-wrap .image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .25s ease}body#cases .modal .content .slide .image-wrap .image.is-hidden{opacity:0}body#cases .modal .content .slide .prev,body#cases .modal .content .slide .next{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.5rem;aspect-ratio:1/1;cursor:pointer}@media(max-width: 768px){body#cases .modal .content .slide .prev,body#cases .modal .content .slide .next{position:absolute;top:50%;z-index:1;width:8.3333333333vw;transform:translateY(-50%);border-radius:50%;background-color:var(--wh)}}@media(any-hover: hover){body#cases .modal .content .slide .prev:hover::after,body#cases .modal .content .slide .next:hover::after{background-color:var(--olive)}}body#cases .modal .content .slide .prev::after,body#cases .modal .content .slide .next::after{content:"";width:2.5rem;aspect-ratio:1/1;background-color:var(--blue);mask:url("../images/icon_arrow.svg") no-repeat 50% 50%/contain}@media(max-width: 768px){body#cases .modal .content .slide .prev::after,body#cases .modal .content .slide .next::after{width:7.5vw}}@media(max-width: 768px){body#cases .modal .content .slide .prev{left:-4.1666666667vw}}@media(max-width: 768px){body#cases .modal .content .slide .next{right:-4.1666666667vw}}body#cases .modal .content .slide .prev::after{transform:rotate(180deg)}body#cases .modal .content .comment{color:var(--bk70);font-size:1rem;line-height:1.75}@media(max-width: 768px){body#cases .modal .content .comment{font-size:3.3333333333vw}}body#cases .modal .content .counter{color:var(--bk50);font-size:.875rem;text-align:right}@media(max-width: 768px){body#cases .modal .content .counter{font-size:2.9166666667vw}}