@charset "UTF-8";
/* ========================================================================================================
	共通
======================================================================================================== */
.el_flex {display: flex;}
.el_flex-wrap {flex-wrap: wrap;}
.el_flex-between {justify-content: space-between;}
.el_flex-center {justify-content: center;}
.el_flex-end {justify-content: flex-end;}
.el_flex-align {align-items:center;}
.el_flex-column {flex-direction: column;}
.el_flex-reverse {flex-direction: column-reverse;}

.el_under-50 {margin-bottom:calc(50 / 1200 * 100%);}
/* ========================================================================================================
	採用情報
======================================================================================================== */
.recruit .el_headline_lv01 {
    background-image: url(/img/recruit/img_main_recruit.jpg);
}

.recruit .bl_col02 {
	margin-bottom: 46px;
}

.recruit .bl_col02 li {
	width: calc(598 / 1200 * 100%);
    max-width: 598px;
    margin-bottom: 4px;
    line-height: 1;
}

.recruit .bl_col02 li:hover {
	opacity:0.7;
}

.recruit .bl_col02 li a:hover {
	text-decoration: none;
}

.ly_title_flame {
	display: block;
	width: 598px;
	display: flex;
	justify-content: space-between;
	padding: calc(112 / 598 * 100%) calc(40 / 598 * 100%) calc(32 / 598 * 100%);
}

.el_title_box span {
	font-family: Noto Sans CJK JP, sans-serif;
	font-weight: 500;
	display: block;
}

.title-text {
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 18px;
}

.sub-title-text {
	color: #DD594D;
	font-size: 1.6rem;
}

.btn_circle_right_arrow {
	width: calc(58 / 518 * 100%);
	max-width: 58px;
}

.recruit .bl_col02 li:nth-of-type(1) {background: url(../../img/recruit/img_recruit01.jpg) center center no-repeat;background-size:100% auto;}
.recruit .bl_col02 li:nth-of-type(2) {background: url(../../img/recruit/img_recruit02.jpg) center center no-repeat;background-size:100% auto;}
.recruit .bl_col02 li:nth-of-type(3) {background: url(../../img/recruit/img_recruit03.jpg) center center no-repeat;background-size:100% auto;}

.bl_contents02 {
    margin-bottom: 80px;
}

.bl_other-card {
	border: 1px solid #707070;
	text-align: center;
	width: 598px;
}

.bl_other-card a {
	text-decoration: none;
	display: block;
	padding: 18px 0 14px;
}
.bl_other-card a:hover {opacity: 0.7;}

.el_main-title-text {
	display: block;
	font-size: 2.4rem;
	letter-spacing: 0.02em;
}
.el_sub-title-text {
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	color: #DD594D;
}

.bl_contact-block {
	width: 100%;
	display: flex;
	justify-content: space-between;
}


.el_half-table {
	width: 60%;
	border-collapse: collapse;
	border-spacing: 0;
}

.el_half-table th {
	width: 50%;
	border:1px solid #e6e6e6;
	background: #f2f2f2;
	font-weight: 400;
	text-align: left;
	padding: 17px 11px 11px;
}

.el_half-table td {
	width: 50%;
	border:1px solid #e6e6e6;
	padding: 17px 11px 11px;
}

.bl_contact-block .bl_col03 {
	width: calc(372 / 1200 * 100%);
    display: flex;
    flex-wrap: wrap;
}

.bl_contact-block .bl_contact-item {
	text-align: center;
	border: 1px solid #bcbcbc;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 30px 30px;
	margin: 0;
}



/* ========================================================================================================
	お問い合わせ 共通
======================================================================================================== */
.el_headline_lv02 {margin-bottom: 34px;}

.el_contact-title {
	font-size:2.6rem;
	font-weight: 500;
	line-height:1.5;
	color: #dd594d;
	display: block;
}

.el_arrow-ellipse {
	width: calc(270 / 312 * 100%);
	margin: 33px auto 0;
}

/* ========================================================================================================
	採用情報
	-------------------------------------------------------------------------------------------------------
	中途採用
======================================================================================================== */
.bl_application-list {margin-bottom: calc(46 / 1200 * 100%);}
.bl_col02-occupation {width: calc(1180 / 1200 * 100%);}

.bl_col02-occupation li {
	border: 1px solid #bcbcbc;
	width: calc(580 / 1180 * 100%);
	min-height: 130px;
	margin-top: calc(20 / 1180 * 100%);
	display:flex;
	align-items: center;
}

.bl_col02-occupation li:nth-of-type(1),
.bl_col02-occupation li:nth-of-type(2) {margin-top: 0;}

.bl_col02-occupation a {
	display: block;
	width: 100%;
	font-size: 2.6rem;
	font-weight:500;
	color: #dd594d;
	line-height: 1.5;
	padding: calc(25 / 578 * 100%) calc(28 / 578 * 100%) calc(34 / 578 * 100%);
	box-sizing: border-box;
}

/* ========================================================================================================
	採用情報
	-------------------------------------------------------------------------------------------------------
	中途採用ページ　共通
======================================================================================================== */
.bl_detail-list {
	display: none;
}

.bl_detail-list:has(li) {
	background:#f2f2f2;
	display: inline-block;
	padding: 14px 20px 24px;
}

.el_detail-link-list li {
	display: inline-block;
	margin:12px 30px 0 0;
}

