@charset "UTF-8";

/* message ---------------------------------------*/

#message{
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/message/bg_message.jpg) no-repeat center top;
	background-size: cover;
	padding:80px 0;
}

.messageArea{
	padding:20px;
	max-width:1060px;
	margin:0 auto;
	box-sizing:border-box;
	position: relative;
}

.messageArea:after{
    display:block;
    content:'';
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/message/bg_message.jpg) no-repeat center -75px;
	background-size: 180%;
	filter: brightness(90%);
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0;
}

.messageArea .messageInner{
	background: #fff;
	padding:60px 129px 60px;
	position: relative;
	z-index:5;
}

.messageArea h2{
	margin-bottom: 50px;
}

.messageArea p{
	line-height: 2.6;
	font-size: 16px;
	letter-spacing: 0.9px;
	padding: 0 0 0 10px;
}

.messageArea .presidentSign{
	overflow: hidden;
	padding-top: 15px;
}

.messageArea .presidentSign .sign{
	display: inline-block;
	vertical-align: middle;
	width:550px;
	padding-top: 4px;
}

.messageArea .presidentSign .sign p{
	font-size: 16px;
	line-height: 1.0;
	margin:10px 0;
}

.messageArea .presidentSign .sign p.name{
	font-size: 24px;
	padding-top: 10px;
}

.messageArea .presidentSign .presidentImage{
	display: inline-block;
	width:200px;
	vertical-align: middle;
}


@media screen and (max-width: 1100px){
	.messageArea p{font-size: 15px;}
	.messageArea .messageInner{padding:60px 80px;}

	.messageArea .presidentSign .sign{width:73%;}
	.messageArea .presidentSign .presidentImage{width:25%;}
	.messageArea .presidentSign .presidentImage img{width:100%;}
}

@media screen and (max-width: 1000px){
	.messageArea p{
		font-size: 13px;
		line-height: 2.4;
	}
	.messageArea .messageInner{padding:40px 60px;}
}

@media screen and (max-width: 900px){
	.messageArea h2{margin-bottom: 30px;}
	.messageArea p{line-height: 1.9;}
}


@media screen and (max-width: 768px){

	/* message ---------------------------------------*/

	#message{
		background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/message/bg_message_sp.jpg) no-repeat center top;
		background-size: 100%;
		padding:30px 15px 50px;
	}

	.messageArea{
		background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/message/bg_message_text_sp.png) no-repeat center top;
		background-size: 100%;
		padding:40px 7% 10%;
		height:auto;
		box-sizing:border-box;
		position: relative;
		max-width:550px;
	}

	.messageArea .messageInner{
		padding:0;
		background: none;
	}

	.messageArea:after{
		filter:none;
		content:'';
		background: none;
		background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/message/bg_message_text_sp_bottom.png) no-repeat center bottom;
		background-size: 100%;
		position: absolute;
		top:auto;
		left:0px;
		bottom:0px;
		width:100%;
		height:0px;
		padding-top: 5%;
	}

	.messageArea h2{
		margin-bottom: 27px;
	}

	.messageArea h2 img{width:115px;}

	.messageArea p{
		line-height: 2.3;
		font-size: 12px;
		letter-spacing: 1.4px;
		padding-left: 9px;
	}

	.messageArea .presidentSign{
		padding-top: 24px;
		font-size: 0px;
	}

	.messageArea .presidentSign .sign{
		width:63%;
		vertical-align: bottom;
	}

	.messageArea .presidentSign .sign p{
		font-size: 10px;
		margin:7px 0;
	}

	.messageArea .presidentSign .sign p.name{
		font-size: 14px;
		padding-top: 0;
	}

	.messageArea .presidentSign .presidentImage{
		width:34%;
	}

	.messageArea .presidentSign .presidentImage img{width:100%;}


}


@media screen and (max-width: 520px){

	.messageArea{
		padding:40px 25px 10%;
	}

}