@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;
	}
		#maintitleArea{
			background: url("/recruit/w-nexco/works/img/civil/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: 150px 0 0;
		position: relative;
	}
	.contents .sec .wrap{
		position: relative;
	}
	.contents .sec:nth-of-type(1){
		padding-bottom: 0;
	}
	.contents .sec .tit{
		
	}
	.contents .sec .tit .num{
		width: 58px;
		margin: 0 auto 30px;
	}
	
	
		.contents .sec .tit h2{
		text-align: center;
		font-size: 22px;
		letter-spacing: 5px;
	}
	.contents .sec .tit .lead{
		line-height: 2.3;
		margin-top: 60px;
	}
	
	
	/* sec01
	--------------------------------------------*/
	.contents .sec01 .tit .lead{
		text-align: center;
		margin-top: 30px;
	}
	.contents .sec .figArea{
		margin-top: 70px;
	}
	.contents .sec01 .intArea h3{
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	.contents .sec01 .intArea h3 span{
		display: inline-block;
		background-color: #fff;
		padding: 0 20px;
	}
	.contents .sec01 .img{
		border: 1px solid rgba(33,33,33,0.32);
		padding: 59px;
		margin-top: -15px;
	}
	
	/*area*/
	.area{
		margin-top: 100px;
	}
	.area + .area{
		margin-top: 10px;
	}
	.area .wrap{
		background-color: #ededed;
		box-sizing: border-box;
		padding: 60px;
	}
	.area .area_cat{
		font-weight: bold;
		font-size: 15px;
		margin-bottom: 50px;
	}
		.area .area_cat .col{
			display: inline-block;
			width: 65px;
			text-align: center;
			color: #fff;
		}
			#area01 .area_cat .col{		
				background-color: #757cbb;
			}
			#area02 .area_cat .col{		
				background-color: #94ce00;
			}
			#area03 .area_cat .col{		
				background-color: #ea499f;
			}
			#area04 .area_cat .col{	
				background-color: #eabb00;
			}
			#area05 .area_cat .col{		
				background-color: #e30012;
			}
		.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;
		}
			#area01 .area_cat .txt{		
				color: #757cbb;
			}
			#area02 .area_cat .txt{		
				color: #56b800;
			}
			#area03 .area_cat .txt{		
				color: #ea499f;
			}
			#area04 .area_cat .txt{				
				color: #d99100;
			}
			#area05 .area_cat .txt{		
				color: #e30012;
			}
	.area .txt_box{
		position: relative;
	}
		.area .txt_box h3{
			font-size: 17px;
			letter-spacing: 0.23em;
			text-align: left;
			margin-bottom: 15px;
		}
		.area .txt_box .txt{
			text-align: justify;
			line-height: 2.3;
		}
			.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;
			}
			.area .txt_box.col_w h3{
				margin-right: 35px;
				margin-bottom: 0;
				flex-shrink: 0;
			}
			.area .img_area{
				margin-top: 60px;
			}
				.area .img_area h4 {
					font-size: 20px;
					font-weight: bold;
				}
				.area .img_area .img_blo {
					margin-top: 20px;
				}
				.area .img_area .img_blo + .img_blo {
					margin-top: 50px;
				}
				.area .img_area .img_blo.col_2 {
					margin-top: 10px;
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}
					.area .img_area .img_blo dl {
						margin-top: 10px;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
					}
					.area .img_area .img_blo.col_2 dl {
						display: block;
						width: 450px;
					}
					.area .img_area .img_blo.col_2 dl + dl {
						margin-top: 15px;
					}
						.area .img_area .img_blo dl dt {
							width: 100%;
							font-size: 16px;
						}
						.area .img_area .img_blo.col_2 dl dt {
							font-size: 15.5px;
						}
							.area .img_area .img_blo dl dt span {
								font-weight: bold;
							}
						.area .img_area .img_blo dl dd {
							margin-top: 10px;
							width: 450px;
						}
							.area .img_area .img_blo dl dd p {
								margin-top: 4px;
								font-size: 13px;
							}
							.area .txt_box .cau{
								text-indent: -1em;
								padding-left: 1em;
								margin-top: 10px;
								text-align: justify;
								font-size: 12px;
								width: 100%;
								display: block;
							}
					.area .img_area .img_blo dl.cnt {
					}
						.area .img_area .img_blo dl.cnt dt {
						}
						.area .img_area .img_blo dl.cnt dd {
							width: 535px;
							margin: 30px auto 0;
						}
		.tri_txt{
			position: relative;
			padding-left: 10px;
			font-weight: bold;
		}
			.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;
			}
		.link_wrap{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
		}
		.link_box{
			display: block;
			width: 460px;
			position: relative;
		}
		.col_2 .link_box{
			float: left;
		}
			.col_2 .link_box .img_box{
				overflow: hidden;
			}
				.col_2 .link_box .img_box img{
					display: block;
					transition: 1.0s;
				}
					.col_2 .link_box:hover .img_box img{
						transform: scale(1.05);
					}
			.link_box .prof{
				position: relative;
				background-color: #000;
				color: #fff;
				padding: 20px 40px;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
			}
				.link_box .prof:after{
					content: '';
					display: block;
					position: absolute;
					background: url("/recruit/w-nexco/works/img/line_g.png") no-repeat center;
					background-size: cover;
					width: 57px;
					height: 57px;
					right: 0;
					bottom: 0;
				}
			.link_box:nth-of-type(2n) .prof{
				background-color: #222;
			}
			.link_box .prof .name{
				font-size: 17px;
				flex-shrink: 0;
				margin-right: 20px;
			}
			.link_box .prof .name span{
				display: block;
			}
			.link_box .prof .name .en{
				font-size: 10px;
			}
			.link_box .prof .post{
				font-size: 12px;
			}
	
	/* 罪2双 */
	.txt_box.col_half{
		width: 400px;
		float: left;
	}
		.txt_box.col_half:nth-of-type(2n){
			float: right;
		}

		.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;
		}
	
	/* 罪双 */
	.col_2{
		margin-top: 30px;
	}
	.th{
		position: relative;
	}
		.th + .th{
			margin-top: 60px;
			padding-top: 60px;
		}
		.th + .th:before{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			opacity: 0.32;
			background-color: #212121;
			top: 0;
			left: 0;
		}
	
	.th .txt_box.col_sin{
		float: left;
		width: 410px;
	}
	.th .col_sin{
		width: 460px;
		float: right;
	}
	/* area05 */
	#area05{
		
	}
		#area05 .col_w .txt_box{
			width: 410px;
			float: left;
		}
		#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;
		}
			#area05 .col_w dl dt{
				font-weight: bold;
				margin-bottom: 5px;
			}
			#area05 .col_w dl dd{
				text-align: justify;
			}
				#area05 .col_w dl dt:after,
				#area05 .col_w dl dt:before,
				#area05 .col_w dl dd:after,
				#area05 .col_w dl dd:before{
					content: '';
					display: block;
					position: absolute;
					width: 20px;
					height: 20px;
					background-color: #ededed;
				}
				#area05 .col_w dl dt:after{
					left: -10px;
					top: -10px;
				}
				#area05 .col_w dl dt:before{
					left: -10px;
					bottom: -10px;
				}
				#area05 .col_w dl dd:after{
					right: -10px;
					top: -10px;
				}
				#area05 .col_w dl dd:before{
					right: -10px;
					bottom: -10px;
				}
	
	
	
	
	
	/* sec02
	--------------------------------------------*/
	.contents .sec02 .tit .lead{
	}
	.contents .sec02 .figArea .img{
		width: 1040px;
	}
	.contents .sec02 .voice{
		
	}
		.contents .sec02 .voice .wrap{
			position: relative;
			padding: 40px 50px 50px;
			box-sizing: border-box;
			background-color: #fff;
		}
			.contents .sec02 .voice .wrap:before,
			.contents .sec02 .voice .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: 30px;
				height: 22px;

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

	
	
	/* sec03
	--------------------------------------------*/
	.contents .sec03{
		margin-bottom: 150px;
	}
	.contents .sec03 .figArea{
		position: relative;
	}
		.contents .sec03 .lead{
			position: absolute;
			width: 510px;
			text-align: justify;
			top: 115px;
			margin-top: 0;
		}
		.contents .sec03 .figArea .img{
			width: 1000px;
			margin: auto;
		}
		.contents .sec03 .linkArea{
			margin: 60px auto 0;
			width: 920px;
		}
	
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	main {
		margin-bottom: 0;
	}
	/*----------------------------------------------------

		タイトル

	------------------------------------------------------*/
	#maintitleArea{
		position: relative;
		text-align: center;
		padding: 40px 0;
		color: #fff;
	}
	#maintitleArea img{
		display: block;
	}
		#maintitleArea{
			background: url("/recruit/w-nexco/works/img/civil/mainimg_sp.jpg") no-repeat center;
			background-size: cover;
		}
			#maintitleArea #maintitle{
				margin-bottom: 30px;
			}
				#maintitleArea #maintitle .cat{
					width: 120px;
					margin: 0 auto 10px;
				}
				#maintitleArea #maintitle h1{
					margin-bottom: 5px;
				}
					#maintitleArea #maintitle h1 span{
						font-size: 70%;
					}
				#maintitleArea #maintitle .sub{
					width: 120px;
					margin: 0 auto;
				}
	
		#maintitleArea .lead{
			text-align: justify;
			 margin-top: 25px;
		}
		#maintitleArea .lead p.catch{
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: center;
		}
		#maintitleArea .lead p{
			text-align: justify;
		}
	
	 .contents .lead {
		 margin-top: 40px;
	}
		 .lead ul {
			 margin: auto;
		}
			 .lead ul li {
				 display: flex;
			}
			 .lead ul li + li {
				 margin-top: 8px;
			}
				 .lead ul li span {
					 display: flex;
					 align-items: center;
					 justify-content: center;
				}
				.lead ul li .col{
					width: 90px;
					text-align: center;
					color: #fff;
					border: solid 2px #00a38d;
					background-color: #00a38d;
				}
				.lead ul li .txt{
					padding: 5px 0 5px 8px;
					background-color: #fff;
					width: calc(100% - 90px);
					box-sizing: border-box;
					letter-spacing: 3px;
					line-height: 1.4;
					border: solid 2px #00a38d;
					border-left: none;
				}
				.lead ul li .txt{		
					color: #00a38d;
				}
		.lead .figArea{
			margin-top: 50px;
		}
		.lead  h3{
			text-align: center;
			font-size: 16px;
			letter-spacing: 0.21em;
		}
		.lead  h3 span{
			display: inline-block;
			background-color: #fff;
			padding: 0 20px;
		}
		.lead  .img {
			border: 1px solid rgba(33,33,33,0.32);
			padding: 40px 20px 20px;
			margin-top: -15px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			position: relative;
			z-index: -1;
		}
			.lead  .img img {
				width: 430px;
			}
			.lead  .img img:nth-child(1) {
				width: 160px;
				margin: auto;
			}
			.lead  .img img:nth-child(n + 3) {
				margin-top: 15px;
			}
	
	
	/*----------------------------------------------------

		コンテンツ

	------------------------------------------------------*/
	.contents{
	}
	.contents .sec{
		padding: 80px 0 0;
		position: relative;
	}
	.contents .sec .wrap{
		position: relative;
	}
	.contents .sec .tit{		
	}
	.contents .sec .tit .num{
		max-width: 58px;
		width: 10%;
		margin: 0 auto 30px;
	}
	
	
	
	.contents .sec .tit h2{
		text-align: center;
		font-size: 17px;
		letter-spacing: 3px;
	}
	.contents .sec .tit .lead{
		margin-top: 10px;
	}
	
	
	.contents .sec01 .tit .lead{
		text-align: center;
		margin-top: 30px;
	}
	.contents .sec .figArea{
		margin-top: 40px;
	}
	.contents .sec01 .figArea{
	}
		.contents .sec01 .figArea .inner{
			width: 800px;
		}
	.contents .sec01 .intArea h3{
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	.contents .sec01 .intArea h3 span{
		display: inline-block;
		background-color: #fff;
		padding: 0 20px;
	}
	.contents .sec01 .img{
		border: 1px solid rgba(33,33,33,0.32);
		padding: 59px;
		margin-top: -15px;
	}
	
	/*area*/
	.area{
		width: 90%;
		margin: 40px auto 0;
	}
	.area + .area{
		margin-top: 10px;
	}
	.area .wrap{
		background-color: #ededed;
		box-sizing: border-box;
		padding: 30px;
	}
	.area .area_cat{
		font-weight: bold;
		font-size: 15px;
		margin-bottom: 30px;
	}
		.area .area_cat .col{
			display: block;
			width: 65px;
			text-align: center;
			color: #fff;
		}
			#area01 .area_cat .col{		
				background-color: #757cbb;
			}
			#area02 .area_cat .col{		
				background-color: #94ce00;
			}
			#area03 .area_cat .col{		
				background-color: #ea499f;
			}
			#area04 .area_cat .col{
				background-color: #eabb00;				
			}
			#area05 .area_cat .col{		
				background-color: #e30012;
			}
		.area .area_cat .txt{
			display: block;
			line-height: 1.5;
			padding: 8px 10px;
			background-color: #fff;
			box-sizing: border-box;
			letter-spacing: 3px;
		}
			#area01 .area_cat .txt{		
				color: #757cbb;
			}
			#area02 .area_cat .txt{		
				color: #56b800;
			}
			#area03 .area_cat .txt{		
				color: #ea499f;
			}
			#area04 .area_cat .txt{			
				color: #d99100;
			}
			#area05 .area_cat .txt{		
				color: #e30012;
			}
	.area .txt_box{
		position: relative;
	}
		.area .txt_box h3{
			font-size: 16px;
			letter-spacing: 0.23em;
			text-align: left;
			margin-bottom: 10px;
		}
		.area .txt_box .txt{
			text-align: justify;
		}
			.area .txt_box.col_w{
				width: 100%;
			}
			.area .img_area{
				margin-top: 50px;
			}
				.area .img_area h4 {
					font-size: 17px;
					font-weight: bold;
				}
				.area .img_area .img_blo {
					margin-top: 20px;
				}
				.area .img_area .img_blo + .img_blo {
					margin-top: 35px;
				}
					.area .img_area .img_blo dl {
						margin-top: 10px;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
					}
						.area .img_area .img_blo dl dt {
							width: 100%;
							font-size: 14px;
						}
							.area .img_area .img_blo dl dt span {
								font-weight: bold;
							}
						.area .img_area .img_blo dl dd {
							margin-top: 10px;
							width: 450px;
						}
							.area .img_area .img_blo dl dd p {
								margin-top: 4px;
								font-size: 13px;
							}
							.area .txt_box .cau{
								text-indent: -1em;
								padding-left: 1em;
								margin-top: 10px;
								text-align: justify;
								font-size: 12px;
								width: 100%;
								display: block;
							}
					.area .img_area .img_blo dl.cnt {
					}
						.area .img_area .img_blo dl.cnt dt {
						}
						.area .img_area .img_blo dl.cnt dd {
							width: 535px;
							margin: 30px auto 0;
						}
		.tri_txt{
			position: relative;
			padding-left: 10px;
			font-weight: bold;
		}
			.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;
			}
		.link_box{
			display: block;
			position: relative;
		}
		.link_wrap .link_box + .link_box{
			margin-top: 10px;
		}
		.col_2 .link_box{
		}
		.col_2 .link_box + .link_box {
			margin-top: 10px;
		}
			.col_2 .link_box .img_box{
/*
				overflow: hidden;
				height: 150px;
*/
			}
				.col_2 .link_box .img_box img{
/*
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
*/
				}
					.col_2 .link_box:hover .img_box img{
/*						transform: scale(1.05);*/
					}
			.link_box .prof{
				position: relative;
				background-color: #000;
				color: #fff;
				padding: 20px;
			}
				.link_box .prof:after{
					content: '';
					display: block;
					position: absolute;
					background: url("/recruit/w-nexco/works/img/line_g.png") no-repeat center;
					background-size: cover;
					width: 57px;
					height: 57px;
					right: 0;
					bottom: 0;
				}
			.link_box:nth-of-type(2n) .prof{
				background-color: #222;
			}
			.link_box .prof .name{
				font-size: 17px;
				flex-shrink: 0;
				margin-right: 20px;
			}
			.link_box .prof .name span{
				display: block;
			}
			.link_box .prof .name .en{
				font-size: 10px;
			}
			.link_box .prof .post{
				font-size: 12px;
				margin-top: 10px;
			}
	
	/* 罪2双 */
	.txt_box.col_half{
		width: 400px;
		float: left;
	}
		.txt_box.col_half:nth-of-type(2n){
			float: right;
		}

		.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;
		}
	
	/* 罪双 */
	.col_2{
		margin-top: 20px;
	}
	.th{
		position: relative;
	}
		.th + .th{
			margin-top: 60px;
			padding-top: 60px;
		}
		.th + .th:before{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 1px;
			opacity: 0.32;
			background-color: #212121;
			top: 0;
			left: 0;
		}
	
	.th .txt_box.col_sin{
	}
	.th .col_sin{
		margin-top: 20px;
	}
	
	
	/* area04 */
	#area04 .img_area{
		margin-top: 20px;
	}

	
	/* area05 */
	#area05{
		
	}
		#area05 .col_w .txt_box{
		}
		#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;
		}
			#area05 .col_w dl dt{
				font-weight: bold;
				margin-bottom: 5px;
			}
			#area05 .col_w dl dd{
				text-align: justify;
			}
				#area05 .col_w dl dt:after,
				#area05 .col_w dl dt:before,
				#area05 .col_w dl dd:after,
				#area05 .col_w dl dd:before{
					content: '';
					display: block;
					position: absolute;
					width: 20px;
					height: 20px;
					background-color: #ededed;
				}
				#area05 .col_w dl dt:after{
					left: -10px;
					top: -10px;
				}
				#area05 .col_w dl dt:before{
					left: -10px;
					bottom: -10px;
				}
				#area05 .col_w dl dd:after{
					right: -10px;
					top: -10px;
				}
				#area05 .col_w dl dd:before{
					right: -10px;
					bottom: -10px;
				}
	
	
	
	
	
	/* sec02
	--------------------------------------------*/
	.contents .sec02 .tit .lead{
	}
	.contents .sec02 .figArea .img{
	}
	.contents .sec02 .voice{
		
	}
		.contents .sec02 .voice .wrap{
			position: relative;
			padding: 40px 50px 50px;
			box-sizing: border-box;
			background-color: #fff;
		}
			.contents .sec02 .voice .wrap:before,
			.contents .sec02 .voice .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: 30px;
				height: 22px;

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

	
	
	/* sec03
	--------------------------------------------*/
	.contents .sec03{
		margin-bottom: 80px;
	}
	.contents .sec03 .figArea{
		position: relative;
	}
		.contents .sec03 .figArea .lead{
			position: absolute;
			width: 510px;
			text-align: justify;
			top: 0px;
			margin-top: 0;
		}
		.contents .sec03 .figArea .img{
			width: 100%;
			margin: auto;
		}
		.contents .sec03 .linkArea{
			margin-top: 40px;
		}
	

}