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

/*----------------▼▼▼　お仕事詳細ここから　▼▼▼----------------*/

#jobs header {border-bottom:5px solid #666;}
#jobs .box_header {overflow:hidden;}
.box_jobs {
	border-bottom:1px solid #DDD;
	margin-bottom:2em;
}
.box_jobs p {margin-bottom:1em;}
.box_jobs .job_number,
.box_recruit .job_number {
	font-size:1.2rem;
	color:#AAA;
}
.box_jobs .ttl_job {
	font-size:1.6rem;
	font-weight:bold;
}
.box_recruit .job_detail {margin:1.5em 0 3em 0;}
.box_recruit .job_detail dt {
	background-color:#00A3D9;
	color:#FFF;
	font-size:1.3rem;
	padding:0.15em 0.8em;
	display:inline-block;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	margin-bottom:1em;
}
.box_recruit .job_detail dd {
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	border-bottom:1px dotted #CCC;
}
.box_recruit .job_detail dd ul {margin-left:1em;}
.box_recruit .job_detail dd ul li {list-style:disc;}
.box_recruit .job_detail dd p {margin-bottom:0.5em;}
.box_recruit .job_detail dd p:last-child {margin-bottom:0;}
.box_recruit .btn_jobentry {
	text-align:center;
	margin-bottom:3em;
}
.box_recruit .btn_jobentry a {
	background-color:#40404B;
	color:#FFF;
	text-decoration:none;
	padding:1.5em;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	display:inline-block;
}
.box_recruit .btn_jobentry a:hover {background-color:#565665;}
.box_attention {
	background-color:#F7F7F7;
	padding:0 1em 1em 1em;
}
.box_attention .job_list li {
	border:1px solid #DDD;
	background-color:#FFF;
	padding:0.5em 0.5em 0.1em 0.5em;
	margin-bottom:1.3em;
	overflow:hidden;
}
.box_attention .job_list li .img_job {
	float:left;
	margin:0 1em 0 0;
}
.box_attention .job_list li .ttl_job {
	font-size:1.5rem;
	font-weight:bold;
}

/*----------------▲▲▲　お仕事詳細ここまで　▲▲▲----------------*/


/*----------------▼▼▼　検索画面ここから　▼▼▼----------------*/

#sarch .box_header {overflow:hidden;}
.box_sarch {padding:2em 0;}
.box_sarch p {
	color:#999;
	margin-bottom:0.2em;
	font-size:1.3rem;
}
.box_sarch select {vertical-align:middle;}
.box_sarch select::-ms-expand {display: none;}
.select-box01 {
	margin-bottom:1em;
}
.select-box01 select {
	width: 100%;
	padding: 0.8em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../../images/arrow01.png) right 50% no-repeat #FFF;
	background-size: 30px, 100%;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	font-size:1.3rem;
}
.box_sarch input[type="text"] {
	width: 100%;
	padding: 1em;
	background-color:#FFF;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	font-size:1.3rem;
	border: 1px solid #999;
}
.box_sarch input[type="submit"] {
	margin-top:1.6em;
	width: 70%;
	border:1px solid #00A3D9;
	padding:1em 0 1em 1em;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	color:#FFF;
	font-size:1.5rem;
	background: url(../../images/ico_sarch.png) 35% 50% no-repeat #00A3D9;
	background-size: 15px, 15px;
}
.box_sarch input[type="submit"]:hover {background-color:#46BEEC;}
#sarch header h2 {
	border-top:5px solid #666;
	clear:both;
	text-align:center;
	background:url(../../images/bg_sarch.jpg) no-repeat left top;
	background-size:cover;
	padding:3.5em 0;
	color:#FFF;
	font-size:1.8rem;
	-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
	-ms-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
}
.box_job li {
	border:1px solid #B1B1B1;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	margin-bottom:1.5em;
}
.box_job .img_job {margin-bottom:0;}
.job_inner {
	padding:0.4em 1em 1em 1em;
	overflow:hidden;
}
.box_job li p {margin-bottom:1em;}
.box_job .job_number {
	font-size:1.2rem;
	color:#AAA;
}
.box_job .ttl_job {
	font-size:1.6rem;
	font-weight:bold;
}
.box_job .job_detail dt {
	background-color:#00A3D9;
	color:#FFF;
	font-size:1.3rem;
	padding:0.15em 0.8em;
	display:inline-block;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	margin-bottom:0.5em;
}
.box_job .job_detail dd {margin-bottom:0.8em;}
.box_job .job_detail dd:last-child {margin-bottom:0;}
.box_job .btn_job a {
	background-color:#40404B;
	color:#FFF;
	padding:0.6em 1.5em;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	font-size:1.4rem;
	margin:1em 0 0 0;
	display:inline-block;
	float:right;
	text-decoration:none;
}
.box_job .btn_job a:hover {background-color:#565665;}

/*----------------▲▲▲　検索画面ここまで　▲▲▲----------------*/



/*--------------------------------------------------------*/

/* @group 768px - wide tablet
ここに768px～1023pxまでのCSSを記述
--------------------------------------------------------*/

@media only screen and (min-width:768px){
.box_sarch {background-color:#F7F7F7;}
#sarch header h2 {font-size:2.5rem;}
.box_sarch input[type="submit"] {
	width: 100%;
	padding:0.8em 0 0.8em 1em;
	background: url(../../images/ico_sarch.png) 30% 50% no-repeat #00A3D9;
	background-size: 15px, 15px;
}
.box_jobs {
	background-color:#F7F7F7;
	padding:2em 0 0.5em 0;
	border-bottom:none;
	margin-bottom:3em;
}
.box_recruit .btn_jobentry {text-align:right;}
.box_attention {
	border:1px solid #DDD;
	border-top:5px solid #9CD5F2;
	background-color:#F2FBFD;
}
.box_attention h3 {
	margin:1em 0;
	font-size:1.6rem;
}
.box_attention h3 span::before,
.box_attention h3 span::after {display:none;}
.box_attention h3 span::before {display:none;}
.box_attention h3 span::after {display:none;}
}