@charset "utf-8";

/*ここでは
	検索ページ
	などを記述します
*/

.area_box,
.type_box,
.terms_box{
	margin-bottom: 30px;
	}


#search_box{
	width: 100%;
	margin: 0 auto;
	background: url(../img/icon/slanting_gray.gif) repeat-x bottom;
	margin-bottom: 30px;
	}

#search_box .t_center .btn_green{
	margin: 10px auto 60px;
	display: inline-block;
	font-weight: bold;
	padding: 10px 20px;
	}
#search_box .t_center .btn_green span{
	background: url(../img/icon/w/circle_arrow_b.svg) no-repeat right center / auto 100%;
	padding-right: 30px;
	min-width: 200px;
	}
.display_none{
	display: none !important;
	}
.display_block{
	display: block !important;
	}
.conditions{}
.conditions li{
	font-weight: bold;
	}
.conditions .title{
	font-weight: bold;
	text-align: center;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	padding: 18px 40px;
	font-size: 20px;
	cursor: pointer;
	}
.conditions .g_b{
	border: 2px solid #00a650;
	background: #FFFFFF;
	color: #00a650;
	}
.conditions .minus{
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	}
.conditions .title span{
	display: block;
	background: url(../img/icon/conditions_bg.gif) no-repeat right center / auto 90%;
	}
.conditions .minus span{
	background: url(../img/icon/minus_bg.gif) no-repeat right center / auto 90%;
	}

.toggle_box{
	width: 100%;
	z-index: 3;
	}
.toggle_box::after { clear: both; content: " "; display: block;}

.conditions ul.type{
	border-top: none;
	color: #00a650;
	width: 100%;
	display: block;
	}
.conditions ul.type::after { clear: both; content: " "; display: block;}
.conditions ul.type > li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	}
.conditions ul.type > li::after { clear: both; content: " "; display: block;}
.conditions ul.type > li span{
	display: block;
	border-left: 2px solid #00a650;
	border-bottom: 2px solid #00a650;
	padding: 13px 0;
	background: #FFFFFF url(../img/icon/g_arrow_b.png) no-repeat right 8% center;
	}
.conditions ul.type > li:last-child span{
	border-right: 2px solid #00a650;
	}

.conditions ul.type > li span:hover{
	background: #00a650 url(../img/icon/w/w_arrow_b.png) no-repeat right 8% center;
	color: #FFFFFF;
	}
.conditions ul.type > li .open{
	background: #00a650 url(../img/icon/w/w_arrow_t.png) no-repeat right 8% center;
	color: #FFFFFF;
	}

.conditions .more{
	width: 100%;
	float: left;
	}
.conditions .more::after { clear: both; content: " "; display: block;}
.conditions .more > li{
	padding: 20px 10px 20px 20px;
	margin-top: -2px;
	border: 2px solid #00a650;
	background: #FFFFFF;
	color: #00a650;
	}
.conditions .more li:nth-of-type(2){
	left: 24.95%;
	}

.area_box .res_green{
	margin-top: -2px;
}

.area_box .check_area li span{
	display: block;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4em;
	color: #363636;
	background: #FFF0DA;
	padding: 0.7em 1em;
	margin: 0.6em 1em 0.5em 1.8em;
	}

	
.city_area{
	min-width: 790px;
	float: left;
	padding: 25px 35px;
	display: block;
	border: 2px solid #00a650;
	background: #FFFFFF;
	margin-top: -2px;
	z-index: 4;
	}
.city_area::after { clear: both; content: " "; display: block;}
.city_area li{
	color: #595758;
	float: left;
	width: 20%;
	padding: 5px 0;
	text-align: left;
	}
/*dl.ver*/
.city_area dl{
	margin-bottom: 15px;
	}
.city_area dl dt,
.city_area dl dd{
	/*width: 100%;*/
	}
.city_area dl dt{
	text-align: left;
	padding-bottom: 5px;
	}
.city_area dl dd{
	border: 1px dashed #6DCA55;
	padding: 10px 15px;
	}
.city_area dl dd ul{
	width: 100%;
	margin-left: 0;
	}
