/* common
----------------------------------------------------------*/
#yf-main {
	background-color: var(--c_bg);
}
@media screen and (max-width: 640px) {
	#yf-main {
		padding-block: 40px 50px;
	}
	#recruit .recruit__title {
		padding-bottom: 32px;
		font-size: 22px;
	}
}
@media screen and (min-width: 641px) {
	#yf-main {
		padding-block: 130px;
	}
	#recruit .recruit__title {
		padding-bottom: 76px;
		font-size: 35px;
	}
}

/* #recruit
----------------------------------------------------------*/
#recruit .recruit__lead {
	line-height: 1.9;
	font-weight: 700;
}
#recruit .recruit__pic {
	overflow: hidden;
	border-radius: 100vh;
}
@media screen and (max-width: 640px) {
	#recruit .recruit__lead {
		font-size: 14px;
	}
	#recruit .recruit__pic {
		width: 100px;
		margin-block: 20px 22px;
	}
}
@media screen and (min-width: 641px) {
	#recruit .recruit__lead {
		font-size: 21px;
	}
	#recruit .recruit__pic {
		width: 200px;
		margin-block: 52px 36px;
	}
}

/* .rec__cont */
#recruit .rc__title {
	font-weight: 700;
}
#recruit .rc__title span {
	display: block;
	line-height: 1.7;
	font-weight: 400;
}
@media screen and (max-width: 640px) {
	#recruit .rec__cont+.rec__cont {
		margin-top: 64px;
	}
	#recruit .rc__title {
		margin-right: -20px;
		font-size: 17px;
	}
	#recruit .rc__title span {
		margin-top: 4px;
		font-size: 14px;
	}
	#recruit .rc__info {
		margin-top: 22px;
		font-size: 13px;
		line-height: 1.5;
	}
	#recruit .rc__info div+div {
		margin-top: 15px;
	}
}
@media screen and (min-width: 641px) {
	#recruit .rec__cont+.rec__cont {
		margin-top: 70px;
	}
	#recruit .rc__title {
		font-size: 25px;
	}
	#recruit .rc__title span {
		font-size: 19px;
	}
	#recruit .rc__info {
		display: flex;
		flex-wrap: wrap;
		row-gap: 28px;
		margin: 53px -140px 0 0;
		font-size: 19px;
	}
	#recruit .rc__info div {
		width: 50%;
		order: var(--o);
	}
}