@charset "utf-8";



#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    height:100vh;
}

#video-area-su{
    /* opacity: 0.33; */
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    /* background: rgba(0, 0, 0, 0.8); */
}

#video {
    position: absolute;
    z-index: -1;
    top: 180px;
    left: 50%;
    transform: translate(-50%, -32%);
    width:100%;
    min-width: 100%;
}
@media (min-width: 500px) {
    #video {
        top: 102px;
    }
}
@media (min-width: 720px) {
    #video {
        top: 130px;
    }
}
@media (min-width: 760px) {
    #video {
        top: 430px;
    }
}


@media (min-width: 800px) {
    #video {
        top: 250px;
    }
}
@media (min-width: 1000px) {
    #video {
        top: 180px;
    }
}
@media (min-width: 1200px) {
    #video {
        top: 209px;
    }
}
@media (min-width: 1300px) {
    #video {
        top: 230px;
    }
}
@media (min-width: 1600px) {
    #video {
        top: 257px;
    }
}

@media (min-width: 2000px) {
    #video {
        top: 357px;
    }
}
#about2 .rplus,#about3 .rplus{
    margin-top: 2rem;
}  

@media (max-width: 768px) {
    #about2 .rplus,#about3 .rplus{
        margin-top: 2rem;
    }  
}
@media (max-width: 576px) {
    #about2 .rplus,#about3 .rplus{
        margin-top: 3rem;
    }  
}
@media (max-width: 520px) {
    #about2 .rplus,#about3 .rplus{
        margin-top: 3rem;
    }  
}