.exam-logo {
	display: block !important;
	
	> * {
		padding: 10px;
	}
}

header .exam-logo a {
	position: static;
	
	img {
		width: 284px;
		max-width: 284px;
	}
}

section#SC {
	padding-top: 50px;
	padding-bottom: 50px;
}

#Footer {
	padding: 4rem 0;
	
	.logo {
		text-align: center;
		
		img {
			width: 284px;
			margin: 0 auto;
		}
	}
	
	.address{
		max-width: 1340px;
		padding: 0 20px;
		margin: 20px auto 0;
	}
}
@media (max-width: 599px) {
#Footer .logo img {
	width: 200px;
}
}

* + h3 {
	padding-top: 30px;
}

h4 {
	padding-bottom: 15px;
}

.top_column {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
	max-width: 1340px;
	padding: 0 20px;
	margin: 0 auto;
	
	> a {
		display: block;
		position: relative;
		width: calc((100% - 60px) / 3);
		aspect-ratio: 16 / 9;
		overflow: hidden;
		
		.image {
			position: absolute;
			left: 0;
			top: 0;
			aspect-ratio: 16 / 9;
			width: 100%
			height: 100%;
			z-index: 0;
			
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		
		.tx {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: rgba( 64, 110, 135, 0.8 );
			text-align: center;
			color: #fff;
			padding: 5px 0;
			font-size: 2rem;
			font-family: ten-mincho-text, serif;
		}
	}
}

@media (max-width: 767px) {
.top_column {
	gap: 20px;
	padding: 0 15px;
	
	> a {
		width: calc((100% - 20px) / 2);
		
		.tx {
			font-size: 1.7rem;
		}
	}
}
}

@media (max-width: 599px) {
.top_column {

	> a {
		width: 100%;
	}
}
}

.top_column.under {
	padding: 0;
	margin-top: 80px;
}
@media (max-width: 599px) {
.top_column.under {

	margin-top: 50px;
}
}

dl.history {
	font-size: 1.6rem;
	color: #333;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
	
	dt {
		width: 50px;
		color: #144E67;
	}
	dd {
		width: calc(100% - 50px - 20px);
	}
}

@media (max-width: 767px) {
dl.history {
	font-size: 1.4rem;
}
}
@media (max-width: 599px) {
dl.history {
	line-height: 1.8;
}
}

.exam .container {
	padding-bottom: 80px !important;
}
@media (max-width: 599px) {
.exam .container {
	padding-bottom: 50px !important;
}
}

.imagebox {
	display: flex;
	gap: 30px;
	margin-top: 40px;
	
	> .image {
		width: 30%;
		
		img {
			width: 100%;
		}
	}
	
	> .tx {
		width: calc(100% - 30% - 30px);
	}
}

.imagebox + *{
	margin-top: 40px;
}
@media (max-width: 599px) {
.imagebox {
	flex-direction: column;
	gap: 15px;
	
	> .image {
		width: auto;
		
		img {
			max-width: 300px;
			margin: 0 auto;
		}
	}
	
	> .tx {
		width: auto;
	}
}
}