.bg-beige{
	background-color: #f8f8f6;
}
.border-right-responsive, .border-right-responsive02{
	position: relative;
	
}
.border-right-responsive:before{
	position: absolute;
	content: '';
	top: 50%;;
	left: 0;
	width: 35%;
	border: 1px dashed #007CC2;
}
.border-right-responsive:after{
	position: absolute;
	content: '';
	top: 50%;;
	right: 0;
	width: 35%;
	border: 1px dashed #007CC2;
}
.border-right-responsive02:before{
	position: absolute;
	content: '';
	top: 50%;;
	left: 10%;
	width: 25%;
	border: 1px dashed #007CC2;
}
.border-right-responsive02:after{
	position: absolute;
	content: '';
	top: 50%;;
	right: 10%;
	width: 25%;
	border: 1px dashed #007CC2;
}
@media screen and (max-width: 767px){
	.border-right-responsive{
		position: static;
		border-top: 1px dashed #007CC2;
		padding-top: 1rem;
	}
	.border-right-responsive:before, .border-right-responsive:after,
	 .border-right-responsive02:before, .border-right-responsive02:after{
		display: none;
	}
}
.tel-logo:after{
	content: url(/school/img/tel.png);
	width: 1rem;
	height: auto;
	padding-left: .4rem;
}
.mail-logo:after{
	content: url(/school/img/mail.png);
	width: 1rem;
	height: auto;
	padding-left: .4rem;
}
.staff-img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px){
	.staff-img{
		width: 65%;
	}
}
.camp-img{
	object-fit: cover;
	aspect-ratio: 12/5;
}
.school-img{
	aspect-ratio: 11/5;
	object-fit: contain;
}
@media screen and (max-width: 1199px){
	.school-img{
		aspect-ratio: 8/5;
		object-fit: contain;
	}
}
@media screen and (max-width: 767px){
	.school-img{
		aspect-ratio: 7/6;
		object-fit: cover;
	}
}