#title {
	background: url("../img/title_school.jpg") no-repeat center center / cover;
}
.school img {
	width: 100%;
	height: auto;
}
.school h3 {
	border-bottom: solid 1px var(--maincolor);
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.school p {
	margin-bottom: 0.5em;
}

.banner a, .banner a img {
	display: block;
	width: 100%;
	max-width: 860px;
	margin: auto;
}
@media screen and (min-width: 768px) {
	.school {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.school  div {
		width: 50%;
	}
	.school h3 {
		text-align: left;
	}
	.school  img {
		display: block;
		width: 45%;
		height: auto;
		max-width: 600px;
		margin-right: 2em;		
	}
}