@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/






/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	/*----------------------------------------------------

		タイトル

	------------------------------------------------------*/
	#maintitleArea{
		position: relative;
		text-align: center;
		padding: 80px 0;
		color: #fff;
	}
	#maintitleArea img{
		display: block;
	}
		#intro01 #maintitleArea{
			background: url("/recruit/w-nexco/works/img/general/mainimg.jpg") no-repeat center;
			background-size: cover;
		}
			#maintitleArea #maintitle{
				margin-bottom: 50px;
			}
				#maintitleArea #maintitle .cat{
					width: 120px;
					margin: 0 auto 20px;
				}
				#maintitleArea #maintitle .sub{
					width: 120px;
					margin: 0 auto;
				}
	
		#maintitleArea .lead{
			line-height: 2.3;
		}
		#maintitleArea .catch{
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 20px;
			line-height: 2;
		}
	
	
	
	/*----------------------------------------------------

		コンテンツ

	------------------------------------------------------*/
	.contents{
		
	}
	.contents .sec{
		padding: 100px 0 160px;
		position: relative;
	}
	.contents .sec .wrap{
		position: relative;
	}
	.contents .sec:nth-of-type(2n){
		background-color: #ededed;
	}
	.contents .sec .tit{
		
	}
	.contents .sec .tit .num{
		width: 58px;
		margin: 0 auto 30px;
	}
	
	/* intro01
	----------------------------------------------------*/
	#intro01 .contents .sec .tit h2{
		text-align: center;
		font-size: 22px;
		letter-spacing: 5px;
	}
	#intro01 .contents .sec .tit .lead{
		line-height: 2.3;
	}
	
	
	/* intro01 sec01
	--------------------------------------------*/
	#intro01 .contents .sec01 .tit .lead{
		text-align: center;
		margin-top: 30px;
	}
	#intro01 .contents .sec .figArea{
		margin-top: 70px;
		margin-bottom: 100px;
	}
	#intro01 .contents .sec01 .intArea h3{
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	#intro01 .contents .sec01 .intArea h3 span{
		display: inline-block;
		background-color: #fff;
		padding: 0 20px;
	}
	#intro01 .contents .sec01 .img{
		border: 1px solid rgba(33,33,33,0.32);
		padding: 59px;
		margin-top: -15px;
	}
	
	/*area*/
	#intro01 .area{

	}
	#intro01 .area + .area{
		margin-top: 10px;
	}
	#intro01 .area .wrap{
		background-color: #ededed;
		box-sizing: border-box;
		padding: 60px;
	}
	#intro01 .area .area_cat{
		font-weight: bold;
		font-size: 15px;
		margin-bottom: 50px;
	}
		#intro01 .area .area_cat .col{
			display: inline-block;
			width: 65px;
			text-align: center;
			color: #fff;
		}
			#intro01 #area01 .area_cat .col{		
				background-color: #757cbb;
			}
			#intro01 #area02 .area_cat .col{		
				background-color: #94ce00;
			}
			#intro01 #area03 .area_cat .col{		
				background-color: #ea499f;
			}
			#intro01 #area04 .area_cat .col{				
				background-color: #eabb00;
			}
			#intro01 #area05 .area_cat .col{		
				background-color: #e30012;
			}
		#intro01 .area .area_cat .txt{
			display: inline-block;
			padding: 0 0 0 8px;
			background-color: #fff;
			width: calc(100% - 65px);
			box-sizing: border-box;
			letter-spacing: 3px;
		}
			#intro01 #area01 .area_cat .txt{		
				color: #757cbb;
			}
			#intro01 #area02 .area_cat .txt{		
				color: #56b800;
			}
			#intro01 #area03 .area_cat .txt{		
				color: #ea499f;
			}
			#intro01 #area04 .area_cat .txt{				
				color: #d99100;
			}
			#intro01 #area05 .area_cat .txt{		
				color: #e30012;
			}
	#intro01 .area .txt_box{
		position: relative;
	}
		#intro01 .area .txt_box h3{
			font-size: 17px;
			letter-spacing: 0.23em;
			text-align: left;
			margin-bottom: 15px;
		}
		#intro01 .area .txt_box .txt{
			text-align: justify;
			line-height: 2.3;
		}
			#intro01 .area .txt_box.col_w{
				width: 100%;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
			}
			#intro01 .area .txt_box.col_w h3{
				margin-right: 35px;
				margin-bottom: 0;
				flex-shrink: 0;
			}
		#intro01 .area .txt_box .cau{
			text-indent: -1em;
			padding-left: 1em;
			margin-top: 10px;
			text-align: justify;
			font-size: 12px;
		}
		#intro01 .tri_txt{
			position: relative;
			padding-left: 10px;
			font-weight: bold;
		}
			#intro01 .tri_txt:after{
				content: '';
				display: block;
				position: absolute;
				background: url("/recruit/w-nexco/works/img/tri.png") no-repeat center;
				background-size: cover;
				width: 5px;
				height: 9px;
				left: 0;
				top: 0.5em;
			}
		#intro01 .link_wrap{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
		}
		#intro01 .link_box{
			display: block;
			width: 460px;
			position: relative;
		}
		#intro01 .col_2 .link_box{
			float: left;
		}
			#intro01 .link_box .img_box{
				overflow: hidden;
			}
				#intro01 .link_box .img_box img{
					display: block;
					transition: 1.0s;
				}
					#intro01 .link_box:hover .img_box img{
						transform: scale(1.05);
					}
			#intro01 .link_box .prof{
				position: relative;
				background-color: #000;
				color: #fff;
				padding: 20px 40px;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
			}
				#intro01 .link_box .prof:after{
					content: '';
					display: block;
					position: absolute;
					background: url("/recruit/w-nexco/works/img/line.png") no-repeat center;
					background-size: cover;
					width: 57px;
					height: 57px;
					right: 0;
					bottom: 0;
				}
			#intro01 .link_box:nth-of-type(2n) .prof{
				background-color: #222;
			}
			#intro01 .link_box .prof .name{
				font-size: 17px;
				flex-shrink: 0;
				margin-right: 20px;
			}
			#intro01 .link_box .prof .name span{
				display: block;
			}
			#intro01 .link_box .prof .name .en{
				font-size: 10px;
			}
			#intro01 .link_box .prof .post{
				font-size: 12px;
			}
	
	/* 罪2双 */
	#intro01 .txt_box.col_half{
		width: 400px;
		float: left;
	}
		#intro01 .txt_box.col_half:nth-of-type(2n){
			float: right;
		}

		#intro01 .th .txt_box.col_half:nth-of-type(2n):after{
			content: '';
			display: block;
			position: absolute;
			width: 1px;
			height: 100%;
			opacity: 0.32;
			background-color: #212121;
			left: -59px;
			top: 0;
		}
	
	/* 罪双 */
	#intro01 .col_2{
		margin-top: 30px;
	}
	#intro01 .th{
		position: relative;
	}
		#intro01 .th + .th{
			margin-top: 60px;
			padding-top: 60px;
		}
		#intro01 .th + .th:before{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			opacity: 0.32;
			background-color: #212121;
			top: 0;
			left: 0;
		}
	
	#intro01 .th .txt_box.col_sin{
		float: left;
		width: 410px;
	}
	#intro01 .th .col_sin{
		width: 460px;
		float: right;
	}
	/* area05 */
	#intro01 #area05{
		
	}
		#intro01 #area05 .col_w .txt_box{
			width: 410px;
			float: left;
		}
		#intro01 #area05 .col_w dl{
			width: 460px;
			float: right;
			padding: 20px 25px;
			box-sizing: border-box;
			border: 1px solid rgba(33,33,33,0.32);
			position: relative;
		}
			#intro01 #area05 .col_w dl dt{
				font-weight: bold;
				margin-bottom: 5px;
			}
			#intro01 #area05 .col_w dl dd{
				text-align: justify;
			}
				#intro01 #area05 .col_w dl dt:after,
				#intro01 #area05 .col_w dl dt:before,
				#intro01 #area05 .col_w dl dd:after,
				#intro01 #area05 .col_w dl dd:before{
					content: '';
					display: block;
					position: absolute;
					width: 20px;
					height: 20px;
					background-color: #ededed;
				}
				#intro01 #area05 .col_w dl dt:after{
					left: -10px;
					top: -10px;
				}
				#intro01 #area05 .col_w dl dt:before{
					left: -10px;
					bottom: -10px;
				}
				#intro01 #area05 .col_w dl dd:after{
					right: -10px;
					top: -10px;
				}
				#intro01 #area05 .col_w dl dd:before{
					right: -10px;
					bottom: -10px;
				}
	
	
	/* intro01 sec02
	--------------------------------------------*/
	#intro01 .contents .sec02 .tit .lead{
		position: absolute;
		width: 510px;
		text-align: justify;
		top: 170px;
	}
	#intro01 .contents .sec02 .figArea .img{
		width: 1002px;
	}
	#intro01 .contents .sec02 .voice{
		
	}
		#intro01 .contents .sec02 .voice .wrap{
			position: relative;
			padding: 40px 50px 50px;
			box-sizing: border-box;
			background-color: #fff;
		}
			#intro01 .contents .sec02 .voice .wrap:before,
			#intro01 .contents .sec02 .voice .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: 30px;
				height: 22px;

			}
			#intro01 .contents .sec02 .voice .wrap:before{
				background: url("/recruit/w-nexco/works/img/general/fl_dot_l.png") no-repeat center;
				background-size: cover;
				top: -10px;
				left: 40px;
			}
			#intro01 .contents .sec02 .voice .wrap:after{
				background: url("/recruit/w-nexco/works/img/general/fl_dot_r.png") no-repeat center;
				background-size: cover;
				bottom: -10px;
				right: 40px;
			}
	
	#intro01 .contents .sec02 .voice h3{
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.21em;
		margin-bottom: 30px;
	}
		#intro01 .contents .sec02 .voice .txt_box{
			position: relative;
		}
		#intro01 .contents .sec02 .voice .txt_box + .txt_box{
			margin-top: 40px;
			padding-top: 40px;
		}		
			#intro01 .contents .sec02 .voice .txt{
				position: relative;
				width: calc(50% - 40px);
				float: left;
			}
			#intro01 .contents .sec02 .voice .txt:nth-of-type(2n){
				width: calc(50% - 40px);
				float: right;
			}
				#intro01 .contents .sec02 .voice .txt_box:before,
				#intro01 .contents .sec02 .voice .txt_box + .txt_box .txt:before{
					content: '';
					display: block;
					position: absolute;		
					opacity: 0.32;
					background-color: #212121;
				}
				#intro01 .contents .sec02 .voice .txt_box:before{
					width: 1px;
					height: 100%;
					top: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
				}
				#intro01 .contents .sec02 .voice .txt_box:nth-of-type(2n):before{
					height: calc(100% - 40px);
					top: 40px;
				}
				#intro01 .contents .sec02 .voice .txt_box + .txt_box .txt:before{
					width: 100%;
					height: 1px;
					top: -40px;
					left: 0;
				}
	
	#intro01 .contents .sec02 .linkArea{
		margin: 60px auto 0;
		width: 920px;
	}
	#intro01 .contents .sec02 .linkArea .wrap{
		width: auto;
	}
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	/*----------------------------------------------------

		タイトル

	------------------------------------------------------*/
	#maintitleArea{
		position: relative;
		text-align: center;
		padding: 40px 0;
		color: #fff;
	}
	#maintitleArea img{
		display: block;
	}
		#intro01 #maintitleArea{
			background: url("/recruit/w-nexco/works/img/general/mainimg.jpg") no-repeat center;
			background-size: cover;
		}
			#maintitleArea #maintitle{
				margin-bottom: 30px;
			}
				#maintitleArea #maintitle .cat{
					width: 120px;
					margin: 0 auto 10px;
				}
				#maintitleArea #maintitle h1{
