@charset "UTF-8";
/* CSS Document */
li{margin:0px; padding:0px;}
p {font-size:12px;}

.mobile{display: none;}

#header_outer.recruit{
border-bottom-color:#DEBA5C;
}

#ttl_second.recruit{
background:#FCEBBF;
}

#footer.recruit{
background-color:#FDEDBA;
}

.navigation06,.navigation07{width: 940px;}
.navigation06 li{height:46px; float:left; padding:0px 3px 0px 0px; overflow:hidden;}

.navigation07 li{
	height: 46px;
	float: left;
	padding-right: 3px;
}
.navigation07 li.last-child,
.navigation06 li.last-child{
	padding-right: 0;
}

.action06,.action07{
	position: relative;
	/*padding-top: 44px;*/
}

#contents.recruit h3.text{
	border-left: 6px solid #DFBB55;
    color: #B19755;
    font-family: sans-serif;
    font-size: 175%;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 0 0.4em;
}


#kyaria_up p{
	margin-bottom:30px;
}
#kyaria_left{
	width:640px;
	float:left;
}
#kyaria_left img {
	width: 100%;
}
#kyaria_left p + img{
	margin-top:12px;
}
#kyaria_right{
	width:200px;
	float:right;
}
#kyaria_right p + img{
	margin-top:18px;
}

.fukuri{
	margin-top: 40px;
}
#fukuri_left{
	width:400px;
	float:left;
}
#fukuri_right{
	width:390px;
	float:right;
}
#fukuri_right h3.second{
	margin-top: 40px;
}

#sinsotu_left{
	width:504px;
	float:left;
}
#sinsotu_left h3{
	margin:28px 0px 26px 0px;
}
#sinsotu_right{
	width:260px;
	float:right;
}
#sinsotu_right .r_nabi_img,
.mobile .r_nabi_img {
	border: 1px solid #999;
	display: block;
}
#sinsotu_right p.link{
	background: url(../recruit/img/icon_list.jpg) no-repeat 0% 50%;
	padding-left: 22px;
	margin-top:7px;
}
#sinsotu_right .img{margin-top:31px}

#degeiko h3.second{
	margin-top: 41px;
}

.voice_top{
	margin-bottom: 90px;
}
.voice_top p{
	padding-left: 22px;
	background:url(../recruit/img/icon_list2.jpg) no-repeat 0% 50%;
	margin-top: 6px;
}
.voice_ttl{
	padding-top:9px;
	float:left;
}

#voice_box1{
	padding-left:36px;
	width:99px;
	height:159px;
	float:left;
}
#voice_box2{
	padding-left:32px;
	width:119px;
	height:159px;
	float:left;
}
#voice_box3{
	padding-left:37px;
	width:122px;
	height:159px;
	float:left;
}
#voice_box4{
	padding-left:23px;
	width:99px;
	height:159px;
	float:left;
}
#voice_box5{
	padding-left:45px;
	width:99px;
	height:159px;
	float:left;
}
#voice_box1 div,
#voice_box4 div,
#voice_box5 div{
	text-align: right;
}

#banner{
	/*width:860px;
	height:74px;
	background-image:url(../recruit/img/banner.jpg);*/
	margin-top:30px;
}
/*#banner p{
	line-height:100%;
	padding:29px 0 0 526px;
	color:#0083d5;
	font-size:14px;
}*/
#banner + a{
	display: block;
	margin-bottom: 10px;
}
.job1{
	color:#633;
}
.job2{
	color:#063;
}
.job3{
	color:#036;
}
.job4{
	color:#306;
}
.job + .job{
	border-top:1px dotted #ddd;
}

/*ipad*/
@media screen and (max-width: 768px) {
	.mobile{
		display: block;
	}
	.pc{
		display: none;
	}

	.slide06,.slide07{
		border-radius: 4px;
	}
	#sinsotu_left{
		width: 100%;
		float: none;
	}
	#sinsotu_right {
		display: none;
	}

	#kyaria_left,
	#kyaria_right,
	#fukuri_left,
	#fukuri_right{
	    width: 100%;
	    float: none;
	}
	#kyaria_left,
	#fukuri_left{
		margin-bottom: 30px;
	}

	.voice_top{
		text-align: center;
		vertical-align: top;
	}
	#voice_box1,
	#voice_box2,
	#voice_box3,
	#voice_box4,
	#voice_box5{
		display: inline-block;
		float: none;
	}


	#contents.recruit .mobile_navi_btn li{
        box-sizing: border-box;
        border-left:#bbb solid 1px;
        width: 33.3%
    }
    #contents.recruit .navigation07.mobile_navi_btn li{
    	width: 50%;
    }
    #contents.recruit .navigation07.mobile_navi_btn li:nth-child(3){
    	width: 100%;
    	border-top:#bbb solid 1px;
    }
    #contents.recruit .navigation06.mobile_navi_btn a.active,
    #contents.recruit .navigation07.mobile_navi_btn a.current{
        background: #FCEBBF;
    }
    #contents.recruit .mobile_navi_btn li:nth-child(1),
    #contents.recruit .navigation07.mobile_navi_btn li:nth-child(3){
    	border-left: none;
    }
    #contents.recruit .navigation06.mobile_navi_btn,
    #contents.recruit .navigation07.mobile_navi_btn{
    	width: 100%;
    }
    #contents.recruit .navigation06.mobile_navi_btn li,
    #contents.recruit .navigation07.mobile_navi_btn li{
    	margin: 0;
    	padding: 0;
    	height: auto;
    }
}

@media screen and (max-width: 414px) {
	.gaiyou_hyou td a:nth-of-type(2){
		display:block;
		margin:5px 0 0;
	}
	.gaiyou_hyou td a:nth-of-type(2) img{
		margin-left: 0;
	}

	.voice_ttl{
		float: none;
		text-align: center;
	}
	#voice_box1,
	#voice_box3{
		padding-left: 0;
	}

	.voice_top{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 375px) {
	#voice_box5{
		padding-left: 10px;
	}
}