@charset "UTF-8";

/** .content-title */
.page19 .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) {
	.page19 .content-title {
		height: 9.8958vh;
		margin-top: 1.302vh;
		margin-bottom: 1.302vh;
	}
}

.page19 .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) {
	.page19 .content-title::before {
		border-radius: 0 5.2083vh 5.2083vh 0;
	}
}

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

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

/** .content-main */
.page19 .content-main .content-text {
	margin-bottom: 40px;
	margin-left: 80px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
	font-size: 40px;
}

@media screen and (max-height: 768px) {
	.page19 .content-main .content-text {
		margin-bottom: 5.2083vh;
		margin-left: 10.4166vh;
		font-size: 5.2083vh;
	}
}

.page19 .content-main .girl-msg-img-wrap {
	position: absolute;
	bottom: calc(50% - 160px);
	left: calc(50% - 220px);
	width: 251px;
	height: 164px;
	transform: translate(-50%, -50%) rotate(0) scale(0);
	animation: fadeInMsg .3s ease .4s forwards, yurayura 2s ease .7s infinite;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page19 .content-main .girl-msg-img-wrap {
		bottom: calc(50% - 20.8333vh);
		left: calc(50% - 28.6458vh);
		width: 32.6822vh;
		height: 21.3541vh;
	}
}

.page19 .content-main .girl-img-wrap {
	width: 215px;
	height: 182px;
	margin: 0 auto 10px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page19 .content-main .girl-img-wrap {
		width: 27.9947vh;
		height: 23.6979vh;
		margin: 0 auto 1.302vh;
	}
}

.page19 .content-main .btn-link {
	display: block;
	width: 332px;
	height: 116px;
	margin-left: 60px;
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page19 .content-main .btn-link {
		width: 43.2291vh;
		height: 15.1041vh;
		margin-left: 7.8125vh;
	}
}

.page19 .bird-msg-img-wrap {
	position: absolute;
	right: calc(50% - 570px);
	bottom: calc(50% - 170px);
	width: 228px;
	height: 196px;
	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) {
	.page19 .bird-msg-img-wrap {
		right: calc(50% - 74.2187vh);
		bottom: calc(50% - 22.1354vh);
		width: 29.6875vh;
		height: 25.5208vh;
	}
}

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

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