/*
					font-size: 17px;
					letter-spacing: 5px;
					line-height: 1.5;
*/
					margin-bottom: 5px;
				}
				#maintitleArea #maintitle .sub{
					width: 120px;
					margin: 0 auto;
				}
	
		#maintitleArea .lead{
			text-align: justify;
		}
		#maintitleArea .lead p.catch{
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: center;
		}
		#maintitleArea .lead p{
			text-align: justify;
		}
	
	
	
	/*----------------------------------------------------

		コンテンツ

	------------------------------------------------------*/
	.contents{
		
	}
	.contents .sec{
		padding: 50px 0 80px;
		position: relative;
	}
	.contents .sec .wrap{
		position: relative;
	}
	.contents .sec:nth-of-type(2n){
		background-color: #ededed;
	}
	.contents .sec .tit{
		
	}
	.contents .sec .tit .num{
		max-width: 58px;
		width: 10%;
		margin: 0 auto 30px;
	}
	
	/* intro01
	----------------------------------------------------*/
	#intro01{
		margin-bottom: 0;
	}
	#intro01 .contents .sec .tit h2{
		text-align: center;
		font-size: 17px;
		letter-spacing: 3px;
	}
	#intro01 .contents .sec .tit .lead{
		text-align: justify;
	}
	
	
	/* intro01 sec01
	--------------------------------------------*/
	#intro01 .contents .sec01 .tit .lead{
		margin-top: 10px;
	}
	#intro01 .contents .sec01 .tit .lead br{
		display: none;
	}
	#intro01 .contents .sec .figArea{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#intro01 .contents .sec01 .intArea h3{
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	#intro01 .contents .sec01 .intArea h3 span{
		display: inline-block;
		background-color: #fff;
		padding: 0 20px;
	}
	#intro01 .contents .sec01 .img{
		border: 1px solid rgba(33,33,33,0.32);
		padding: 60px 20px 20px;
		margin-top: -30px;
	}
	
	/*area*/
	#intro01 .area{
		width: 90%;
		margin: 0 auto;
	}
	#intro01 .area + .area{
		margin-top: 10px;
	}
	#intro01 .area .wrap{
		background-color: #ededed;
		box-sizing: border-box;
		padding: 30px;
	}
	#intro01 .area .area_cat{
		font-weight: bold;
		font-size: 15px;
		margin-bottom: 30px;
	}
		#intro01 .area .area_cat .col{
			display: block;
			width: 65px;
			text-align: center;
			color: #fff;
		}
			#intro01 #area01 .area_cat .col{		
				background-color: #757cbb;
			}
			#intro01 #area02 .area_cat .col{		
				background-color: #94ce00;
			}
			#intro01 #area03 .area_cat .col{		
				background-color: #ea499f;
			}
			#intro01 #area04 .area_cat .col{
				background-color: #eabb00;
			}
			#intro01 #area05 .area_cat .col{		
				background-color: #e30012;
			}
		#intro01 .area .area_cat .txt{
			display: block;
			line-height: 1.5;
			padding: 8px 10px;
			background-color: #fff;
			box-sizing: border-box;
			letter-spacing: 3px;
		}
			#intro01 #area01 .area_cat .txt{		
				color: #757cbb;
			}
			#intro01 #area02 .area_cat .txt{		
				color: #56b800;
			}
			#intro01 #area03 .area_cat .txt{		
				color: #ea499f;
			}
			#intro01 #area04 .area_cat .txt{
				color: #d99100;
			}
			#intro01 #area05 .area_cat .txt{		
				color: #e30012;
			}
	#intro01 .area .txt_box{
		position: relative;
	}
		#intro01 .area .txt_box h3{
			font-size: 16px;
			letter-spacing: 0.23em;
			text-align: left;
			margin-bottom: 10px;
		}
		#intro01 .area .txt_box .txt{
			text-align: justify;
		}
			#intro01 .area .txt_box.col_w{
				width: 100%;
			}
			#intro01 .area .txt_box.col_w h3{

			}
		#intro01 .area .txt_box .cau{
			text-indent: -1em;
			padding-left: 1em;
			margin-top: 10px;
			text-align: justify;
			font-size: 12px;
		}
	#intro01 .area .txt_box .img_box{
		margin-top: 20px;
	}
		#intro01 .tri_txt{
			position: relative;
			padding-left: 10px;
			font-weight: bold;
		}
			#intro01 .tri_txt:after{
				content: '';
				display: block;
				position: absolute;
				background: url("/recruit/w-nexco/works/img/tri.png") no-repeat center;
				background-size: cover;
				width: 5px;
				height: 9px;
				left: 0;
				top: 0.5em;
			}
		#intro01 .link_box{
			display: block;
			position: relative;
		}
		.link_wrap .link_box + .link_box{
			margin-top: 10px;
		}
		#intro01 .col_2 .link_box{
		}
			#intro01 .link_box + .link_box{
				margin-top: 10px;
			}
	
			#intro01 .col_2 .link_box .img_box{