.city_area dl dd ul::after { clear: both; content: " "; display: block;}
.city_area dl dd ul li{
	font-size: 17px;
	}
	

label{
	cursor: pointer;
	display: block;
	}
.conditions .sub{
	position: relative;
	display: block;
	border: 2px solid #00a650;
	display: block;
	background: #FFFFFF;
	/*padding: 25px 10px 20px 35px;*/
	padding: 20px 30px 15px 35px;
	margin-top: -2px;
	width: 1211px;
	}
.conditions .sub::after { clear: both; content: " "; display: block;}
.conditions .sub li{
	display: block;
	font-size: 15px;
	float: left;
	width: 25%;
	padding: 5px 0;
	text-align: left;
	color: #595758;
	}
.conditions .sub li label{
	display: block;
	}
	
/*dl.ver*/
.conditions .sub dl{
	margin-bottom: 15px;
	}
.conditions .sub dl dt,
.conditions .sub dl dd{
	/*width: 100%;*/
	}
.conditions .sub dl dt{
	text-align: left;
	padding-bottom: 5px;
	}
.conditions .sub dl dd{
	border: 1px dashed #6DCA55;
	padding: 10px 15px;
	}
.conditions .sub dl dd ul{
	width: 100%;
	margin-left: 0;
	}
.conditions .sub dl dd ul::after { clear: both; content: " "; display: block;}
.conditions .sub dl dd ul li{
	font-size: 16px;
	letter-spacing: 1px;
	}	

	
.terms_box{}
.terms_box .res_green{
	margin-top: -2px;
	}
.check_area{
	display: block;
	padding: 2% 1% 2% 3%;
	}
.check_area::after { clear: both; content: " "; display: block;}
.check_area li{
	float: left;
	width: 20%;
	padding: 0.8em 0;
	font-size: 16px;
	}


.conditions ul.type > li:nth-of-type(2) > ul/*,
.conditions ul.type > li:nth-of-type(2) > dl*/{
	margin-left: -100%;
	}
.conditions ul.type > li:nth-of-type(3) > ul{
	margin-left: -200%;
	}
.conditions ul.type > li:nth-of-type(4) > ul{
	margin-left: -300%;
	}
	

