@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------- start */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.message_header_area {
	overflow: hidden;
}
.message_header_area_inner{
	max-width: 1000px;
	width:100%;
	margin: 0 auto;
	padding: 5% 0;
	text-align: center;
}

.message_header_title {
	font-size: 3rem;
	letter-spacing: 0.8rem;
	margin-bottom:3%;
}

.message_header_name {
	height: 65px;
}
.message_header_name img{height:100%;}

.message_content_area_inner {
	background: #e8eaeb;
	padding: 5% 0;
}


/* 会長 */
.message_first_area {
	width:1000px;
	margin: 0 auto 10%;
}

.message_first_img {
	width: 650px;
	height:850px;
	float: left;
	position: relative;
	background: url(../img/company/message/img_chairman01.png);
	background-size: cover;
}

.message_first_info {
	width:500px;
	margin:50px 0 0 -150px;
	padding: 5%;
	background: #FFF;
	float: left;
	position: relative;
}

.message_second_area {
	width:100%;
	margin: 0 auto 10%;
}

.message_second_img {
	width: 50%;
	height:450px;
	margin:30px 0 0 0;
	float: left;
	position: relative;
	background: url(../img/company/message/img_chairman02.png);
	background-size: cover;
	background-position: right center;
}

.message_second_info {
	width: 50%;
	float: left;
}

.message_second_info_inner {
	width:500px;
	padding: 5%;
	background: #FFF;
	float: right;
}

.message_third_area {
	width:100%;
	margin: 0 auto 10%;
}

.message_third_img {
	width: 60%;
	height:700px;
	margin:50px 0 0 0;
	float: left;
	position: relative;
	background: url(../img/company/message/img_chairman03.png);
	background-size: cover;
	background-position: left center;
}

.message_third_info {
	width: 50%;
	margin-left: -10%;
	float: left;
	position: relative;
	z-index: 2;
}

.message_third_info_inner {
	width:500px;
	padding: 5%;
	background: #FFF;
}


/* 社長 */
.message_first_president_area {
	width:1000px;
	margin: 0 auto 10%;
}

.message_first_president_img {
	width: 650px;
	height:850px;
	margin-left: -150px;
	float: left;
	position: relative;
	background: url(../img/company/message/img_president01.png);
	background-size: cover;
}

.message_first_president_info {
	width:500px;
	margin:50px 0 0 0;
	padding: 5%;
	background: #FFF;
	float: left;
	position: relative;
	z-index: 2;
}

.message_second_president_area {
	width:100%;
	margin: 0 auto 10%;
}

.message_second_president_img {
	width: 50%;
	height:450px;
	margin:30px 0 0 0;
	float: left;
	position: relative;
	background: url(../img/company/message/img_president02.png);
	background-size: cover;
	background-position: right center;
}

.message_second_president_info {
	width: 50%;
	float: left;
}

.message_second_president_info_inner {
	width:500px;
	padding: 5%;
	background: #FFF;
}

.message_third_president_area {
	width:100%;
	margin: 0 auto 10%;
}

.message_third_president_img {
	width: 60%;
	height:700px;
	margin:50px 0 0 -10%;
	float: left;
	position: relative;
	background: url(../img/company/message/img_president03.png);
	background-size: cover;
	background-position: left center;
}

.message_third_president_info {
	width: 50%;
	float: left;
	position: relative;
	z-index: 2;
}

.message_third_president_info_inner {
	width:500px;
	padding: 5%;
	background: #FFF;
	float: right;
}

.message_info_title {
	font-size:2.5rem;
	font-weight: 600;
	letter-spacing: 0.5rem;
	margin-bottom: 5%;
}

.message_info_text {
	font-size:1.6rem;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}

.square01 {
	position: absolute;
	left:-20%;
	bottom:-15%;
	width:200px;
	height:200px;
	opacity: 0.3;
}

.square02 {
	position: absolute;
	right:10%;
	bottom:-10%;
	width:100px;
	height:100px;
}

