.selection_title {
	background: url(/recruit/images/25068109_m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.selection_2_title {
	background: url(/recruit/images/tp/24740554_m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.selection_3_title {
	background: url(/recruit/images/tp/24714847_m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.selection_2_wrap ol li {
	display: flex;
	border: 3px solid #222;
	margin-bottom: 30px;
}
.selection_2_wrap .flow_num {
	font-size: 5em;
	font-weight: bold;
	background-color: var(--sub-color);
	color: #fff;
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.selection_2_wrap .flow_num::before {
	content: "";
	position: absolute;
	background-color: #222;
	width: 2px;
	height: 100px;
	bottom: -100px;
}
.selection_2_wrap li:last-child .flow_num::before {
	content: none;
}
.selection_2_wrap .flow_txt {
	padding: 15px 30px 20px;
}
.selection_2_wrap .flow_txt p {
	margin: 0;
}
.selection_2_wrap .flow_txt_title {
	font-weight: bold;
	font-size: 1.6em;
	color: var(--main-color);
}
.selection_2_wrap .flow_btn {
	display: inline-block;
	background-color: var(--main-color);
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin-top: 5px;
}
.selection_2_wrap .flow_btn:hover {
	opacity: .5;
}
@media screen and (max-width: 960px) {
	.selection_2_wrap ol li {
		flex-direction: column;
		position: relative;
	}
	.selection_2_wrap ol li::before {
		content: "";
		position: absolute;
		background-color: #222;
		width: 2px;
		height: 100px;
		bottom: -100px;
		left: 50%;
	}
	.selection_2_wrap li:last-child::before {
		content: none;
	}
	.selection_2_wrap .flow_num {
		border-right: none;
	}
	.selection_2_wrap .flow_num::before {
		content: none;
	}
	.selection_2_wrap p.flow_txt_title {
		font-size: 1.4em;
		line-height: 1.4;
		margin-bottom: 15px;
	}
}
.selection_3_wrap .faq_area{
	list-style: none;
	width: 100%;
	max-width: 1100px;
	margin:0 auto;
}
.selection_3_wrap .faq_area li{
	margin: 10px 0;
}
.selection_3_wrap .faq_area section {
	border: 3px solid #222;
	border-radius: 15px;
}
.selection_3_wrap .faq_title {
	position: relative;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	padding: 3%;
	line-height: 1.6;
	display: flex;
	align-items: center;
	background-color: var(--sub-color);
	border-radius: 12px 12px 0 0;
	color: #fff;
}
/*
.selection_3_wrap .faq_title::before,
.selection_3_wrap .faq_title::after{
	position: absolute;
	content: '';
	width: 20px;
	height: 3px;
	background-color: #222;
}
.selection_3_wrap .faq_title::before{
	top: 48%;
	right: 20px;
	transform: rotate(0deg);
}
.selection_3_wrap .faq_title::after{
	top: 48%;
	right: 20px;
	transform: rotate(90deg);
}
.selection_3_wrap .faq_title.close::before{
	transform: rotate(45deg);
	background-color: #fff;
}
.selection_3_wrap .faq_title.close::after{
	transform: rotate(-45deg);
	background-color: #fff;
}
*/
.selection_3_wrap .faq_num {
	color: #fff;
	font-size: 1.4em;
	font-weight: 900;
	margin-right: 20px;
}
/*
.selection_3_wrap .faq_title.close .faq_num {
	color: #fff;
}
*/
.selection_3_wrap .faq_box {
	/*display: none;*/
	margin:0 3% 3% 3%;
	padding: 3%;
}
.selection_3_wrap .faq_box p {
	margin: 0 0 20px;
}
.selection_3_wrap .faq_arrow {
	color: var(--sub-color);
	margin-left: -5px;
	margin-right: 7px;
}
@media screen and (max-width: 960px) {
	.selection_3_wrap .faq_title  {
		font-size: 1em;
		padding: 5%;
	}
	.selection_3_wrap .faq_area li:first-of-type .faq_box p {
		text-indent: -1em;
		padding-left: 1em;
	}
}
