@charset 'utf-8';

/*--------------------------------------------------------------------------
   OPENIG
---------------------------------------------------------------------------*/
.HiddenLayer {
    width: 100%;
    height:100vh;
    background:#fff;
    position: fixed;
    top: 0;
    left:0;
    z-index: 9998;
}
.logoArea {
    opacity: 0;
    z-index: 9999;
    width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mainvisualMono , 
.mainvisual {
    background:url(../images/mainvisualMono.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left:0;
    z-index: 9997;
}

.mainvisual {
    background:url(../images/mainvisual.jpg);
    background-size: cover;
    background-position: center;
    z-index: 9996;
}
@media screen and (max-width: 639px) {
.logoArea {
    opacity: 0;
    z-index: 9999;
    width: 40%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}	
}


@media screen and (max-width: 780px) {
.mainvisualMono , 
.mainvisual {
    background:url(../images/mainvisualMono_sp.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left:0;
    z-index: 9997;
}
.mainvisual {
    background:url(../images/mainvisual_sp.jpg);
    background-size: cover;
    background-position: center;
    z-index: 9996;
}	
}