@charset "utf-8";

_::-webkit-full-page-media, _:future, :root .css_selector {
    background-color: red;
}

/*-----------------------------------------------------
video
-------------------------------------------------------*/

.main-visual {
    height: 800px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.main-visual img {
    z-index: 2;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}



/*-----------------------------------------------------
pc sp on off
-------------------------------------------------------*/

/* パソコンで見たときは"pc"のclassが、
スマホで見たときは"sp"のclassがついた画像が表示される */

.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 480px) {
img { max-width: 100%; }
}


/* スマホの時は非表示 */

@media screen and (max-width: 500px){
.spNone {display: none;}
}


/* PCの時は非表示 */

@media screen and (min-width: 640px){
.pcNone{display:none;}}
}




/* Localized */