@charset "UTF-8";
/* CSS Document */

#contents {
}
#main {
	position: relative;
}

#main .h2Wrap {
	position: absolute;
	width: 58%;
	left: 50%;
	top: 10%;
	transform: translateX(-50%);
	container-type: inline-size;
	z-index: 1;
}
#main .h2Wrap h2 {
	padding-bottom: 5%;
	opacity: 0;
	transform: scale(1.1);
}
._load #main .h2Wrap h2 {
	opacity: 1;
	transform: scale(1);
	transition: 1.5s;
}
#main .h2Wrap .lead {
	text-align: center;
	font-size: 2.2cqw;
	line-height: 2.8;
	opacity: 0;
}
._load #main .h2Wrap .lead {
	opacity: 1;
	transition: 2s 0.8s;
}
#main .kusatuBox {
 position: relative;
	filter: blur(10px) brightness(120%) saturate(80%);
	opacity: 0;
}
._load #main .kusatuBox {
	filter: blur(0px) brightness(100%) saturate(100%);
	opacity: 1;
	transition: 2s 1.5s;
}
#main .kusatuBox .names {
	position: absolute;
	left: 11.8%;
	bottom: 7.3%;
	width: 55.5%;
	opacity: 0;
	transform: translateY(-5%);
}
._load #main .kusatuBox .names {
	opacity: 1;
	transform: translateY(0);
	transition: 2s 2.5s;
}

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

}
	
	
@media screen and (max-width: 599px) {
	#main .h2Wrap {
		position: absolute;
		width: 90%;
		left: 50%;
		top: 10%;
		transform: translateX(-50%);
		container-type: inline-size;
		z-index: 1;
	}
	#main .kusatuBox .names {
		position: absolute;
		left: 6.6%;
		bottom: 9%;
		width: 88.8%;
	}

}