@charset "utf-8";

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


/*-- COMMON MAIN TITLE --*/

.recruit_title_area{
	position:relative;
	margin:0px 0px 75px 0px;
	padding:0px 50px 75px 50px;
	background-image:url(../recruit/images/common_title_bg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% 320px;
}

.recruit_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1920px;
	height:240px;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.recruit_main_title{
	font-size:250%;
	line-height:240px;
	/*--font-family:'M PLUS 1', 'Noto Sans JP', sans-serif;--*/
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:center;
	filter:drop-shadow(0px 0px 50px rgba(0,0,0,1.0));
}

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

.recruit_title_area{
	background-size:100% auto;
}

.recruit_main_title{
	font-size:225%;
}

}

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

.recruit_title_area{
	margin:0px 0px 65px 0px;
	padding:0px 50px 65px 50px;
}

.recruit_title_flame{
	height:200px;
}

.recruit_main_title{
	font-size:200%;
	line-height:200px;
}

}

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

.recruit_title_area{
	margin:0px 0px 55px 0px;
	padding:0px 25px 55px 25px;
}

.recruit_title_flame{
	height:160px;
}

.recruit_main_title{
	font-size:175%;
	line-height:160px;
}

}

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

.recruit_title_area{
	margin:0px 0px 45px 0px;
	padding:0px 15px 45px 15px;
	background-size:110% auto;
}

.recruit_title_flame{
	height:120px;
}

.recruit_main_title{
	font-size:150%;
	line-height:120px;
}

}

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

.recruit_title_area{
	padding:0px 15px 35px 15px;
	background-size:120% auto;
}

.recruit_main_title{
	font-size:125%;
}

}

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

.recruit_title_area{
	padding:0px 15px 25px 15px;
	background-size:130% auto;
}

}


/*-- COMMON TITLE --*/

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


/*-- ACCORDION --*/

.recruit_nav_accordion .nav_common{
	box-sizing:border-box;
	cursor:pointer;
	transition:0.25s ease-out;
}

.recruit_nav_accordion .nav_common:hover{
	background-color:rgba(250,250,250,1.0);
}

.recruit_nav_accordion .nav_common span{
	padding:18px 56px 18px 20px;
	font-size:95%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	transition:0.25s ease-out;
	display:block;
}

.recruit_nav_accordion .nav_common:hover span{
	color:rgba(50,175,225,1.0);
}

