@charset "utf-8";

#KeyVisual .img::before{
	content: "";
	display: block;
	background: url("../img/img_keyvisual_pc.svg") no-repeat center / contain;
	width: 1278px;
	height: 468px;
	position: absolute;
	top: -48px;
	left: calc(100% / 2 - 605px);
}

#sec_work{
	margin-top: 70px;
}

#sec_work .contents{
	position: relative;
}

.leadContainer{
	max-width: 530px;
	width: 57%;
	position: absolute;
	top: 0;
	right: 0;
}

.leadContainer .txt{
	font-weight: 700;
	line-height: 2;
}

#recruitingContainer{
	margin-top: 80px;
}
@media screen and (max-width: 810px){
	#KeyVisual .img::before{
		background-image: url("../img/img_keyvisual_sp.svg");
		width: 80%;
		height: auto;
		aspect-ratio: 394/215;
		top: 5px;
		left: 50%;
		transform: translateX(calc(-50% + 11px));
	}
	.leadContainer{
		margin-bottom: 38px;
		position: inherit;
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	#sec_work figure img{
		max-width: 375px;
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	#KeyVisual .img::before{
		width: 112.5%;
		top: 46px;
		transform: translateX(calc(-50% + 5px));
	}
	.leadContainer{
		max-width: inherit;
	}
	.hd04{
		margin-bottom: 15px;
	}
	#recruitingContainer{
		margin-top: 127px;
	}
	#sec_work {
		margin-top: 36px;
	}
	#sec_work figure{
		margin: 0 -15px;
	}
}