@charset "UTF-8";

/* 「.p-works-gallery__slide」という子要素を持っている「.swiper-slide」だけを指定 */
.swiper-slide:has(.p-works-gallery__slide) {
    height: auto !important;
}

/* 念のため、その中のdivも確実に4:3になるよう念押しします */
.p-works-gallery__slide {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.p-works-gallery__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media screen and (min-width: 992px) {
    .p-works-gallery__slide img {
        transform: scale(1);
    }
}
@media screen and (min-width: 768px) {
    .p-works-gallery__slide {
        max-height: inherit;
    }
}
@media screen and (min-width: 375px) {
    .p-works-gallery__slide {
        height: inherit;
        max-height: inherit;
    }
}