.recruit_nav_accordion .nav_common span{
	background-image:url(../images/common/accordion_icon_open.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:16px auto;
}

.recruit_nav_accordion .nav_common span.open{
	background-image:url(../images/common/accordion_icon_close.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:16px auto;
}

.recruit_nav_accordion .sub_nav_area{ display:none; }

.recruit_nav_accordion .sub_nav_common a{
	padding:15px 20px 15px 46px;
	background-image:url(../images/common/common_nav_icon_black.svg);
	background-repeat:no-repeat;
	background-position:left 20px center;
	background-size:16px auto;
	border-top:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
	font-size:87.5%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
	transition:0.25s ease-out;
	display:block;
}

.recruit_nav_accordion .nav_on a{
	background-color:rgba(250,250,250,1.0);
}

.recruit_nav_accordion .sub_nav_common a:link{ color:rgba(50,50,50,1.0); text-decoration:none; }
.recruit_nav_accordion .sub_nav_common a:visited{ color:rgba(50,50,50,1.0); text-decoration:none; }
.recruit_nav_accordion .sub_nav_common a:hover{ color:rgba(50,175,225,1.0); background-color:rgba(250,250,250,1.0); text-decoration:none; }
.recruit_nav_accordion .sub_nav_common a:active{ color:rgba(50,175,225,1.0); background-color:rgba(250,250,250,1.0); text-decoration:none; }

.recruit_nav_accordion_on .nav_common{
	box-sizing:border-box;
	cursor:pointer;
	transition:0.25s ease-out;
}

.recruit_nav_accordion_on .nav_common:hover{
	background-color:rgba(250,250,250,1.0);
}

.recruit_nav_accordion_on .nav_common span{
	padding:18px 56px 18px 20px;
	font-size:95%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	transition:0.25s ease-out;
	display:block;
}

.recruit_nav_accordion_on .nav_common:hover span{
	color:rgba(50,175,225,1.0);
}

.recruit_nav_accordion_on .nav_common span{
	background-image:url(../images/common/accordion_icon_close.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:16px auto;
}

.recruit_nav_accordion_on .nav_common span.close{
	background-image:url(../images/common/accordion_icon_open.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:16px auto;
}

.recruit_nav_accordion_on .sub_nav_common a{
	padding:15px 20px 15px 46px;
	background-image:url(../images/common/common_nav_icon_black.svg);
	background-repeat:no-repeat;
	background-position:left 20px center;
	background-size:16px auto;
	border-top:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
	font-size:87.5%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
	transition:0.25s ease-out;
	display:block;
}

.recruit_nav_accordion_on .nav_on a{
	background-color:rgba(250,250,250,1.0);
}

.recruit_nav_accordion_on .sub_nav_common a:link{ color:rgba(50,50,50,1.0); text-decoration:none; }
.recruit_nav_accordion_on .sub_nav_common a:visited{ color:rgba(50,50,50,1.0); text-decoration:none; }
.recruit_nav_accordion_on .sub_nav_common a:hover{ color:rgba(50,175,225,1.0); background-color:rgba(250,250,250,1.0); text-decoration:none; }
.recruit_nav_accordion_on .sub_nav_common a:active{ color:rgba(50,175,225,1.0); background-color:rgba(250,250,250,1.0); text-decoration:none; }

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

.recruit_nav_accordion .nav_common span{
	padding:15px 44px 15px 15px;
	font-size:85%;
}

.recruit_nav_accordion .nav_common span{
	background-position:right 15px center;
	background-size:14px auto;
}

.recruit_nav_accordion .nav_common span.open{
	background-position:right 15px center;
	background-size:14px auto;
}

.recruit_nav_accordion .sub_nav_common a{
	padding:13px 15px 13px 35px;
	background-position:left 15px center;
	background-size:14px auto;
	font-size:75%;
}

.recruit_nav_accordion_on .nav_common span{
	padding:15px 44px 15px 15px;
	font-size:85%;
}

.recruit_nav_accordion_on .nav_common span{
	background-position:right 15px center;
	background-size:14px auto;
}

.recruit_nav_accordion_on .nav_common span.close{
	background-position:right 15px center;
	background-size:14px auto;
}

.recruit_nav_accordion_on .sub_nav_common a{
	padding:13px 15px 13px 35px;
	background-position:left 15px center;
	background-size:14px auto;
	font-size:75%;
}

}

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

.recruit_nav_accordion .nav_common:hover{
	background-color:rgba(255,255,255,1.0);
}

.recruit_nav_accordion .nav_common span{
	padding:12px 32px 12px 10px;
	font-size:75%;
}

.recruit_nav_accordion .nav_common:hover span{
	color:rgba(10,10,10,1.0);
}

.recruit_nav_accordion .nav_common span{
	background-position:right 10px center;
	background-size:12px auto;
}

.recruit_nav_accordion .nav_common span.open{
	background-position:right 10px center;
	background-size:12px auto;
}

.recruit_nav_accordion .sub_nav_common a{
	padding:11px 15px 11px 35px;
	background-position:left 10px center;
	background-size:12px auto;
	font-size:62.5%;
}

.recruit_nav_accordion .sub_nav_common a:hover{ color:rgba(50,50,50,1.0); background-color:rgba(255,255,255,1.0); text-decoration:none; }
.recruit_nav_accordion .sub_nav_common a:active{ color:rgba(50,50,50,1.0); background-color:rgba(255,255,255,1.0); text-decoration:none; }

.recruit_nav_accordion_on .nav_common:hover{
	background-color:rgba(255,255,255,1.0);
}

.recruit_nav_accordion_on .nav_common span{
	padding:12px 32px 12px 10px;
	font-size:75%;
}

.recruit_nav_accordion_on .nav_common:hover span{
	color:rgba(10,10,10,1.0);
}

.recruit_nav_accordion_on .nav_common span{
	background-position:right 10px center;
	background-size:12px auto;
}

.recruit_nav_accordion_on .nav_common span.close{
	background-position:right 10px center;
	background-size:12px auto;
}

.recruit_nav_accordion_on .sub_nav_common a{
	padding:11px 15px 11px 35px;
	background-position:left 10px center;
	background-size:12px auto;
	font-size:62.5%;
}

.recruit_nav_accordion_on .sub_nav_common a:hover{ color:rgba(50,50,50,1.0); background-color:rgba(255,255,255,1.0); text-decoration:none; }
.recruit_nav_accordion_on .sub_nav_common a:active{ color:rgba(50,50,50,1.0); background-color:rgba(255,255,255,1.0); text-decoration:none; }

}


/*-- ENTRY --*/

.entry_banner_area{
	position:relative;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}

.entry_banner_new{
	position:relative;
	padding:100px 0px 100px 0px;
	width:50%;
	background-image:url(../recruit/images/entry_banner_new.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	text-align:center;
}

.entry_banner_career{
	position:relative;
	padding:100px 0px 100px 0px;
	width:50%;
	background-image:url(../recruit/images/entry_banner_career.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	text-align:center;
}

.entry_banner_title{
	position:relative;
	padding:0px 0px 25px 0px;
	font-size:175%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:center;
}

.entry_banner_nav{
	position:relative;
	margin:0px auto 0px auto;
	width:320px;
	background-color:rgba(255,255,255,1.0);
	text-align:right;
	overflow:hidden;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.entry_banner_nav .text{
	float:left;
	position:relative;
	padding:0px 0px 0px 35px;
	font-size:100%;
	line-height:70px;
	letter-spacing:-0.01em;
	color:rgba(50,50,50,1.0);
	font-weight:500;
	z-index:1;
}

.entry_banner_nav .icon{
	position:relative;
	padding:24px 35px 24px 0px;
	font-size:0px;
	z-index:1;
}

.entry_banner_nav .icon img{
	width:22px;
	height:22px;
}

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

.entry_banner_new{
	padding:75px 0px 75px 0px;
}

.entry_banner_career{
	padding:75px 0px 75px 0px;
}

.entry_banner_title{
	padding:0px 0px 20px 0px;
	font-size:150%;
}

.entry_banner_nav{
	width:280px;
}

.entry_banner_nav .text{
	padding:0px 0px 0px 25px;
	font-size:87.5%;
	line-height:60px;
}

.entry_banner_nav .icon{
	padding:21px 25px 21px 0px;
}

.entry_banner_nav .icon img{
	width:18px;
	height:18px;
}

}

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

.entry_banner_new{
	padding:50px 0px 50px 0px;
	width:100%;
}

.entry_banner_career{
	padding:50px 0px 50px 0px;
	width:100%;
}

.entry_banner_title{
	padding:0px 0px 15px 0px;
	font-size:125%;
}

.entry_banner_nav{
	width:240px;
}

.entry_banner_nav .text{
	padding:0px 0px 0px 25px;
	font-size:87.5%;
	line-height:60px;
}

.entry_banner_nav .icon{
	padding:21px 25px 21px 0px;
}

.entry_banner_nav .icon img{
	width:18px;
	height:18px;
}

}


/*=========================================*/
/* TOPページ */
/*=========================================*/


/*-- MAIN IMAGE --*/

.main_img_area{
	position:relative;
	padding:0px 50px 100px 50px;
	background-image:url(../recruit/images/main_img_bg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% 400px;
}

.main_img_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1920px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

.main_img_bg{
	position:relative;
	/* width:25%; */
	width:33.33333%;
	height:720px;
}

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

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

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

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

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

.recruit_main_img_title{
	position:absolute;
	left:0px;
	right:0px;
	top:300px;
	margin:0px auto 0px auto;
	width:100%;
	font-size:350%;
	line-height:125%;
	font-family:'Overpass', sans-serif;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:center;
	filter:drop-shadow(0px 0px 50px rgba(0,0,0,1.0));
	z-index:20;
}

.recruit_main_img_catch{
	position:absolute;
	left:0px;
	right:0px;
	top:400px;
	margin:0px auto 0px auto;
	width:100%;
	font-size:125%;
	line-height:175%;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-align:center;
	filter:drop-shadow(0px 0px 50px rgba(0,0,0,1.0));
	z-index:20;
}

.recruit_main_img_catch_br{
	display:none;
}

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

.main_img_area{
	background-size:100% auto;
}

}

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

.main_img_area{
	padding:0px 25px 75px 25px;
}

.main_img_bg{
	height:640px;
}

.recruit_main_img_title{
	top:275px;
	font-size:300%;
}

.recruit_main_img_catch{
	top:350px;
	font-size:112.5%;
}

}

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

.main_img_area{
	padding:0px 15px 50px 15px;
	background-size:110% auto;
}

.main_img_flame{
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

.main_img_bg{
	height:560px;
}

.recruit_main_img_title{
	top:250px;
	font-size:250%;
}

.recruit_main_img_catch{
	top:300px;
	font-size:100%;
}

.recruit_main_img_catch_br{
	display:block;
}

}

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

.main_img_area{
	background-size:120% auto;
}

.main_img_bg{
	height:480px;
}

}


/*-- LIST --*/

.recruit_list_area{
	position:relative;
	padding:100px 50px 175px 50px;
	background-image:url(../images/top_page/company_bg_bottom.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% 250px;
	background-color:rgba(50,142,225,1.0);
}

.recruit_list_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1380px;
}

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

.recruit_list_area{
	padding:100px 50px 150px 50px;
	background-size:100% auto;
}

}

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

