<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
#main .mainVisual {
	margin-bottom: 15.8rem;
	padding-top: 14.3rem;
	position: relative;
}
#main .mainVisual::before {
	width: calc(50% + 7.1rem);
	height: calc(100% - 11.5rem);
	position: absolute;
	left: 0;
	top: 0;
	background: #1AAEB2;
	content: '';
}
#main .mainVisual .mvInner {
	margin: 0 auto;
	width: 114.8rem;
	position: relative;
}
#main .mainVisual .mvInner h2 {
	position: absolute;
	left: 2.4rem;
	top: 23.5%;
	color: #fff;
	font-size: 4.3rem;
	letter-spacing: 0.06em;
	white-space: nowrap;
	font-feature-settings: "palt";
}
#main .mainVisual .mvInner h2 span {
	margin-bottom: 1.4rem;
	display: inline-block;
	vertical-align: top;
	border-bottom: 0.2rem solid #fff;
}
#main .mainVisual .mvInner h2 span:last-child {
	margin-bottom: 0;
}
#main .mainVisual .mvInner .photo {
	margin-left: 17rem;
}
#main .mainVisual .mvInner .photo img {
	width: 100%;
}
#main .mainVisual .scrollBtn {
	width: 1.6rem;
	position: absolute;
	right: 2.6rem;
	bottom: 2.2rem;
}
#main .secBox {
	margin: 0 auto 21.3rem;
	max-width: 128rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-feature-settings: "palt";
}
#main .secBox .photoBox {
	width: calc(50% + 7.4rem);
	position: relative;
}
#main .secBox .photoBox img {
	width: 100%;
}
#main .secBox .photoBox .imgtext {
	width: 60.7rem;
	position: absolute;
	right: -28rem;
	top: 10.6rem;
}
#main .secBox .textBox {
	padding-bottom: 2.8rem;
	width: calc(50% - 13.6rem);
}
#main .secBox .textBox h2 {
	margin-bottom: 4.3rem;
	font-size: 9.3rem;
	color: #1AAEB2;
	line-height: 1;
}
#main .secBox .textBox p {
	margin-bottom: 4.5rem;
	line-height: 1.84;
}
#main .comHiring {
	padding-bottom: 14.9rem;
}
#main .comCompany {
	padding-top: 19.8rem;
}
@media all and (max-width: 896px) {
	#main .mainVisual {
		margin-bottom: 7.1rem;
		padding-top: 7.2rem;
	}
	#main .mainVisual::before {
		width: calc(50% + 7.2rem);
		height: calc(100% - 0.8rem);
		top: -4.9rem;
	}
	#main .mainVisual .mvInner {
		width: auto;
	}
	#main .mainVisual .mvInner h2 {
		left: 2.6rem;
		top: 30.5%;
		font-size: 2.6rem;
	}
	#main .mainVisual .mvInner h2 span {
		margin-bottom: 0.8rem;
		border-bottom-width: 0.1rem;
	}
	#main .mainVisual .mvInner h2 span:last-child {
		margin-bottom: 0;
	}
	#main .mainVisual .mvInner .photo {
		margin-left: 11.8rem;
	}
	#main .secBox {
		margin-bottom: 6.6rem;
		max-width: initial;
		display: block;
	}
	#main .secBox .photoBox {
		margin-bottom: 3.6rem;
		width: auto;
	}
	#main .secBox .textBox {
		margin: 0 3.3rem;
		padding-bottom: 0;
		width: auto;
	}
	#main .secBox .textBox h2 {
		margin-bottom: 2.1rem;
		font-size: 7rem;
	}
	#main .secBox .textBox p {
		margin: 0 -1.5rem 4rem 0;
	}
	#main .comHiring {
		padding-bottom: 8.1rem;
	}
	#main .comCompany {
		padding-top: 3.4rem;
	}
}</pre></body></html>