<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*------------------------------------------------------------
	job
------------------------------------------------------------*/
#main .job.bgBox {
	padding-top: 8.2rem;
}
#main .job .sec01 {
	margin-bottom: 15.4rem;
}
#main .job .sec01 .text {
	margin-bottom: 6.6rem;
	font-size: 1.8rem;
}
#main .job .sec01 .btnList li {
	width: 45.6rem;
	line-height: 1.55;
	border-radius: 8rem;
	background-color: #457CD7;
}
#main .job .sec01 .btnList a {
	padding: 1rem 3rem;
	min-height: 12.4rem;
	color: #fff;
	background: url(../img/common/icon03.png) no-repeat right 1.6rem center / 1.6rem;
}
#main .job .sec02 {
	margin-bottom: 15.5rem;
}
#main .job .sec02 .headLine04 {
	margin-bottom: 7.2rem;
}
#main .job .sec02 .comTextBox {
	margin-bottom: 2.4rem;
}
#main .job .sec03 {
	margin-bottom: 15.5rem;
}
#main .job .sec03 .headLine04 {
	margin-bottom: 7.1rem;
}
#main .job .sec03 .flowList li {
	margin-top: 3.2rem;
	position: relative;
	background-color: #F0F5FC;
}
#main .job .sec03 .flowList li:not(:last-child)::after {
	width: 4.8rem;
	height: 2.4rem;
	position: absolute;
	left: 50%;
	bottom: -2.4rem;
	content: "";
	transform: translateX(-50%);
	background: url(../img/common/icon12.png) no-repeat center top;
	background-size: 100%;
}
#main .job .sec03 .photoBox {
	width: 24rem;
}
#main .job .sec03 .photoBox img {
	width: 100%;
}
#main .job .sec03 .flowList .textBox {
	padding: 3.7rem 1rem 3rem 9.8rem;
	width: auto;
	flex: 1;
	position: relative;
}
#main .job .sec03 .flowList .textBox .num {
	position: absolute;
	left: 2rem;
	top: 50%;
	transform: translateY(-50%);
	color: #003F92;
	font-size: 8rem;
	font-weight: 200;
}
#main .job .sec03 .flowList .textBox h3 {
	margin-bottom: 1rem;
	color: #003F92;
	font-size: 2.4rem;
	font-weight: 600;
}
#main .job .sec03 .flowList .textBox .txt span {
	padding-left: 1.3rem;
	margin-right: 3.2rem;
	position: relative;
	display: inline-block;
}
#main .job .sec03 .flowList .textBox .txt span::after {
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	transform: translateY(-30%);
	background: url(../img/common/icon09.png) no-repeat left top;
	background-size: 100%
}
#main .job .sec04 .text {
	margin-bottom: 6.8rem;
}
#main .job .sec04 .innerBox .ttl {
	margin-right: -4.8rem;
	padding: 3.1rem 4rem 3.3rem;
	width: 21.7rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	background-color: #457CD7;
	-webkit-clip-path: polygon(0% 0%, 77% 0%, 100% 50%, 77% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 77% 0%, 100% 50%, 77% 100%, 0% 100%);
}
#main .job .sec04 .innerBox .date {
	padding: 3.1rem 4rem 3.3rem 9rem;
	width: 79rem;
	background-color: #DAE5F7;
	-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 6.5% 50%, 0% 0%);
	clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 6.5% 50%, 0% 0%);
}
#main .job .sec04 .innerBox .tel {
	margin-right: 5.2rem;
	display: inline-block;
	color: #000;
	font-size: 2.1rem;
	font-weight: 600;
}
#main .job .sec04 .innerBox .tel a {
	color: #000;
}
@media all and (max-width: 896px) {
	#main .job .sec01,
	#main .job .sec02,
	#main .job .sec03 {
		margin-bottom: 5rem;
	}
	#main .job .sec01 .text {
		margin: 0 1rem 1rem;
		font-size: 1.5rem;
	}
	#main .job .sec01 .btnList {
		display: block;
	}
	#main .job .sec01 .btnList li {
		margin: 0 auto 2rem;
		width: 31.8rem;
	}
	#main .job .sec01 .btnList a {
		padding: 1rem 4rem;
		min-height: 9rem;
		font-size: 1.5rem;
		line-height: 1.3;
	}
	#main .job .sec02 .headLine04 {
		margin-bottom: 3rem;
		font-size: 1.5rem;
	}
	#main .job .sec03 .headLine04 {
		margin-bottom: 3rem;
	}
	#main .job .sec03 .flowList li {
		display: block;
	}
	#main .job .sec03 .photoBox {
		margin: 0 auto;
		width: auto;
		max-width: 36rem;
	}
	#main .job .sec03 .flowList .textBox {
		padding: 1rem 1rem 1rem 4.5rem;
	}
	#main .job .sec03 .flowList .textBox .num {
		font-size: 4rem;
		left: 1rem;
	}
	#main .job .sec03 .flowList .textBox h3 {
		margin-bottom: 0;
		font-size: 1.8rem;
	}
	#main .job .sec03 .flowList .textBox .txt span {
		margin-right: 0;
		display: block;
	}
	#main .job .sec04 .text {
		margin-bottom: 2rem;
	}
	#main .job .sec04 .innerBox .ttl {
		margin-right: -6rem;
		padding: 4rem 6%;
		width: 31%;
		font-size: 1.6rem;
	}
	#main .job .sec04 .innerBox .date {
		padding: 3.5% 1rem 3.5% 10%;
		width: 75%;
		font-size: 1.5rem;
		-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9.5% 50%, 0% 0%);
		clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9.5% 50%, 0% 0%);
	}
	#main .job .sec04 .innerBox .tel {
		font-size: 1.5rem;
	}
}</pre></body></html>