.recruit_list_area{
	padding:75px 25px 125px 25px;
}

}

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

.recruit_list_area{
	padding:50px 15px 125px 15px;
	background-size:100% auto;
}

}

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

.recruit_list_area{
	padding:50px 15px 100px 15px;
}

}


/*-- LIST TITLE --*/

.recruit_list_title_area{
	position:relative;
	padding:0px 0px 45px 0px;
}

.recruit_list_title{
	font-size:250%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:center;
}

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

.recruit_list_title_area{
	padding:0px 0px 35px 0px;
}

.recruit_list_title{
	font-size:200%;
}

}

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

.recruit_list_title_area{
	padding:0px 0px 25px 0px;
}

.recruit_list_title{
	font-size:150%;
}

}


/*-- LIST IMAGE --*/

.recruit_list_bnr{
	position:relative;
	padding:0px 0px 100px 0px;
	width:100%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	clear:both;
	overflow:hidden;
}

.recruit_list_bnr .list{
	position:relative;
	width:33.33333%;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
}

.recruit_list_bnr .list a{
	position:relative;
	padding:5% 5% 5% 5%;
	height:100%;
	text-decoration:none;
	transition:0.25s ease-out;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
}

.recruit_list_bnr .list a:hover{
	background-color:rgba(0,0,0,0.05);
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

.recruit_list_bnr .list .img{
	position:relative;
	width:100%;
	padding-top:66.66666%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.recruit_list_bnr .list .text_area{
	flex-grow:1;
}

.recruit_list_bnr .list .text_area .title{
	margin:15px 0px 0px 0px;
	background-image:url(../images/common/common_nav_icon_white.svg);
	background-repeat:no-repeat;
	background-position:center right 5px;
	background-size:20px auto;
	font-size:150%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:700;
}

.recruit_list_bnr .list .text_area .text{
	margin:0px 0px 15px 0px;
	font-size:87.5%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:500;
}

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

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

.recruit_list_bnr .list .text_area .title{
	margin:13px 0px 0px 0px;
	background-position:center right 4px;
	background-size:18px auto;
	font-size:125%;
}

.recruit_list_bnr .list .text_area .text{
	margin:0px 0px 13px 0px;
	font-size:75%;
}

}

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

.recruit_list_bnr{
	padding:0px 0px 0px 0px;
}

.recruit_list_bnr .list a:hover{
	background-color:rgba(255,255,255,0.0);
}

.recruit_list_bnr .list .text_area .title{
	margin:11px 0px 0px 0px;
	background-position:center right 3px;
	background-size:16px auto;
	font-size:100%;
}

.recruit_list_bnr .list .text_area .text{
	margin:0px 0px 11px 0px;
	font-size:62.5%;
}

}

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