@media screen and (max-width: 1600px) {	
	#search_box .t_center .btn_green{
		margin: 5px auto 60px;
	}
}
@media screen and (max-width: 1280px) {
	#search_box{
		width: 90%;
	}
	
	.conditions .title{
		font-size: 18px;
		}
	.conditions ul.type > li{
		font-size: 16px;
		}
	.conditions .sub{
		/*width: 1056px;*/
		width: 1083px;
		}
	
	
	.city_area{
		min-width: 850px;
		padding: 25px 30px 20px 35px;
		}
	.city_area li{
		padding: 5px 0;
		}
	.city_area dl dd ul li{
		font-size: 16px;
		}
	.conditions .sub dl dd ul li{
		font-size: 15px;
		}
}
@media screen and (max-width: 990px) {
	
	.conditions .sub{
		width: 842px;
		padding: 20px 20px 15px 25px;
		}
	.conditions .sub li{
		width: 33%;
		}
	.check_area li{
		font-size: 15px;
		letter-spacing: 0;
		}
	.check_area li{
		padding: 0.4em 0;
		}
	.area_box .check_area{
		padding: 2% 1% 2% 2%;
		}
	.area_box .check_area li span{
		margin: 0.6em 0.5em 1em 0.5em;
		}
	
	.city_area{
		min-width: 580px;
		padding: 20px 10px 15px 25px;
		}
	.city_area li{
		width: 25%;
		}
	
}
@media screen and (max-width: 750px) {
	.area_box .check_area{
		padding: 20px 10px 40px 15px;
		}
	.area_box .check_area li span{
		margin: 0.6em 0.5em 0.7em 0em;
		font-size: 11px;
		}
	.terms_box table.res_green td{
		display: block;
		}
	.terms_box table.res_green td::after { clear: both; content: " "; display: block;}
	.terms_box .res_green p.white{
		padding: 0.7em 0;
		}
	.conditions ul.type > li{
		float: none;
		width: 100%;
		}
	.conditions ul.type > li span{
		border-right: 2px solid #00a650;
		}
	.conditions ul.type > li:nth-of-type(2) > ul,
	.conditions ul.type > li:nth-of-type(3) > ul,
	.conditions ul.type > li:nth-of-type(4) > ul{
		margin-left: 0;
		}
	.conditions .sub{
		width: auto;
		}
	.conditions .sub li{
		border: none;
		width: 48%;
		margin: 0 2% 0 0;
		}
	.conditions .sub li label{
		}
	/*.conditions .sub li label b{
		display: inline-block;
		line-height: 1.6em;
		}*/
	.city_area{
		min-width: auto;
		}
	.city_area li{
		width: 31.3%;
		margin: 0 2% 0 0;
		}
	.check_area{
		padding: 2% 1% 2% 2%;
		}
	.check_area li{
		width: 31.3%;
		margin: 0 2% 0 0;
		}
	
}
@media screen and (max-width: 375px) {
	.city_area{
		padding: 5%;
		}
	.city_area dl dd{
		padding: 2.5%;
		}
	.city_area dl dd ul li{
		font-size: 15px;
		letter-spacing: 1px;
		}
	.conditions .sub{
		padding: 5%;
		}
	.conditions .sub li{
		width: 100%;
		margin: 0 0 0 0;
		}
	.conditions .sub dl dd{
		padding: 2.5%;
		}
	.conditions .sub dl dd ul li{
		font-size: 15px;
		letter-spacing: 1px;
		}
		

}
@media screen and (max-width: 750px) {
	.area_box,
	.type_box,
	.terms_box{
		margin-bottom: 15px;
		}
	.conditions .title{
		font-size: 17px;
		padding: 12px 30px;
		}
	.conditions ul.type > li, .check_area li{
		font-size: 15px;
		}
	.city_area li{
		width: 48%;
		}
	.check_area{
		padding: 20px 10px 15px 25px;
		}
	.check_area li{
		width: 48%;
		}
	#search_box .t_center .btn_green{
		margin: 5px auto 45px;
	}
}

#result_box{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 55px;
	}
.page_link{
	float: right;
	}
.page_link li{
	float: left;
	margin-left: 1em;
	font-weight: bold;
	}
.page_link li a{
	color: #00a650;
	}
.page_link li a:hover{
	text-decoration: underline;
	}

.job_box{
	border: 2px solid #939595;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #FFFFFF;
	margin-bottom: 20px;
	}
.job_box .company_name{
	padding: 1em 25px;
	border-bottom: 2px solid #d2d2d2;
	font-weight: bold;
	}
.job_box .staff_box{
	padding:0 25px 25px;
	}
.job_box .job_title{
	border-bottom: 1px solid #d2d2d2;
	margin: 20px 0 0;
	}
.job_box .staff{
	padding-bottom: 20px;
	float: left;
	width: 55%;
	font-size: 28px;
	font-weight: bold;
	color: #595758;
	}
.job_box .btn_box{
	float: right;
	}
.job_box .btn_box::after { clear: both; content: " "; display: block;}
.job_box .btn_box a,.job_box .btn_box button,.job_box .btn_box form{
	float: left;
	font-weight: bold;
	margin-left: 15px;
	}
.job_box .btn_box .btn_orange span,.bottom_btn_box .btn_orange span{
	min-width: 8em;
	text-align: center;
	display: inline-block;
	}
.job_box .btn_box .btn_firered span,.job_box .btn_box button span,.bottom_btn_box .btn_firered span{
	min-width: 9em !important;
	text-align: center;
	display: inline-block;
	}
@media screen and (max-width: 1280px) {
	.job_box .btn_box .btn_firered span,.job_box .btn_box button span,.bottom_btn_box .btn_firered span{
	min-width: 8em !important;
	}
}
@media screen and (max-width: 750px) {
	.job_box .btn_box .btn_firered span,.job_box .btn_box button span,.bottom_btn_box .btn_firered span{
	min-width: auto !important;
	}
	button.btn_orange span{
		display: block;
		}
}
.job_box .btn_box a:first-child{	
	margin-left:0;
	}
