@charset "utf-8";

.message .title_area{background-image:url(/recruit/newgrads/img/common/h1_message.jpg);}
.message .catch_box{
	position:relative;
	display:flex;
	justify-content:flex-end;
	padding:20px 0 20px 280px;
	margin-bottom:45px;
}
.message .message_title{
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:400px;
	height:250px;
	padding:20px 40px;
	margin:auto;
	background:#008940;
	color:#fff;
	font-family:var(--font-NotoSerif);
	font-size:3rem;
	letter-spacing:0;
	line-height:4.4rem;
}
.message .message_title_in{font-weight:500;}
.message .content_box{
	max-width:920px;
	padding:0 10px;
	margin:auto;
}
.message .content_box p{
	margin-bottom:40px;
	font-size:1.8rem;
	letter-spacing:0.18px;
	line-height:4rem;
}
.message .content_box p:last-child{
	margin-top:-20px;
	font-size:1.7rem;
	letter-spacing:0.17px;
	line-height:2.2rem;
}
.message .content_box p:last-child span{
	display:block;
	margin-top:10px;
	font-family:var(--font-NotoSerif);
	font-size:2.8rem;
	font-weight:500;
	letter-spacing:0.28px;
	line-height:3.2rem;
}
.person_box{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	padding:50px 60px 15px;
	border:2px solid #ddd;
}
.person_img{width:413px;}
.person_list{
	max-width:530px;
	width:calc(100% - 450px);
	margin:10px 0 0 37px;
}
.person_title{
	margin-bottom:12px;
	color:#008940;
	font-family:var(--font-NotoSerif);
	font-size:2.4rem;
	font-weight:500;
	letter-spacing:0;
	line-height:3.5rem;
}
.person_txt{
	margin-bottom:40px;
	color:#000;
	letter-spacing:0.16px;
}
.message_box{
	display:flex;
	flex-direction:row-reverse;
	align-items:flex-start;
}
.message_manager{
	flex-shrink:0;
	width:287px;
	margin:5px 0 0 20px;
}
.message_txt{
	font-size:1.8rem;
	letter-spacing:0.18px;
	line-height:4rem;
}
.message .message_info{
	font-size:1.7rem;
	letter-spacing:0.17px;
	line-height:2.2rem;
	text-align:right;
}
.message .message_name{
	display:block;
	margin-top:10px;
	font-family:var(--font-NotoSerif);
	font-size:2.8rem;
	font-weight:500;
	letter-spacing:0.28px;
	line-height:3.2rem;
}

@media screen and (max-width:1024px){
.person_box{display:block;}
.person_img{margin:auto;}
.person_list{
	max-width:none;
	width:auto;
	margin:35px 0 0;
}
.person_txt br{display:none;}
}

@media screen and (min-width:768px) and (max-width:1024px){
.message .catch_box{
	padding:10px 0 10px 250px;
	margin-bottom:35px;
}
.message .message_title{
	width:320px;
	height:180px;
	padding:15px 25px;
	font-size:2.5rem;
	line-height:3.7rem;
}
.message .content_box p{
	margin-bottom:35px;
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:3.4rem;
}
.message .content_box p:last-child{
	margin-top:-14px;
	font-size:1.5rem;
	letter-spacing:0.15px;
}
.message .content_box p:last-child span{
	margin-top:5px;
	font-size:2.3rem;
	letter-spacing:0.23px;
}
.person_box{padding:40px 60px 10px;}
.person_title{
	font-size:2.1rem;
	line-height:3.2rem;
}
.person_txt{
	margin-bottom:35px;
	font-size:1.5rem;
	letter-spacing:0.15px;
	line-height:2.2rem;
}
.message_manager{width:246px;}
.message_txt{
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:3.4rem;
}
.message .message_info{
	font-size:1.5rem;
	letter-spacing:0.15px;
}
.message .message_name{
	margin-top:5px;
	font-size:2.3rem;
	letter-spacing:0.23px;
}
}


@media screen and (max-width:767px){
.message .catch_box{
	padding:0 0 0 170px;
	margin-bottom:35px;
}
.message .message_title{
	width:235px;
	height:120px;
	padding:10px 15px;
	font-size:2rem;
	line-height:3rem;
}
.message .content_box p{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2.8rem;
}
.message .content_box p:last-child{
	margin-top:-8px;
	font-size:1.2rem;
	letter-spacing:0.12px;
}
.message .content_box p:last-child span{
	margin-top:0;
	font-size:1.8rem;
	letter-spacing:0.18px;
}
.person_box{padding:40px 15px 10px;}
.person_img{
	max-width:300px;
	width:100%;
}
.person_title{
	margin-bottom:10px;
	font-size:1.8rem;
	line-height:3rem;
}
.person_txt{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:0;
	line-height:2.1rem;
}
.message_manager{width:200px;}
.message_txt{
	margin-bottom:20px;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2.8rem;
}
.message .message_info{
	font-size:1.2rem;
	letter-spacing:0.12px;
}
.message .message_name{
	margin-top:0;
	font-size:1.8rem;
	letter-spacing:0.18px;
}
}


@media screen and (max-width:600px){
.message .catch_box{
	padding:0;
	margin-bottom:105px;
}
.message .message_title{
	top:auto;
	right:0;
	bottom:-80px;
	width:calc(100% - 20px);
	padding:10px 25px;
}
.message_box{
	display:block;
	padding:0 10px;
}
.message_manager{margin:0 auto 20px;}
}