.recruit_list_bnr{
	margin:0px auto 0px auto;
	max-width:640px;
}

.recruit_list_bnr .list{
	width:50%;
}

}


/*-- BANNER --*/

.recruit_banner_area{
	position:relative;
	padding:100px 50px 125px 50px;
	background-color:rgba(245,245,245,1.0);
}

.recruit_banner_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1560px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:center;
}

.recruit_banner_img{
	width:32%;
}

.recruit_banner_img a{
	margin:0px 2% 0px 2%;
	display:block;
}

.recruit_banner_img img{
	max-width:540px;
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

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

.recruit_banner_area{
	padding:75px 25px 100px 25px;
}

}

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

.recruit_banner_area{
	padding:50px 15px 75px 15px;
}

.recruit_banner_flame{
	max-width:480px;
}

.recruit_banner_img{
	width:100%;
}

.recruit_banner_img a{
	margin:0px 0px 20px 0px;
}

}


/*=========================================*/
/* NNKで活躍する先輩社員 */
/*=========================================*/


/*-- MAIN IMAGE --*/

.recruit_member_main_img{
	padding:0px 0px 75px 0px;
	width:100%;
}

.recruit_member_main_img img{
	max-width:1280px;
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

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

.recruit_member_main_img{
	padding:0px 0px 60px 0px;
}

}

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

