@charset "UTF-8";

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

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

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

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

/** .content-main */
.page3 .content-main .content-text {
	animation: fadeIn .3s ease .2s forwards;
	opacity: 0;
	text-align: center;
}
.page3 .content-main .content-text .text-line {
	display: table;
	height: 76px;
	margin: 0 auto;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .text-line {
		height: 9.8958vh;
	}
}

.page3 .content-main .content-text .text-line.has-btn {
	height: 106px;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .text-line.has-btn {
		height: 13.802vh;
	}
}

.page3 .content-main .content-text .text-line .text-line-inner {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
}
.page3 .content-main .content-text .question1 {
	display: inline-block;
	width: 182px;
	height: 38px;
	margin-right: 10px;
	border: 5px solid #53b98d;
	border-radius: 10px;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .question1 {
		width: 23.6979vh;
		height: 4.9479vh;
		margin-right: 1.302vh;
		border: .651vh solid #53b98d;
		border-radius: 1.302vh;
	}
}

.page3 .content-main .content-text .btn-question1 {
	width: 329px;
	height: 106px;
	margin-right: 10px;
	background-image: url(/teaching/sagamihara/page3/img/btn_click1.png);
	background-size: cover;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .btn-question1 {
		width: 42.8385vh;
		height: 13.802vh;
		margin-right: 1.302vh;
	}
}

.page3 .content-main .content-text .btn-question2 {
	width: 379px;
	height: 106px;
	margin-right: 21px;
	background-image: url(/teaching/sagamihara/page3/img/btn_click2.png);
	background-size: cover;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .btn-question2 {
		width: 49.3489vh;
		height: 13.802vh;
		margin-right: 2.7343vh;
	}
}

.page3 .content-main .content-text .answer {
	display: none;
}
.page3 .content-main .content-text .answer.answer1 {
	width: 339px;
	height: 106px;
	padding-top: 3px;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .answer.answer1 {
		width: 44.1406vh;
		height: 13.802vh;
		padding-top: .3906vh;
	}
}

.page3 .content-main .content-text .answer.answer2 {
	width: 192px;
	height: 56px;
	padding-top: 3px;
	text-align: right;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .answer.answer2 {
		width: 25vh;
		height: 7.2916vh;
		padding-top: .3906vh;
	}
}

.page3 .content-main .content-text .answer.answer3 {
	width: 400px;
	height: 106px;
	padding-top: 3px;
}

@media screen and (max-height: 768px) {
	.page3 .content-main .content-text .answer.answer3 {
		width: 52.0833vh;
		height: 13.802vh;
		padding-top: .3906vh;
	}
}

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

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

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

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