@charset "utf-8";
/* =====================================
  other-works--top PC
===================================== */

.other-works--top {
    padding: 120px 60px 140px;
   
}
.other-works__wrapper__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;   
    max-width: 1000px;
    margin: 0 auto;
    justify-items: center;
}

 .other-works__card {
    width: 100%;
    max-width: 430px;  
    display: flex;
    flex-direction: column;
    border-radius: 12px; 
    position: relative;
}

.other-works__img {
    width: 100%;
    height: 100%; 
    height: 100%; 
    aspect-ratio: 430 / 259;
    object-fit: cover;
    border-radius: 12px; 
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1); 
}
 .other-works__card:hover .other-works__img {
    transform: scale(1.05); 
}

/* ============================
   other-works--top ipad
============================ */
@media (max-width: 1230px) {
    .other-works--top {
        padding: 80px 30px 160px;
    }

    .other-works__wrapper__top {
        gap: 60px 40px; 
    }
}

/* ============================
   other-works--top SP
============================ */
@media (max-width: 768px) {
    .other-works--top {
        padding: 60px 14px 90px;
    }

    .other-works__wrapper__top {
        grid-template-columns: 1fr;  /* 1列 */
        gap: 40px;
        justify-items: center;
    }

   
}