@charset "utf-8";

/*　トップページ　動画とスライダー
-------------------------------*/

.top_img{
    width: 100%;
    aspect-ratio:10 / 5.2;
    background-image:url(../img/top/top_img04.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.top_move{
    display: block;
    transition: opacity 1s ease-out;
}

.top_move video {
    vertical-align: bottom;
    width: 100%;
    aspect-ratio:10 / 5.2;
    object-fit: cover;
}
.top_img_slide ul{
    margin: auto;
    width: 100%;
}
.top_img_slide ul img{
    max-width: none;
    width: 100%;
    height: auto;
}
.top_img_slide ul li .pc img{
    width: 100%;
    aspect-ratio:10 / 5.2;
    object-fit: cover;
}

@media screen and (max-width: 640px) {
    .top_img{
        aspect-ratio:10 / 7;
        background-image:url(../img/top/top_img04_sp.jpg);
    }
    .top_move video {
        aspect-ratio:10 / 7;
    }
    .top_img_slide ul li .pc img{
        aspect-ratio:10 / 7;
    }
    .circle {
        bottom: -50px;
    }
    
    
}