@charset "UTF-8";

/** .content-title */
.page5 .content-title {
	margin-top: 10px;
	font-size: 40px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.page5 .content-title {
		margin-top: 1.302vh;
		font-size: 5.2083vh;
	}
}

/** .content-main */
.page5 .content-main .item-wrap {
	display: flex;
	justify-content: center;
}
.page5 .content-main .item-wrap .item {
	position: relative;
	width: 288px;
	height: 288px;
	background-image: url(/teaching/sagamihara/page5/img/bg_circle.png);
	background-size: cover;
	transform: translateY(100px) rotateY(180deg);
	animation: slideUpKuruKuru .5s ease forwards;
	opacity: 0;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap .item {
		width: 37.5vh;
		height: 37.5vh;
	}
}

.page5 .content-main .item-wrap .item.item-1 {
	animation-delay: .2s;
}
.page5 .content-main .item-wrap .item.item-2 {
	animation-delay: .4s;
}
.page5 .content-main .item-wrap .item.item-3 {
	animation-delay: .6s;
}
.page5 .content-main .item-wrap .item .item-img-wrap {
	position: absolute;
	transform: translate(-50%, -50%);
}
.page5 .content-main .item-wrap .item.item-1 .item-img-wrap {
	right: calc(50% - 250px);
	bottom: calc(50% - 170px);
	width: 237px;
	height: 127px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap .item.item-1 .item-img-wrap {
		right: calc(50% - 32.552vh);
		bottom: calc(50% - 22.1354vh);
		width: 30.8593vh;
		height: 16.5364vh;
	}
}

.page5 .content-main .item-wrap .item.item-2 .item-img-wrap {
	right: calc(50% - 350px);
	bottom: calc(50% - 230px);
	width: 248px;
	height: 170px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap .item.item-2 .item-img-wrap {
		right: calc(50% - 45.5729vh);
		bottom: calc(50% - 29.9479vh);
		width: 32.2916vh;
		height: 22.1354vh;
	}
}

.page5 .content-main .item-wrap .item.item-3 .item-img-wrap {
	right: calc(50% - 290px);
	bottom: calc(50% - 230px);
	width: 275px;
	height: 147px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap .item.item-3 .item-img-wrap {
		right: calc(50% - 37.7604vh);
		bottom: calc(50% - 29.9479vh);
		width: 35.8072vh;
		height: 19.1406vh;
	}
}

.page5 .content-main .item-wrap.is-bottom .item {
	margin-top: -80px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap.is-bottom .item {
		margin-top: -10.4166vh;
	}
}

.page5 .content-main .item-wrap.is-bottom .item:nth-child(1) {
	margin-right: 80px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap.is-bottom .item:nth-child(1) {
		margin-right: 10.4166vh;
	}
}

.page5 .content-main .item-wrap.is-bottom .item:nth-child(1) .item-text {
	width: 288px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap.is-bottom .item:nth-child(1) .item-text {
		width: 37.5vh;
	}
}

.page5 .content-main .item-wrap.is-bottom .item:nth-child(2) {
	margin-left: 80px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap.is-bottom .item:nth-child(2) {
		margin-left: 10.4166vh;
	}
}

.page5 .content-main .item-wrap .item .item-text {
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 2;
	font-size: 21px;
}

@media screen and (max-height: 768px) {
	.page5 .content-main .item-wrap .item .item-text {
		top: 2.6041vh;
		left: 3.9062vh;
		font-size: 2.7343vh;
	}
}