/* CSS Document */
#simple-content-region {
	#fv {
		width: 100%;
		aspect-ratio: 2000 / 1250;
		position: relative;
	}
	.award1, .award2 {
		position: absolute;
	}
	.award1 {
		width: 15%;
		top: 4%;
		left: 3%;
	}
	.award2 {
		width: 48%;
		bottom: 2%;
		left: 2%;
	}

	.fv-slider {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.fv-slider img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0;
		animation: fvFadeAnimation 30s infinite;
	}

	.fv-slider img:nth-child(1) { animation-delay: 0s; }
	.fv-slider img:nth-child(2) { animation-delay: -22.5s; }
	.fv-slider img:nth-child(3) { animation-delay: -15s; }
	.fv-slider img:nth-child(4) { animation-delay: -7.5s; }
}

@keyframes fvFadeAnimation {
	0% { opacity: 0; }
	5% { opacity: 1; }
	25% { opacity: 1; }
	30% { opacity: 0; }
	100% { opacity: 0; }
}


#simple-content-region {
	#top2{position:relative;}
	.top-a{
		position:absolute;
		left: 57%;
		width:30%;
	}
	.top2-a1{top: 29.5%;}
	.top2-a2{top: 49.5%;}
	.top2-a3{top: 69.5%;}
	.top2-a4{top: 89.5%;}
	#top3{position:relative;}
	.top3-button{
		position: absolute;
		top: 53%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 72.5%;
	}
	#top4{position:relative;}
	.top4-flex1,.top4-flex2{
		position: absolute;
		width:73%;
		left: 50%; 
		transform: translate(-50%, -50%); 
		display: flex;
		justify-content: space-between;
	}
	.top4-flex1{top: 39%;}
	.top4-flex2{top: 81%;}
	.top4-flex1 a{
		width:48%;
	}
	.top4-flex2 a{
		width:31%;
	}
	
	#top5{position:relative;}
	#top5 iframe{
		width:85%;
		position: absolute;
		top: 50%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		aspect-ratio:12/5;
		border:0;
	}
	#top5 a{
		position: absolute;
		top: 83%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		width:30%;
	}
}