.job_box .btn_box .btn_green span,
.bottom_btn_box .btn_green span{
	min-width: 8em;
	text-align: center;
	}
.job_box .staff span{
	/*padding-top: 4px;*/
	padding-bottom: 4px;
	display: inline-block;
	line-height: 1.4em;
	min-width: 3em;
	}
.job_box .staff a{
	/*padding-top: 4px;
	padding-bottom: 4px;*/
	text-decoration: none;
	color: #595758;
	display: inline-block;
	line-height: 1.4em;
	min-width: 3em;
	}
.job_box .staff a:hover{
	color: #ffb446;
	}
.job_box .staff_s{
	background: url(../img/icon/staff_s.svg) no-repeat left top / 65px auto;
	padding-top: 35px;
	}
.job_box .staff_p{
	background: url(../img/icon/staff_p.svg) no-repeat left top / 65px auto;
	padding-top: 35px;
	}
.job_box dl{
	border-bottom: 1px solid #d2d2d2;
	width: 100%;
	padding: 15px 0;
	}
.job_box dl::after { clear: both; content: " "; display: block;}
.job_box dl dt{
	float: left;
	width: 12%;
	font-weight: bold;
	border-right: 2px solid #00a650;
	padding-left: 1%;
	}
.job_box dl dd{
	padding: 0 1% 0 1.5%;
	float: left;
	width: 82%;
	}
.job_box a.g_map{
	float: right;
	color: #FFFFFF !important;
	text-decoration: none !important;
	padding: 6px 25px !important;
	}
.job_box a.g_map span{
	font-size: 14px;
	}
.job_box dl:last-child{
	border-bottom: none;
	}
.job_box dl dd::after { clear: both; content: " "; display: block;}

