@charset "UTF-8";

/*================================================

　recruit

=================================================*/
.recruit {
	margin: 0 auto;
}
.recruit-content figure {
	margin: 0;
	padding: 0;
	width: 100%;
}
.recruit-content figure img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 567px;
	object-fit: cover;
}
.recruit-content-inner {
	max-width: 884px;
	margin: 70px auto;
	padding: 0 30px 30px;
	font-size: 1.4rem;
	font-weight: 700;
}
.recruit-content-inner .recruit-content-description {
	max-width: 824px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: left;
	font-size: 1.4rem;
	font-weight: 700;
	background-color: #0000AD;
}
.recruit-content-inner .recruit-content-description h3 {
	padding: 8px 0;
	color: #FFF;
	text-align: center;
	font-size: 1.2rem;
	background-color: #39A1FF;
}
.recruit-content-inner .description-box {
	padding: 20px 130px;
	line-height: 1.7;
}
.recruit-content-inner .description-box:nth-of-type(1) {
	padding-bottom: 20px;
	background-size: 8px 2px;
	background-image: linear-gradient(to right, #FFF 2px, transparent 2px);
	background-repeat: repeat-x;
	background-position: left bottom;
	opacity: 0.8;
}
.recruit-content-inner .description-box ul {
	margin: 0;
	padding: 0;
}
.recruit-content-inner .description-box ul li {
	margin: 0;
	padding: 0;
	text-align: left;
}
.recruit-content-inner table {
	width: 100%;
	line-height: 1.4;
}
.recruit-content-inner table th {
	white-space: nowrap;
	padding: 15px;
	text-align: left;
	align-content: center;
	border: 1px solid #39A1FF;
}
.recruit-content-inner table td {
	padding: 15px;
	align-content: center;
	border: 1px solid #39A1FF;
}
.recruit-content-inner ul {
	margin: 45px 0 0;
	text-align: center;
}
.recruit-content-inner ul li {
	margin: 25px 0 0;
}

/*================================================

recruit-content-title

=================================================*/
.recruit-content-title {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 10px 0 0;
	padding: 8px 0 10px;
	color: #F00;
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 1;
	background-color: #39A1FF;
}
.recruit-content-title span {
	position: relative;
	display: inline-block;
	width: 660px;
	margin: 0;
	padding: 0;
	color: #FFF;
}
.recruit-content-title span::before,
.recruit-content-title span::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -3px;
	width: 5px;
	height: 78px;
	background-color: #0000AD;
	border-radius: 3px;
	transform: rotate(-32deg);
	transform-origin: left bottom;
}
.recruit-content-title span::after {
	left: auto;
	right: 0;
	transform: rotate(32deg);
	transform-origin: right bottom;
}

@media screen and (max-width: 1279px) {

	.recruit-content figure img {
		height: 44.331509vw;
	}

}

@media screen and (max-width: 1079px) {

	.recruit-content-inner {
		margin: 6.48748842vw auto;
		padding: 0 2.78035218vw 2.78035218vw;
	}
	.recruit-content-inner .description-box {
		padding: 20px 12.0481928vw;
	}
	
/*================================================

recruit-content-title

=================================================*/
	.recruit-content-title {
		margin: 0.926784059vw 0 0;
		padding: 0.741427247vw 0 0.926784059vw;
		font-size: clamp(2rem, (100vw - 769px) * 8 / 310 + 20px, 2.8rem);
	}
	.recruit-content-title span {
		width: 61.1677479vw;
	}
	.recruit-content-title span::before,
	.recruit-content-title span::after {
		bottom: -0.278035218vw;
		width: 0.46339203vw;
		height: 7.22891566vw;
		border-radius: 0.278035218vw;
	}

}

@media screen and (max-width: 768px) {

	.recruit-content-inner {
		margin: 9.11458333vw auto;
		padding: 0 3.90625vw 3.90625vw;
		font-size: 1.2rem;
	}
	.recruit-content-inner .recruit-content-description {
		font-size: 1.2rem;
	}
	.recruit-content-title {
		font-size: clamp(1.4rem, (100vw - 375px) * 6 / 393 + 14px, 2rem);
	}
	.recruit-content-inner ul {
		margin: 5.859375vw 0 0;
	}
	.recruit-content-inner ul li {
		margin: 3.25520833vw 0 0;
	}

}