@charset "utf-8";

/*=========================================*/
/* 共通（採用情報） */
/*=========================================*/


/*-- COMMON TITLE --*/

.common_title_bg_recruit{
	background-image:url(../recruit/images/common_title_bg_recruit.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


/*-- NONE DATA --*/

.none_data_area{
	margin:0px 0px 75px 0px;
	width:100%;
	background-color:rgba(255,255,255,1.0);
	border-top:1px solid rgba(225,225,225,1.0);
	border-left:1px solid rgba(240,240,240,1.0);
	border-right:1px solid rgba(240,240,240,1.0);
	border-bottom:1px solid rgba(225,225,225,1.0);
	box-sizing:border-box;
}

.none_data_area .text{
	padding:150px 10px 150px 10px;
	font-size:100%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(100,100,100,1.0);
	text-align:center;
}

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

.none_data_area{
	margin:0px 0px 60px 0px;
}

.none_data_area .text{
	padding:125px 10px 125px 10px;
	font-size:87.5%;

}

}

@media all and (max-width:960px), print{

.none_data_area{
	margin:0px 0px 45px 0px;
}

.none_data_area .text{
	padding:100px 5px 100px 5px;
	font-size:75%;

}

}


/*-- CATEGORY --*/

.recruit_category{
	position:relative;
	margin:0px 0px 45px 0px;
	width:100%;
	border-bottom:5px solid rgba(200,0,0,1.0);
	box-sizing:border-box;
}

.recruit_category ul{
	font-size:0px;
}

.recruit_category .cate_tab{
	width:50%;
	display:inline-block;
	cursor:pointer;
}

.recruit_category .cate_tab p{
	position:relative;
	margin:0px 10px 0px 0px;
	padding:25px 25px 25px 25px;
	background-color:rgba(150,150,150,1.0);
	font-size:16px;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:500;
	text-decoration:none;
	text-align:left;
	transition:0.25s ease-out;
	display:block;
	/* radius */
	-webkit-border-top-left-radius:3px;
	   -moz-border-top-left-radius:3px;
	        border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	   -moz-border-top-right-radius:3px;
	        border-top-right-radius:3px;
}

.recruit_category .cate_tab a{
	color:rgba(255,255,255,1.0);
	text-decoration:none;
}

.recruit_category .cate_tab p:hover{
	background-color:rgba(100,100,100,1.0);
}

.recruit_category .cate_active p{
	background-color:rgba(200,0,0,1.0);
}

.recruit_category .cate_active p:hover{
	background-color:rgba(200,0,0,1.0);
}

.recruit_category .cate_tab .cate_tab_br{
	display:none;
}

.recruit_category .cate_tab a{
	text-decoration:none;
}

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

.recruit_category{
	margin:0px 0px 35px 0px;
}

.recruit_category .cate_tab p{
	padding:20px 20px 20px 20px;
	font-size:14px;
}

}

@media all and (max-width:960px), print{

.recruit_category{
	margin:0px 0px 25px 0px;
}

.recruit_category .cate_tab p{
	margin:0px 5px 0px 0px;
	padding:15px 15px 15px 15px;
	font-size:12px;
}

.recruit_category .cate_tab p:hover{
	background-color:rgba(150,150,150,1.0);
}

.recruit_category .cate_active p:hover{
	background-color:rgba(200,0,0,1.0);
}

}

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

.recruit_category .cate_tab p{
	padding:12px 10px 10px 10px;
	font-size:11px;
	line-height:125%;
}

.recruit_category .cate_tab .cate_tab_br{
	display:block;
}

}


/*-- SUB CATEGORY --*/

.recruit_sub_category_area{
	position:relative;
	padding:0px 0px 95px 0px;
	display:flex;
	flex-wrap:wrap;
}

.recruit_sub_category_area .category{
	margin:0px 8px 8px 0px;
}

.recruit_sub_category_area .category a{
	padding:10px 25px 10px 25px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:125%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	display:block;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.recruit_sub_category_area .category a:hover{
	background-color:rgba(37,35,33,1.0);
	border:1px solid rgba(37,35,33,1.0);
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.recruit_sub_category_area .category.none a:hover{
	background-color:rgba(177,175,173,1.0);
	border:1px solid rgba(177,175,173,1.0);
}

.recruit_sub_category_area .category a:link{ color:rgba(37,35,33,1.0); text-decoration:none; }
.recruit_sub_category_area .category a:visited{ color:rgba(37,35,33,1.0); text-decoration:none; }
.recruit_sub_category_area .category a:hover{ color:rgba(255,255,255,1.0); text-decoration:none; }
.recruit_sub_category_area .category a:active{ color:rgba(255,255,255,1.0); text-decoration:none; }

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

.recruit_sub_category_area{
	padding:0px 0px 80px 0px;
}

.recruit_sub_category_area .category{
	margin:0px 6px 6px 0px;
}

.recruit_sub_category_area .category a{
	padding:8px 21px 8px 21px;
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.recruit_sub_category_area{
	padding:0px 0px 65px 0px;
}

.recruit_sub_category_area .category{
	margin:0px 5px 5px 0px;
}

.recruit_sub_category_area .category a{
	padding:7px 19px 7px 19px;
	font-size:81.25%;
}

.recruit_sub_category_area .category a:hover{
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
}

.recruit_sub_category_area .category a:hover{ color:rgba(37,35,33,1.0); text-decoration:none; }
.recruit_sub_category_area .category a:active{ color:rgba(37,35,33,1.0); text-decoration:none; }

}

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

.recruit_sub_category_area{
	padding:0px 0px 50px 0px;
}

.recruit_sub_category_area .category{
	margin:0px 4px 4px 0px;
}

.recruit_sub_category_area .category a{
	padding:6px 17px 6px 17px;
	font-size:75%;
}

}


/*-- BOX --*/

.recruit_box_area{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

.recruit_box{
	margin:0% 1.5% 0% 0%;
	width:48.5%;
}

@media all and (max-width:960px), print{

.recruit_box{
	margin:0% 0% 0% 0%;
	width:100%;
}

}


/*=========================================*/
/* 仕事内容・募集要項 */
/*=========================================*/


/*-- TABLE --*/

.recruit_table{
	padding:0px 0px 50px 0px;
}

.recruit_table table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.recruit_table .name{
	width:22.5%;
	background-color:rgba(245,245,245,1.0);
	border:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
	text-align:left;
}

.recruit_table .text{
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
	text-align:left;
}

.recruit_table td{
	padding:15px 15px 15px 15px;
	font-size:93.75%;
	line-height:175%;
	color:rgba(50,50,50,1.0);
}

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

.recruit_table{
	padding:0px 0px 40px 0px;
}

.recruit_table td{
	padding:13px 13px 13px 13px;
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.recruit_table{
	padding:0px 0px 30px 0px;
}

.recruit_table .name{
	width:25%;
}

.recruit_table td{
	padding:10px 10px 10px 10px;
	font-size:75%;
}

}