@charset "utf-8";

.new-graduate .page_top::before{background-image:url(/saiyo/img/new-graduate/h1_new-graduate.jpg);}
.career .page_top::before{background-image:url(/saiyo/img/career/h1_career.jpg);}
.recruit_flow ~ h3{
	padding:12px 20px 13px;
	margin:0 0 20px;
	background:#018572;
	border:none;
	color:#fff;
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3rem;
	text-align:center;
}
.recruit_flow ~ p{
	padding-bottom:35px;
	background:url(/saiyo/img/common/arrow_b_green.svg) no-repeat center bottom;
	text-align:center;
}
.recruit_flow + p{
	background:none !important;
	padding-bottom:0;
}
.recruit_flow ~ h3:last-of-type + p{background:none;}
.recruit_careea ~ p{
	text-align: left;
	background: none;
	padding-bottom: 0;
}

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

#recruit_flow ~ p{padding-bottom:30px;}

}


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

#recruit_flow ~ h3{
	padding-bottom:14px;
	font-size:2rem;
	letter-spacing:2px;
	line-height:2.9rem;
}

}


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

#recruit_flow ~ h3{
	padding-top:11px;
	margin-bottom:15px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
#recruit_flow ~ p{margin-bottom:20px;}

}


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

#recruit_flow ~ p{text-align:left;}

}