/* --------------------------------------------------------------------------------------
   募集要項
--------------------------------------------------------------------------------------- */

.page-workflow .key-sub { background-image: url(../../img/recruit/workflow/key_image.jpg); }

.workflow-wrap {
	margin-bottom: 96px;
	margin-top: 80px;
	overflow: hidden;
	position: relative;
}

.workflow-wrap::after {
	background-color: #c1c1c1;
	content: '';
	display: block;
	height: 99%;
	left: calc(50% - 4px);
	position: absolute;
	top: 1%;
	width: 8px;
	z-index: -1;
}

.workflow-wrap section {
	float: left;
	width: 496px;
}

.workflow-wrap section:nth-of-type(2) { margin-top: 119px; }
.workflow-wrap section:nth-of-type(3) { margin-top: 57px; }
.workflow-wrap section:nth-of-type(4) { margin-top: 120px; }
.workflow-wrap section:nth-of-type(5) { margin-top: 72px; }
.workflow-wrap section:nth-of-type(6) { margin-top: 70px; }
.workflow-wrap section:nth-of-type(7) { margin-top: 88px; }
.workflow-wrap section:nth-of-type(8) { margin-top: 56px; }
.workflow-wrap section:nth-of-type(9) { margin-top: 120px; }
.workflow-wrap section:nth-of-type(10) { margin-top: 56px; }
.workflow-wrap section:nth-of-type(11) { margin-top: 56px; }
.workflow-wrap section:nth-of-type(12) { margin-top: 57px; }
.workflow-wrap section:nth-of-type(13) { margin-top: 78px; }

.workflow-wrap .clear { clear: both; }

.workflow-wrap .right { float: right; }

.workflow-wrap section h2 {
	align-items: center;
	border-radius: 100vw;
	color: #fff;
	display: flex;
	font-size: 2.44rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 20px;
	padding: 4px 24px 6px;
	position: relative;
	width: 520px;
}

.workflow-wrap section h2 span {
	font-size: 2rem;
	margin-left: 70px;
}

.workflow-wrap section h2::after {
	background-color: #fff;
	border-radius: 100vw;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
	width: 20px;
}

.workflow-wrap .right h2 {
	margin-left: -24px;
	padding-left: 60px;
}

.workflow-wrap .right h2::after {
	left: 10px;
	right: auto;
}

.workflow-wrap section .details { margin: auto 32px; }

.workflow-wrap section .image {
	border-radius: 0px 24px 0px 24px;
	margin-top: 20px;
	max-width: 424px;
	overflow: hidden;
}

.workflow-wrap section p,
.workflow-wrap section ul {
	letter-spacing: 0;
	margin-top: 8px;
}

.workflow-wrap section p:first-child,
.workflow-wrap section ul:first-child { margin-top: 0; }

.workflow-wrap section li {
	font-weight: 700;
	margin-left: 1em;
	text-indent: -1em;
}

.workflow-wrap section:last-child {
	clear: both;
	margin-top: 48px;
	width: 100%;
}

.workflow-wrap section:last-child h2 {
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	padding: 22px 0;
	width: auto;
}

.workflow-wrap section:last-child h2::after { display: none; }

.workflow-section { margin-top: 80px; }

.workflow-section + .workflow-section { margin-top: 120px; }

.workflow-wrap section dl { margin-top: 20px; }

@media (max-width: 1000px) {

	.page-workflow .key-sub { background-image: url(../../img/recruit/workflow/key_image_sp.jpg); }

	.workflow-wrap { margin: 12vw 4.267vw 16vw; }

	.workflow-wrap::after {
		height: 98%;
		left: 2.133vw;
		top: 4.333vw;
		width: 1.867vw;
	}

	.workflow-wrap section {
		float: none !important;
		margin-top: 7.333vw !important;
		padding-bottom: 0 !important;
		width: auto;
	}

	.workflow-wrap section:first-child { margin-top: 0 !important; }

	.workflow-wrap section h2 {
		font-size: 5.267vw;
		margin-bottom: 3.733vw;
		margin-left: 0 !important;
		padding: 1.6vw 5.333vw 2.6vw 11vw !important;
		width: auto;
	}

	.workflow-wrap section h2::after {
		height: 5.333vw;;
		left: 2.133vw !important;
		top: calc(50% - 2.667vw);
		width: 5.333vw;
	}

	.workflow-wrap section h2 span {
		font-size: 3.733vw;
		margin-left: 4.267vw;
	}

	.workflow-wrap section .details {
		margin-left: 8vw;
		margin-right: 2.133vw;
	}

	.workflow-wrap section:last-child h2 {
		flex-direction: column;
		padding: 6.667vw !important;
		text-align: center;
	}

	.workflow-wrap section:last-child h2 span {
		font-size: 4.8vw;
		margin-left: 0;
		margin-top: 2.2vw;
	}

	.workflow-wrap section .image { max-width: 100%; }

	.workflow-wrap section .image img {
		height: auto;
		max-width: inherit;
		width: 100%;
	}

	.workflow-section { margin-top: 12vw; }

	.workflow-section .square-ttl { margin-left: 8.333vw; }

	.workflow-section + .workflow-section { margin-top: 14vw; }

	.workflow-wrap section dl { margin-top: 3.733vw; }
}