/*
				overflow: hidden;
				height: 150px;
*/
			}
				#intro01 .col_2 .link_box .img_box img{
/*
					display: block;
					height: 100%;
					width: 100%;
					object-fit: cover;
*/
				}
					#intro01 .col_2 .link_box:hover .img_box img{
					}
			#intro01 .link_box .prof{
				position: relative;
				background-color: #000;
				color: #fff;
				padding: 20px;
			}
				#intro01 .link_box .prof:after{
					content: '';
					display: block;
					position: absolute;
					background: url("/recruit/w-nexco/works/img/line.png") no-repeat center;
					background-size: cover;
					width: 57px;
					height: 57px;
					right: 0;
					bottom: 0;
				}
			#intro01 .link_box:nth-of-type(2n) .prof{
				background-color: #222;
			}
			#intro01 .link_box .prof .name{
				font-size: 17px;
			}
			#intro01 .link_box .prof .name span{
				display: block;
			}
			#intro01 .link_box .prof .name .en{
				font-size: 10px;
			}
			#intro01 .link_box .prof .post{
				font-size: 12px;
				margin-top: 10px;
			}
	
	/* 罪2双 */
	#intro01 .txt_box.col_half{
	}
		#intro01 .txt_box.col_half:nth-of-type(2n){
			margin-top: 50px;
			padding-top: 40px;
		}

		#intro01 .th .txt_box.col_half:nth-of-type(2n):after{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			opacity: 0.32;
			background-color: #212121;
			top: 0;
			left: 0;
		}
	
	/* 罪双 */
	#intro01 .col_2{
		margin-top: 20px;
	}
	#intro01 .th{
		position: relative;
	}
		#intro01 .th + .th{
			margin-top: 50px;
			padding-top: 40px;
		}
		#intro01 .th + .th:before{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			opacity: 0.32;
			background-color: #212121;
			top: 0;
			left: 0;
		}
	
	#intro01 .th .txt_box.col_sin{
	}
	#intro01 .th .col_sin{
	}
	#intro01 .th .col_sin + .col_sin{
		margin-top: 20px;
	}
	
	/* area05 */
	#intro01 #area05{
		
	}
		#intro01 #area05 .col_w .txt_box{
		}
		#intro01 #area05 .col_w dl{
			margin-top: 15px;
			padding: 20px 25px;
			box-sizing: border-box;
			border: 1px solid rgba(33,33,33,0.32);
			position: relative;
		}
			#intro01 #area05 .col_w dl dt{
				font-weight: bold;
				margin-bottom: 5px;
			}
			#intro01 #area05 .col_w dl dd{
				text-align: justify;
			}
				#intro01 #area05 .col_w dl dt:after,
				#intro01 #area05 .col_w dl dt:before,
				#intro01 #area05 .col_w dl dd:after,
				#intro01 #area05 .col_w dl dd:before{
					content: '';
					display: block;
					position: absolute;
					width: 20px;
					height: 20px;
					background-color: #ededed;
				}
				#intro01 #area05 .col_w dl dt:after{
					left: -10px;
					top: -10px;
				}
				#intro01 #area05 .col_w dl dt:before{
					left: -10px;
					bottom: -10px;
				}
				#intro01 #area05 .col_w dl dd:after{
					right: -10px;
					top: -10px;
				}
				#intro01 #area05 .col_w dl dd:before{
					right: -10px;
					bottom: -10px;
				}
	
	
	/* intro01 sec02
	--------------------------------------------*/
	#intro01 .contents .sec02 .tit .lead{
		margin-top: 10px;
	}
	#intro01 .contents .sec02 .figArea .img{
		width: 100%;
	}
	#intro01 .contents .sec02 .figArea.scroll:after{
		top: 120px;
		bottom: auto;
	}
	#intro01 .contents .sec02 .voice{
		
	}
		#intro01 .contents .sec02 .voice .wrap{
			position: relative;
			width: 90%;
			margin: 0 auto;
			padding: 20px 30px 30px;
			box-sizing: border-box;
			background-color: #fff;
		}
			#intro01 .contents .sec02 .voice .wrap:before,
			#intro01 .contents .sec02 .voice .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: 30px;
				height: 22px;

			}
			#intro01 .contents .sec02 .voice .wrap:before{
				background: url("/recruit/w-nexco/works/img/general/fl_dot_l.png") no-repeat center;
				background-size: cover;
				top: -10px;
				left: 30px;
			}
			#intro01 .contents .sec02 .voice .wrap:after{
				background: url("/recruit/w-nexco/works/img/general/fl_dot_r.png") no-repeat center;
				background-size: cover;
				bottom: -10px;
				right: 30px;
			}
	
		#intro01 .contents .sec02 .voice h3{
			text-align: center;
			font-size: 16px;
			letter-spacing: 0.21em;
			margin-bottom: 10px;
		}
			#intro01 .contents .sec02 .voice .txt_box{
				position: relative;
			}
			#intro01 .contents .sec02 .voice .txt_box + .txt_box,
			#intro01 .contents .sec02 .voice .txt + .txt{
				margin-top: 25px;
				padding-top: 30px;
			}		
				#intro01 .contents .sec02 .voice .txt{
					position: relative;
				}
				#intro01 .contents .sec02 .voice .txt:nth-of-type(2n){
				}
					#intro01 .contents .sec02 .voice .txt + .txt:before,
					#intro01 .contents .sec02 .voice .txt_box + .txt_box:before{
						content: '';
						display: block;
						position: absolute;		
						opacity: 0.32;
						background-color: #212121;
						width: 100%;
						height: 1px;
						top: 0;
						left: 0;
					}
		#intro01 .contents .sec02 .voice .txt + .txt:before{

		}

	
	#intro01 .contents .sec02 .linkArea{
		margin-top: 60px;
	}
	

}