.recruit_member_main_img{
	padding:0px 0px 45px 0px;
}

}


/*-- TITLE --*/

.recruit_member_title{
	position:relative;
	margin:0px 0px 35px 0px;
	font-size:225%;
	line-height:150%;
	letter-spacing:0.01em;
	font-weight:700;
	text-align:left;
}

.member_title_p_management{
	color:rgba(0,160,170,1.0);
}

.member_title_engineering{
	color:rgba(245,150,0,1.0);
}

.member_title_production{
	color:rgba(185,95,160,1.0);
}

.member_title_sales{
	color:rgba(220,70,80,1.0);
}

.member_title_c_management{
	color:rgba(75,155,55,1.0);
}

.member_title_purchase{
	color:rgba(0,110,185,1.0);
}

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

.recruit_member_title{
	margin:0px 0px 30px 0px;
	font-size:200%;
}

}

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

.recruit_member_title{
	margin:0px 0px 30px 0px;
	font-size:175%;
}

}

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

.recruit_member_title{
	margin:0px 0px 25px 0px;
	font-size:150%;
}

}

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

.recruit_member_title{
	margin:0px 0px 20px 0px;
	font-size:125%;
}

}


/*-- CONTENTS --*/

.recruit_member_area{
	position:relative;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


/*-- TEXT --*/

.recruit_member_text{
	padding:0px 0px 25px 0px;
	width:60%;
}

.recruit_member_text .text{
	padding:0px 0px 25px 0px;
	font-size:100%;
	line-height:175%;
	color:rgba(10,10,10,1.0);
	font-weight:600;
	text-align:left;
}

.recruit_member_text .text a{
	transition:0.25s ease-out;
}

.recruit_member_text .text a:link{ color:rgba(50,175,225,1.0); text-decoration:underline; }
.recruit_member_text .text a:visited{ color:rgba(50,175,225,1.0); text-decoration:underline; }
.recruit_member_text .text a:hover{ color:rgba(50,175,225,1.0); text-decoration:none; }
.recruit_member_text .text a:active{ color:rgba(50,175,225,1.0); text-decoration:none; }

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

.recruit_member_text{
	padding:0px 0px 20px 0px;
}

.recruit_member_text .text{
	padding:0px 0px 20px 0px;
	font-size:87.5%;
}

}

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

