@charset "UTF-8";

/* recruit */

#recruit{
	width:100%;
	min-height:1200px;
	background:url(../img/company/common/bg.png) repeat center 0px;
}
#recruit.noBg{background:url(../img/common/mainBg.png) repeat-x center 0px;}

#recruit h2{
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
}
#recruit h3{
	margin:0 0 20px 0;
	padding:0;
	text-align: center;
	color:#005ead;
	font-weight:400;
	font-size:22px;
}

#recruit h4{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	text-align:center;
	font-weight:400;
	font-size:15px;
	border-bottom:1px solid #333;
}


/* main */
#recruit #main{
	width: 960px;
	margin: 0 auto 30px auto;
	text-align: left;
	clear:both;
}
#recruit #main p{
	text-align: center;
}



/* menus */
#recruit #menus{
	width: 960px;
	margin: 0 auto 100px auto;
	text-align: left;
	clear:both;
}

#recruit #menus #menu_li{
	width:680px;
	float:left;
	margin:0 0 30px 140px;	
	display:inline-block;

}

#recruit #menus #menu_li li{
	width: 680px;
	margin: 0px 0 10px 0;
	float: left;
	display: block;
	font-weight:400;
	font-size:22px;
}
#recruit #menus #menu_li li.none_rec{
	width: 680px;
	margin: 0px 0 60px 0;
	padding: 0px 20px 0px 20px;
	text-align:center;
	font-size:12px;
}

#recruit #menus #menu_li li.noRec,
#recruit #menus #menu_li li a {
	width: 680px;
	height: 100px;
	line-height: 100px;
	text-indent: 0;
	border:1px solid #005ead;
	padding: 5px 20px;
	display: block;
	color:#005ead;
	text-align:center;
	transition: background-color 0.5s;
	text-decoration:none;
}
#recruit #menus #menu_li li a:hover{border:1px solid #005ead;color:#fff;background:#005ead;transition: background-color 1s;text-decoration:none;}



/* second */
#recruit #seconds{
	width: 760px;
	background-color:#fff;
	margin: 0;
	padding: 45px 100px 0 100px;
}
#recruit #seconds p.cap{
	text-align:center;
	padding:0 0 20px 0;
	font-size:14px;
}

#recruit #seconds table{
	width: 100%;
	text-align: left;
	margin:0;
	padding:0;
}

#recruit #seconds th{
	width:12%;
	margin: 0;
	padding:0px 20px 30px 0px;
	white-space:nowrap;
	vertical-align:top;
	color:#005ead;
	border-right: 1px dotted #ccc;
}

#recruit #seconds td {
	width:auto;
	text-align: left;
	padding:0px 0px 30px 20px;
	vertical-align:top;
}



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

/* index
--------------------------------------------------------------------------------------*/
#recruit, #recruit.noBg{
	background-image:none !important;
}

#recruit h2{
	/*
	margin:0 0 30px 0;
	padding:0;
	text-align: center;	
	*/
}

#recruit h3{
	/*
	margin:0 0 20px 0;
	padding:0;
	text-align: center;
	color:#005ead;
	font-weight:400;
	font-size:22px;
	*/
}

#recruit h4{
	/*
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	text-align:center;
	font-weight:400;
	font-size:15px;
	border-bottom:1px solid #333;
	*/
}



/**/
#recruit #main{
	width:90%;
	margin: 0 5% 10% 5%;
}
/*
#recruit #main p{
	text-align: center;
}*/


/**/
#recruit #menus{
	width: 90%;
	padding:10% 5% 10% 5%;	
/*
	background:url(../img/index/can.png) repeat center top;
	background-size:cover;
	color:#fff;*/
	margin: 0;
	clear:both;
	text-align: center;
}


#recruit #menus #menu_li{
	width:100%;
	margin:0 0 30px 0;	
	display:inline-block;
}

#recruit #menus #menu_li li{
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
	display: block;
	font-weight:400;
	font-size:1.6rem;
}
#recruit #menus #menu_li li.none_rec{
	width: 100%;
	margin: 0 0 10% 0;
	float: left;
	display: block;
	font-weight:400;
}

#recruit #menus #menu_li li a {
	width: 80%;
	height: 100px;
	line-height: 100px;
	text-indent: 0;
	border:1px solid #005ead;
	padding: 2% 10% 2% 10%;
	display: block;
	color:#000;
	text-align:center;
	transition: background-color 0.5s;
	text-decoration:none;
}
#recruit #menus #menu_li li a:hover{border:1px solid #005ead;color:#fff;background:#005ead;transition: background-color 1s;text-decoration:none;}



/* second */
#recruit #seconds{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	clear:both;
}

/*
#recruit #seconds p.cap{
	text-align:center;
	padding:0 0 20px 0;
	font-size:14px;
}

#recruit #recruit2nd #seconds{
	width: 90%;
	margin: 0 5% 10% 5%;
	background-color:#fff;
	padding: 0;
	min-height:inherit;
}

*/
#recruit #seconds table{
	width: 100%;
	text-align: left;
	margin: 0;
	float:left;
	font-size:0.8rem;
}

#recruit #seconds th{
	width: 100% !important;
	margin: 0;
	padding: 1% 0 1% 0;
	border-bottom:none !important;
	vertical-align:top;
	display: block;
	word-break: break-all !important;
	white-space: normal !important;
}

#recruit #seconds td {
	width: 100% !important;
	text-align: left;
	border-bottom:1px dotted #ccc;
	 margin:0 0 3% 0;
	 padding:0 0 3% 0;
	display: block;
	clear:both;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}