@charset "UTF-8";
/* ******************************************************************

	--search.css--

	1. Layout setting

****************************************************************** */

/*==================================================================
	1. Layout setting
===================================================================*/
.modal01 {
	display:none;
	position:fixed;
	z-index:1001;
	overflow-y:auto;
	background:#FFF;
	margin:0 auto;
	min-width:280px;
	width:1011px;
	height:900px;
	max-width:90%;
}
.modal01:before {
	position:absolute;
	content:"";
	background:url(/recruit/img/common/bg_line04.gif) no-repeat 0 0;
	width:100%;
	height:3px;
}
.modal01 .modalContent {
	margin:0 auto;
	max-width:916px;
	min-height:100px;
	padding:25px 0 16px 17px;
}
.close {
	position:absolute;
	right:16px;
	top:20px;
}
.close img {
	display:inline-block;
	vertical-align:middle;
	margin:-2px 8px 0 0;
	width:19px;
}
.groupSearch {
	margin-bottom:18px;
	padding:0 0 20px 3px;
	border-bottom:1px solid #D8D2C7;
}
.groupSearch .inner01 {
	padding-left:47px;
}
.groupSearch .titleSearch {
	margin-bottom:6px;
}
.groupSearch .titleSearch img {
	display:inline-block;
	vertical-align:middle;
	margin:2px 17px 0 0;
	height:27px;
}
.groupSearch .titleCategory img {
	margin:-4px 11px 0 1px;
	height:22px;
}
.groupSearch .titleType img {
	margin:-3px 7px 0 16px;
	height:19px;
}
.groupSearch .titleCondition img {
	margin:-1px 6px 0 6px;
	height:18px;
}
.groupSearch .titleFacility img {
	margin:-3px 11px 0 13px;
	height:18px;
}
.groupSearch .titleSearch span {
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
}
.facility {
	padding-bottom:8px;
}
.facility input[type=text] {
	width:367px;
}
.formStyle input[type=text] {
	padding:6px 9px 7px;
	background:#FFF;
	border:1px solid #000;
}
.formStyle input[type="checkbox"] + label::before {
	background:#FFF;
	border:1px solid #000;
	margin:2px 5px 0 0;
	width:11px;
	height:11px;
}
.formStyle input[type=checkbox]:checked + label:before {
	line-height:12px;
	font-size:11px;
}
.checkList li {
	display:inline;
	vertical-align:middle;
	padding:0 1px 9px 0;
	line-height:1.3;
}
.checkList li.break:after {
	content:"\A";
	white-space:pre;
}
.infoList {
	padding-top:9px;
}
.infoList span {
	display:inline-block;
	vertical-align:middle;
}
.infoList .checkList {
	display:inline-block;
	vertical-align:middle;
}
.chooseBox {
	text-align:center;
}
.chooseBox .buttonStyle {
	margin:0 2px 5px;
	max-width:320px;
	width:100%;
	padding:17px 5px 15px;
	font-size:18px;
	font-weight:bold;
}
.chooseBox .buttonStyle:hover {
	background:#7ABAEA;
	border-color:#7ABAEA;
}
@media screen and (max-width:1024px) {
	.modal01 .modalContent {
		max-width:100%;
		margin:0 10px;
		padding:25px 0 16px;
	}
}
@media screen and (max-width:736px) {
	.modal01 {
		background:#FFF;
		height:400px;
	}
	.modal01:before {
		background:none;
	}
	.modal01 .modalContent {
		margin:0;
		max-width:100%;
		padding:35px 0 16px;
	}
	.close {
		top:7px;
		right:7px;
		font-size:14px;
	}
	.close img {
		width:14px;
	}
	.facility input[type=text] {
		width:100%;
	}
	.groupSearch {
		margin-bottom:1px;
		padding:0;
		border:none;
	}
	.groupSearch .titleSearch {
		display:block;
		background:#EEE url(/recruit/img/common/icon_arrow03.png) no-repeat 94% 50%;
		background-size:9px auto;
		-webkit-background-size:9px auto;
		color:#2E2E2E;
		margin-bottom:0;
		padding:10px 35px 10px 12px;
		font-size:14px;
		font-weight:bold;
	}
	.groupSearch .titleSearch.active {
		background-image:url(/recruit/img/common/icon_arrow02.png);
		background-size:17px auto;
		-webkit-background-size:17px auto;
	}
	.groupSearch .titleSearch img {
		display:none;
	}
	.groupSearch .inner01 {
		display:none;
		padding-left:0;
		border-bottom:1px solid #D8D2C7;
	}
	.formStyle input[type="checkbox"] + label::before {
		border:1px solid #000;
		margin:-2px 8px 0 0;
		width:20px;
		height:20px;
	}
	.formStyle input[type=checkbox]:checked + label:before {
		line-height:20px;
		font-size:20px;
		text-indent:0;
	}
	.checkList li {
		float:left;
		display:block;
		width:50%;
		/*min-height:48px;*/
		border-right:1px solid #D8D2C7;
		border-bottom:1px solid #D8D2C7;
		padding:14px 5px 12px 12px;
	}
	.checkList li input[type=checkbox] + label {
		text-indent:-30px;
		padding-left:30px;
		font-size:14px;
	}
	.borderNone {
		border-bottom:none !important;
	}
	.checkList li.break:after {
		white-space:nowrap;
	}
	.infoList .checkList {
		display:block;
		border-top:1px solid #D8D2C7;
	}
	.infoList {
		padding-top:0;
	}
	.infoLast li {
		border-bottom:none;
	}
	.infoList span {
		display:block;
		padding:15px 12px 14px;
	}
	.facility {
		padding:15px 12px;
	}
	.chooseBox {
		margin-top:30px;
	}
	.chooseBox .buttonStyle {
		max-width:160px;
		font-size:15px;
	}
	.chooseBox .buttonClear {
		max-width:100px;
	}
}