@charset "utf-8";
/*------------------------------------------------------------
	job
------------------------------------------------------------*/
#main .bgBox {
	padding: 15.3rem 0 24.2rem;
	background-color: #f5f7f9;
}
#main .idealPerson {
	margin: 0 auto 14.5rem;
	width: 88rem;
	display: flex;
	align-items: center;
	position: relative;
}
#main .idealPerson::before,
#main .idealPerson::after {
	width: 0.4rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: linear-gradient(to top, #000 50%, #ff0000 50%);
}
#main .idealPerson::after {
	left: auto;
	right: 0;
}
#main .idealPerson .heading {
	width: 19.1rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#main .idealPerson .textBox {
	padding: 2.1rem 4.4rem 2.5rem;
	flex: 1;
	letter-spacing: 0.04em;
	border-left: 1px solid #000;
}
#main .idealPerson .textBox .title {
	margin-bottom: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#main .idealPerson .textBox ul {
	margin-bottom: 3.6rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.7rem;
}
#main .idealPerson .textBox ul li {
	padding-left: 0.8rem;
	text-indent: -0.8rem;
}
#main .idealPerson .textBox *:last-child {
	margin-bottom: 0;
}
#main .headLine01 {
	margin-bottom: 0;
}
#main .jobInfo {
	margin: 0 auto 11rem;
	width: 88rem;
}
#main .jobInfo .tabBox .tabTitle {
	margin-bottom: 1.8rem;
	text-align: right;
	font-size: 1.2rem;
	letter-spacing: 0.14em;
}
#main .jobInfo .tabBox table {
	width: 100%;
	border-collapse: collapse;
}
#main .jobInfo .tabBox th,
#main .jobInfo .tabBox td {
	text-align: justify;
	vertical-align: middle;
	font-size: 1.6rem;
}
#main .jobInfo .tabBox th {
	width: 15.2%;
	text-align: center;
	font-weight: 700;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#main .jobInfo .tabBox td {
	padding: 3.2rem 1rem 3.2rem 6rem;
	position: relative;
	line-height: 2.5;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#main .jobInfo .tabBox td::before {
	height: 1px;
	position: absolute;
	top: 0;
	left: 3.1rem;
	right: 0;
	background-color: #000;
	content: "";
}
#main .jobInfo .tabBox tr:last-child td::after {
	height: 0.1rem;
	content: "";
	position: absolute;
	bottom: 0;
	left: 3.1rem;
	right: 0;
	background-color: #000;
}
#main .jobInfo .tabBox .subTitle {
	font-weight: 700;
}
#main .jobInfo .tabBox h5 {
	font-weight: 400;
}
#main .jobInfo .tabBox .subList02 li {
	display: flex;
	align-items: flex-start;
}
#main .jobInfo .tabBox .subList02 .text01 {
	max-width: 4em;
	flex-shrink: 0;
}
#main .jobInfo .tabBox .subList02 .text02 {
	flex: 1;
}
#main .jobInfo .tabBox .tips {
	padding-left: 1.7rem;
	text-indent: -1.7rem;
}
#main .jobInfo .tabBox .list02 > li + li {
	margin-top: 2rem;
}
#main .jobInfo .tabBox .tipsUl {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
#main .jobInfo .tabBox .tipsUl li {
	padding-left: 1.7rem;
	text-indent: -1.7rem;
}
#main .jobInfo .tabBox .subList01 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.7rem;
}
#main .jobInfo .tabBox strong {
	font-weight: 700;
}
.comPageBox {
	margin: 0 auto;
	max-width: 88rem;
}
.comPageBox .linkUl li {
	width: 31.7rem;
}
.comPageBox .telBtn {
	flex: 1;
}
.comPageBox .telBtn a {
	gap: 1rem;
}
.comPageBox .telBtn .text {
	font-size: 1.2rem;
	line-height: 1.65;
	letter-spacing: 0.14em;
}
.comPageBox .telBtn .num {
	font-size: 3rem;
	line-height: 1.1;
	letter-spacing: 0.04em;
	font-weight: 700;
}
.comPageBox .linkUl a {
	height: 12.6rem;
}
.comPageBox .linkUl .ttl {
	padding-right: 8.1rem;
}
.comPageBox .linkUl .borBox::before,
.comPageBox .linkUl .borBox::after,
.comPageBox .linkUl li:nth-child(2n-1) .borBox::after {
	width: 0.3rem;
	height: 67%;
}
.comPageBox .linkUl li::before,
.comPageBox .linkUl li::after {
	width: auto;
	transform: none;
	left: 3.3rem;
	right: 3.3rem;
}
@media all and (max-width: 828px) {
	#main .headLine01 {
		padding-bottom: 3.5rem;
	}
	#main .headLine01 .en {
		margin-top: -0.2rem;
		line-height: 1.03;
	}
	#main .bgBox {
		padding: 7rem 0 13.2rem;
	}
	#main .idealPerson {
		margin: 0 4rem 5.5rem;
		padding: 2rem 2rem;
		width: auto;
		display: block;
	}
	#main .idealPerson .heading {
		margin-bottom: 1.8rem;
		padding-bottom: 0.9rem;
		width: 100%;
		text-align: center;
		font-size: 1.6rem;
		border-bottom: 0.1rem solid #000;
	}
	#main .idealPerson .textBox {
		padding: 0 0.5rem;
		border: none;
		font-size: 1.6rem;
		line-height: 1.375;
	}
	#main .idealPerson .textBox ul {
		margin-bottom: 1.3rem;
		display: block;
	}
	#main .idealPerson .textBox .title {
		margin-bottom: 0.9rem;
		font-weight: 700;
	}
	#main .jobInfo {
		margin: 0 4rem 2.8rem;
		width: auto;
	}
	#main .jobInfo .tabBox th,
	#main .jobInfo .tabBox td {
		display: block;
		width: 100%;
	}
	#main .jobInfo .tabBox th {
		padding-bottom: 1.3rem;
		border-top: none;
		border-width: 0.1rem;
		text-align: justify;
	}
	#main .jobInfo .tabBox .tabTitle {
		width: fit-content;
		margin: 0 0 -2rem auto;
	}
	#main .jobInfo .tabBox td::before {
		width: 39%;
		right: auto;
		left: 0rem;
		height: 0.2rem;
		top: -0.1rem;
	}
	#main .jobInfo .tabBox td {
		padding: 1.8rem 0 2.8rem;
		line-height: 1.375;
		text-align: justify;
	}
	#main .jobInfo .tabBox .subTitle {
		margin-bottom: 0.9rem;
	}
	#main .jobInfo .tabBox p:not(.noMarB) {
		margin-bottom: 2.2rem;
	}
	#main .jobInfo .tabBox p:last-child {
		margin-bottom: 0;
	}
	#main .jobInfo .tabBox .subList01 {
		margin-bottom: 2.2rem;
		display: block;
	}
	#main .jobInfo .tabBox .subList02 {
		margin-bottom: 2.2rem;
	}
	#main .jobInfo .tabBox .subList02 .text01 {
		max-width: 5em;
	}
	#main .jobInfo .tabBox .list02 > li + li {
		margin-top: 2.2rem;
	}
	#main .jobInfo .tabBox .tipsUl {
		margin-top: 2.2rem;
		display: block;
	}
	#main .jobInfo .tabBox .tipsUl02 {
		display: flex;
		margin-top: 0;
		gap: 0.5rem;
	}
	#main .jobInfo .tabBox tr:last-child td:last-child::after {
		display: none;
	}
	.comPageBox {
		margin: 0 4rem;
		width: auto;
	}
	.comPageBox .linkUl li {
		width: 100%;
	}
	.comPageBox .linkUl a {
		padding: 1rem;
		height: 12.1rem;
		flex-direction: column;
	}
	.comPageBox .linkUl .ttl {
		width: fit-content;
		min-width: 25.7rem;
	}
	.comPageBox .linkUl .borBox::before,
	.comPageBox .linkUl .borBox::after,
	.comPageBox .linkUl li:nth-child(2n-1) .borBox::after {
		height: 86%;
	}
	.comPageBox .linkUl li::before,
	.comPageBox .linkUl li::after {
		left: 0.8rem;
		right: 0.8rem;
	}
}