@charset "utf-8";


#mainimg,#mainimg2 {
	position: relative;
	width: 100vw;
	height: 100vh;
	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;	/*0.5sがフェードにかける時間*/
	will-change: opacity;
	z-index: 0;
}

#mainimg video.active {
	opacity: 1;
	z-index: 1;
}
#mainimg2 img{
	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;
}
/*ロゴとスケジュール*/
#logoScedule{
	position: absolute;
	z-index: 1;
	width: 93vw;	/*幅は90%*/
	margin-left: 3vw;	/*左に5%空ける*/
	align-items: center;
}

	/*画面幅751px以上の追加指定*/
	@media screen and (min-width:1500px) {
#logoScedule{
			top: 80vh;
}
}
	/**/
	@media screen and (min-width:751px)  and (max-width:1501px) {
#logoScedule{
			top: 80vh;
}
}
	/*画面幅750px以下の追加指定*/
	@media screen and (max-width:750px) {
#logoScedule{
			top: 68vh;
}
}