/* swiper専用のCSSファイル */
.swiper {
    overflow:auto;
}
.worksCard{
    display:block;
    background:#fff;
    /* overflow:hidden; */
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:.3s ease;
    position:relative;
}

.worksCard__image{
    aspect-ratio:16 / 9;
    /* overflow:hidden; */
    position:relative;
    z-index:2;
    margin: 0 0 0;
}

.worksCard__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

/* hover */
.worksCard:hover .worksCard__image img{
    transform:scale(1.05);
}

.worksCard__body{
    position:relative;
    z-index:1;
    padding:20px;
}

.worksCard__body::before{
    content:"";
    position:absolute;
    inset:0;
    background:#fff;
    z-index:-1;
    transition:.3s ease;
}

.worksCard:hover .worksCard__body::before{
    transform:scale(1.05);
}