@charset "utf-8";

#mainimg {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
    margin-top: 70px;
	z-index: -1;
    background-color: #D8F4F8;
}

#mainimg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: opacity 0.5s ease;	/*0.5sがフェードにかける時間*/
	will-change: opacity;
	z-index: 0;
}

#mainimg video.active {
	opacity: 1;
	z-index: 1;
}
.mainimg_cover{
    width: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 2;
}
.mainimg_cover img{
    width: 100%;
}
/*
#mainimg {
	position: relative;
	width: 100vw;
	height: 90vh;
    margin-top: 80px;
	overflow: hidden;
	z-index: -1;
}

#mainimg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: opacity 0.5s ease;	
	will-change: opacity;
	z-index: 0;
}

#mainimg video.active {
	opacity: 1;
	z-index: 1;
}*/