@charset "UTF-8";

/** .content-main */
.page12 .content-main .content-text {
	margin-top: 20px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
	line-height: 1.5;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .content-text {
		margin-top: 2.6041vh;
	}
}

.page12 .content-main .content-text .emphasis {
	color: #e30000;
	font-size: 50px;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .content-text .emphasis {
		font-size: 6.5104vh;
	}
}

.page12 .content-main .vendor-img-wrap {
	position: absolute;
	bottom: calc(50% - 412px);
	left: calc(50% - 320px);
	width: 239px;
	height: 337px;
	transform: translate(-200px, -50%);
	animation: slideRightEx .3s ease .4s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .vendor-img-wrap {
		bottom: calc(50% - 53.6458vh);
		left: calc(50% - 41.6666vh);
		width: 31.1197vh;
		height: 43.8802vh;
	}
}

.page12 .content-main .pigs-img-wrap {
	position: absolute;
	bottom: calc(50% - 290px);
	left: calc(50% - 60px);
	width: 351px;
	height: 228px;
	transform: translate(-50%, -50%);
	animation: fadeInEx .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .pigs-img-wrap {
		bottom: calc(50% - 37.7604vh);
		left: calc(50% - 7.8125vh);
		width: 45.7031vh;
		height: 29.6875vh;
	}
}

.page12 .content-main .children-msg-img-wrap {
	position: absolute;
	right: calc(50% - 430px);
	bottom: calc(50% - 80px);
	width: 200px;
	height: 72px;
	transform: translate(-50%, -50%) rotate(0) scale(0);
	animation: fadeInMsg .3s ease .8s forwards, fuwafuwa 2s ease 1.1s infinite;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .children-msg-img-wrap {
		right: calc(50% - 55.9895vh);
		bottom: calc(50% - 10.4166vh);
		width: 26.0416vh;
		height: 9.375vh;
	}
}

.page12 .content-main .children-img-wrap {
	position: absolute;
	right: calc(50% - 540px);
	bottom: calc(50% - 240px);
	width: 152px;
	height: 286px;
	transform: translate(100px, -50%);
	animation: slideLeftEx .3s ease .6s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .content-main .children-img-wrap {
		right: calc(50% - 70.3125vh);
		bottom: calc(50% - 31.25vh);
		width: 19.7916vh;
		height: 37.2395vh;
	}
}

.page12 .content-main .children-img-wrap::before {
	position: absolute;
	bottom: 100px;
	left: -10px;
	width: 35px;
	height: 44px;
	background-image: url(/teaching/sagamihara/page12/img/question.png);
	background-size: cover;
	animation: pikapika 2s ease 1.1s infinite;
	opacity: 0;
	content: '';
}

@media screen and (max-height: 768px) {
	.page12 .content-main .children-img-wrap::before {
		bottom: 13.0208vh;
		left: -1.302vh;
		width: 4.5572vh;
		height: 5.7291vh;
	}
}

.page12 .bird-msg-img-wrap {
	position: absolute;
	right: calc(50% - 390px);
	bottom: calc(50% - 210px);
	width: 197px;
	height: 72px;
	transform: translate(-50%, -50%) rotate(0) scale(0);
	animation: fadeInMsg .3s ease 1.2s forwards, fuwafuwa 2s ease 1.5s infinite;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .bird-msg-img-wrap {
		right: calc(50% - 50.7812vh);
		bottom: calc(50% - 27.3437vh);
		width: 25.651vh;
		height: 9.375vh;
	}
}

.page12 .bird-img-wrap {
	position: absolute;
	right: calc(50% - 600px);
	bottom: calc(50% - 400px);
	width: 222px;
	height: 204px;
	transform: translate(-50%, 100px) scale(0);
	animation: fadeInBird .3s ease 1s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page12 .bird-img-wrap {
		right: calc(50% - 78.125vh);
		bottom: calc(50% - 52.0833vh);
		width: 28.9062vh;
		height: 26.5625vh;
	}
}