@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%;
}
#movie img {
	width: 100%;
}
iframe{
	border: none;
	width: 100%;
	aspect-ratio: 16/9;
}


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


#mainTitle {
	background: url("/recruit/w-nexco/special/img/movie/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;
}
.back #mainTitle {
	background: url("/recruit/w-nexco/special/img/movie/mainimg_back.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 .gradation {
	background: url("/recruit/w-nexco/special/img/movie/mainimg_back_grad.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 200px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
} */
	#mainTitle .en{
		margin: 0 auto;
	}
	#mainTitle .en img{
		display: block;
	}
	#mainTitle h1{
		font-weight: bold;
		color: #fff;
		font-size: 42px;
		letter-spacing: 0.2em;
		margin-top: 5px;
		line-height: 1.3;
		margin-bottom: 100px;
	} 
	.back #mainTitle h1{
		display: block;
		width: 333px;
		margin-bottom: 6px;
	} 
	.back #mainTitle p{
		margin-bottom: 85px;
	} 


/* wrapper
--------------------- */
#wrapper {
	background-color: #efefef;
}
.back #wrapper {
	/* background-color: #405da7; */
}
	#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;
	}
	.back #wrapper .content .sec .wrap{
		background-color: #ffffff;
	}
	#wrapper .content #movie04.sec .wrap:nth-child(1){
		padding-bottom: 120px;
	}
	#wrapper .content .sec .wrap.bn{