.recruit_member_text{
	padding:0px 0px 15px 0px;
	width:100%;
}

.recruit_member_text .text{
	padding:0px 0px 15px 0px;
	font-size:75%;
}

}


/*-- IMAGE --*/

.recruit_member_img{
	width:35%;
}

.recruit_member_img img{
	max-width:640px;
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

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

.recruit_member_img{
	width:100%;
	text-align:center;
}

.recruit_member_img img{
	max-width:320px;
}

}


/*-- NAV LIST --*/

.recruit_member_list{
	position:relative;
	width:360px;
	overflow:hidden;
}

.recruit_member_list .img{
	position:relative;
	width:100%;
	padding-top:66.66666%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.recruit_member_list .text_area .title{
	margin:15px 0px 0px 0px;
	background-image:url(../images/common/common_nav_icon_blue.svg);
	background-repeat:no-repeat;
	background-position:center right 5px;
	background-size:20px auto;
	font-size:150%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
	font-weight:700;
	transition:0.25s ease-out;
}

a:hover .recruit_member_list .text_area .title{
	color:rgba(50,175,225,1.0);
}

.recruit_member_list .text_area .text{
	margin:0px 0px 15px 0px;
	font-size:87.5%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
	font-weight:500;
	transition:0.25s ease-out;
}

a:hover .recruit_member_list .text_area .text{
	color:rgba(50,175,225,1.0);
}

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

.recruit_member_list{
	width:320px;
}

.recruit_member_list .text_area .title{
	margin:13px 0px 0px 0px;
	background-position:center right 4px;
	background-size:18px auto;
	font-size:125%;
}

.recruit_member_list .text_area .text{
	margin:0px 0px 13px 0px;
	font-size:75%;
}

}

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

.recruit_member_list{
	width:240px;
}

.recruit_member_list a:hover{
	background-color:rgba(255,255,255,0.0);
}

.recruit_member_list .text_area .title{
	margin:11px 0px 0px 0px;
	background-position:center right 3px;
	background-size:16px auto;
	font-size:100%;
}

a:hover .recruit_member_list .text_area .title{
	color:rgba(50,50,50,1.0);
}

.recruit_member_list .text_area .text{
	margin:0px 0px 11px 0px;
	font-size:62.5%;
}

a:hover .recruit_member_list .text_area .text{
	color:rgba(50,50,50,1.0);
}

}


/*=========================================*/
/* NNKの仕事 */
/*=========================================*/


/*-- MAIN IMAGE --*/

.works_main_img{
	padding:0px 0px 75px 0px;
	width:100%;
}

.works_main_img img{
	max-width:1280px;
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

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

.works_main_img{
	padding:0px 0px 60px 0px;
}

}

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

.works_main_img{
	padding:0px 0px 45px 0px;
}

}


/*-- CONTENTS --*/

.works_member_area{
	position:relative;
	padding:0px 0px 75px 0px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

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

.works_member_area{
	padding:0px 0px 60px 0px;
}

}

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

.works_member_area{
	padding:0px 0px 45px 0px;
}

}


/*-- TITLE --*/

.works_member_title{
	position:relative;
	margin:0px 0px 15px 0px;
	font-size:225%;
	line-height:150%;
	letter-spacing:0.01em;
	font-weight:700;
	text-align:left;
}

.works_title_p_management{
	color:rgba(0,160,170,1.0);
}

.works_title_engineering{
	color:rgba(245,150,0,1.0);
}

.works_title_production{
	color:rgba(185,95,160,1.0);
}

.works_title_sales{
	color:rgba(220,70,80,1.0);
}

.works_title_c_management{
	color:rgba(75,155,55,1.0);
}

.works_title_purchase{
	color:rgba(0,110,185,1.0);
}

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

.works_member_title{
	margin:0px 0px 10px 0px;
	font-size:200%;
}

}

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

.works_member_title{
	margin:0px 0px 10px 0px;
	font-size:175%;
}

}

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

.works_member_title{
	margin:0px 0px 5px 0px;
	font-size:150%;
}

}

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

.works_member_title{
	font-size:125%;
}

}


