@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
採用 - 仕事の流れ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.workflow-li:not(:last-child) {
	margin-bottom: var(--padding-block);
}

.workflow-li .heading_enja-ja-small {
	display: inline-block;
	font-size: 0.67em;
	letter-spacing: normal;
}

.workflow-detail-li {
	margin-top: 1.5em;
}

.workflow-detail-li:has(.workflow-detail-img) {
	display: flex;
	column-gap: 1em;
}

.workflow-detail-img {
	max-width: 50%;
	object-fit: cover;
}

.workflow-detail-text {
	flex: 1;
	align-self: center;
}

.workflow-detail-heading {
	margin-bottom: 0.4em;
}

@media (min-width: 768px) {
.workflow-li {
	display: flex;
	justify-content: space-between;
}

.workflow-li.workflow-li-reverse {
	flex-flow: row-reverse;
}


.workflow-img {
	width: 55%;
	height: 352px;
	object-fit: cover;
}

.workflow-text {
	width: 41%;
}
}

@media (max-width: 767.9px) {
.workflow-img {
	width: 100%;
	margin-bottom: 20px;
}

.workflow-li .heading_enja {
	font-size: 24px;
}

.workflow-li .heading_enja-en {
	font-size: 18px;
}
}