@charset "UTF-8";
/*.c-copyr { padding: 30px 0 15px 0; border-bottom: 20px solid #16275c; text-align: center; font-size: 10px; letter-spacing: 0; }*/

.l-under_wrap { padding-top: 185px; }

.l-concept .l-under_wrap_in, .page-id-10 .l-under_wrap_in { width: 950px; height: 879px; margin: 60px auto 60px auto; overflow: hidden; background: url(../img/concept_bg.jpg) no-repeat 0 60px; }
.bg-slate{
	background: url(/jobfind-pc/original/images/common/bg_slate.png) repeat;
}
.p-concept_tl { width: 112px; margin-bottom: 20px; }

.p-concept_lead { margin-bottom: 50px; width: 200px; float: right; }

.p-concept_lead02 { float: right; margin-right: 50px; padding-top: 8px; }

.p-concept_lead02 li { float: right; }

.p-concept_lead02 li:nth-child(1) { margin-left: 22px; width: 43px; }

.p-concept_lead02 li:nth-child(2) { width: 39px; }

.p-concept_p_sp { display: none; }

.p-concept_lead_d { width: 800px; margin: 0 auto 50px auto; text-align: left; }

.p-concept_lead_d p { margin-bottom: 30px; line-height: 2.1; }

.p-concept-three_h { width: 950px; text-align: left; margin: 0 auto 30px auto; font-weight: bold; font-style: italic; font-size: 15px; }

.p-concept-three { width: 800px; margin: 0 auto 40px auto; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.p-concept-three dl { width: 245px; }
.p-concept-three dt { text-align: center; margin-bottom: 26px; }
.p-concept-three dt img { width: 48px; }
.p-concept-three dd { line-height: 2.1; text-align: left; }

@media screen and (max-width: 768px) { /*.c-copyr { padding: 30px 0 15px 0; border-bottom: 10px solid #16275c; font-size: 9px;}*/ 
  .l-under_wrap { padding-top: 60px; }
  .l-concept .l-under_wrap_in, .page-id-10 .l-under_wrap_in { width: 85%; height: auto; margin: 60px auto 30px auto; padding-bottom: 75%; background: url(../img/concept_bg_sp.jpg) no-repeat bottom left; background-size: 100% auto; }
  .p-concept_tl { width: 30%; margin-bottom: 20px; }
  .p-concept_lead { margin-bottom: 0; width: 50%; }
  .p-concept_lead02 { width: auto; width: 40.5%; margin-right: 9.5%; padding-top: 5px; }
  .p-concept_lead02 li:nth-child(1) { margin-left: 0; margin-right: 3%; width: 43.5%; }
  .p-concept_lead02 li:nth-child(2) { width: 26.5%; float: left; }
  .p-concept_p_sp { display: block; width: 85%; margin: 0 auto 30px auto; }
  .p-concept_lead_d { width: 85%; margin: 0 auto 50px auto; }
  .p-concept-three_h { width: 85%; }
  .p-concept-three { width: 85%; margin: 0 auto 40px auto; display: block; }
  .p-concept-three dl { width: 100%; margin-bottom: 30px; }
  .p-concept-three dt { text-align: center; margin-bottom: 20px; }
  .p-concept-three dt img { width: 15%; }
}
/*** c interview ***/
.c-interview { width: 100%; border: 1px solid #333; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.c-interview_in { width: 50%; padding: 17px 25px 17px 17px; line-height: 1.6; }
.c-interview_in:nth-child(odd) { border-right: 1px solid #333; }
.c-interview_in .u-left { width: 181px; }
.c-interview_in .u-right { width: 250px; text-align: left; padding-top: 27px;}
.c-interview_in .u-btn01 span.Inner { padding: 7px; font-size: 14px; margin-top: 18px; }
.c-interview_in .u-btn01 span.Inner::after { top: 38%; }
@media screen and (max-width: 768px) {
	.c-interview { width: 100%; display: block; }
  .c-interview_in { width: 100%; padding: 15px 5%; border-bottom: 1px solid #333; }
  .c-interview_in:nth-child(odd) { border-right: none; }
	.c-interview_in:last-child { border-bottom: none; }
  .c-interview_in .u-left { width: 40%; margin: 0 auto 10px auto; }
  .c-interview_in .u-right { width: 100%; padding-top: 10px;}
  .c-interview_in .u-btn01 span.Inner { padding: 5px; margin-top: 10px; }
}
/*** unqer ***/
.c-unq{
	width: 100%;
	margin: 40px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: center;
/*	justify-content: space-between;*/
}
.c-unq li{
	width: 320px;
	text-align: center;
	font-weight: bold;
	background-color: #f0f0f0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 0 5px;
}
.c-unq.c-unq4 li{
	width: 242px;
}
.c-unq.c-unq2 li{
	width: 492px;
}
.c-unq01{
	font-size: 12px;
	letter-spacing: -0.05em;
}
.c-unq li a{
	display: block;
	padding: 17px 0;
	position: relative;
}
.c-unq li a::after{
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	border-radius: 1px;
	content: "";
	position: absolute;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	top: 39%;
	right:15px;
	width: 7px;
	height: 7px;
}
@media screen and (max-width: 768px) {
	.c-unq{
		display: block;
		margin: 25px 0 10px 0;
	}
	.c-unq li{
		width: 100%;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.c-unq.c-unq4 li, .c-unq.c-unq2 li{width: 100%;}
	.c-unq li a{
		border-radius:5px;
		padding: 10px 0;
		position: relative;
	}
	.c-unq li a::after{
		top: 39%;
		right:5%;
		width: 3px;
		height: 3px;
	}
}
/**company tab**/
.c-tab{margin-bottom: 80px;}
.c-tab ul{
	position: relative;
	width: 100%;
	display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; 
	z-index: 10;
}
.c-tab li{
	width: 325px;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.c-tab li a{
	display: block;
	border-radius:5px;
	border: 1px solid #000;
	padding: 14px 0;
}
.c-tab li::after{
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	border-radius: 1px;
	content: "";
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 35%;
	right: 6%;
	width: 7px;
	height: 7px;
}
.c-tab li.current{
	border-radius:5px 5px 0 0;
	border: 1px solid #000;
	background-color: #fff;
	border-bottom: none;
	padding: 14px 0 25px 0;
}
.c-tab li.current::after{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.c-tab hr{
	width: 100%;
	height: 1px;
	display: block;
	position: relative;
	margin-top: -1px;
	background-color: #000;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	/**company tab SP**/
	.c-tab{margin-bottom: 50px;}
	.c-tab li{width: 32%; font-size:11px;}
	.c-tab li a{padding: 6% 0 7% 0;}
	.c-tab li::after{
		top: 33%;
		right: 7%;
		width: 4px;
		height: 4px;
	}
	.c-tab li.current{padding: 2% 0 5% 0;}

}