@charset "UTF-8";

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

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

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

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

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

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

/** .content-main */
.page22 .content-main .sdgs-img-wrap {
	width: 506px;
	height: 64px;
	margin: 0 auto 40px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page22 .content-main .sdgs-img-wrap {
		width: 65.8854vh;
		height: 8.3333vh;
		margin: 0 auto 5.2083vh;
	}
}

.page22 .content-main .content-text {
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
	text-align: center;
}
.page22 .bird-img-wrap {
	position: absolute;
	right: calc(50% - 600px);
	bottom: calc(50% - 410px);
	width: 222px;
	height: 204px;
	transform: translate(-50%, 100px) scale(0);
	animation: fadeInBird .3s ease .4s forwards;
	opacity: 0;
}

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