@charset "UTF-8";

/* school_outline.css
----------------------------------- */

.content_area>p{
	font-size: 1.8rem;
	margin-bottom: 80px;
}

.content_area .outline{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-content: flex-end;
}

.outline table{
	width: 58%;
	border-collapse: separate;
	border: none;
}

.outline table th{
	width: 40%;
	text-align: center;
	background-color: #ccc;
	border: 1px solid #fff;
	padding: 10px 0;
	vertical-align: middle;
	box-sizing: border-box;
}

.outline table td{
	width: 60%;
	background-color: #eff6fa;
	border: 1px solid #fff;
	padding: 10px;
	vertical-align: top;
	box-sizing: border-box;
}

.outline figure{
	width: 38%;
	align-self: flex-end;
}

@media all and (max-width: 767px){
	.page_ttl_area{
		margin: 0 auto 40px;
		padding: 40px 0 10px;
	}

	.page_ttl_area h1{
		font-size: 3.5rem;
	}

	.content_area{
		margin: 0 auto 40px;
	}

	.content_area>p{
		font-size: 1.4rem;
		margin-bottom: 40px;
	}

	.content_area .outline{
		flex-direction: column;
		align-content: flex-end;
	}

	.outline table{
		width: 100%;
		order: 2;
	}

	.outline table th{
		width: 100%;
		display: block;
		font-size: 1.6rem;
	}

	.outline table td{
		width: 100%;
		display: block;
		font-size: 1.4rem;
	}

	.outline figure{
		width: 100%;
		align-self: flex-start;
		order: 1;
		margin-bottom: 20px;
		text-align: center;
	}
}