@charset "utf-8";
.req_ttl{
	font-weight: bold;
	margin-bottom: 0;
}
.recruit_flow{
	counter-reset: section;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 20px;
	padding: 0;
	margin: 20px 0;
}
.recruit_flow.columns6{/*CIS Edit*/
	grid-template-columns: repeat(6,1fr);
}
.recruit_flow_item{
	position: relative;
	padding: 20px 10px 25px;
	margin: 0;
	background: #F8F8F8;
	border-radius: 5px;
	list-style: none;
}
.recruit_flow_item::after{
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	bottom: 0;
	width: 9px;
	height: 15px;
	margin: auto;
	background: url(/ja/recruit/img/jobs/arrow_flow.svg) no-repeat center center/contain;
}
.recruit_flow_item:last-child::after{display: none;}
.recruit_flow_txt{
	counter-increment: section;
	font-weight: bold;
	font-size: 2rem;
	line-height: 2.9rem;
	margin: 0;
	text-align: center;
}
.recruit_flow_txt::before{
	content: 'STEP' counter(section);
	display: block;
	font-family: var(--font_inter);
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #CC0000;
	margin-bottom: 6px;
}

@media screen and (max-width:1024px){
.recruit_flow{gap: 15px;}
.recruit_flow_item{padding: 16px 10px 14px;}
.recruit_flow_item::after{
	right: -12px;
	width: 7px;
	height: 12px;
}
.recruit_flow_txt{
	font-size: /*1.7rem*/ 1.6rem;/*CIS Edit*/
	line-height: 2.5rem;
}
.recruit_flow_txt::before{
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-bottom: 2px;
}
}

@media screen and (max-width:767px){
.recruit_flow, .recruit_flow.columns6 {
	grid-template-columns: repeat(1,1fr);
	gap: 20px;
}
.recruit_flow_item{padding: 14px 15px 15px;}
.recruit_flow_item::after{
	top: auto;
	right: 0;
	bottom: -18px;
	left: 0;
	width: 9px;
	height: 15px;
	transform: rotate(90deg);
}
.recruit_flow_txt{
	font-size: 1.6rem;
	line-height: 2.4rem;
}
th, td {
	display: block;
	width: 100%;
	font-size: 1.3rem;
	letter-spacing: 0.78px;
}
.recruit_flow_txt br { display: none; }/*CIS Edit*/
}