@charset "utf-8";

.top-message .title_area{background-image:url(/recruit/newgrads/img/common/h1_top-message.jpg);}
.top-message .content_area{max-width:none;}
.top-message .catch_box{
	position:relative;
	max-width:1180px;
	margin:10px auto;
}
.top-message .message_img.sp_img{display:none;}
.top-message .catch_txt_box{
	position:absolute;
	top:30px;
	right:410px;
	bottom:0;
	left:20px;
	width:510px;
	height:235px;
	margin:auto;
}
.top-message .message_title{
	margin-bottom:40px;
	font-family:var(--font-NotoSerif);
	font-size:3.6rem;
	letter-spacing:0;
	line-height:6.5rem;
}
.top-message .message_title_in{font-weight:500;}
.top-message .message_info{
	margin:0 30px 0 0;
	font-size:1.7rem;
	letter-spacing:0.17px;
	line-height:2.2rem;
	text-align:right;
}
.top-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;
}
.top-message .content_box h2, .top-message .content_box p{
	max-width:920px;
	padding:0 10px;
}
.top-message .content_box h2{
	margin:90px auto 35px;
	font-family:var(--font-NotoSerif);
	letter-spacing:0;
}
.top-message .content_box h2::before{display:none;}
.top-message .content_box p{
	margin:0 auto 40px;
	font-size:1.8rem;
	letter-spacing:0.18px;
	line-height:4rem;
}
.top-message .content_box .size_full{
	max-width:none;
	padding:0;
	margin:65px -20px 90px;
}
.top-message .content_box .size_full img{
	width:100%;
	min-height:230px;
	object-fit:cover;
}
.top-message .content_box .size_large{
	max-width:1220px;
	padding:0;
	margin:140px auto -20px;
}
.top-message .recommend_wrap{
	max-width:1180px;
	margin:145px auto 0;
}
.top-message #pankuzu{
	max-width:1180px;
	margin:100px auto 0;
}


@media screen and (min-width:768px) and (max-width:1024px){
.top-message .message_img{
	min-height:340px;
	object-fit:cover;
	object-position:top left;
}
.top-message .catch_txt_box{
	top:15px;
	width:420px;
	height:200px;
}
.top-message .message_title{
	margin-bottom:25px;
	font-size:2.9rem;
	line-height:5.2rem;
}
.top-message .message_info{
	font-size:1.5rem;
	letter-spacing:0.15px;
}
.top-message .message_name{
	margin-top:5px;
	font-size:2.3rem;
	letter-spacing:0.23px;
}
.top-message .content_box h2{
	margin:75px auto 25px;
	font-size:2.4rem;
	letter-spacing:0.24px;
}
.top-message .content_box p{
	margin-bottom:35px;
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:3.4rem;
}
.top-message .content_box .size_full{margin:50px -20px 75px;}
.top-message .content_box .size_large{margin:110px auto -30px;}
.top-message .recommend_wrap{margin-top:120px;}
}


@media screen and (max-width:767px){
.top-message .message_img{
	width:100%;
	min-height:260px;
	object-fit:cover;
	object-position:top left;
}
.top-message .catch_txt_box{
	top:5px;
	right:330px;
	width:310px;
	height:150px;
}
.top-message .message_title{
	margin-bottom:15px;
	font-size:2.2rem;
	line-height:4rem;
}
.top-message .message_info{
	margin:0 0 0;
	font-size:1.2rem;
	letter-spacing:0.12px;
}
.top-message .message_name{
	margin-top:0;
	font-size:1.8rem;
	letter-spacing:0.18px;
}
.top-message .content_box h2{
	margin:65px auto 15px;
	font-size:2rem;
	letter-spacing:0;
	line-height:3rem;
}
.top-message .content_box p{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2.8rem;
}
.top-message .content_box .size_full{margin:-5px -20px 65px;}
.top-message .content_box .size_large{margin:75px auto -45px;}
.top-message .recommend_wrap{margin-top:95px;}
.top-message #pankuzu{margin-top:55px;}
}


@media screen and (max-width:600px){
.top-message .catch_box{display:block;}
.top-message .message_img.pc_img{display:none;}
.top-message .message_img.sp_img{display:block;}
.top-message .catch_txt_box{
	position:static;
	width:auto;
	height:auto;
	padding:20px 10px 0;
}
}