#back .pattern {
    width: 100%;
    height: 100%;
    /* background: url(http://www.webcreatorbox.com/sample/images/yokojima.png); */
    /* ドット以外を背景に乗せるならここから下は削除 */
    /* background: url(../images/dot-black.png);
    background-size: 7%;
    background-repeat: repeat; */
    /* ドット以外を背景に乗せるならここから上は削除 */
    background: rgba(0,0,0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
}

#back video {
    position: fixed;
    right: 0;
    top: 0;
    z-index: -3;
}