video-play{
    position: relative;
}
video-play .video-container{
    height: var(--height-pc);
    display: flex;
}
video-play .info-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
video-play video{
    width: 100%;
    object-fit: cover;
}

video-play .video-button{
    position: absolute;
    right: var(--page-padding);
    bottom: 50px;
    display: none;
}
video-play .video-play{
    display: flex;
    cursor: pointer;
}
video-play .video-pause{
    display: none;
    cursor: pointer;
}
video-play video.is-play+.video-button .video-play{
    display: none;
}
video-play video.is-play+.video-button .video-pause{
    display: flex;
}
video-play .video-button.is-show{
    display: block;
    z-index: 2;
}

video-play .video-image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

video-play .block-richtext{
    margin-top: 14px;
}

video-play .v-button{
    margin-top: 40px;
}

@media(max-width:959px){
    video-play .video-container{
        height: var(--height-mobile);
    }
}