.el_detail-link-list a {
	color: #E6594D;
	font-size: 1.4rem;
	font-weight: 700;
}
.bl_experience-skill {margin-bottom: calc(17 / 1200 * 100%);}
.bl_experience-skill + .bl_experience-skill {margin-bottom: calc(52 / 1200 * 100%);}
.bl_experience-skill-title {width: calc(75 / 1200 * 100%);}
.el_experience-skill-wrap {
	background-color: #dd594d;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;line-height: 1;
}
.bl_experience-skill-content {width: calc(100% -10px - (75 / 1200 * 100%));}

.bl_table-base {
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.bl_table-base th {
	width: calc(249 / 1200 * 100%);
	max-width: 249px;
	box-sizing: border-box;
	background: #f2f2f2;
	text-align: left;
	padding: calc(12 / 1200 * 100%) calc(40 / 1200 * 100%) calc(20 / 1200 * 100%);
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1.4rem;
	vertical-align: top;
}

.bl_table-base td {
	width: calc(949 / 1200 * 100%);
	max-width: 949px;
	box-sizing: border-box;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: calc(12 / 1200 * 100%) calc(40 / 1200 * 100%) calc(20 / 1200 * 100%);
}

.el_lead-20 {font-size:2rem;}
.el_red {color: #DD594D;}
.el_text-center {text-align: center;}
.el_btn-red {
	display: inline-block;
	background: #dd594d;
	padding: 12px 40px 16px;
	line-height: 1;
	color: #fff;
	font-size: 2rem;
}

/* ========================================================================================================
	SP用CSS
	------------------------------------------------------------------------------------------------------
	@media all and (max-width: 768px)
======================================================================================================== */
@media all and (max-width: 750px) {
/* ========================================================================================================
	共通
======================================================================================================== */
	.bl_col02-occupation.el_flex,
	.bl_experience-skill.el_flex {display: block;}

	.el_under-50 {margin-bottom: calc(80 / 690 * 100%);}
/* ========================================================================================================
	採用情報
======================================================================================================== */
	.recruit .bl_col02 li {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1px;
	}

	.ly_title_flame {
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: calc(112 / 690 * 100%) calc(40 / 690 * 100%) calc(32 / 690 * 100%);
	}

	.title-text {
		font-size: 1.5rem;
		margin-bottom: 10px;
	}

	.sub-title-text {font-size: 1rem;}

	.btn_circle_right_arrow {
		width: calc(116 / 750 * 100%);
		max-width: 100%;
	}

	.bl_other-card {width: 100%;}
	.bl_contents02 {margin-bottom: calc(150 / 690 * 100%);}
	.el_main-title-text {font-size: 1.5rem;}
	.el_sub-title-text {font-size: 1rem;}

/* ========================================================================================================
	採用情報
	-------------------------------------------------------------------------------------------------------
	中途採用
======================================================================================================== */
	.bl_application-list {margin-bottom: calc(72 / 690 * 100%);}
	.bl_col02-occupation {width: calc(1180 / 1200 * 100%);}

	.bl_col02-occupation li {
		width: 100%;
		min-height: 85px;
		margin-bottom: calc(40 / 690 * 100%);
	}

	.bl_col02-occupation li:nth-last-of-type(1) {margin-bottom: 0;}
	.bl_col02-occupation li:nth-last-of-type(2) {margin-bottom: calc(40 / 690 * 100%);}

	.bl_col02-occupation a {
		font-size: 1.6rem;
		padding: calc(25 / 578 * 100%) calc(28 / 578 * 100%) calc(34 / 578 * 100%);
		box-sizing: border-box;
	}

/* ========================================================================================================
	採用情報
	-------------------------------------------------------------------------------------------------------
	中途採用ページ　共通
======================================================================================================== */
	.bl_detail-list {
		width: 100%;
		padding: calc(28 / 690 * 100%) calc(40 / 690 * 100%) calc(48 / 690 * 100%);
	}

	.el_detail-link-list li {
		display: inline-block;
		margin:12px 30px 0 0;
	}


	.bl_experience-skill {margin-bottom: calc(17 / 690 * 100%);}
	.bl_experience-skill + .bl_experience-skill {margin-bottom: calc(82 / 690 * 100%);}
	.bl_experience-skill-title {width: 100%;}
	.bl_experience-skill-content {width: 100%;}

	.bl_table-base,
	.bl_table-base th,
	.bl_table-base td {
		display: block;
		width: 100%;
		max-width: 100%;
		border: none;
	}

	.bl_table-base th {
		text-align: left;
		padding: calc(14 / 690 * 100%) calc(20 / 690 * 100%) calc(4 / 690 * 100%);
	}

	.bl_table-base td {
		padding: calc(22 / 690 * 100%) 0 calc(48 / 690 * 100%);
	}

/*	採用に関するお問い合わせ
--------------------------------------------------------------------------------------- */
	.bl_contact-block {
		display: block;
	}
	.el_half-table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.el_half-table th {
	}
	.el_half-table td {
	}
	.bl_contact-block .bl_col03 {
		width: 100%;
		display: block;
		margin-top:calc(60 / 690 * 100%);
	}
	.bl_contact-block .bl_contact-item {
		text-align: center;
		border: 1px solid #bcbcbc;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 10px 15px;
		margin: 0;
	}

}