@charset "utf-8";

/*---------------------------------
	recruit
---------------------------------*/

/* parts
-------------------------------- */
.recruit-heading {
	margin: 0 0 25px;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

/* lead
-------------------------------- */
.recruit-lead-text {
	margin: 0 auto 125px;
	max-width: 1000px;
	padding: 0 40px;
	text-align: center;
	font-size: 1.125em;
}

/* contact
-------------------------------- */
.recruit-contact-wrapper {
	display: flex;
	justify-content: space-between;
}

.recruit-contact-wrapper .tel-wrapper {
	width: calc(100% - 45% -20px);
	font-size: 1.25em;
}

.recruit-contact-wrapper .tel-wrapper .heading {
	margin: 0 0 10px;
	font-weight: normal;
}

.recruit-contact-wrapper .btn-wrapper {
	width: 45%;
}

.recruit-contact-wrapper .btn-wrapper .btn {
	position: relative;
	display: block;
	text-align: center;
	padding: 18px 10px;
	font-size: 1.188em;
	font-weight: bold;
}

.recruit-contact-wrapper .btn-wrapper .btn::before,
.recruit-contact-wrapper .btn-wrapper .btn::after {
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #000;
	border-bottom: 0;
	width: calc(100% - 2px);
	height: 14px;
	border-radius: 5px 5px 0 0;
	content: "";
}

.recruit-contact-wrapper .btn-wrapper .btn::after{
	top: auto;
	bottom: 0;
	transform: rotate(180deg);
}

/* table
-------------------------------- */
.recruit-table {
	width: 100%;
	margin: 0 0 60px;
}

.recruit-table:last-child {
	margin: 0;
}

.recruit-table th,
.recruit-table td {
	border: 1px solid #000;
	padding: 15px 30px;
	text-align: left;
	vertical-align: middle;
	font-size: 1.05em;
	box-sizing: border-box;
}

.recruit-table th {
	width: 23%;
	font-weight: normal;
}

.recruit-table tr.headline {
	background-color: #efefef;
}





/*---------------------------------
	Tablet / SP
---------------------------------*/
@media only screen and (max-width: 767px) {
	
	/* parts
	-------------------------------- */
	.recruit-heading {
		margin: 0 0 12px;
		font-size: 2em;
	}

	/* lead
	-------------------------------- */
	.recruit-lead-text {
		margin: 0 0 50px;
		padding: 0 35px;
		font-size: 1em;
	}

	/* contact
	-------------------------------- */
	.recruit-contact-wrapper {
		display: block;
	}

	.recruit-contact-wrapper .tel-wrapper {
		width: auto;
		margin: 0 0 20px;
		font-size: 1.25em;
	}

	.recruit-contact-wrapper .tel-wrapper .heading {
		margin: 0 0 5px;
	}

	.recruit-contact-wrapper .btn-wrapper {
		width: auto;
	}

	.recruit-contact-wrapper .btn-wrapper .btn {
		display: table;
		margin: 0 auto;
		padding: 10px;
		min-width: 62%;
		font-size: 1.143em;
	}

	.recruit-contact-wrapper .btn-wrapper .btn::before,
	.recruit-contact-wrapper .btn-wrapper .btn::after {
		height: 7px;
	}

	/* table
	-------------------------------- */
	.recruit-table {
		margin: 0 0 30px;
	}

	.recruit-table:last-child {
		margin: 0;
	}

	.recruit-table th,
	.recruit-table td {
		padding: 7px 15px;
		font-size: 1em;
	}

	.recruit-table th {
		width: 35%;
	}

}