@charset "UTF-8";

/* =========================================================
 positions
========================================================= */
#positions{ background-color: #fbfbfb; }
#positions .positions li{ background-color: #fff; }

#positions .positions .head{ font-weight: bold; }
#positions .positions .head::after{ content: "";display: block;width: 100%;height: 1px; }
#positions .positions .details dt,
#positions .positions .details dd{ text-align: left; }

#positions .positions .details dt::before{ 
	content: "";background: url("../../common/images/icon-arrow-02.png") no-repeat left center;
	display: block;position: absolute;top: 0;left: 0;
	-webkit-background-size: auto 100%;-moz-background-size: auto 100%;
	-ms-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;
}
#positions .positions .details dt{ position: relative; }

/* =========================================================
 contact
========================================================= */
#positions .contact{ color: #fff;background-color: #3557a4;text-align: center; }
#positions .contact .head{ padding-bottom: 0.9em; }
#positions .contact .btn{ font-size: 0.8em;margin-left: auto;margin-right: auto; }
#positions .contact .btn a{
	color: #3557a4;background-color: #fff;display: block;
	margin-left: auto;margin-right: auto;
}
#positions .contact .btn-in::before{ 
	content: "";background: url("../../common/images/icon-arrow-02.png") no-repeat left center;
	display: block;position: absolute;top: 0;left: 0;
	-webkit-background-size: auto 100%;-moz-background-size: auto 100%;
	-ms-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;
}
#positions .contact .btn-in{ display: inline-block;position: relative; }

/*//////////////////////////
PC-TAB
//////////////////////////*/
@media only screen and (min-width:768px) {
	/* =========================================================
	 positions
	========================================================= */
	#positions{ padding-bottom: 60px; }
	#positions .section-inner{ width: 80%;min-width: 1125px;margin-left: auto;margin-right: auto; }
	#positions .positions li{ padding: 30px 40px 55px;margin-bottom: 30px; }
	#positions .positions .head{ font-size: 18px;padding-bottom: 2.3em; }
	#positions .positions .head::after{ margin-top: 1em;background-color: #8c8c8c;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #bababa; }
	#positions .positions .details dt::before{ width:18px;height:18px; }
	#positions .positions .details dt{ font-size: 15px;height: 18px;line-height: 18px;padding-left: 30px;padding-bottom: 20px; }
	#positions .positions .details dd{padding-bottom: 38px;}

	#positions .contact{
		width: 100%;font-size: 18px;padding-top: 1em;padding-bottom: 1em;
		-webkit-border-radius: 10px;-moz-border-radius: 10px;
		-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;
	}
	#positions .contact .btn{ width: 366px; }
	#positions .contact .btn a{
		width: 100%;padding-top: 1em;padding-bottom: 1em;
		-webkit-border-radius: 9px;-moz-border-radius: 9px;
		-ms-border-radius: 9px;-o-border-radius: 9px;border-radius: 9px;
	}
	#positions .contact .btn-in::before{ width:18px;height:18px; }
	#positions .contact .btn-in{ height:18px;line-height:18px;padding-left: 30px;padding-right: 30px; }
}
/*//////////////////////////
SP
//////////////////////////*/
@media only screen and (max-width:767px) {
	/* =========================================================
	 positions
	========================================================= */
	#recruit-head .section-label{ padding-top: 3em;padding-bottom: 2em; }

	#positions .section-inner{ padding-left: 15px;padding-right: 15px; }
	#positions .positions li{ padding: 17px 15px 10px;margin-bottom: 15px; }
	#positions .positions .head{ font-size: 11px;padding-bottom: 1.3em; }
	#positions .positions .head::after{ margin-top: 0.3em;background-color: #d3d3d3;border-bottom: 1px solid #e7e7e7; }
	#positions .positions .details dt::before{ width:10px;height:10px; }
	#positions .positions .details dt{ font-size: 10px;height: 10px;line-height: 10px;padding-left: 15px;padding-bottom: 10px; }
	#positions .positions .details dd{padding-bottom: 20px;}

	#positions .contact{
		font-size: 11px;margin-left: -15px;margin-right: -15px;
		padding-top: 2.1em;padding-bottom: 2.1em;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	}
	#positions .contact .btn{ width: 100%; }
	#positions .contact .btn a{
		width: 70%;padding-top: 0.9em;padding-bottom: 0.9em;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;
		-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;
	}
	#positions .contact .btn-in::before{ width:10px;height:10px; }
	#positions .contact .btn-in{ height:10px;line-height:10px;padding-left: 15px;padding-right: 15px; }
}