@charset "UTF-8";

/** .content-title */
.page2 .content-title {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}

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

.page2 .content-title .content-title-inner {
	display: inline-block;
	position: relative;
	padding: 0 105px;
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner {
		padding: 0 13.6718vh;
	}
}

.page2 .content-title .content-title-inner::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #003067;
	content: '';
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner::before {
		height: .651vh;
		border-radius: .651vh;
	}
}

.page2 .content-title .content-title-inner h1 {
	position: relative;
	font-size: 39px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner h1 {
		font-size: 5.0781vh;
	}
}

.page2 .content-title .content-title-inner h1::before {
	position: absolute;
	top: 28px;
	left: calc(50% - 300px);
	width: 71px;
	height: 74px;
	background-image: url(/teaching/sagamihara/page2/img/title_left.png);
	background-size: cover;
	transform: translate(-50%, -50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner h1::before {
		top: 3.6458vh;
		left: calc(50% - 39.0625vh);
		width: 9.2447vh;
		height: 9.6354vh;
	}
}

.page2 .content-title .content-title-inner h1::after {
	position: absolute;
	top: 33px;
	right: calc(50% - 380px);
	width: 81px;
	height: 73px;
	background-image: url(/teaching/sagamihara/page2/img/title_right.png);
	background-size: cover;
	transform: translate(-50%, -50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner h1::after {
		top: 4.2968vh;
		right: calc(50% - 49.4791vh);
		width: 10.5468vh;
		height: 9.5052vh;
	}
}

.page2 .content-title .content-title-inner h1 span {
	font-size: 28px;
}

@media screen and (max-height: 768px) {
	.page2 .content-title .content-title-inner h1 span {
		font-size: 3.6458vh;
	}
}

/** .content-main */
.page2 .content-main .menu-wrap {
	margin-bottom: 25px;
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-wrap {
		margin-bottom: 3.2552vh;
	}
}

.page2 .content-main .menu-wrap .menu-btn {
	margin-bottom: 15px;
	transform: translateY(-100px);
	animation: slideDown .3s ease forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-wrap .menu-btn {
		margin-bottom: 1.9531vh;
	}
}

.page2 .content-main .menu-wrap .menu-btn:nth-child(1) {
	animation-delay: .2s;
}
.page2 .content-main .menu-wrap .menu-btn:nth-child(2) {
	animation-delay: .4s;
}
.page2 .content-main .menu-wrap .menu-btn:nth-child(3) {
	animation-delay: .6s;
}
.page2 .content-main .menu-wrap .menu-btn:nth-child(4) {
	animation-delay: .8s;
}
.page2 .content-main .menu-wrap .menu-btn:nth-child(5) {
	animation-delay: 1s;
}
.page2 .content-main .menu-wrap .menu-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 690px;
	height: 70px;
	margin: 0 auto;
	border-radius: 40px;
	background-color: #53b98d;
	color: #fff;
	font-size: 30px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-wrap .menu-btn a {
		width: 89.8437vh;
		height: 9.1145vh;
		border-radius: 5.2083vh;
		font-size: 3.9062vh;
	}
}

.page2 .content-main .menu-info-wrap {
	transform: scale(0);
	animation: fadeInZoom .3s ease 1.2s forwards;
	opacity: 0;
	font-size: 14px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-info-wrap {
		font-size: 1.8229vh;
	}
}

.page2 .content-main .menu-info-wrap .info-btn {
	position: relative;
	margin-right: 10px;
	padding: 10px;
	border-radius: 10px;
	background-color: #53b98d;
	color: #fff;
	font-size: 13px;
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-info-wrap .info-btn {
		margin-right: 1.302vh;
		padding: 1.302vh;
		border-radius: 1.302vh;
		font-size: 1.6927vh;
	}
}

.page2 .content-main .menu-info-wrap .info-btn::before {
	position: absolute;
	bottom: -40px;
	left: -18px;
	width: 35px;
	height: 50px;
	background-image: url(/teaching/sagamihara/page2/img/btn_cursor.png);
	background-size: cover;
	content: '';
}

@media screen and (max-height: 768px) {
	.page2 .content-main .menu-info-wrap .info-btn::before {
		bottom: -5.2083vh;
		left: -2.3437vh;
		width: 4.5572vh;
		height: 6.5104vh;
	}
}