/* CSS Document */

#anniversary75th {
	margin:0px auto;
	width:100%;
	height:169px;
	background:url(../images/bg_top_75th01.png) repeat-x center top;
	background-size:1280px;
	text-align: center;
	position: relative;
	top:0;
}

#bnr75th {
	margin:0px auto;
	width:860px;
	height:169px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#anniversary75th {
	margin:0px auto;
	width:100%;
	height:auto;
	background:url(../images/bg_top_75th01.png) repeat-x center top;
	background-size:100% 100%;
	padding-top: 17.25%;
	}
	#bnr75th {
	margin:0px auto;
	padding-top: 2%;
	width:95%;
	height:auto;
	text-align: center;
	}
	#bnr75th img {
	width:100%;
	position: relative;
	z-index: 3;
	}
}


.bnr75th-animation01 {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
	position:absolute;
	top:0;

}

.bnr75th-animation02 {
	animation-name:fadeUpAnime02;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
	animation-delay: 0.2s;
	position:absolute;
	top:0;
	}


.bnr75th-animation03 {
	animation-name:fadeUpAnime03;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
	animation-delay: 0.4s;
	position:absolute;
	top:0;
	}


@keyframes fadeUpAnime{
	from {
	opacity: 0;
	transform: translateY(100px);
	}

	to {
	opacity: 1;
	transform: translateY(0);
	}
}

@keyframes fadeUpAnime02{
	from {
	opacity: 0;
	transform: translateY(100px);
	}

	to {
	opacity: 1;
	transform: translateY(0);
	}
}

@keyframes fadeUpAnime03{
	from {
	opacity: 0;
	transform: scale(0);
	}

	to {
	opacity: 1;
	transform: scale(1);
	}
}