@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%, 60%);
    width:100%;
    min-width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 3){
    #video {
        top: 130px;
    }
}
@media (max-width: 320px) {
    #video {
        top: 220px;
    }
}

video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;}
    
video::-webkit-media-controls-start-playback-button {
    display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3){
    #about2 .rplus,#about3 .rplus{
        margin: 0 0 3rem;
    }  
}
@media (max-width: 370px) {
    #about2 .rplus,#about3 .rplus{
        margin: 3rem 0 1rem;
    }  
}