@charset "UTF-8";


/*----------------------------------------------------------
校長挨拶ページ用css
----------------------------------------------------------*/
.align_r {
	text-align: right;
}
.flex {
	display: flex;
	align-items: flex-start;
}
.head_teacher_wrap {
	margin: 200px 0 80px;
	padding: 30px;
	position: relative;
	background-color: #DDEEFF;
}
.head_teacher_img {
	width: 30%;
	position: absolute;
	bottom: 30px;
	left: 70px;
}
.head_teacher_text {
	width: 50%;
	margin-left: 45%;
}

.column > div {
	max-width: 1200px;
	padding: 5em 50px 2em;
	background-color: #EEEEF3;
	box-sizing: border-box;
	position: relative;
}
.column h4 {
	margin: 0;
	color: #fff;
	background-color: #112244;
	padding: 0.5em;
	font-size: 1.2em;
	/*min-width: 280px;*/
	width: 60%;
	position: absolute;
	left: -0.5em;
	top: 1em;
	padding-left: calc(50px + 0.5em);
}
.column h4::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 100%;
	background-image: url(images/column_h4.png);
	position: absolute;
	right: -10px;
	top: 0;
	background-size: cover;
}
.column_text {
	width: 70%;
}
.column_img {
	margin-left: 50px;
}
@media screen and (max-width: 999px) {
	.head_teacher_wrap {
		margin: 40px 0 ;
	}
	.head_teacher_wrap {
		position: inherit;
		padding: 20px;
	}
	.head_teacher_img {
		position: inherit;
		width: 100%;
	}
	.head_teacher_text {
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	.flex {
		display: block;
	}
	.column_text {
		width: 100%;
	}
	.column_img {
		width: 100%;
		margin: 0;
	}
	.column > div {
		padding: 5em 20px 20px;
	}
	.column h4 {
		padding-left: calc(20px + 0.5em);
	}
}