@charset "UTF-8";
/* CSS Document */



/* 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 %
---------------------------------------------------------------------*/


img {
	max-width: 100%;
}

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


#mainTitle {
	background: url("/recruit/w-nexco/special/img/pamph/mainimg.jpg") no-repeat center;
	background-size: cover;
	height: 350px;
	color: #fff;
	font-weight: bold;
	position: relative;
	z-index: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
	#mainTitle .en{
		margin: 0 auto;
	}
	#mainTitle .en img{
		display: block;
	}
	#mainTitle h1{
		font-weight: bold;
		color: #fff;
		font-size: 28px;
		letter-spacing: 0.2em;
		margin-top: 5px;
		line-height: 1.5;
		margin-bottom: 100px;
	} 


/* wrapper
--------------------- */
#wrapper {
	background-color: #efefef;
}
	#wrapper .content{
		transform: translateY(-100px);
		margin: 0 auto;
	}
	
	#wrapper .content .sec{
		position: relative;
	}
	#wrapper .content .sec + .sec{
		padding-top: 80px;
	}
	#wrapper .content .sec .wrap{
		background-color: #fff;
		box-sizing: border-box;
		padding: 50px 90px 90px;
		position: relative;
	}
	
	/* sec
	--------------------------*/
	.sec .wrap:before{
		content: '';
		display: block;
		position: absolute;
		width: 768px;
		height: 74px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;		
	}
	#sec01 .wrap:before{
		background: url("/recruit/w-nexco/special/img/pamph/bg_tit01.png") no-repeat center;
		background-size: cover;
	}
	#sec02 .wrap:before{
		background: url("/recruit/w-nexco/special/img/pamph/bg_tit02.png") no-repeat center;
		background-size: cover;
	}
	
	.sec h2{
		font-size: 22px;
		text-align: center;
		margin-bottom: 10px;
		letter-spacing: 0.2em;
	}
	.sec .lead{
		margin-bottom: 50px;
		font-size: 17px;
		text-align: center;
	}
	
		.base_btn{
			position: relative;
			background-color: #000;
			display: block;
			color: #fff;
			padding: 13px 70px 13px 15px;
			overflow: hidden;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.5;
		}
			.base_btn:before,
			.base_btn:after{
				content: '';
				display: block;
				position: absolute;
			}
			.base_btn:before{
				background: url("/recruit/w-nexco/common/img/btn_arrow.png") no-repeat center;
				background-size: cover;
				width: 29px;
				height: 5px;
				right: 15px;
				bottom: 26px;
				transition: 0.4s;
			}
			.base_btn:after{
				background: url(/recruit/w-nexco/common/img/btn_line.png) no-repeat center;
				background-size: cover;
				width: 45px;
				height: 42px;
				bottom: 9px;
				right: 40px;
			}
				.base_btn:hover:before{
					right: 8px;
				}
		.base_btn .pdf_link{

		}
			.base_btn .pdf_link:after{
				 background: url("/recruit/w-nexco/common/img/icon_pdf_w.png") no-repeat center;
				background-size: cover;
				width: 12px;
				height: 16px;
			}
	
	
	/* list
	--------------------------*/
	.pamph_list{
		display: flex;
    justify-content: center;
	}
		.pamph_list li{
			width: 50%;
			/*float: left;*/
		}
			.pamph_list li .thum{
				position: relative;
				width: 279px;
				margin: 0 auto;
				border: 1px solid #a4a4a4;
				box-shadow: 5px 5px rgb(164 164 164 / 100%);
			}
				.pamph_list li.com .thum{
					height: 394px;
					background-color: #f2f2f2;
				}
					.pamph_list li.com .thum:after{
						content: '';
						display: block;
						position: absolute;
						background: url("/recruit/w-nexco/special/img/pamph/com.png") no-repeat center;
						background-size: cover;
						width: 107px;
						height: 10px;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
					}
			.pamph_list li .base_btn{
				width: 340px;
				margin: 40px auto 0;
			}
	
	#reader{
		position: relative;
		margin-top: 60px;
		font-size: 12px;
	}
		#reader .wrap{
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
			#reader a{
				color: #00a0e9;
			}	
			#reader .wrap .img_box{
				width: 158px;
				margin-right: 30px;
			}
	

	
	
	
}


