/* ---------------------------------------
    recruit
-----------------------------------------*/
/* sec_ttl
--------------------------------*/
@media screen and (max-width: 767px) {
	.sec_ttl {
		width: calc(100% + 2.5rem);
	}
	.sec_ttl .en {
		font-size: 4rem;
		line-height: 0.975;
		transform: translateX(-2.5rem);
	}
	.sec_ttl .ja {
		font-size: 1.6rem;
		line-height: 1.5625;
		margin-top: 1rem;
	}
}

/* sec_mv
--------------------------------*/
#sec_mv .page_ttl {
	padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
	#sec_mv .page_ttl {
		padding-bottom: 2.5rem;
	}
}
@media screen and (max-width: 767px) {
	#sec_mv .img {
		width: 37.5rem;
		margin: 0 -3.5rem;
	}
}

/* sec_page_ttl
--------------------------------*/
#sec_page_ttl {
	padding: 14rem 0 12rem;
}
@media screen and (max-width: 767px) {
	#sec_page_ttl {
		padding: 2rem 0 6rem;
	}
}
#sec_page_ttl .ttl_wrap .ttl {
	margin-top: 7rem;
}
@media screen and (max-width: 767px) {
	#sec_page_ttl .ttl_wrap .ttl {
		margin-top: 3rem;
	}
}

/* sec_people
--------------------------------*/
#sec_people .people_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 10.8rem;
	margin-top: 11rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_list {
		flex-direction: column;
		align-items: center;
		gap: 1.4rem 0;
		margin-top: 3.4rem;
	}
}
#sec_people .people_list .item {
	position: relative;
	width: 40.8rem;
	height: 40.8rem;
	padding: 10rem 1rem 2.5rem;
	background-color: #000;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	#sec_people .people_list .item {
		width: 27.2rem;
		height: 27.2rem;
		padding: 6.7rem 1rem 1.5rem;
	}
}
#sec_people .people_list .item .logo {
	width: 8.4rem;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#sec_people .people_list .item .logo {
		width: 5.6rem;
	}
}
#sec_people .people_list .item .txt {
	color: #FFFF00;
	font-size: 2.2rem;
	line-height: 1.7727272727;
	letter-spacing: -0.05em;
	margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_list .item .txt {
		font-size: 1.6rem;
		line-height: 1.6875;
		margin-top: 1.8rem;
	}
}

/* sec_means
--------------------------------*/
#sec_means {
	margin-top: 12rem;
}
@media screen and (max-width: 767px) {
	#sec_means {
		margin-top: 6.5rem;
	}
}
#sec_means .means_list {
	margin-top: 14rem;
}
@media screen and (max-width: 767px) {
	#sec_means .means_list {
		margin-top: 4rem;
	}
}
#sec_means .means_list .item {
	position: relative;
	padding-left: 3.7rem;
}
@media screen and (min-width: 768px) {
	#sec_means .means_list .item {
		border-left: 2.3rem solid #000;
	}
}
@media screen and (max-width: 767px) {
	#sec_means .means_list .item {
		padding-left: 2rem;
	}
}
#sec_means .means_list .item + .item {
	margin-top: 8.2rem;
}
@media screen and (max-width: 767px) {
	#sec_means .means_list .item + .item {
		margin-top: 2.5rem;
	}
}
#sec_means .means_list .item .ttl {
	position: relative;
	font-size: 5.4rem;
	line-height: 1.037037037;
}
@media screen and (max-width: 767px) {
	#sec_means .means_list .item .ttl {
		font-size: 2.2rem;
		line-height: 1.3636363636;
	}
	#sec_means .means_list .item .ttl::before {
		content: "";
		width: 0.9rem;
		height: 100%;
		background-color: #000;
		position: absolute;
		left: -2rem;
		top: 0;
	}
}
#sec_means .means_list .item .txt {
	font-size: 2.2rem;
	line-height: 1.7727272727;
	letter-spacing: -0.075em;
	margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
	#sec_means .means_list .item .txt {
		font-size: 1.4rem;
		line-height: 1.6428571429;
		margin-top: 1.5rem;
	}
}