.c-mv__top_pc{
    width: 100vw;
    height: 100vh;
}

.c-mv__top_pc img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-mv__top_sp{
    display: none;
}

/* PC用・スマホ用の両方に初期状態とアニメーションを設定 */
.c-mv__top_pc,
.c-mv__top_sp {
  opacity: 0;
  transition: opacity 2.5s ease-in; /* 1秒かけてフェード */
}

/* JSで付与されるクラス */
.c-mv__top_pc.is-active,
.c-mv__top_sp.is-active {
  opacity: 1;
}

@media (max-width: 767px) {
    .c-mv__top_pc{
        display: none;
    }
    .c-mv__top_sp{
        display: block;
        width: 100vw;
        height: 100vh;
    }
    .c-mv__top_sp img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}