@media screen and (min-width: 600px){

    .box1 {
        width:1000px;
        height:2200px;
        position: fixed;
        margin-left:-500px;
        top:0;
        left:50%;
        display:block;
        border-left-width:1px;
        border-left-style:solid;
        border-left-color:rgba(81, 39, 173, 0.552);
        border-right-width:1px;
        border-right-style:solid;
        border-right-color:rgba(81, 39, 173, 0.552);
        z-index:-20;
    }

    /*PC用スクリーンおわり*/
}

/*スマホ用スクリーン*/
@media screen and (max-width:600px){

    .box1{
        width:90%;
        height:2200px;
 		z-index:-20;
        position:fixed;
        margin-left:-45%;
        top:0;
        left:50%;
        display:block;
        border-left-width:1px;
        border-left-style:solid;
        border-left-color:rgba(81, 39, 173, 0.552);
        border-right-width:1px;
        border-right-style:solid;
        border-right-color:rgba(81, 39, 173, 0.552);
    }
/*スマホ用スクリーンおわり*/
}

.box2{
    width:500px;
    height:2200px;
    margin-left:50%;
    position:fixed;
    display:block;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:rgba(81, 39, 173, 0.552);
    z-index:-10;
}

.box_line{
    position:absolute;
    width:1px;
    height:200px;
}

.box_line2{
    position:absolute;
    width:1px;
    height:300px;
}

.box_line:nth-child(1){
    top:0;
    left:-1px;
    background:rgba(81, 39, 173, 0.552);
    animation:aiueo1 2s linear infinite;
    animation-delay:0s;
}

.box_line:nth-child(2){
    top:0;
    right:-1px;
    background:rgba(81, 39, 173, 0.552);
    animation:aiueo2 2s linear infinite;
    animation-delay:0s;
}

.box_line2{
    top:0;
    left:-1px;
    background:rgba(81, 39, 173, 0.552);
    animation:aiueo3 2s linear infinite;
    animation-delay:3s;
}

@keyframes aiueo1{
    0%{
        transform:translateY(1000%);
    }
    100%{
        transform:translateY(0%);
    }
}

@keyframes aiueo2{
    0%{
        transform:translateY(1000%);
    }
    100%{
        transform:translateY(0%);
    }
}

@keyframes aiueo3{
    0%{
        transform:translateY(1000%);
    }
    100%{
        transform:translateY(0%);
    }
}