/*-- TEXT --*/

.works_member_text{
	width:60%;
}

.works_member_text .text{
	padding:0px 0px 50px 0px;
	font-size:100%;
	line-height:175%;
	color:rgba(10,10,10,1.0);
	font-weight:600;
	text-align:left;
}

.works_member_text .text a{
	transition:0.25s ease-out;
}

.works_member_text .text a:link{ color:rgba(50,175,225,1.0); text-decoration:underline; }
.works_member_text .text a:visited{ color:rgba(50,175,225,1.0); text-decoration:underline; }
.works_member_text .text a:hover{ color:rgba(50,175,225,1.0); text-decoration:none; }
.works_member_text .text a:active{ color:rgba(50,175,225,1.0); text-decoration:none; }

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

.works_member_text .text{
	padding:0px 0px 40px 0px;
	font-size:87.5%;
}

}

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

.works_member_text{
	width:100%;
}

.works_member_text .text{
	padding:0px 0px 35px 0px;
	font-size:75%;
}

}


/*-- IMAGE --*/

.works_member_img{
	width:35%;
}

.works_member_img img{
	max-width:640px;
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

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

.works_member_img{
	padding:0px 0px 15px 0px;
	width:100%;
	text-align:center;
}

.works_member_img img{
	max-width:320px;
}

}


/*-- NAV --*/

.works_nav{
	position:relative;
	width:320px;
	text-align:right;
	overflow:hidden;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.works_nav_p_management{
	background-color:rgba(0,160,170,1.0);
}

.works_nav_engineering{
	background-color:rgba(245,150,0,1.0);
}

.works_nav_production{
	background-color:rgba(185,95,160,1.0);
}

.works_nav_sales{
	background-color:rgba(220,70,80,1.0);
}

.works_nav_c_management{
	background-color:rgba(75,155,55,1.0);
}

.works_nav_purchase{
	background-color:rgba(0,110,185,1.0);
}

.works_nav .text{
	float:left;
	position:relative;
	padding:0px 0px 0px 35px;
	font-size:100%;
	line-height:70px;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:500;
	z-index:1;
}

.works_nav .icon{
	position:relative;
	padding:24px 35px 24px 0px;
	font-size:0px;
	z-index:1;
}

.works_nav .icon img{
	width:22px;
	height:22px;
}

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

.works_nav{
	width:280px;
}

.works_nav .text{
	padding:0px 0px 0px 25px;
	font-size:87.5%;
	line-height:60px;
}

.works_nav .icon{
	padding:21px 25px 21px 0px;
}

.works_nav .icon img{
	width:18px;
	height:18px;
}

}

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

.works_nav{
	margin:0px auto 0px auto;
	width:240px;
}

.works_nav .text{
	padding:0px 0px 0px 25px;
	font-size:87.5%;
	line-height:60px;
}

.works_nav .icon{
	padding:21px 25px 21px 0px;
}

.works_nav .icon img{
	width:18px;
	height:18px;
}

}


/*=========================================*/
/* 研修・教育／各種制度 */
/*=========================================*/


/*-- LIST FLAME --*/

.systems_list_flame{
	position:relative;
	padding:0px 0px 50px 0px;
}

.systems_text_flame{
	position:relative;
	padding:15px 0px 15px 0px;
}

.systems_text{
	position:relative;
	margin:0px 0px 10px 0px;
	padding:20px 20px 20px 20px;
	border:1px solid rgba(200,200,200,1.0);
	background-color:rgba(250,250,250,0.5);
	box-sizing:border-box;
	font-size:100%;
	line-height:175%;
	letter-spacing:0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

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

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

.systems_text_flame{
	padding:10px 0px 10px 0px;
}

.systems_text{
	margin:0px 0px 8px 0px;
	padding:16px 16px 16px 16px;
	font-size:87.5%;
}

}

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

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

.systems_text_flame{
	padding:5px 0px 5px 0px;
}

.systems_text{
	margin:0px 0px 6px 0px;
	padding:12px 12px 12px 12px;
	font-size:75%;
}

}