/*		background-color: #fef8ed;*/
	}
	
	/* ancArea
	--------------------------*/
	#wrapper .content #ancArea .wrap{
		padding: 70px 90px 70px;
	}
	#ancArea .lead{
		text-align: center;
		margin-bottom: 60px;
	}
			#ancArea #anchor li{
				float: left;
				width: 20%;
				text-align: center;
				position: relative;
			}
				#ancArea #anchor li:first-of-type:before,
				#ancArea #anchor li:after{
					content: '';
					display: block;
					position: absolute;
					width: 1px;
					height: 100%;
					background-color: #b8b8b8;
					top: 0;
					right: 0;
				}
				#ancArea #anchor li:first-of-type:before{
					right: auto;
					left: 0;
				}
					#ancArea #anchor li a{
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 10px 0 20px;
						position: relative;
						font-weight: bold;
					}
						#ancArea #anchor li a:after{
							content: '';
							display: block;
							position: absolute;
							width: 6px;
							height: 6px;
							border-right: 1px solid #00abff;
							border-bottom: 1px solid #00abff;
							transform: rotate(45deg);
							left: 0;
							right: 0;
							margin: 0 auto;
							bottom: 10px;
							transition: 0.4s;
						}
						#ancArea #anchor li a:hover{
							color: #00abff;
						}
						#ancArea #anchor li a:hover:after{
							bottom: 3px;
						}
	
	/* sec
	--------------------------*/
	.sec .wrap:before{
		content: '';
		display: block;
		position: absolute;
		width: 512px;
		height: 76px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;		
	}
	#movie01 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit01.png") no-repeat center;
		background-size: cover;
	}
	#movie02 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit02.png") no-repeat center;
		background-size: cover;
	}
	#movie03 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit03.png") no-repeat center;
		background-size: cover;
	}
	#movie04 .wrap:nth-child(1):before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit04.png") no-repeat center;
		background-size: cover;
	}
	#movie08 .wrap:nth-child(1):before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit08.png") no-repeat center;
		background-size: cover;
	}
	#movie05 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit05.png") no-repeat center;
		background-size: contain;
		width: 1000px;
		height: 70px;
	}
	#movie06 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit06.png") no-repeat center;
		background-size: contain;
		width: 1000px;
		height: 70px;
	}
	#movie07 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit07.png") no-repeat center;
		background-size: contain;
		width: 1000px;
		height: 70px;
	}
	.sec h2{
		font-size: 22px;
		text-align: center;
		margin-bottom: 50px;
		letter-spacing: 0.2em;
		position: relative;
	}
	.sec h2.general{
		color: #ea6500;
	}
	.sec h2.civil{
		color: #00a38d;
	}
	.sec h2.facilities{
		color: #0078d2;
	}
	#movie04.sec .bn h2{
		margin-bottom: 0;
	}
	#movie04.sec .bn > p{
		text-align: center;
		margin-bottom: 50px;
	}
	
	
	/* movie01
	--------------------------*/
	#movie01 .movie{
	}
	#movie01 .tit{
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #00a0e9;
		letter-spacing: 0.1em;
	}
	
	/* movie02~
	--------------------------*/
	.sec .container{
		position: relative;
	}
	.sec .container + .container{
		margin-top: 60px;
	}
	.sec .col_2{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;		
	}
	.sec .col_2.center{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.sec .col_2:after{
		display: none;
	}
	.sec .col_2 .col{
		width: calc(50% - 20px);
	}
	.sec .col_2 .col + .col{
		margin-left: 40px;
	}
	.sec .movie_list .col .movie,
	.sec .movie_list .movie,
	.sec .movie_list .com{
		line-height: 1;
		font-size: 0;
	}
	
	.movie {
		position: relative;
	}
	.movie a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.movie .iframe_modal{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.sec .movie_list .com{
		background-color: #efefef;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-weight: bold;
		color: #fff;
	}
	.sec .col .tit{
		margin-top: 10px;
	}
		
	/* š·N¤¢¤ê
	--------------------------*/
	.sec .cat h3{
		font-size: 20px;
		letter-spacing: 0.2em;
		margin-bottom: 10px;
	}
	.sec .cat.jyosei h3{
		color: #f08993;
	}
	.sec .container.cat + .container.cat{
		padding-top: 60px;
	}
	.sec .container.cat + .container.cat:after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #b8b8b8;
		top: 0;
		left: 0;
	}
	.sec#movie04 .container.cat.btn:after{
		content: none;
	}
	
	
	/* cannel
	--------------------------*/
	#cannel{
		
	}
	#cannel h3{
		margin-bottom: 30px;
	}
	#cannel h3 > span{
		display: block;
	}
	#cannel h3 .cannel_icon{
		width: 88px;
		float: left;		
	}
	#cannel h3 .cannel_icon img{
		border-radius: 44px;
		border: 1px solid rgba(153, 153, 153, 0.3);
		display: block;
	}
	#cannel h3 > span.tit{
		width: calc(100% - 108px);
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
	}
	#cannel h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
	#gallery{
		
	}
	#gallery h3{
		margin-bottom: 30px;
	}
	#gallery h3 > span{
		display: block;
	}
	#gallery h3 .gallery_icon{
		width: 88px;
		float: left;		
	}
	#gallery h3 .gallery_icon img{
		border-radius: 44px;
		border: 1px solid rgba(153, 153, 153, 0.3);
		display: block;
	}
	#gallery h3 > span.tit{
		width: calc(100% - 108px);
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
	}
	#gallery h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
  
  #meicari {
    flex-wrap: wrap;
    justify-content: flex-end; 
  }
  #meicari .col iframe + iframe {
    margin-top: 30px;
  }
  #meicari h3 > span.tit{
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
    width: 100%;
    letter-spacing: 0;
	}
	#meicari h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
	/* modal
	-------------------*/
	.of_h{
		overflow: hidden;
	}
	.js-modal-open{
		cursor: pointer;
	}
	.modal {
		display: none;
		height: calc(100% - 73px);
		position: fixed;
		top: 73px;
		left: 0;
		width: 100%;
		z-index: 100;
		box-sizing: border-box;
	}
		.modal__bg {
			background: rgba(0, 0, 0,0.9);
			height: 100%;
			position: absolute;
			width: 100%;
		}
			.modal__content {
				left: 50%;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(-50%,-55%);
				transform: translate(-50%,-55%);
				width: 90%;
				max-width: 840px;
				font-size: 16px;
				max-height: 80%;
				overflow-y: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				padding-top: 60px;
				font-weight: bold;
				box-sizing: border-box;
			}
				.modal__content .modal__inn {
					position: relative;
				}
				.modal__content video{
					width: 100%;
				}
				.modal__content iframe{
					width: 100%;
					max-height: 473px;
					height:51vw; 
				}
					
			.modal__content::-webkit-scrollbar {
				display:none;
			}

	
		.btn {
		}
			.btn a {
				color: #fff;
				font-size: 16px;
				display: block;
				background-color: #000;
				position: relative;
				padding: 12px 20px;
				box-sizing: border-box;
			}
			.btn a::before ,
			.btn a::after {
				position: absolute;
				content: "";
			}
			.btn a::before {
				top: 0;
				bottom: 0;
				right: 16px;
				margin: auto;
				width: 28px;
				height: 5px;
				border-right: solid 1px #fff;
				border-bottom: solid 1px #fff;
				transform: skew(45deg);
				transition: 0.3s;
			}
			.btn a:hover::before {
				right: 10px;
			}
			.btn a::after {
				top: 0;
				right: 42px;
				height: calc(100% - 20px);
				border-right: solid 3px #0078d2;
				transform: skew(135deg);
			}
				.btn a .pdf_link::after {
					width: 12px;
					height: 16px;
					background: url(/recruit/w-nexco/special/img/project/icon_pdf.png) no-repeat center;
					background-size: cover;
				}
				.btn a .bla_link {
					position: relative;
					padding-right: 20px;
				}
				.btn a .bla_link::after {
					content: '';
					display: inline-block;
/*
					display: block;
					position: absolute;
*/
					width: 12px;
					height: 16px;
					background: url(/recruit/w-nexco/special/img/project/icon_bla.png) no-repeat center;
					background-size: cover;
					margin-bottom: -1px;
					margin-left: 5px;
/*
					right: 0;
					bottom: 0.1em;
*/
				}
	
	
	#movie04 .btn {
		width: 320px;
		margin: auto;
		margin-bottom: 60px;
	}
	
	
}


