@charset "UTF-8";

.dir_title h1:after{
	content: "MESSAGE";
}

.main{
	max-width: 980px;
	max-width: 800px;
	width:96%;
	margin-bottom: 100px;
}

.president_msg h3{
	font-size:20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 0.6em;
	text-align: left;
}
.president_msg p{
	margin-bottom: 2em;
	font-size: 16px;
	text-indent:1em;
	line-height: 1.8;
}
.president_msg p + h3{
	margin-top:2em;
}
.president_msg p:last-of-type{
	margin-bottom: 0;
}
.lr_wrapper{
	display:flex;
	justify-content: space-between;
	text-align: left;
}
.lr_wrapper .right{
}
.lr_wrapper .right .pic{
	padding-top: 10px;
	margin-bottom: 20px;
	text-indent:0;
}
.lr_wrapper .right .pic img{
	width:100%;
	max-width: 240px;
}
.lr_wrapper .right .txt .stat{
	font-size:16px;
	line-height: 1.8;
	margin-bottom: 16px;
	text-indent:0;
}
.lr_wrapper .right .txt .name{
	font-size:28px;
	text-indent:0;
	text-align: left;
}
.lr_wrapper .left{
	width:94%;
	flex:1;
	line-height: 2.3;
	margin:0 50px 0 0;
	font-size: 16px;
}


@media screen and (max-width: 834px) {
	.main{
		margin-bottom: 70px;
	}
	.lr_wrapper{
		margin:0 auto 35px;
		display:block;
	}
	.president .pic img{
		max-width:320px;
		width:100%;
	}
	.president .txt{
		text-align: center;
		width:100%;
		margin-bottom:30px;
	}
	.president_msg p br.sp_hide{
		display:none;
	}
	.lr_wrapper .left{
		width:100%;
		margin-bottom: 2.1em;
	}
	.lr_wrapper .right{
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.lr_wrapper .right .pic{
		margin:0 30px 0 0;
	}
}


@media screen and (max-width: 599px) {
	.catch{
		text-align: left;
		width:90%;
		font-size:20px;
		margin:0 auto 28px;
	}
	.catch br{
		display: none;
	}
	.lr_wrapper .right .pic{
		margin:0 20px 0 0;
		width:36%;
	}
}