/* スマホ */
@media only screen and (max-width: 768px) {

	#movie{
		margin-bottom: 0;
	}
		#mainTitle {
			background: url("/recruit/w-nexco/special/img/pamph/mainimg_sp.jpg") no-repeat center;
			background-size: cover;
			height: 240px;
			color: #fff;
			font-weight: bold;
			position: relative;
			z-index: 0;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			flex-direction: column;
			text-align: center;
		}
	#mainTitle .en{
		margin: 0 auto;
	}
	#mainTitle .en img{
		display: block;
	}
	#mainTitle h1{
		font-weight: bold;
		color: #fff;
		font-size: 21px;
		letter-spacing: 0.2em;
		margin-top: 10px;
		line-height: 1.5;
		margin-bottom: 50px;
	} 


	/* wrapper
	--------------------- */
	#wrapper {
		background-color: #efefef;
	}
		#wrapper .content{
			transform: translateY(-50px);
			margin: 0 auto;
		}

		#wrapper .content .sec{
			position: relative;
		}
		#wrapper .content .sec + .sec{
			padding-top: 40px;
		}
		#wrapper .content .sec .wrap{
			background-color: #fff;
			box-sizing: border-box;
			padding: 30px 5% 30px;
			position: relative;
		}
	
	/* sec
	--------------------------*/
	.sec .wrap:before{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 13vw;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;		
	}
	#sec01 .wrap:before{
		background: url("/recruit/w-nexco/special/img/pamph/bg_tit01.png") no-repeat top center;
		background-size: 100% auto;
	}
	#sec02 .wrap:before{
		background: url("/recruit/w-nexco/special/img/pamph/bg_tit02.png") no-repeat top center;
		background-size: 100% auto;
	}
	
	.sec h2{
		font-size: 20px;
		text-align: center;
		margin-bottom: 5px;
		letter-spacing: 0.2em;
	}
	.sec .lead{
		margin-bottom: 40px;
		text-align: center;
	}
	
		.base_btn{
			position: relative;
			background-color: #000;
			display: block;
			color: #fff;
			padding: 13px 70px 13px 15px;
			overflow: hidden;
			font-weight: bold;
			line-height: 1.5;
		}
			.base_btn:before,
			.base_btn:after{
				content: '';
				display: block;
				position: absolute;
			}
			.base_btn:before{
				background: url("/recruit/w-nexco/common/img/btn_arrow.png") no-repeat center;
				background-size: cover;
				width: 29px;
				height: 5px;
				right: 15px;
				bottom: 26px;
				transition: 0.4s;
			}
			.base_btn:after{
				background: url(/recruit/w-nexco/common/img/btn_line.png) no-repeat center;
				background-size: cover;
				width: 45px;
				height: 42px;
				bottom: 9px;
				right: 40px;
			}
				.base_btn:hover:before{
					right: 8px;
				}
		.base_btn .pdf_link{

		}
			.base_btn .pdf_link:after{
				background: url("/recruit/w-nexco/common/img/icon_pdf_w.png") no-repeat center;
				background-size: cover;
				width: 12px;
				height: 16px;
				position: relative;
				display: inline-block;
				margin-left: 5px;
				margin-top: 0.1em;
				top: 0.15em;
			}
	
	
	/* list
	--------------------------*/
	.pamph_list{
		
	}
		.pamph_list li{
			margin-bottom: 50px;
		}
			.pamph_list li .thum{
				position: relative;
				max-width: 279px;
				width: 60%;
				margin: 0 auto;
				border: 1px solid #a4a4a4;
				box-shadow: 5px 5px rgb(164 164 164 / 100%);
			}
				.pamph_list li.com .thum{
					max-height: 394px;
					height: 76vw;
					background-color: #f2f2f2;
				}
					.pamph_list li.com .thum:after{
						content: '';
						display: block;
						position: absolute;
						background: url("/recruit/w-nexco/special/img/pamph/com.png") no-repeat center;
						background-size: cover;
						width: 107px;
						height: 10px;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
					}
			.pamph_list li .base_btn{
				max-width: 340px;
				width: 80%;
				margin: 30px auto 0;
			}
	
	#reader{
		position: relative;
		margin-top: 30px;
		font-size: 12px;
	}
		#reader .wrap{
		}
			#reader a{
				color: #00a0e9;
			}	
			#reader .wrap .img_box{
				width: 158px;
				margin-bottom: 10px;
			}



}