@charset "utf-8";

/*********************************************************
採用情報
*/

/*********************************************************
検索
*/

ul.search_syubetsu{}
.search_syubetsu li{
	display:inline-block;
	vertical-align: middle;
	width:32%;
	max-width:172px;
	margin:5px auto;
	}

ul.search_area{}
.search_area li{
	display:inline-block;
	vertical-align: middle;
	margin:0 10px 0 0;
	line-height:1;
	min-width:120px;
	}
ul.search_kodawari{ text-align:center;}
.search_kodawari li{
	display:inline-block;
	vertical-align: middle;
	margin:5px auto;
	line-height:1;
	min-width:100px;
	}

.checkbox-btn label {display:block; height:100%;}
.checkbox-btn input[type="checkbox"]{
	display: none; /* デフォルトのinputは非表示にする */
	}
.checkbox-btn input[type="checkbox"] + span{
	display:block;
	height:100%;
	cursor:pointer;
	text-align:center;
	font-weight:400;
	line-height:1.1em;
	padding:12px 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:#ccc solid 1px;
	background: #ffffff;
	background:        -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#eeeeee));
	background:         linear-gradient(0deg, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:    -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:      -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:-ms-linear-gradient(top, #ffffff, #eeeeee); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ffeeeeee);
	/*順序 横・下・ぼかし・広がり・色*/
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
	-o-box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
	}
.checkbox-btn input[type="checkbox"]:checked + span {
	color: #FFF;
	border:#acacac solid 1px;
	background: #acacac;
	/*順序 横・下・ぼかし・広がり・色*/
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0 3px 0 0 rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.2) inset;
	}


.search_kodawari.checkbox-btn input[type="checkbox"] + span{
	color:#4062bb;
	border:#4062bb solid 1px;
	background: #edf7fd;
	background:        -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#edf7fd));
	background:         linear-gradient(0deg, #ffffff 0%, #ffffff 50%, #edf7fd 100%);
	background:    -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #edf7fd 100%);
	background:      -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #edf7fd 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #edf7fd 100%);
	background:-ms-linear-gradient(top, #ffffff, #eeeeee); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ffedf7fd);
	}
.search_kodawari.checkbox-btn input[type="checkbox"]:checked + span {
	border:#4062bb solid 1px;
	background: #4062bb;
	color:#fff;
	}


.search_btn{
	}
.search_btn a{
	display:block;
	position:relative;
	width:80%;
	margin:auto;
	padding:1.4em 0;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:1.4em;
	font-weight:700;
	background:#005bac;
	background:        -webkit-gradient(linear, left top, left bottom, from(#4062bb), color-stop(0.50, #4062bb), to(#00539c));
	background:         linear-gradient(0deg, #4062bb 0%, #4062bb 50%, #00539c 100%);
	background:    -moz-linear-gradient(top, #4062bb 0%, #4062bb 50%, #00539c 100%);
	background:      -o-linear-gradient(top, #4062bb 0%, #4062bb 50%, #00539c 100%);
	background: -webkit-linear-gradient(top, #4062bb 0%, #4062bb 50%, #00539c 100%);
	background:-ms-linear-gradient(top, #4062bb, #00539c); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4062bb,EndColorStr=#ff00539c);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	}
.search_btn a:hover,
.search_btn a:active{
	background:#b00000;
	}
.search_btn a span{
	display:block;
	position:absolute;
	width:100%;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	}



/*********************************************************
一覧
*/
.recruitListWrap{
	background:#ffffff;
	padding:15px;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	}
.recruitListWrap a{
	display:block;
	text-decoration:none;
	color:#333333;
	}

.recruitTtl{
	background:#4062bb;
	padding:20px 10px;
	color:#fff;
	font-weight:700;
	font-size:1.2em;
	}

ul.recruitIcon{
	letter-spacing:-0.4em;
	font-size:0.86em;
	line-height:1;
	text-align:center;
}
ul.recruitIcon li{
	display:inline-block;
	letter-spacing:normal;
	background:#fff;
	color:#111;
	border:#ccc solid 1px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	position:relative;
	width:110px;
	padding:10px 0;
	margin:0 4px 4px 0;
	text-align:center;
	font-weight:400;
}

.recruitPR {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #ff931f;
	}
.recruitComment{}

.recruitPhoto{
	position:relative;
	overflow:hidden;
	width: 100%;
	padding: 60% 0 0;/*3：2 一眼レフ*/
	}
.recruitPhoto img{
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50% , -50%);
		-ms-transform: translate(-50% , -50%);
		transform: translate(-50% , -50%);
		height:100%;
		width:100%;
		max-width:none;
		max-height:none;
		object-fit: cover;
		z-index:1;
	}
.recruitPhotoTxt{
	display:block;
	margin-top:5px;
	text-align:center;
	font-size:0.86em;
	line-height:1.5em;
	}

/*TABLET*/
@media only screen and (min-width : 600px){
	.recruitListWrap{padding:20px;}
	ul.recruitIcon li{
		width:120px;
	}

}
/*PC*/
@media only screen and (min-width : 1025px){
	.recruitListWrap{padding:40px;}
	ul.recruitIcon{ text-align:left;}
}
/*IE*/
@media all and (-ms-high-contrast:none){
	ul.recruitIcon li{padding:13px 0 7px;}
}





/*********************************************************
採用応募フォーム
*/
dl.entry{}
	.entry dt{ font-weight:bold; margin-bottom:10px;background: #f7f7f7; padding: 10px;}
	.entry .column2-1 > li {margin-bottom:10px;}


@media only screen and (max-width: 768px){
	.entry .column2-1 > li {margin-bottom:5px;}

}

/*********************************************************
採用ボタン*/
.btnLrecruit{}
.btnLrecruit a{
	display: block;
	padding:10px 20px;
	text-align:center;
	font-weight:bold;
	border:#2b5db4 solid 1px;
	color:#2b5db4;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#f7f7f7));
	background:-webkit-linear-gradient(top, #ffffff 0% , #f7f7f7 100%);
	background:-moz-linear-gradient   (top, #ffffff 0% , #f7f7f7 100%);
	background:-o-linear-gradient     (top, #ffffff 0% , #f7f7f7 100%);
	background:-ms-linear-gradient(top, #ffffff, #f7f7f7); /* IE */
	background:linear-gradient        (top, #ffffff 0% , #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startColorstr='#FFffffff', endColorstr='#FFf7f7f7');/*IE10用（色の頭にFFが必要）*/
	}
	.btnLrecruit a:hover,
	.btnLrecruit a:active{background:#f7f7f7; color:#cc0000; border-color:#cc0000;}
@media all and (-ms-high-contrast:none){
	.btnLrecruit a{padding: 13px 20px 7px;}
}
@media only screen and (max-width: 768px){
	.btnLrecruit a{ font-size:0.9em;padding:10px 5px;}
}
@media (-ms-high-contrast:none) and (max-width: 768px) {
	.btnLrecruit a{ padding:13px 5px 7px;}
}


.btnSrecruit{}
.btnSrecruit a{
	display: block;
	padding:10px 20px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background:#2b5db4;
	color:#ffffff;
	line-height:1.2em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	}
.btnSrecruit a:hover,
.btnSrecruit a:active{
	background:#cc0000;
}

@media all and (-ms-high-contrast:none){
	.btnSrecruit a{padding: 13px 20px 7px;}
}
@media only screen and (max-width: 768px){
	.btnSrecruit a{ font-size:0.9em;line-height:1.2em;padding:10px 5px;}
}
@media (-ms-high-contrast:none) and (max-width: 768px) {
	.btnSrecruit a{ padding:13px 5px 7px;}
}