div#anniversary {
	width: 100%;
	height: 100lvh;
	min-height: 590px;
	position: relative;
	overflow: hidden;
}
#anniversary > div {
	height: calc(100svh - 80px - 4em);
	position: absolute;
	top: 80px;
	backface-visibility: hidden;
	transition: all 1.5s 2s;
}
#anniversary > div:first-child {
	display: table;
	width: 100%;
	left: 0;
}
#anniversary > div:first-child > div {
	vertical-align: middle;
	display: table-cell;
}
#anniversary > div:first-child > div > img {
	margin: 0 auto;
	display: block;
	width: 330px;
	height: auto;
}
#anniversary > div:first-child > div > h1 {
	text-indent: -999em;
	background: url("../img/title.png") center / contain no-repeat;
	height: 95px;
	overflow: hidden;
}
#anniversary > div:first-child > h1 strong {
	font-weight: 700;
}
#anniversary > div:last-child {
	background: url("../img/30th/bg.jpg") center / cover;
	border-radius: 30px;
	width: calc(100% - 60px);
	left: 30px;
	transform: rotateY(-180deg);
}
#anniversary > div:last-child a {
	text-indent: -999em;
	background: url("../img/30th/title.png") center / contain no-repeat;
	display: block;
	width: 100%;
	max-width: 700px;
	aspect-ratio: 3 / 1;
	position: absolute;
	bottom: 2em;
	left: 50%;
	transform: translateX(-50%);
}
#anniversary.turn-over > div:first-child {
	transform: rotateY(180deg);
}
#anniversary.turn-over > div:last-child {
	transform: rotateY(0deg);
}
@media screen and (max-width: 420px) {
	#anniversary > div:last-child a {
		background-image: url("../img/30th/title_narrow.png");
		aspect-ratio: 3 / 2;
		bottom: 0;
	}
}