@charset "utf-8";
@import url("top2.css");
#effect #wrapper #top {
	height: 650px;
	position: static;
	z-index: -6;
	margin-top: 35px;
	margin-right: -23px;
	margin-left: 0px;
	margin-bottom: 21px;
	padding-left: auto;
	max-width: 1038px;
	min-width: 562px;
	padding-right: auto;
	width: auto;
}
#copy001   {
	width: 837px;
	height: auto;
	position: absolute;
	left: auto;
	padding-left: 0px;
	padding-top: 0px;
	color: rgba(255,255,255,1.00);
	font-size: clamp(15px, 2.3vw, 30px);
	font-family: "小塚明朝 Pro H";
	padding-bottom: 9px;
	top: auto;
	text-shadow: 3px 3px 7px rgba(54,54,54,1.00);
	animation: myAnimation3 5s  ease-in-out;
	-webkit-animation: myAnimation3 5s  ease-in-out;
	z-index: -3;
	margin-top: 0px;
	margin-left: 88px;
}
#en001 {
	background-color: #728AF3;
	width: 130px;
	height: 130px;
	border-radius: 388px;
	margin-top: -176px;
	position: absolute;
	z-index: -6;
	animation: myAnimation4 6s ease-in-out;
	-webkit-animation: myAnimation4 6s ease-in-out;
	margin-left: 39px;
}
#top #list001 h5 {
	position: relative;
	width: 64vw;
	background-color: rgba(175,175,175,1.00);
	margin-left: 29px;
	margin-top: 90px;
	padding-left: 29px;
	padding-top: 13px;
	bottom: 0px;
	padding-bottom: 14px;
	padding-right: auto;
	text-align: center;
	top: 412px;
	left: auto;
	height: 0px;
	min-width: 53px;
	margin-right: auto;
	right: 46px;
	font-size: 16px;
	color: rgba(255,254,212,1.00);
}



@media (max-width:767px){
#copy001 {
	width: auto;
	height: auto;
	position: absolute;
	left: auto;
	padding-left: 0px;
	padding-top: 0px;
	color: rgba(255,255,255,1.00);
	font-size: clamp(15px, 2.3vw, 30px);
	font-family: "小塚明朝 Pro H";
	padding-bottom: 9px;
	top: auto;
	text-shadow: 3px 3px 7px rgba(54,54,54,1.00);
	animation: myAnimation3 5s ease-in-out;
	-webkit-animation: myAnimation3 5s ease-in-out;
	z-index: -3;
	margin-top: 95px;
	margin-left: 88px;
}
#en001 {
	background-color: #728AF3;
	width: 130px;
	border-radius: 388px;
	height: 130px;
	margin-top: 54px;
	position: absolute;
	z-index: -6;
	animation: myAnimation4 10s ease-in-out;
	-webkit-animation: myAnimation4 10s ease-in-out;
	margin-left: 39px;
}
#effect #wrapper #top {
	margin-top: 35px;
	height: 496px;
	position: static;
	z-index: -6;
	margin-right: -23px;
	margin-left: 0px;
	margin-bottom: 21px;
	padding-left: auto;
	max-width: 1038px;
	min-width: 562px;
	padding-right: auto;
	width: auto;
}
#top #list001 h5 {
	position: absolute;
	width: 91vw;
	background-color: rgba(70,70,70,0.74);
	margin-left: 2px;
	margin-top: -25px;
	padding-left: 16px;
	padding-top: 12px;
	bottom: -7px;
	padding-bottom: 112px;
	padding-right: 16px;
	text-align: center;
	top: 434px;
	left: 23px;
	height: auto;
	min-width: 53px;
	margin-right: auto;
	right: 46px;
	font-size: 16px;
	color: rgba(245,255,160,1.00);
	margin-bottom: 0px;
}







}


