.D0{background:#fff;padding:6rem 0 6rem 0}@media(max-width: 768px){.D0{padding:9vw 0}}.D0>.box .case .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:5vw 3vw}@media(max-width: 768px){.D0>.box .case .list{grid-template-columns:repeat(2, 1fr);gap:1rem}}.D0>.box .case .list li{cursor:pointer}.D0>.box .case .list li .pic{width:100%;position:relative;overflow:hidden}.D0>.box .case .list li .pic::before{content:"";opacity:0;transition-property:all;transition-duration:0.3s;transition-timing-function:"ease";transition-delay:"0s";position:absolute;z-index:10;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000000'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z' fill='%23eeeeee'/%3E%3C/svg%3E") no-repeat center;transform:rotate(-20deg);background-size:2rem auto}.D0>.box .case .list li .pic::after{content:"";opacity:0;z-index:9;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s";position:absolute;inset:0;background:rgba(0,0,0,.2509803922)}.D0>.box .case .list li .pic img{width:100%;aspect-ratio:16/11;-o-object-fit:cover;object-fit:cover}.D0>.box .case .list li .title{font-size:1.1rem;margin:.9rem 0 0 0;text-align:center}@media(max-width: 768px){.D0>.box .case .list li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.D0>.box .case .list li:hover .pic::after{opacity:1}.D0>.box .case .list li:hover .pic::before{opacity:1;transform:rotate(0deg)}.D0>.box .page{padding:4rem 0 0 0}@media(max-width: 768px){.D0>.box .page{padding:5vw 0 0 0}}