@media screen and (max-width: 1280px) {
	#result_box{
		width: 90%;
		}
	.job_box .staff{
		width: 56%;
		}
	.job_box .btn_box{
		width: 43%;
		}
	.job_box .btn_box a,.job_box .btn_box button,.job_box .btn_box form{
		font-size: 14px !important;
		}
	.job_box dl dt{
		padding-left: 1%;
		width: 14%;
		}
	.job_box dl dd{
		padding: 0 1% 0 2%;
		width: 81%;
		}
	.job_box .staff_box{
		padding: 0 25px 15px;
		}

}
@media screen and (max-width: 990px) {
	#result_box{
		padding-bottom: 30px;
		}
	.job_box .btn_box .btn_orange span,.bottom_btn_box .btn_orange span{
	min-width: auto;
	display: block;
	}
	.job_box .btn_box .btn_firered span,.bottom_btn_box .btn_firered span{
	min-width: auto;
	display: block;
	}
	.job_box .btn_box .btn_green span,.bottom_btn_box .btn_green span{
	min-width: auto;
	display: block;
	}
	.job_box .staff{
		width: 53%;
		}
	.job_box .btn_box{
		width: 47%;
		}
	.job_box .staff a{
		font-size: 24px;
		}
	.job_box .staff_s{
		}
	.job_box .staff_p{
		}
	.job_box .btn_box a,.job_box .btn_box button,.job_box .btn_box form{
		margin-bottom: 20px;
		text-align: center;
		}
	.job_box .btn_box .btn_orange{
		padding: 4%;
		font-size: 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin-left: 10px;
		/*width: 38%;*/
		}
	.job_box .btn_box .btn_orange:first-child{
		margin-left: 0;
		}
	.job_box .btn_box .btn_orange span{
		
		}
	.job_box .btn_box .btn_firered{
		/*padding: 4%;*/
		padding: 15px;
		font-size: 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		/*margin-left: 10px;*/
		width: 38%;
		}
	.job_box .btn_box .btn_firered{
		width: 100%;
		margin: 0;
		}
	.job_box .btn_box .btn_firered:first-child{
		margin-left: 0;
		}
	.job_box .btn_box .btn_firered span{
		
		}
	.job_box .btn_box .btn_green{
		padding: 4%;
		font-size: 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		width: 38%;
		}
	.job_box .btn_box .btn_green span{
		
		}
	.job_box dl dt{
		width: 16%;
		}
	.job_box dl dd{
		width: 79%;
		}

}
@media screen and (max-width: 750px) {
	#result_box{
		width: 94%;
		}
	#result_box .l60{
		width: 65%;
		margin-bottom: 0;
		}
	.job_box .company_name{
		padding: 0.8em 15px;
		}
	.job_box .staff_box{
		padding: 0 15px 15px;
		}
	.job_box .job_title{
		margin: 15px 0 0;
		}
	.job_box .staff{
		font-size: 20px;
		padding-bottom: 15px;
		}
	.job_box .staff,
	.job_box .btn_box{
		width: 100%;
		float: none;
		}
	.job_box .btn_box a,.job_box .btn_box button,.job_box .btn_box form{
		margin-left: 10px;
		}
	.job_box .btn_box .btn_orange,
	.job_box .btn_box .btn_green{
		width: 42%;
		padding: 3% 3% 2% 3%;
		font-size: 15px;
		}
	
	/*.job_box .btn_box .btn_firered,*/
	.job_box .btn_box form{
		width: 48%;
		font-size: 15px;
		}
	.job_box .btn_box .btn_firered{
		width: 100%;
		margin: 0;
		}
	.job_box .staff a{
		font-size: 18px;
		}
	.job_box .staff_s{
		background: url(../img/icon/staff_s.svg) no-repeat left top / 55px auto;
		padding-top: 30px;
		}
	.job_box .staff_p{
		background: url(../img/icon/staff_p.svg) no-repeat left top / 55px auto;
		padding-top: 30px;
		}
	.job_box dl{
		padding: 1em 0;
		}
	.job_box dl dt{
		padding: 0;
		width: 8em;
		float: none;
		margin-bottom: 0.8em;
		}
	.job_box dl dd{
		padding: 0;
		float: none;
		}
	.job_box a.g_map span{
		font-size: 13px;
		}
	.job_box a.g_map{
		margin-top: 5px;
		}
	.btn_firered span{
		display: block;
		}
}
@media screen and (max-width: 480px) {
	.job_box .btn_box .btn_orange,
	.job_box .btn_box .btn_green{
		width: 42%;
		font-size: 16px;
	}
	.job_box .btn_box .btn_firered{
		/*width: 42%;*/
		font-size: 16px;
		padding: 12px 15px 7px 15px;
	}
}
@media screen and (max-width: 414px) {
	.job_box .btn_box .btn_firered{
		padding: 11px 15px 5px 15px;
	}
}
@media screen and (max-width: 375px) {
	.job_box .btn_box .btn_firered{
		padding: 10px 15px 5px 15px;
	}
}

/*チェックボックス削除用囲い*/

.job_area{
	width: 100%;
	margin: 0 auto;
	}
.job_area::after { clear: both; content: " "; display: block;}

.job_area .checkbox_area{
	float: left;
	width: 5%;
	display: table;
	background: #ffffff;
	height: 100%;
	}
.side_check{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 30%;
	}

.job_area .job_box{
	float: right;
	width: 94%;
	}