@keyframes myAnimation3 {								
	0%   {
			    
				   opacity:0;

				   left: 400px;
				   }


			100% {opacity:1; 
			left: 0px;
			padding-left: 0px;}
		}
			@-webkit-keyframes myAnimation3 {								0%   {
			     
				   opacity:0;

				   left: 400px;


			100% {opacity:1; 
			left: 0px;

		}
				},
				
@keyframes myAnimation4 {								
	0%   {
			    
				   opacity:0;

				   left: 250px;
				   }

	50%   {
			    
				   opacity:0;

				   left: 200px;
				   }
			100% {opacity:1; 
			left: 0px;
			padding-left: 0px;}
		}
			@-webkit-keyframes myAnimation4 {								
	0%   {
			    
				   opacity:0;

				   left: 250px;
				   }

	50%   {
			    
				   opacity:0;

				   left: 200px;
				   }
			100% {opacity:1; 
			left: 0px;
			padding-left: 0px;}
		}
				
},

@media (min-width:768px) and (max-width:991px){
}

@media (min-width:768px) and (max-width:991px){
#copy001 {
	margin-top: 64px;
}
#en001 {
	background-color: #728AF3;
	border-radius: 388px;
	width: 130px;
	height: 130px;
	margin-top: 35px;
	position: absolute;
	z-index: -6;
	animation: myAnimation4 10s ease-in-out;
	-webkit-animation: myAnimation4 10s ease-in-out;
	margin-left: 39px;
}
#effect #wrapper #top {
	margin-top: 35px;
	height: 650px;
	position: static;
	z-index: -6;
	margin-right: -23px;
	margin-left: 0px;
	margin-bottom: 21px;
	padding-left: auto;
	max-width: 1038px;
	min-width: 562px;
	padding-right: auto;
	width: auto;
}
#top #list001 h5 {
	position: absolute;
	width: 77vw;
	background-color: rgba(70,70,70,0.74);
	margin-left: 2px;
	margin-top: 26px;
	padding-left: 16px;
	padding-top: 12px;
	bottom: -7px;
	padding-bottom: 89px;
	padding-right: 16px;
	text-align: center;
	top: 462px;
	left: 23px;
	height: auto;
	min-width: 53px;
	margin-right: auto;
	right: 46px;
	font-size: 16px;
	color: rgba(245,255,160,1.00);
	margin-bottom: 0px;
}




}

@media (min-width:992px) and (max-width:1199px){
#en001 {
	margin-top: 38px;
}
#effect #wrapper #top {
}
#copy001 {
	width: auto;
	height: auto;
	position: absolute;
	left: auto;
	padding-left: 0px;
	padding-top: 0px;
	color: rgba(255,255,255,1.00);
	font-size: clamp(15px, 2.3vw, 30px);
	font-family: "小塚明朝 Pro H";
	padding-bottom: 9px;
	top: auto;
	text-shadow: 3px 3px 7px rgba(54,54,54,1.00);
	animation: myAnimation3 5s ease-in-out;
	-webkit-animation: myAnimation3 5s ease-in-out;
	z-index: -3;
	margin-top: 55px;
	margin-left: 88px;
}
#top #list001 h5 {
	position: absolute;
	width: 77vw;
	background-color: rgba(70,70,70,0.74);
	margin-left: 2px;
	margin-top: 49px;
	padding-left: 16px;
	padding-top: 12px;
	bottom: -7px;
	padding-bottom: 89px;
	padding-right: 16px;
	text-align: center;
	top: 572px;
	left: 23px;
	height: auto;
	min-width: 53px;
	margin-right: auto;
	right: 46px;
	font-size: 16px;
	color: rgba(245,255,160,1.00);
	margin-bottom: 0px;
}




}

@media (min-width:1200px){
#en001 {
	margin-top: 91px;
}
#top #list001 h5 {
	position: absolute;
	width: 77vw;
	background-color: rgba(70,70,70,0.74);
	margin-left: 2px;
	margin-top: -48px;
	padding-left: 16px;
	padding-top: 26px;
	bottom: -7px;
	padding-bottom: 89px;
	padding-right: 16px;
	text-align: center;
	top: 659px;
	left: 23px;
	height: auto;
	min-width: 53px;
	margin-right: auto;
	right: 46px;
	font-size: 16px;
	color: rgba(245,255,160,1.00);
	margin-bottom: 0px;
}
#wrapper #top #copy001 {
	margin-top: 97px;
}



}