/* .image-banner-section.height-sm{
    --height:600px;
    --base-width: 1440px;
    height: calc(100vw * var(--height) / var(--base-width));
}

.image-banner-section.height-md{
    --height:650px;
    --base-width: 1440px;
    height: calc(100vw * var(--height) / var(--base-width));
}

.image-banner-section.height-lg{
    --height:900px;
    --base-width: 1440px;
    height: calc(100vw * var(--height) / var(--base-width));
} */

.image-banner-section.height-sm{
    height: 60vh;
}

.image-banner-section.height-md{
    height: 80vh;
}

.image-banner-section.height-lg{
    height: 100vh;
}

.image-banner-section{
    position: relative;
    overflow: hidden;
    width: 100%;
    display:flex;
    padding-block: 160px;
}

.image-banner-section .image-banner_image{
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    width:100%;
    height:100%;
}


.image-banner-section video{
    width:100%;
    height:100%;
    object-fit: cover;
}

.image-banner-section .image-banner_container{
    position: relative;
    width: 100%;
}

.image-banner-section .video_mobile{
    display: none;
}
@media(max-width:768px){
    .image-banner-section.height-sm{
        height:400px;
    }

    .image-banner-section.height-md{
        height:550px;
    }

    .image-banner-section.height-lg{
        height:700px;
    }
    .image-banner-section{
        padding-block: 13.3333vw;
    }
    .image-banner-section .video_pc {
        display: none;
    }
    .image-banner-section .video_mobile {
        display: block;
    }
}