/* ¥¹¥Þ¥Û */
@media only screen and (max-width: 768px) {

	#movie{
		margin-bottom: 0;
	}
#mainTitle {
	background: url("/recruit/w-nexco/special/img/movie/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;
}
.back #mainTitle {
	background: url("/recruit/w-nexco/special/img/movie/mainimg_back_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;
	}
	
	.back #mainTitle h1{
		display: block;
		width: 333px;
		margin-bottom: 6px;
	} 


/* wrapper
--------------------- */
#wrapper {
	background-color: #efefef;
}
.back #wrapper {
	/* background-color: #405da7; */
	padding-bottom: 50px;
}
	#wrapper .content{
		transform: translateY(-50px);
		margin: 0 auto;
	}
	.back #wrapper .content{
		transform: translateY(0);
	}
	
	#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;
		
	}
	.back #wrapper .content .sec .wrap.general,
	.back #wrapper .content .sec .wrap.civil{
		padding-top: 16vw;
	}
	.back #wrapper .content .sec .wrap{
		background-color: #ffffff;
		
	}
	#wrapper .content #movie04.sec .wrap:nth-child(1){
		padding-bottom: 80px;
	}
	#wrapper .content .sec .wrap.bn{
/*		background-color: #fef8ed;*/
	}
	
	/* ancArea
	--------------------------*/
	#wrapper .content #ancArea .wrap{
		padding: 30px;
		width: 90%;
		margin: 0 auto;
	}
	#ancArea .lead{
		margin-bottom: 20px;
		text-align: justify;
	}
			#ancArea #anchor li{
				float: left;
				width: 50%;
				text-align: center;
				position: relative;
				font-size: 12px;
				box-sizing: border-box;
			}
				#ancArea #anchor li:nth-of-type(n + 3){
					margin-top: 10px;
				}
				#ancArea #anchor li:nth-of-type(2n):before,
				#ancArea #anchor li:nth-of-type(n + 3):after{
					content: '';
					display: block;
					position: absolute;					
					background-color: #b8b8b8;
					top: 0;
					left: 0;
				}
				#ancArea #anchor li:nth-of-type(2n):before{
					width: 1px;
					height: 100%;
				}				
				#ancArea #anchor li:nth-of-type(n + 3):after{
					width: calc(100% - 5px);
					height: 1px;
					top: -5px;
					left: 0;
				}
				#ancArea #anchor li:nth-of-type(2n):after{
					left: 5px;
				}
					#ancArea #anchor li a{
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 10px 0 20px;
						position: relative;
						font-weight: bold;
					}
						#ancArea #anchor li a:after{
							content: '';
							display: block;
							position: absolute;
							width: 6px;
							height: 6px;
							border-right: 1px solid #00abff;
							border-bottom: 1px solid #00abff;
							transform: rotate(45deg);
							left: 0;
							right: 0;
							margin: 0 auto;
							bottom: 10px;
							transition: 0.4s;
						}
						#ancArea #anchor li a:hover{
							color: #00abff;
						}
						#ancArea #anchor li a:hover:after{
							bottom: 3px;
						}
	
	/* sec
	--------------------------*/
	.sec .wrap:before{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 13vw;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;		
	}
	#movie01 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit01.png") no-repeat center;
		background-size: auto 100%;
	}
	#movie02 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit02.png") no-repeat center;
		background-size: auto 100%;
	}
	#movie03 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit03.png") no-repeat center;
		background-size: auto 100%;
	}
	#movie04 .wrap:nth-child(1):before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit04.png") no-repeat center;
		background-size: auto 100%;
	}
	#movie08 .wrap:nth-child(1):before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit08.png") no-repeat center;
		background-size: auto 100%;
	}
	#wrapper .content .sec .wrap:nth-child(2){
		padding-top: 90px;
	}
	#movie04 .wrap:nth-child(2):before{
		background: url("/recruit/w-nexco/special/img/movie/bg_bn_sp.png") no-repeat center;
		background-size: auto 100%;
		height: 26vw;
	}
	#movie05 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit05_sp.png") no-repeat center;
		background-size: auto 100%;
		height: 21vw;
	}
	#movie06 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit06_sp.png") no-repeat center;
		background-size: auto 100%;
		height: 21vw;
	}
	#movie07 .wrap:before{
		background: url("/recruit/w-nexco/special/img/movie/bg_tit07.png") no-repeat center;
		background-size: auto 100%;
		height: 11vw;
	}
	.sec h2{
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1.4;
		letter-spacing: 0.2em;
		position: relative;
	}
	.sec h2.general{
		color: #ea6500;
	}
	.sec h2.civil{
		color: #00a38d;
	}
	.sec h2.facilities{
		color: #0078d2;
	}
	#movie04.sec .bn h2{
		margin-bottom: 0;
	}
	#movie04.sec .bn > p{
		text-align: center;
		margin-bottom: 20px;
	}
	
	/* movie01
	--------------------------*/
	#movie01 .movie{
	}
	#movie01 .tit{
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #00a0e9;
		letter-spacing: 0.1em;
	}
	
	/* movie02~
	--------------------------*/
	.sec .container{
		position: relative;
	}
	.sec .container + .container{
		margin-top: 30px;
	}
	.sec .col_2{
		position: relative;	
	}
	.sec .col_2.center{
	}
	.sec .col_2:after{
		display: none;
	}
	.sec .col_2 .col{
		
	}
	.sec .col_2 .col + .col{
		margin-top: 30px;
	}
	.sec .movie_list .col .movie,
	.sec .movie_list .movie,
	.sec .movie_list .com{
		line-height: 1;
		font-size: 0;
	}
	.sec .movie_list .com{
		background-color: #efefef;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-weight: bold;
		color: #fff;
	}
	.movie {
		position: relative;
	}
	.movie a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.movie .iframe_modal{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.sec .col .tit{
		margin-top: 10px;
	}
		
	/* š·N¤¢¤ê
	--------------------------*/
	.sec .cat{
		position: relative;
	}
	.sec .cat h3{
		font-size: 18px;
		letter-spacing: 0.2em;
		margin-bottom: 10px;
	}
	.sec .cat.gen h3{
		color: #ea6500;
	}
	.sec .cat.gen h3{
		color: #ea6500;
	}
	.sec .cat.civil h3{
		color: #00a38d;
	}
	.sec .cat.faci h3{
		color: #0078d2;
	}
	.sec .cat.jyosei h3{
		color: #f08993;
	}
	.sec .container + .container,
	.sec .cat + .cat{
		padding-top: 30px;
	}
	.sec .container + .container:after,
	.sec .cat + .cat:after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #b8b8b8;
		top: 0;
		left: 0;
	}
	.back ul:after {
		visibility: visible;
	}
	
	.sec#movie04 .container.cat.btn:after{
		content: none;
	}
	
	
	/* cannel
	--------------------------*/
	#cannel{
		
	}
	#cannel h3{
		margin-bottom: 30px;
		line-height: 1.5;
		letter-spacing: 1px;
	}
	#cannel h3 > span{
		display: block;
	}
	#cannel h3 .cannel_icon{
		width: 75px;
		float: left;		
	}
	#cannel h3 .cannel_icon img{
		border-radius: 44px;
		border: 1px solid rgba(153, 153, 153, 0.3);
		display: block;
	}
	#cannel h3 > span.tit{
		width: calc(100% - 85px);
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
	}
	#cannel h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
	#gallery{
		
	}
	#gallery h3{
		margin-bottom: 30px;
		line-height: 1.5;
		letter-spacing: 1px;
	}
	#gallery h3 > span{
		display: block;
	}
	#gallery h3 .gallery_icon{
		width: 75px;
		float: left;		
	}
	#gallery h3 .gallery_icon img{
		border-radius: 44px;
		border: 1px solid rgba(153, 153, 153, 0.3);
		display: block;
	}
	#gallery h3 > span.tit{
		width: calc(100% - 85px);
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
	}
	#gallery h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
  
  #meicari h3 > span.tit{
    width: 100%;
		float: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 0;
    font-size: 16px;
    letter-spacing: 0;
	}
	#meicari h3 > span.tit img{
		display: block;
		margin-bottom: 5px;
		width: 120px;
	}
  #meicari .col iframe + iframe {
    margin-top: 30px;
  }
	
	
	
	/* modal
	-------------------*/
	.of_h{
		overflow: hidden;
	}
	.js-modal-open{
		cursor: pointer;
	}
	.modal {
		display: none;
		height: calc(100% - 50px);
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 9999;
		box-sizing: border-box;		
	}
		.modal__bg {
			background: rgba(0, 0, 0,0.9);
			height: 100%;
			position: absolute;
			width: 100%;
		}
			.modal__content {
				left: 50%;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(-50%,-55%);
				transform: translate(-50%,-55%);
				width: 90%;
				max-width: 840px;
				font-size: 16px;
				max-height: 80%;
				overflow-y: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				padding-top: 60px;
				font-weight: bold;
				box-sizing: border-box;
			}
				.modal__content .modal__inn {
					position: relative;
				}
				.modal__content video{
					width: 100%;
				}
				.modal__content iframe{
					width: 100%;
					max-height: 473px;
					height:51vw; 
				}
					
			.modal__content::-webkit-scrollbar {
				display:none;
			}


		 .btn {
		}
		#movie04 .btn {
			margin-top: 0;
		}
			 .btn a {
				color: #fff;
				font-size: 14px;
				display: block;
				background-color: #000;
				position: relative;
				padding: 12px 80px 12px 15px;
				box-sizing: border-box;
			}
			 .btn a::before ,
			 .btn a::after {
				position: absolute;
				content: "";
			}
			 .btn a::before {
				top: 0;
				bottom: 0;
				right: 16px;
				margin: auto;
				width: 28px;
				height: 5px;
				border-right: solid 1px #fff;
				border-bottom: solid 1px #fff;
				transform: skew(45deg);
				transition: 0.3s;
			}
			 .btn a::after {
				top: 0;
				right: 42px;
				height: calc(100% - 20px);
				border-right: solid 3px #0078d2;
				transform: skew(135deg);
			}
				 .btn a .pdf_link::after {
					width: 12px;
					height: 16px;
					background: url(/recruit/w-nexco/special/img/project/icon_pdf.png) no-repeat center;
					background-size: cover;
					top: auto;
					bottom: -0.1em;
				}
				 .btn a .bla_link {
					position: relative;
					padding-right: 20px;
				}
				 .btn a .bla_link::after {
					content: '';
					display: inline-block;
					margin-bottom: -1px;
					margin-left: 5px;
/*
					display: block;
					position: absolute;
*/
					width: 12px;
					height: 16px;
					background: url(/recruit/w-nexco/special/img/project/icon_bla.png) no-repeat center;
					background-size: cover;
/*
					right: 0;
					bottom: -0.1em;
*/
				}

}