.president_area {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: var( --content-max-width );
	padding: 20px;
}
.president_top_title {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 20px;
	border-left: 20px solid #0000ff;
}
.president_layout {
	text-align: center;
	vertical-align: top;
}
.president_image_area {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 350px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	box-shadow: 6px 4px 4px #888888;
	padding: 10px;
}
.president_image_area > div {
	position: relative;
	border: 1px solid #aaaaaa;
	width: 100%;
	height: 100%;
	background-image: url( "/img/president.jpg" );
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.president_image_area > div::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,0,0,0);
	content: "";
}
.president_message_area {
	display: inline-block;
	vertical-align: top;
	width: 500px;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
}
.president_message_area > div {
	text-align: right;
}
/*==================================================================*/
/* タブレット用設定                                                 */
/*==================================================================*/
@media screen and (max-width: 960px ) {
	.president_layout {
		text-align: center;
	}
	.president_message_area {
		margin-top: 20px;
		width: calc( 100% - 20px );
	}
}
@media screen and (max-width: 800px ) {
	.company_menu_layout {
		display: none;
	}
}