@charset "utf-8";
.h1_recruitmessage {
    background-image: url(../img/recruitmessage_h.jpg);
	background-position: center bottom -25px;
}
.h1_jp {
	font-size: 200%;
    color: #fff;
	text-shadow: 1px 1px 15px #000;
	letter-spacing: 3px;
	padding-top: 20px;
}
.recruitmessage_wrap .president_message {
	position: relative;
    margin: 95px 0 240px;
	
}
.recruitmessage_wrap .president_message_content {
	width: 94%;
	max-height: 1512px;
    height: 447px;
	background-color: #dfe0da ;
	margin: 0 0 0 auto;
}
.recruitmessage_wrap .president_content_inner {
	display:flex;
}
.recruitmessage_wrap .president_txt {
	padding: 100px;
    width: 50%;
}
.recruitmessage_wrap .signatur span {
	font-family: 'Noto Serif JP', serif;
    font-size: 120%;
    margin-right: 20px;
}
.recruitmessage_wrap .signatur img {
	margin-bottom: -15px;
}
.recruitmessage_wrap .president_img {
	position: absolute;
	bottom: 0;
	left: 61%;
}
.recruitmessage_wrap .president_img img {
    vertical-align:bottom;
}
.recruitmessage_wrap .president_comment {
	font-family: 'Noto Serif JP', serif;
	font-size:166.666%;
	line-height: 48px;
	margin-bottom: 60px;
}
.recruitmessage_wrap .president_message::before {
	position: absolute;
	width: 100%;
	max-width: 1512px;
    content: "";
    height: 447px;
    background-color: #9dc4d0 ;
    bottom: -80px;
    left: 0;
    z-index: -1;
}
.recruitmessage_wrap .president_message::after {
	position: absolute;
    content: "";
    width: 100%;
    height: 527px;
    background-color: #f5f6f7 ;
    top: 160px;
    right: 0;
    z-index: -2;
}
.recruitmessage_wrap h3 {
	font-size: 266.666%;
	text-align: center;
    line-height: initial;
	font-weight: 600;
	margin-bottom: 83px;
}
.recruitmessage_wrap p {
	font-size: 120%;
}
.recruitmessage_wrap .full_width {
	background: #f5f6f7;
}
.recruitmessage_wrap .content_area_1 {
	padding: 125px 0 120px;
}
.recruitmessage_wrap .content_area_2 {
	padding: 115px 0 175px;
}
.recruitmessage_wrap .content_area_3 {
	padding: 60px 0 117px;
}
.recruitmessage_wrap .recruit_nav_link{
	margin:120px auto 0 auto;
}
@media screen and (max-width: 767px){
	.h1_recruitmessage {
        background-image: url(../img/recruitmessage_h.jpg);
        background-position: right -150px top;
    }
	.recruitmessage_h .h1_content {
	    margin-left: -487px;
	}
	.recruitmessage_h .message_h #h_area {
    	left: 240px;
    }
	.h1_jp {
		font-size: 120%;
		padding-top: 3px;
	}
	.recruitmessage_wrap .president_message {
        margin: 40px 0 40px;
    }
	.recruitmessage_wrap .president_message_content {
        height: auto;
	}
	.recruitmessage_wrap .pc {
		display: none;
    }
	.recruitmessage_wrap .president_content_inner {
	    flex-wrap: wrap-reverse;
		text-align: center;
        padding: 40px 20px;
    }
	.recruitmessage_wrap .president_txt {
	    padding: 0px;
        width: 100%;
    }
	.recruitmessage_wrap .president_comment {
		font-size: 140.666%;
        line-height: 34px;
		margin-top: 20px;
        margin-bottom: 30px;
	}
	.recruitmessage_wrap .president_img {
		position: static;
		display:block;
		margin:0 auto;
    }
	.recruitmessage_wrap .signatur img {
    	width: 156px;
		margin-bottom: -11px;
	}
	.recruitmessage_wrap .signatur span {
        margin-right: 0px;
		font-size: 100%;
    }
	.recruitmessage_wrap .president_message::before {
		height: 717px;
    	bottom: -32px;
	}
	.recruitmessage_wrap .president_message::after {
		content:none;
	}
	.recruitmessage_wrap .content_area {
        padding: 40px 20px;
        width: 100%;
        box-sizing: border-box;
		margin: 0;
    }
	.recruitmessage_wrap h3 {
		font-size: 160%;
		margin-bottom: 20px;
    }
	.recruitmessage_wrap p {
        font-size: 106.666%;
    }
	.recruitmessage_wrap .recruit_nav_link{
		margin:50px auto 10px auto;
	}
}