@charset "UTF-8";

/** .content-title */
.page25 .content-title {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 40px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page25 .content-title {
		margin-top: 2.6041vh;
		margin-bottom: 2.6041vh;
		font-size: 5.2083vh;
	}
}

.page25 .content-title .bird-img-wrap {
	position: absolute;
	bottom: calc(50% - 230px);
	left: calc(50% - 390px);
	width: 222px;
	height: 204px;
	transform: translate(-50%, 100px) scale(0);
	animation: fadeInBird .3s ease .4s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-title .bird-img-wrap {
		bottom: calc(50% - 29.9479vh);
		left: calc(50% - 50.7812vh);
		width: 28.9062vh;
		height: 26.5625vh;
	}
}

/** .content-main */
.page25 .content-main .logo-img-wrap {
	display: flex;
	justify-content: center;
}
.page25 .content-main .logo-img-wrap .logo-msg1-img {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 280px);
	width: 236px;
	height: 166px;
	transform: translate(-50%, -50%) rotate(0) scale(0);
	animation: fadeInMsg .3s ease .6s forwards, yurayura 2s ease .9s infinite;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .logo-img-wrap .logo-msg1-img {
		top: calc(50% - 7.8125vh);
		left: calc(50% - 36.4583vh);
		width: 30.7291vh;
		height: 21.6145vh;
	}
}

.page25 .content-main .logo-img-wrap .logo-img {
	width: 289px;
	height: 212px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .logo-img-wrap .logo-img {
		width: 37.6302vh;
		height: 27.6041vh;
	}
}

.page25 .content-main .logo-img-wrap .logo-msg2-img {
	position: absolute;
	right: calc(50% - 510px);
	bottom: calc(50% - 80px);
	width: 235px;
	height: 177px;
	margin-top: -30px;
	margin-left: 10px;
	transform: translate(-50%, -50%) rotate(0) scale(0);
	animation: fadeInMsg .3s ease .8s forwards, yurayura 2s ease 1.1s infinite;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .logo-img-wrap .logo-msg2-img {
		right: calc(50% - 66.4062vh);
		bottom: calc(50% - 10.4166vh);
		width: 30.5989vh;
		height: 23.0468vh;
		margin-top: -3.9062vh;
		margin-left: 1.302vh;
	}
}

.page25 .content-main .sponsorship {
	position: absolute;
	right: calc(50% - 230px);
	bottom: calc(50% - 280px);
	width: 442px;
	padding: 10px;
	background-color: #dae9b9;
	transform: translate(-50%, -50%);
	animation: fadeIn .3s ease 2.2s forwards;
	opacity: 0;
	color: #231815;
	font-size: 10px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 300;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .sponsorship {
		right: calc(50% - 29.9479vh);
		bottom: calc(50% - 36.4583vh);
		width: 57.552vh;
		padding: 1.302vh;
		font-size: 1.302vh;
	}
}

.page25 .content-main .sponsorship .sponsorship-title {
	margin-bottom: 10px;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .sponsorship .sponsorship-title {
		margin-bottom: 1.302vh;
	}
}

.page25 .content-main .sponsorship .sponsorship-body-wrap .sponsorship-row {
	display: flex;
}
.page25 .content-main .sponsorship .sponsorship-body-wrap .sponsorship-row .sponsorship-col:nth-child(1) {
	width: 50px;
	text-align: justify;
	text-align-last: justify;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .sponsorship .sponsorship-body-wrap .sponsorship-row .sponsorship-col:nth-child(1) {
		width: 6.5104vh;
	}
}

.page25 .content-main .sponsorship .version {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .sponsorship .version {
		position: absolute;
		right: 2.6041vh;
		bottom: 1.302vh;
	}
}

.page25 .content-main .children-msg1-wrap {
	position: absolute;
	right: calc(50% - 370px);
	bottom: calc(50% - 110px);
	transform: translate(-50%, -50%);
	animation: fadeInEx .3s ease 1.8s forwards;
	opacity: 0;
	font-size: 17px;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .children-msg1-wrap {
		right: calc(50% - 48.177vh);
		bottom: calc(50% - 14.3229vh);
		font-size: 2.2135vh;
	}
}

.page25 .content-main .children-msg2-wrap {
	position: absolute;
	right: calc(50% - 450px);
	bottom: calc(50% - 110px);
	transform: translate(-50%, -50%);
	animation: fadeInEx .3s ease 2s forwards;
	opacity: 0;
	font-size: 17px;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .children-msg2-wrap {
		right: calc(50% - 58.5937vh);
		bottom: calc(50% - 14.3229vh);
		font-size: 2.2135vh;
	}
}

.page25 .content-main .girl1-img-wrap {
	position: absolute;
	right: calc(50% - 210px);
	bottom: calc(50% - 260px);
	width: 100px;
	height: 100px;
	transform: translate(100px, -50%);
	animation: slideLeftEx .3s ease 1s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .girl1-img-wrap {
		right: calc(50% - 27.3437vh);
		bottom: calc(50% - 33.8541vh);
		width: 13.0208vh;
		height: 13.0208vh;
	}
}

.page25 .content-main .boy1-img-wrap {
	position: absolute;
	right: calc(50% - 300px);
	bottom: calc(50% - 264px);
	width: 93px;
	height: 107px;
	transform: translate(100px, -50%);
	animation: slideLeftEx .3s ease 1.2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .boy1-img-wrap {
		right: calc(50% - 39.0625vh);
		bottom: calc(50% - 34.375vh);
		width: 12.1093vh;
		height: 13.9322vh;
	}
}

.page25 .content-main .boy2-img-wrap {
	position: absolute;
	right: calc(50% - 384px);
	bottom: calc(50% - 270px);
	width: 86px;
	height: 118px;
	transform: translate(100px, -50%);
	animation: slideLeftEx .3s ease 1.4s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .boy2-img-wrap {
		right: calc(50% - 50vh);
		bottom: calc(50% - 35.1562vh);
		width: 11.1979vh;
		height: 15.3645vh;
	}
}

.page25 .content-main .girl2-img-wrap {
	position: absolute;
	right: calc(50% - 470px);
	bottom: calc(50% - 266px);
	width: 94px;
	height: 110px;
	transform: translate(100px, -50%);
	animation: slideLeftEx .3s ease 1.6s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page25 .content-main .girl2-img-wrap {
		right: calc(50% - 61.1979vh);
		bottom: calc(50% - 34.6354vh);
		width: 12.2395vh;
		height: 14.3229vh;
	}
}