/*Radio Check*/
label.radio, label.radio_text, label.checkbox, label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}
label.radio {
	width         : 18px;
	height        : 18px;
	border        : 1px solid #666666;
	border-radius : 100%;
}
label.radio_text {
	min-height   : calc(18px + 5px);
	margin-right : calc(18px + 5px);
	padding-left : calc(18px + 5px);
	line-height  : calc(18px + 5px);
}
label.checkbox {
	width      : 20px;
	height     : 20px;
	border     : 1px solid #B3B3B3;
	background : #fff;
}
label.checkbox_text {
	padding-left : calc(20px + 5px);
	line-height  : 20px;
}
/** before after **/
label.radio:before, label.radio_text:before, label.checkbox_text:before,
label.checkbox:after, label.radio_text:after, label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_text:before{
	border-radius    : 100%;
}
label.radio:before, label.checkbox:after{
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.checkbox:after, label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 3px solid #DD6655;
	border-bottom     : 3px solid #DD6655;
	top               : calc(50% - (((17px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((17px / 12 ) * 5) * -1);
	width             : calc(((17px / 12 ) * 5));
	height            : 17px;
	z-index           : 1;
}
label.radio_text:before, label.radio_text:after{
	top              : 0px;
	bottom           : 0px;
	margin-top       : auto;
	margin-bottom    : auto;
}
label.radio:before {
	display          : block;
	width            : 10px;
	height           : 10px;
	z-index          : 1;
	background-color : #DD6655; 
}
label.radio_text:before {
	width         : 18px;
	height        : 18px;
	border        : 1px solid #666666;
	left          : 0px;
	z-index       : 3;
}
label.checkbox_text:before {
	width    : 20px;
	height   : 20px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
	box-sizing: border-box;
}
label.radio_text:after {
	width            : 10px;
	height           : 10px;
	border-radius    : 100%;
	left             : calc(((18px/2) - (10px) / 2));
	background-color : #DD6655;
	z-index          : 1;
}
label.checkbox_text:after {
	left : calc((20px / 2) - (((17px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 20px;
	height     : 20px;
	box-sizing    : border-box;
	outline       : none;
}
label.radio input[type="radio"], label.radio_text input[type="radio"]{
	left       : calc(18px * -1);
	width      : 18px;
	height     : 18px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	left       : calc(20px * -1);
	padding    : 0;
}
label.radio input[type="radio"] {
	display    : block;
	box-shadow : 18px 0px #FFF;
}
label.radio_text input[type="radio"] {
	box-shadow : 18px 0px #FFF;
}
label.checkbox input[type="checkbox"] {
	box-shadow : 20px 0px #FFF;
}
label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 20px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]:checked,
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus,
label.checkbox input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.radio_text input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}
label.radio input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}



@media screen and (max-width: 1280px) {
	
	
	
	.job_area .checkbox_area{
		width: 4%;
		}
	.job_area .job_box{
		width: 95%;
		}
	
	.job_area  .job_box .btn_box{
		width: 47%;
		}
	.job_area  .job_box .staff{
		width: 53%;
		}
}
@media screen and (max-width: 990px) {
	.checkbox_area label{
		/*padding: 0;*/
		padding-left: 20%;
		vertical-align: top;
		}
	.job_area .checkbox_area{
		width: 6%;
		}
	.job_area .job_box{
		width: 93%;
		}
}
@media screen and (max-width: 750px) {
	
	.job_area .checkbox_area{
		/*float: left;
		width: 5%;
		display: table;
		background: #ffffff;
		height: 100%;*/
		}
	.side_check{
		height: 100%;
		display: table-cell;
		vertical-align: top;
		padding-left: 10px;
		padding-top: 10px;
		}
	
	/*input[type="checkbox"]{
		-webkit-transform: scale(1);
		transform: scale(1);
		}*/
	.job_area .checkbox_area{
		width: 6%;
		}
	.job_area .job_box{
		width: 92%;
		}
	.job_area  .job_box .staff{
		width: 100%;
		}
	.job_area .job_box .btn_box{
		width: 100%;
		}
}
@media screen and (max-width: 414px) {
	.job_area .job_box{
		width: 90%;
		}
}
@media screen and (max-width: 375px) {
	.side_check{
		padding-left: 5px;
		}
	.checkbox_area label{
		padding-left: 0;
		}
}

/*---------------詳細ページ----------------------*/

.job_details_page{}

ul.tag{
	width: 100%;
	padding: 25px 0;
	}
ul.tag::after { clear: both; content: " "; display: block;}
ul.tag li{
	background: #82d3c3;
	color: #FFFFFF;
	text-align: center;
	float: left;
	width: 13%;
	margin-right: 1%;
	margin-bottom: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	padding: 0.7em 0;
	font-size: 14px;
	}

.job_img{
	float: left;
	width: 55%;
	}
.job_img img{
	max-width: 100%;
	}
.job_text{
	float: right;
	width: 42%;
	}

.job_details_page .job_box .staff_box{
	padding: 15px 40px 30px;
	}

.guideline_box{
	width: 100%;
	margin-top: 50px;
	}
.guideline_box .g_title{
	float: left;
	width: 11%;
	}
.guideline_box .g_title strong{
	color: #00a650;
	font-size: 20px;
	}
.guideline_box .dl_box{
	float: right;
	width: 88%;
	border-top: 1px solid #d2d2d2;
	}
.guideline_box .dl_box a{
	color: #ffb446;
	text-decoration: underline;
	}
.job_details_page .job_box dl:last-child{
	border-bottom: 1px solid #d2d2d2 !important;
	}

.bottom_btn_box{
	text-align: center;
	padding: 50px 0;
	}
.bottom_btn_box::after { clear: both; content: " "; display: block;}
.bottom_btn_box a,.bottom_btn_box button{
	display: inline-block;
	margin: 0 10px;
	font-weight: bold;
	}


@media screen and (max-width: 1280px) {
	.job_details_page .job_box .staff{
		width: 55%;
		}
	.job_details_page .job_box .btn_box{
		width: 44%;
		}
}
@media screen and (max-width: 990px) {
	ul.tag li{
		width: 15%;
		}
	.job_details_page .job_box .btn_box{
		width: 44%;
		}
	.job_details_page .job_box .staff{
		width: 55%;
		}
	.job_details_page .job_box .staff_box{
		padding: 0px 25px 15px;
		}
	.job_text p{
		font-size: 15px;
		line-height: 1.6em;
		}
	.guideline_box .g_title{
		width: 15%;
		}
	.guideline_box{
		margin-top: 40px;
		}
	.guideline_box .dl_box{
		width: 85%;
		}
	.bottom_btn_box{
		padding: 35px 0;
		}
	.bottom_btn_box a,.bottom_btn_box button{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		width: 20%;
		text-align: center;
		}
	.bottom_btn_box a,.bottom_btn_box button span{
		margin: 0 auto;
		display: inline-block;
		}
	.guideline_box .g_title strong{
	font-size: 18px;
	}
	
}
@media screen and (max-width: 750px) {
	.job_details_page .job_box .staff{
		width: 100%;
		}
	.job_details_page .job_box .btn_box{
		width: 100%;
		}
	.job_details_page .job_box .staff_box{
		padding: 0px 15px 15px;
		}
	.job_details_page .job_box .btn_box .btn_orange,
	.job_details_page .job_box .btn_box .btn_green{
		padding: 3% 3% 2% 3%;
		}
	.job_details_page .job_box .btn_box .btn_firered{
		padding: 3% 3% 2% 3%;
		}
	ul.tag{
		padding: 20px 0;
		}
	ul.tag li{
		width: 32.3%;
		}
	.job_img,
	.job_text{
		float: none;
		width: 100%;
		}
	.job_img{
		margin-bottom: 20px;
		text-align: center;
		}
	.guideline_box{
		margin-top: 25px;
		}
	.guideline_box .g_title,
	.guideline_box .dl_box{
		float: none;
		width: 100%;
		}
	.guideline_box .g_title{
		padding-bottom: 0.7em;
		}
	.guideline_box .g_title strong{
		font-size: 22px;
		}
	.job_box dl dt{
		font-size: 15px;
		width: 7.5em;
		}
	.job_box dl dd{
		float: none;
		width: 100%;
		font-size: 14px;
		line-height: 1.5em;
		}
	.bottom_btn_box{
		width: 100%;
		}
	.bottom_btn_box a,.bottom_btn_box button{
		float: left;
		width: 47%;
		margin: 0 1.5%;
		padding: 10px 0;
		}
	
}


/*------関連求人一覧-----*/

.relation_job{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 35px;
	background: #FFFFFF;
	}
.relation_job .t_center strong{
	font-size: 20px;
	background: url(../img/icon/b_green.gif) no-repeat bottom center;
	padding: 2em 0.5em 1em;
	display: block;
	margin-bottom: 30px;
	}
.relation_job ul{
	width: 100%;
	margin: 0 auto;
	}
.relation_job ul::after { clear: both; content: " "; display: block;}
.relation_job ul li{
	float: left;
	width: 22%;
	margin: 0 1.5% 1%;
	}
.relation_job ul li a img{
	max-width: 100%;
	display: block;
	margin-bottom: 15px;
	}
.relation_job ul li span{
	line-height: 1.6em;
	}
	
/*---企業一覧へのボタン---*/

.relation_job .btn_box{
	text-align: center;
	margin: 30px 0 20px;
	}
.relation_job .btn_box .btn_green{
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	padding: 15px 35px;
	font-size: 20px;
	}
.relation_job .btn_box .btn_green span{
	background: url(../img/icon/w/circle_arrow_r.svg) no-repeat right center / auto 100%;
	padding-right: 40px;
	}
	
	
@media screen and (max-width: 990px) {
	.relation_job{
		padding-bottom: 30px;
		}
	.relation_job .contents > .t_center{
		width: 94%;
		margin: 0 auto;
		}
	.relation_job .t_center strong{
		padding: 1.3em 0.5em 1em;
		margin-bottom: 20px;
		}
	.relation_job ul{
		width: 94%;
		margin: 0 auto;
		}
	.relation_job ul li span{
		font-size: 15px;
		}
	
	/*---企業一覧へのボタン---*/
	
	.relation_job .btn_box .btn_green{
		font-size: 19px;
		}
	
	
	
}
@media screen and (max-width: 750px) {
	.relation_job{
		padding-bottom: 1.5em;
		}
	.relation_job .t_center strong{
		font-size: 16px;
		}
	.relation_job ul{
		width: 90%;
		border-top: 1px solid #d2d2d2;
		padding-top: 15px;
		}
	.relation_job ul li{
		margin: 0 0 15px;
		width: 100%;
		border-bottom: 1px solid #d2d2d2;
		}
	.relation_job ul li a img{
		float: left;
		width: 25%;
		}
	.relation_job ul li span{
		float: right;
		width: 72%;
		}
	
	/*---企業一覧へのボタン---*/
	
	.relation_job .btn_box .btn_green{
		font-size: 18px;
		}
	
}
@media screen and (max-width: 480px) {
	.relation_job{
		padding-bottom: 0;
		}
	.relation_job ul li span{
		font-size: 14px;
		}
		
	/*---企業一覧へのボタン---*/
	.relation_job .btn_box{
		margin: 10px 0 20px;
		}
	.relation_job .btn_box .btn_green{
		font-size: 17px;
		}
}
@media screen and (max-width: 375px) {
	.relation_job{
		padding-bottom: 0;
		}
	.relation_job ul li span{
		font-size: 14px;
		}
		
	/*---企業一覧へのボタン---*/
	
	.relation_job .btn_box .btn_green{
		font-size: 16px;
		padding: 10px 20px;
		}
}



/*------検索条件リンク一覧-----*/

.bottomLinkArea{
	margin: 45px 0 0;
	width: 100%;
	background: #FFFFFF;
	}
.bottomLinkArea a{
	text-decoration: underline;
	color: #00a650;
	}
.bottomLinkArea a:hover{
	color: #000000;
	}
.bottomLinkArea h4{
	display: block;
	background: #D1E7D2;
	padding: 7px 25px;
	font-size: 17px;
	letter-spacing: 1px;
	}
.bottomLinkArea ul{
	padding: 15px 25px;
	line-height: 2.2;
	}
.bottomLinkArea ul::after { clear: both; content: " "; display: block;}
.bottomLinkArea ul li{
	display: inline-block;
	margin-right: 2em;	
	}

@media screen and (max-width: 990px) {
	.bottomLinkArea h4{
		padding: 6px 20px;
		}
	.bottomLinkArea ul{
		padding: 15px 20px;
		line-height: 1.9;
		}
	.bottomLinkArea ul li{
		font-size: 15px;
		}
	
}
@media screen and (max-width: 750px) {
	.bottomLinkArea ul{
		padding: 13px 20px 15px;
		line-height: 2;
		}
}
@media screen and (max-width: 480px) {
	.bottomLinkArea h4{
		font-size: 14px;
		}
}




/*------あああ-----*/


@media screen and (max-width: 990px) {

}
@media screen and (max-width: 750px) {
}
@media screen and (max-width: 480px) {
}