/* css */

h1 {
	color:#8899ee;
}

.click001 {
	/*height:60px;*/
	width:196px;
	padding:16px 36px;
	margin:12px 324px 36px;
	background-color:#7398fe;
	color:#564078;
	font-weight:bold;
	font-size:36px;
	/*display:inline;*/
}

h1 {
	color:#8899ee;
}


.change001 {

}


.change002 {
	width:calc(100%);
	height:calc(10vw);
	background-color:#222232;
	position:absolute;
	top:0px;
	z-index:10;
	filter:opacity(25%);
	transition-duration:0.1s;
}

.change003 {
	width:calc(100%);
	height:calc(250vw);
	background-color:#222232;
	position:absolute;
	top:0px;
	z-index:10;
	filter:opacity(75%);
	transition-duration:3s;
}




.subW101 {
	display:none;
	
}

.subW102 {
	display:block;
	background-color:#b093ff;
	padding:30px;
	margin:20px;
	position:absolute;
	position:fixed;
	top:300px;
	right:100px;
	z-index:20;
}
.subW102 a {
	display:block;
	height:25px;
	width:220px;
	margin:5px;
}

.subW102 span {
	display:block;
	font-weight:900;
	font-size:x-large;
	height:25px;
	width:200px;
	margin:-5px 5px 50px;

}






/*
.change002 {
	width:calc(100%);
	height:calc(250vw);
	background-color:#222232;
	position:absolute;
	top:0px;
	z-index:10;
	filter:opacity(50%);
	transition-duration:2s;
}
*/