.square03 {
	position: absolute;
	left:-10%;
	top:-20%;
	width:135px;
	height:135px;
}

.square04 {
	position: absolute;
	left:10%;
	top:-5%;
	width:100px;
	height:100px;
}

.square05 {
	position: absolute;
	right:20%;
	top:-10%;
	width:125px;
	height:125px;
	opacity: 0.3;
}

.square06 {
	position: absolute;
	right:40%;
	bottom:-10%;
	width:100px;
	height:100px;
}

.square07 {
	position: absolute;
	right:-20%;
	bottom:-10%;
	width:300px;
	height:300px;
	opacity: 0.3;
}

.square08 {
	position: absolute;
	right:20%;
	bottom:-15%;
	width:130px;
	height:130px;
}

.square09 {
	position: absolute;
	left:23%;
	top:-10%;
	width:100px;
	height:100px;
	opacity: 0.3;
}

.square10 {
	position: absolute;
	right:20%;
	top:-10%;
	width:100px;
	height:100px;
}

.square01 img,.square02 img,.square03 img,.square04 img,.square05 img,
.square06 img,.square07 img,.square08 img,.square09 img,.square10 img{width:100%;}
/*-------------------------------------------------------------------------------- end */



@media screen and (max-width: 960px) {
/*-------------------------------------------------------------------------------- start */
	.message_header_area_inner{
		width:90%;
		padding:10% 0;
	}

	.message_header_name {
		height: 40px;
	}

	.message_first_area,.message_second_area,.message_third_area,
	.message_first_president_area,.message_second_president_area,.message_third_president_area {
		width:100%;
		margin: 0;
		display: flex;
	}

	.message_first_img,.message_second_img,.message_third_img,
	.message_first_info,.message_second_info,.message_third_info,
	.message_first_president_img,.message_second_president_img,.message_third_president_img,
	.message_first_president_info,.message_second_president_info,.message_third_president_info{
		float: none;
		margin: 0;
	}

	.message_first_img,.message_second_img,.message_third_img,
	.message_first_president_img,.message_second_president_img,.message_third_president_img {
		width: 50%;
		height: auto;
	}
	.message_first_info,
	.message_first_president_info {
		width: 50%;
		margin: 0;
	}

	.message_second_info_inner,
	.message_second_president_info_inner {
		width: 100%;
		padding:10%;
	}

	.message_third_info_inner,
	.message_third_president_info_inner {
		width: 100%;
		padding:10%;
	}

	.square01,.square02,.square03,.square04,.square05,
	.square06,.square07,.square08,.square09,.square10{display: none;}

	.message_first_president_img {
		background-position: right top;
	}
	.message_second_president_img {
		background-position: center top;
	}
	.message_third_president_img {
		background-position: right top;
	}
/*-------------------------------------------------------------------------------- end */
}




@media screen and (max-width: 767px) {
/*-------------------------------------------------------------------------------- start */
	.message_content_area_inner {
		padding: 0;
	}

	.message_header_title {
		text-align:left;
	}

	.message_header_title br,
	.message_info_title br {display: none;}

  .message_info_text {
  	font-size:1.8rem;
  }

	.message_first_area,.message_second_area,.message_third_area,
	.message_first_president_area,.message_second_president_area,.message_third_president_area {
		flex-wrap: wrap;
	}

	.message_first_img,.message_second_img,.message_third_img,
	.message_first_info,.message_second_info,.message_third_info,
	.message_first_president_img,.message_second_president_img,.message_third_president_img,
	.message_first_president_info,.message_second_president_info,.message_third_president_info {
		width: 100%;
	}

	.message_first_img,.message_second_img,.message_third_img,
	.message_first_president_img,.message_second_president_img,.message_third_president_img {
		height:300px;
	}

	.message_first_info,.message_second_info_inner,.message_third_info_inner,
	.message_first_president_info,.message_second_president_info_inner,.message_third_president_info_inner {
		padding:10% 5%;
	}

	.sp-change01{order:2;}
	.sp-change02{order:1;}

/*-------------------------------------------------------------------------------- end */
}