@charset "UTF-8";

/** .content-title */
.page11 .content-title {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 76px;
	margin-top: 10px;
	margin-bottom: 10px;
}

@media screen and (max-height: 768px) {
	.page11 .content-title {
		height: 9.8958vh;
		margin-top: 1.302vh;
		margin-bottom: 1.302vh;
	}
}

.page11 .content-title::before {
	position: absolute;
	top: 50%;
	left: -20%;
	width: 200%;
	height: 100%;
	border-radius: 0 40px 40px 0;
	background-color: #53b98d;
	transform: translate(-50%, -50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.page11 .content-title::before {
		border-radius: 0 5.2083vh 5.2083vh 0;
	}
}

.page11 .content-title .content-title-inner {
	position: relative;
	margin-left: 20px;
	color: #fff;
}

@media screen and (max-height: 768px) {
	.page11 .content-title .content-title-inner {
		margin-left: 2.6041vh;
	}
}

/** .content-main */
.page11 .content-main {
	margin-top: 290px;
}

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

.page11 .content-main .bubble-img-wrap.left {
	position: absolute;
	bottom: calc(50% - 170px);
	left: calc(50% - 270px);
	width: 255px;
	height: 277px;
	transform: translate(-50%, -50%);
	animation: fadeInEx .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page11 .content-main .bubble-img-wrap.left {
		bottom: calc(50% - 22.1354vh);
		left: calc(50% - 35.1562vh);
		width: 33.2031vh;
		height: 36.0677vh;
	}
}

.page11 .content-main .bubble-img-wrap.right {
	position: absolute;
	right: calc(50% - 550px);
	bottom: calc(50% - 240px);
	width: 250px;
	height: 329px;
	transform: translate(-50%, -50%);
	animation: fadeInEx .3s ease .4s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page11 .content-main .bubble-img-wrap.right {
		right: calc(50% - 71.6145vh);
		bottom: calc(50% - 31.25vh);
		width: 32.552vh;
		height: 42.8385vh;
	}
}

.page11 .content-main .boy-msg-img-wrap {
	position: absolute;
	top: calc(50% - 80px);
	left: calc(50% + 40px);
	width: 227px;
	height: 188px;
	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) {
	.page11 .content-main .boy-msg-img-wrap {
		top: calc(50% - 10.4166vh);
		left: calc(50% + 5.2083vh);
		width: 29.5572vh;
		height: 24.4791vh;
	}
}

.page11 .content-main .girl-msg-img-wrap {
	position: absolute;
	bottom: calc(50% - 260px);
	left: calc(50% - 320px);
	width: 227px;
	height: 160px;
	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) {
	.page11 .content-main .girl-msg-img-wrap {
		bottom: calc(50% - 33.8541vh);
		left: calc(50% - 41.6666vh);
		width: 29.5572vh;
		height: 20.8333vh;
	}
}

.page11 .content-main .children-img-wrap {
	position: relative;
	width: 348px;
	height: 177px;
	margin: 0 auto;
}

@media screen and (max-height: 768px) {
	.page11 .content-main .children-img-wrap {
		width: 45.3125vh;
		height: 23.0468vh;
	}
}

.page11 .content-main .children-img-wrap::before {
	position: absolute;
	top: -10px;
	left: -50px;
	z-index: 2;
	width: 52px;
	height: 76px;
	background-image: url(/teaching/sagamihara/page11/img/light_left.png);
	background-size: cover;
	animation: pikapika 2s ease 1.1s infinite;
	opacity: 0;
	content: '';
}

@media screen and (max-height: 768px) {
	.page11 .content-main .children-img-wrap::before {
		top: -1.302vh;
		left: -6.5104vh;
		width: 6.7708vh;
		height: 9.8958vh;
	}
}

.page11 .content-main .children-img-wrap::after {
	position: absolute;
	top: -50px;
	right: -30px;
	z-index: 2;
	width: 52px;
	height: 75px;
	background-image: url(/teaching/sagamihara/page11/img/light_right.png);
	background-size: cover;
	animation: pikapika 2s ease 1.4s infinite;
	opacity: 0;
	content: '';
}

@media screen and (max-height: 768px) {
	.page11 .content-main .children-img-wrap::after {
		top: -6.5104vh;
		right: -3.9062vh;
		width: 6.7708vh;
		height: 9.7656vh;
	}
}

.page11 .bird-msg-img-wrap {
	position: absolute;
	right: calc(50% - 580px);
	bottom: calc(50% - 120px);
	width: 165px;
	height: 84px;
	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) {
	.page11 .bird-msg-img-wrap {
		right: calc(50% - 75.5208vh);
		bottom: calc(50% - 15.625vh);
		width: 21.4843vh;
		height: 10.9375vh;
	}
}

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

@media screen and (max-height: 768px) {
	.page11 .bird-img-wrap {
		right: calc(50% - 80.7291vh);
		bottom: calc(50% - 52.0833vh);
		width: 30.8593vh;
		height: 29.0364vh;
	}
}