@charset "utf-8";

body::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/basic/main_bk_lbasic.jpg) no-repeat center top;
    background-size: cover;
}


.bk_scroll1{
    background-image:url(../img/basic/bk01.jpg);
    background-size:100%;
}
.bk_scroll2{
    background-image:url(../img/basic/bk02.jpg);
    background-size:100%;
}
.bk_scroll3{
    background-image:url(../img/basic/bk03.jpg);
    background-size:100%;
}
.bk_scroll4{
    background-image:url(../img/basic/bk04.jpg);
    background-size:100%;
}
.bk_scroll5{
    background-image:url(../img/basic/bk05.jpg);
    background-size:100%;
}

@media screen and (max-width:768px){

body::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/basic/main_bk_lbasic_sp.jpg) no-repeat center top;
    background-size: cover;
}

}

@media (max-width: 500px){
    


}