@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');


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




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
	transition: 0.4s;
	-webkit?transition: 0.4s;
}
a:hover {
	color: #808080;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}
.indent{
	margin-left:1em;
	text-indent:-1em;
	}




/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #212121;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	position:relative;
}

/* フォント */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.en {
	font-family: 'Ropa Sans', sans-serif;
}


/* 色 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.col_1{
	color:#4b6673;
	}
	

/* リスト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
	.num_list{
		counter-reset: section;
	}
	.num_list li{
			position:relative;
			padding-left:30px;
			counter-increment: section;
			}	
		.num_list li:not(:first-child){
			margin-top:10px;
			}
		.num_list li::before{
			content: counter(section);
			position:absolute;
			left:0;
			top:3px;
			width:18px;
			height:18px;
			border-radius:100%;
			background-color:#000;
			text-align:center;
			color:#fff;
			box-sizing: border-box;
			font-weight: bold;
			padding: 2.5px 0 0 1px;
			font-size:12px;
			line-height:1em;
			}
		
	.circle_list li{
			position:relative;
			padding-left:12px;
			line-height: 1.5;
			}
		.circle_list li + li{
			margin-top: 5px;
		}
		.circle_list li::before{
			content:"";
			position:absolute;
			left:0;
			top:0.5em;
			width:6px;
			height:6px;
			background-color:#000;
			}

	ul.ListPDF li {
		text-indent:-20px;
		margin-left:20px;
	}
		ul.ListPDF li a {
			background: url(/recruit/w-nexco/common/img/icon_pdf.png) no-repeat left center;
			padding: 8px 0px 8px 20px;
		}

	.pdf_link{
		position: relative;
		padding-right: 20px;
	}
		.pdf_link:after{
			content: '';
			display: block;
			position: absolute;
			background: url(/recruit/w-nexco/common/img/icon_pdf.png) no-repeat center;
			background-size: cover;
			width: 11px;
			height: 15px;
			right: 0;
			top: -0.1em;
		}


/* アニメーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

.fadein {
    opacity: 0;
    transition-delay: .2s;
    transition-duration: 1s;
}

.fadein_t {
    opacity: 0;
    transition-duration: 1s;
	transform:translateY(10px);
}
.fadein_b {
    opacity: 0;
    transition-duration: 1s;
	transform:translateY(-10px);
}
.fadein_l {
    opacity: 0;
    transition-delay: .2s;
    transition-duration: 1s;
	transform:translateX(-10px);
}
.fadein_r {
    opacity: 0;
    transition-delay: .2s;
    transition-duration: 1s;
	transform:translateX(10px);
}


.fadein.on ,
.fadein_t.on ,
.fadein_b.on ,
.fadein_l.on,
.fadein_r.on{
    opacity: 1;
	transform:translateY(0px);
	transform:translateX(0px);
}


img {
	max-width: 100%;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

	/* 下層　扉ページ */



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	.sp {display: none !important;}
	
	body{
		min-width:1040px;
		}
	.no-scroll{
		overflow: hidden!important;
	}
	
	/* ヘッダー pc */
	#header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
		}
		#header #header_wrap{
			background-color: #fff;
			height: 73px;
			padding: 0 80px 0 20px;
		}
			#header #header_wrap #header_logo{
				width: 158px;
				padding: 11px 0 0 0;
				float: left;
			}
				#header #header_wrap #header_logo img{
					opacity: 1 !important;
				}
			#header #header_wrap #header_sns{
				position: absolute;
				top: 25px;
				right: 385px; 
				/*right: 521px;*/
			}
				#header #header_wrap #header_sns li {
					float: left;
				}
				#header #header_wrap #header_sns li + li {
					margin-left: 22px;
				}
					#header #header_wrap #header_sns li a {
						width: 29px;
						display: block;
					}
			#header #header_wrap #header_btn{
				float: right;
				height: 100%;
			}
				#header #header_wrap #header_btn a{
					width: 136px;
					height: 100%;
					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;
					float: left;
				}
					#header a.intern_btn{
						background-color: #00A0E9;
					}
					#header a.entry_btn{
						background-color: #00D4FF;
					}
					#header a.entry_btn2{
						background-color: #00A0E9;
					}
					#header a.mypage_btn{
						background-color: #3362B7;
					}
					#header #nav_btn a.mypage_btn{
						background-color: #fff;
					}
						#header #header_wrap #header_btn a img{
							display: block;
							width: 94px;
						}
	
	#header #nav{
		transform: translateY(-100%);
		opacity: 0;
		position: fixed;
		z-index: 10001;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: 0.4s ease-in-out;
	}
		#header #nav.active{
			transform: translateY(0);
			opacity: 1;
		}
		#header #nav #nav_wrap{
			width: 100%;
			height: 100%;
			background-color: rgba(32, 98, 184, 0.95);
		}
			#header #nav #nav_wrap #nav_titleArea{
				position: absolute;
				background: url("/recruit/w-nexco/common/img/gnav_bg.png") no-repeat left top;
				background-size: auto  100%;
				height: 100%;
				width: 100%;
			}
				#header #nav #nav_wrap #nav_titleArea .nav_title{
					width: 452px;
					padding-top: 12.5%;
					margin-left: 3%;
				}
			#header #nav #nav_wrap #nav_menuArea{
				height: 100%;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				flex-direction: column;
				width: calc(100% - 480px);
				margin: 0 0 0 auto;
				padding-right: 3%;
				position: relative;
			}
				#header #nav #nav_wrap #nav_menuArea #nav_btn{
					margin-bottom: 80px;
					display: flex;
					gap: 0 2%;
				}
					#header #nav #nav_wrap #nav_menuArea #nav_btn a{
						display: block;
						padding: 18px 0;
					}
						#header #nav #nav_wrap #nav_menuArea #nav_btn a img{
							width: 167px;
							display: block;
						}
				#header #nav #nav_wrap #nav_menuArea #nav_menu{
					height: calc(100% - 260px);
					overflow-y: scroll;
					-ms-overflow-style: none;
					scrollbar-width: none;
				}
					#header #nav #nav_wrap #nav_menuArea #nav_menu::-webkit-scrollbar {
						display:none;
					}
					#header #nav #nav_wrap #nav_menuArea #nav_menu a{		
						color: #fff;
					}
						#header #nav #nav_wrap #nav_menuArea #nav_menu > li{
							width: 33%;
							padding-right: 20px;
							float: left;
						}
							#header #nav #nav_wrap #nav_menuArea #nav_menu > li:nth-of-type(n+4){
								margin-top: 60px;
							}
							#header #nav #nav_wrap #nav_menuArea #nav_menu > li:nth-of-type(3n){
								width: 34%;
								padding-right: 0;
							}
								#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat{
									display: block;
									font-size: 16px;
									font-weight: bold;
									letter-spacing: 3px;
									color: #fff;
								}
									#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat + .cat{
										margin-top: 30px;
									}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat .eng{
											display: block;
											width: 143px;
											margin-bottom: 5px;
										}
									#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu{
										margin-top: 10px;
										line-height: 1.5;
									}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu p{
											color: #fff;
										}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu > li + li{
											margin-top: 5px;
										}
											#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu > li .third_menu li{
												padding-left: 1em;
												position: relative;
											} 
												#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu > li .third_menu li:after{
													content: '';
													display: block;
													position: absolute;
													width: 8px;
													height: 1px;
													top: 0.7em;
													left: 0;
													background-color: #fff;
												}
	
	
	
		#hamburger{
			position: absolute;
			width: 80px;
			height: 100%;
			padding: 36px 18px;
			right: 0;
			top: 0;	
			z-index: 10002;
			background-color: #fff;
			cursor: pointer;
			transition: 0.4s;
		}
			#hamburger .hamburger__icon{
				display: block;
				width: 100%;
				height: 0.5px;
				background-color: #C1C1C1;
				position: relative;
				transition: 0.4s;
			}
			
				#hamburger .hamburger__icon:before,
				#hamburger .hamburger__icon:after{
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 1px;
					background-color: #C1C1C1;
					transition: 0.4s;
				}
				#hamburger .hamburger__icon:before{
					top: -7px;
				}
				#hamburger .hamburger__icon:after{
					bottom: -7px;
				}
			#hamburger.active,
			#hamburger.active .hamburger__icon{
				background-color: transparent;
			}
				#hamburger.active .hamburger__icon:before{
					top: 0;
					transform: rotate(45deg);
					background-color: #fff;
				}
				#hamburger.active .hamburger__icon:after{
					bottom: 0;
					transform: rotate(-45deg);
					background-color: #fff;
				}

	/* ヘッダー pc end */


	
	/* フッター pc  */
	#footer {
		font-feature-settings: "palt";
		}
		#footer #footer_menu{
			max-width: 1100px;
			margin: 0 auto;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
					#footer #footer_menu a{		
					}
						#footer #footer_menu > li{
							padding-right: 20px;
						}
							#footer #footer_menu > li:nth-of-type(n+4){
							}
							#footer #footer_menu > li:last-of-type{
								padding-right: 0;
							}
								#footer #footer_menu > li .cat{
									display: block;
									font-size: 14px;
									font-weight: bold;
									letter-spacing: 3px;
								}
									#footer #footer_menu > li .cat + .cat{
										margin-top: 30px;
									}
										#footer #footer_menu > li .cat .eng{
											display: block;
											width: 143px;
											margin-bottom: 5px;
										}
									#footer #footer_menu > li .second_menu{
										margin-top: 10px;
										line-height: 1.5;
										font-size: 12px;
									}
										#footer #footer_menu > li .second_menu > li + li{
											margin-top: 5px;
										}
											#footer #footer_menu > li .second_menu > li .third_menu li{
												padding-left: 1em;
												position: relative;
											} 
												#footer #footer_menu > li .second_menu > li .third_menu li:after{
													content: '';
													display: block;
													position: absolute;
													width: 8px;
													height: 1px;
													top: 0.7em;
													left: 0;
													background-color: #333;
												}
			#footer #footer_mynavi {
				max-width: 1100px;
				min-width: 1040px;
				margin: auto;
				display: block;
				position: relative;
			}
			#footer #footer_mynavi a {
				position: absolute;
				top: 70px;
				left: 0;
			}
			#footer #footer_logo{
				width: 101px;
				margin: 65px auto 0;
			}
			#footer #footerlink{
				padding: 20px 20px 50px;
				margin-top: 30px;
			}
				#footer #footerlink ul{
					display: flex;
					justify-content: center;
				}
					#footer #footerlink ul li{
						line-height: 1;
					}
					#footer #footerlink ul li + li{
						border-left: 1px solid #ccc;
					}
						#footer #footerlink ul li a{
							margin: 0 15px;
							position: relative;
							display: block;
							padding-right: 20px;
						}
						#footer #footerlink ul li a::before{
							position: absolute;
							content: "";
							background-image: url(/recruit/w-nexco/common/img/window_w.png);
							background-size: cover;
							width: 10px;
							height: 9px;
							top: 0;
							bottom: 2px;
							right: 0;
							margin: auto;
						}
						#footer #copyright{
							font-size: 12px;
							padding: 10px 0 15px;
							text-align: center;
						}
	
	/* フッター pc end */

	
	/*  contents  */
	.wrap{
		margin-left:auto;
		margin-right:auto;
		width:1040px;
		}
	
	
	/*  coming soon  */
	#header .com:not(.intern_btn),
	#footer .com{
		position: relative;
		pointer-events: none;
		opacity: 0.3;
	}
	#header .com a,
	#footer .com a{
		pointer-events: none;
	}
	main:not(#top) .com,
	#header .com.intern_btn,
	.modaal-wrapper .com{
		position: relative;
		pointer-events: none;
	}
	main:not(#top) .com:before,
	#header .com.intern_btn:before,
	.modaal-wrapper .com:after{
		content: 'coming soon';
		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;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.6);
		color: #fff;
		font-size: 16px;
		letter-spacing: 0.2em;
		font-weight: bold;
		z-index: 2;
	}
	#header .com.intern_btn:before{
		font-size: 12px;
	}
	
		
		
	/* 下層ページ */
	
	.bread {
		height: 40px;
		padding-left: 120px;
		position: relative;
		z-index: 10;
		background-color: #fff;
		margin-top: 72px;
	}
	.bread ul li{
		color: #212121;
		font-size: 12px;
		justify-content: center;
		align-items: center;
	}
	.bread li:not(:last-child)::after{
		margin: 0 10px;
		content: "";
		display: block;
		left: 3px;
		width: 4px;
		height: 4px;
		border-top: 1px solid black;
		border-right: 1px solid black;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	main {
		margin-bottom: 120px;
	}
	#maintitle{
		position: relative;
	}
			#maintitle h1{
				position: relative;
				z-index: 1;
				font-weight: bold;
				color: #fff;
				font-size: 28px;
				letter-spacing: 0.2em;
				margin-top: 5px;
				line-height: 1.5;
			}
			#maintitle h1.white{
				color: white;
			}
			#maintitle h1.black{
				color: black;
			}
				#maintitle p.en{
					position: relative;
					z-index: 1;
					color: #00a0e9;
					letter-spacing: 0.15em;
				}
				#maintitle p.en.white{
					color: white;
				}
				#maintitle p.en.black{
					color: black;
				}

	/*----------------------------------------------------
	下層index
	------------------------------------------------------*/
	.indexpage .wrap_s {
		width: 900px;
		margin: auto;
	}
	
	.indexpage #maintitle{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		height: 25vw;
		z-index: 1;
		color: #fff;
	}
	.indexpage #maintitle::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		z-index: -1;
	}
			.indexpage #maintitle h1 {
				width: 326px;
			}
			.indexpage #maintitle p {
				margin-top: 35px;
				font-size: 17px;
				letter-spacing: 2px;
			}
		.indexpage .contents {
			background-color: #efefef;
			padding: 80px 0 150px;
		}
			.indexpage .contents .sec {
			}
				.indexpage .contents .sec .link {
				}
					.indexpage .contents .sec .link ul {
					}
						.indexpage .contents .sec .link ul li {
						}
						.indexpage .contents .sec .link ul li + li {
							margin-top: 40px;
						}
							.indexpage .contents .sec .link ul li h2 {
								font-size: 18px;
								line-height: 1.4;
								margin-bottom: 10px;
							}
								.indexpage .contents .sec .link ul li h2 span {
									font-size: 12px;
									padding-right: 10px;
									color: #000;
								}
							.indexpage .contents .sec .link ul li .link_area {
								display: flex;
							}
							.indexpage .contents .sec .link ul li .link_area .link_blo {
								flex-grow: 1;
							}
								.indexpage .contents .sec .link ul li .link_box {
								}
										.indexpage .contents .sec .link ul li .link_box a {
											display: block;
											position: relative;
										}
										.indexpage .contents .sec .link ul li .link_box a .link_img {
											transition: 0.3s;
										}
										.indexpage .contents .sec .link ul li .link_area .link_box a .link_img {
											padding-bottom: 60px;
										}
										.indexpage .contents .sec .link ul li .link_box a:hover .link_img {
											opacity: 0.7;
										}
											.indexpage .contents .sec .link ul li .link_box a .link_img img {
												opacity: 1 !important;
											}
										.indexpage .contents .sec .link ul li .link_box a p {
											position: absolute;
											bottom: 0;
											right: 0;
											background-color: #000;
											color: #fff;
											line-height: 1.4;
											padding: 16.5px 80px 15.5px 16px;
											font-size: 20px;
											min-width: 500px;
											box-sizing: border-box;
										}
										.indexpage .contents .sec .link ul li .link_area .link_blo .link_box a p {
											min-width: auto;
											width: 100%;
										}
										.indexpage .contents .sec .link ul li .link_area .link_blo:nth-child(even) .link_box a p {
											background-color: #2b2b2b;
										}
										.indexpage .contents .sec .link ul li .link_box a p::before,
										.indexpage .contents .sec .link ul li .link_box a p::after {
											position: absolute;
											content: "";
										}
										.indexpage .contents .sec .link ul li .link_box a p::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;
										}
										.indexpage .contents .sec .link ul li .link_box a:hover p::before {
											right: 10px;
										}
										.indexpage .contents .sec .link ul li .link_box a p::after {
											top: 0;
											right: 52px;
											height: calc(100% - 20px);
											border-right: solid 3px #0078d2;
											transform: skew(135deg);
										}
	
	/* 下層ページ end */

  /* ~ グローバルナビのボタンを２つに */
  /*#header #header_wrap #header_sns {
    right: 385px;
  }*/
  
}



/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	body {
		}
	body.no-scroll{
		overflow: hidden;
	}
	.pc {display: none !important;}
	div.fat-nav__wrapper{
		height: 100%!important;
		}
	img {
		max-width:100%;
		}

	/* ヘッダー sp */
	#header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
		height: 50px;
		}
		#header #header_wrap{
			background-color: #fff;
			height: 50px;
			padding: 0 50px 0 5px;
		}
			#header #header_wrap #header_logo{
				width: 35%;
				float: left;
				height: 100%;
				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;
			}
				#header #header_wrap #header_logo img{
					width: 100%;
					max-width: 120px;
				}
			#header #header_wrap #header_btn{
				float: right;
				height: 100%;
				width: calc(65% - 10px);
			}
				#header #header_wrap #header_btn a{
					 width: 50%; 
					/*width: 33.33%;*/
					height: 100%;
					 padding: 0 15px; 
					/*padding: 0 8px;*/
					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;
					float: left;
				}
					#header #header_wrap #header_btn a.intern_btn{
						display: none;
					}
					#header a.intern_btn{
						background-color: #00A0E9;
					}
					#header a.entry_btn{
						background-color: #00D4FF;
					}
					#header a.entry_btn2{
						background-color: #00A0E9;
					}
					#header a.mypage_btn{
						background-color: #3362B7;
					}
					#header #nav_btn a.mypage_btn{
						background-color: #fff;
					}
						#header #header_wrap #header_btn a img{
							display: block;
							width: 55px;
						}
	
	#header #nav{
		transform: translateY(-100%);
		opacity: 0;
		position: fixed;
		z-index: 10001;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: 0.4s ease-in-out;
	}
		#header #nav.active{
			transform: translateY(0);
			opacity: 1;
		}
		#header #nav_sns{
			width: 100px;
			margin: 30px auto 50px;
			padding-bottom: 30px;
		}
			#header #nav_sns li {
				float: left;
			}
			#header #nav_sns li + li {
				margin-left: 42px;
			}
				#header #nav_sns li a {
					width: 29px;
					display: block;
				}
		#header #nav #nav_wrap{
			width: 100%;
			height: 100%;
			background-color: rgba(32, 98, 184, 0.95);
			box-sizing: border-box;
			padding: 65px 0 94px;
		}
			#header #nav #nav_wrap #nav_titleArea{
				display: none;
			}
			#header #nav #nav_wrap #nav_menuArea{
				height: 100%;
/*				padding-bottom: 100px;*/
				overflow: scroll;
			}
				#header #nav #nav_wrap #nav_menuArea #nav_btn{
					position: absolute;
					bottom: 47px;
					left: 0;
					padding: 15px 5%;
					border-top: 1px solid #fff;
					background-color: #3362B7;
					z-index: 2;
				}
					#header #nav #nav_wrap #nav_menuArea #nav_btn a{
						display: block;
						float: left;
						width: calc(33.3% - 4px);
						box-sizing: border-box;
						padding: 18px 10px;
					}
						#header #nav #nav_wrap #nav_menuArea #nav_btn a + a{
							margin-left: 6px;
						}
						#header #nav #nav_wrap #nav_menuArea #nav_btn a img{
							display: block;
						}
				#header #nav #nav_wrap #nav_menuArea #nav_menu{
					font-feature-settings: "palt";
					padding: 0 5%;
					color: #fff;
				}
					#header #nav #nav_wrap #nav_menuArea #nav_menu a{		
						color: #fff;
					}
						#header #nav #nav_wrap #nav_menuArea #nav_menu > li{
						}
							#header #nav #nav_wrap #nav_menuArea #nav_menu > li:nth-of-type(n+4){
							}
							#header #nav #nav_wrap #nav_menuArea #nav_menu > li:last-of-type{
								padding-right: 0;
							}
								#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat{
									display: block;
									font-size: 14px;
									font-weight: bold;
									padding: 15px 0;
									position: relative;
								}

									#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat:before,
									#header #nav #nav_wrap #nav_menuArea #nav_menu > li span.cat:after{
										content: '';
										display: block;
										position: absolute;
									}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat:before{
											width: 100%;
											height: 1px;
											background-color: rgba(255, 255, 255, 0.3);
											left: 0;
											bottom: 0;
										}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li span.cat:after{
											width: 8px;
											height: 8px;
											border-right: 1px solid rgba(255, 255, 255, 0.6);
											border-bottom: 1px solid rgba(255, 255, 255, 0.6);
											transform: rotate(45deg);
											right: 20px;
											bottom: 0;
											top: 0;
											margin: auto 0;
											transition: 0.4s;
										}
											#header #nav #nav_wrap #nav_menuArea #nav_menu > li span.cat.active:after{
												transform: rotate(225deg);				
											}
									#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat + .cat{
									}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .cat .eng{
											display: none;
										}
									#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu{
										line-height: 1.5;
										font-size: 12px;
										display: none;
										padding: 10px 0 15px;
										position: relative;
									}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu:before{
											content: '';
											display: block;
											position: absolute;
											width: 100%;
											height: 1px;
											background-color: rgba(255, 255, 255, 0.3);
											left: 0;
											bottom: 0;
										}
										#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu li{
											padding: 5px 0;
										}
											#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu > li .third_menu li{
												padding: 0 0 0 1em;
												position: relative;
											} 
												#header #nav #nav_wrap #nav_menuArea #nav_menu > li .second_menu > li .third_menu li:after{
													content: '';
													display: block;
													position: absolute;
													width: 8px;
													height: 1px;
													top: 0.7em;
													left: 0;
													background-color: #fff;
												}
	
	
	
		#hamburger{
			position: absolute;
			width: 50px;
			height: 100%;
			padding: 25px 12px;
			right: 0;
			top: 0;	
			z-index: 10002;
			background-color: #fff;
			cursor: pointer;
			transition: 0.4s;
		}
			#hamburger .hamburger__icon{
				display: block;
				width: 100%;
				height: 1px;
				background-color: #C1C1C1;
				position: relative;
				transition: 0.4s;
			}
			
				#hamburger .hamburger__icon:before,
				#hamburger .hamburger__icon:after{
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 1px;
					background-color: #C1C1C1;
					transition: 0.4s;
				}
				#hamburger .hamburger__icon:before{
					top: -5px;
				}
				#hamburger .hamburger__icon:after{
					bottom: -5px;
				}
			#hamburger.active,
			#hamburger.active .hamburger__icon{
				background-color: transparent;
			}
				#hamburger.active .hamburger__icon:before{
					top: 0;
					transform: rotate(45deg);
					background-color: #fff;
				}
				#hamburger.active .hamburger__icon:after{
					bottom: 0;
					transform: rotate(-45deg);
					background-color: #fff;
				}
	/* ヘッダー sp end */
	
	
	
	/* フッター sp  */
	#footer {
		font-feature-settings: "palt";
		padding: 0 5%;
		}
		#footer #footer_menu{

		}
					#footer #footer_menu a{		
					}
						#footer #footer_menu > li{
						}
							#footer #footer_menu > li:nth-of-type(n+4){
							}
							#footer #footer_menu > li:last-of-type{
								padding-right: 0;
							}
								#footer #footer_menu > li .cat{
									display: block;
									font-size: 14px;
									font-weight: bold;
									padding: 15px 0;
									position: relative;
								}

									#footer #footer_menu > li .cat:before,
									#footer #footer_menu > li span.cat:after{
										content: '';
										display: block;
										position: absolute;
									}
										#footer #footer_menu > li .cat:before{
											width: 100%;
											height: 1px;
											background-color: rgba(153, 153, 153, 0.3);
											left: 0;
											bottom: 0;
										}
										#footer #footer_menu > li span.cat:after{
											width: 8px;
											height: 8px;
											border-right: 1px solid rgba(153, 153, 153, 0.6);
											border-bottom: 1px solid rgba(153, 153, 153, 0.6);
											transform: rotate(45deg);
											right: 20px;
											bottom: 0;
											top: 0;
											margin: auto 0;
											transition: 0.4s;
										}
											#footer #footer_menu > li span.cat.active:after{
												transform: rotate(225deg);				
											}
									#footer #footer_menu > li .cat + .cat{
									}
										#footer #footer_menu > li .cat .eng{
											display: none;
										}
									#footer #footer_menu > li .second_menu{
										line-height: 1.5;
										font-size: 12px;
										display: none;
										padding: 10px 0 15px;
										position: relative;
									}
										#footer #footer_menu > li .second_menu:before{
											content: '';
											display: block;
											position: absolute;
											width: 100%;
											height: 1px;
											background-color: rgba(153, 153, 153, 0.3);
											left: 0;
											bottom: 0;
										}
										#footer #footer_menu > li .second_menu li{
											padding: 5px 0;
										}
											#footer #footer_menu > li .second_menu > li .third_menu li{
												padding-left: 1em;
												position: relative;
											} 
												#footer #footer_menu > li .second_menu > li .third_menu li:after{
													content: '';
													display: block;
													position: absolute;
													width: 8px;
													height: 1px;
													top: 14px;
													left: 0;
													background-color: #333;
												}
			#footer #footer_mynavi {
				margin-top: 30px;
				text-align: center;
			}
			#footer #footer_mynavi a {
			}
			#footer #footer_logo{
				max-width: 101px;
				width: 28%;
				margin: 40px auto 0;
			}
			#footer #footerlink{
				padding: 30px 0px 50px;
			}
				#footer #footerlink ul{
					display: flex;
					justify-content: center;
				}
					#footer #footerlink ul li{
						line-height: 1;
					}
					#footer #footerlink ul li + li{
						border-left: 1px solid #ccc;
					}
						#footer #footerlink ul li a{
							margin: 0 10px;
							position: relative;
							display: block;
							padding-right: 18px;
							font-size: 12px;
						}
						#footer #footerlink ul li:first-child a{
							margin-left: 0;
						}
						#footer #footerlink ul li:last-child a{
							margin-right: 0;
						}
						#footer #footerlink ul li a::before{
							position: absolute;
							content: "";
							background-image: url(/recruit/w-nexco/common/img/window_w.png);
							background-size: cover;
							width: 10px;
							height: 9px;
							top: 0;
							bottom: 2px;
							right: 0;
							margin: auto;
						}
						#footer #copyright{
							font-size: 10px;
							padding: 10px 0 15px;
							text-align: center;
							font-feature-settings: "palt";
						}
	/* フッター sp end */


	
	/*  contents sp  */
	.wrap {
		padding:0 5%;
		}

	#topcontrol {
			right:5% !important;
			bottom:150px !important;
			}
	.pt {
		background-color: #343434;
		width: 45px;
		height: 45px;
		position: relative;
		}
	.pt:after{
		content: "";
		position: absolute;
		top: 2px;
		bottom: 0;
		right: 18px;
		margin: auto;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	/*  coming soon  */
	#header .com:not(.intern_btn),
	#footer .com{
		position: relative;
		pointer-events: none;
		opacity: 0.3;
	}
	#header .com a,
	#footer .com a{
		pointer-events: none;
	}
	main:not(#top) .com,
	#header .com.intern_btn,
	.modaal-wrapper .com{
		position: relative;
		pointer-events: none;
	}
	main:not(#top) .com:before,
	#header .com.intern_btn:before,
	.modaal-wrapper .com:after{
		content: 'coming soon';
		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;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.6);
		color: #fff;
		font-size: 14px;
		letter-spacing: 0.2em;
		font-weight: bold;
		z-index: 2;
	}
	#header .com.intern_btn:before{
		font-size: 10px;
	}
	
	
	/*  contents sp  */
	.wrap {
		padding:0 5%;
		}

	table th{
		/*padding:10px 10px !important;*/
		}
	table td{
		font-size:13px;
		/*padding:10px 10px !important;*/
		}

	.scroll {
		overflow: scroll;
		position: relative;
		}
	.scroll:before {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.5);
		z-index: 1;
		}
	.scroll:after {
		position: absolute;
		display: block;
		top: 0;
		bottom:0;
		left: 0;
		right:0;
		margin:auto;
		content: "";
		width: 51px;
		height: 60px;
		background-image: url("/recruit/w-nexco/common/img/touch.svg");
		background-size: cover;
		z-index: 2;
		}			
	.scroll.off:before, .scroll.off:after {
		display: none;
		}	
		.scroll table {
			overflow: auto;
			width: 600px;
			background: #fff;
			}
			
	
	/* contents sp end */
	
	

		
	/* 下層ページ */
	.bread {
		padding: 10px 0;
		padding-left: 15px;
	}
	.bread {
		position: relative;
		background-color: #fff;
		margin-top: 50px;
	}
	.bread ul li{
		color: #212121;
		font-size: 10px;
		justify-content: center;
		align-items: center;
	}
	.bread li:not(:last-child)::after{
		margin: 0 5px;
		content: "";
		display: block;
		left: 3px;
		width: 4px;
		height: 4px;
		border-top: 1px solid black;
		border-right: 1px solid black;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	main {
		margin-bottom: 100px;
	}
	main .main-title {
		height: 100px;
		text-align: center;
		position: relative;
		z-index: 1;
		display: table;
		width: 100%;
	}
		main .main-title .title {
			display: table-cell;
			vertical-align: middle;
		}
			main .main-title .title p {
				font-weight: bold;
				color: #00A0E9;
				font-size: 12px;
				letter-spacing: 2px;
			}
			main .main-title .title h2 {
				font-size: 22px;
				font-weight: bold;
				margin-top: 5px;
				letter-spacing: 4px;
			}
		main .deco {
			position: absolute;
			top: 0;
			width: 100%;
			height: 100px;
			background-size: contain;
			background-repeat: no-repeat;
			z-index: -1;
		}
			.main-title .deco01 {
				background-image: url("/recruit/w-nexco/common/img/top_deco02.png");
				background-position: left;
				left: 0;
			}
			.main-title .deco02 {
				background-image: url("/recruit/w-nexco/common/img/top_deco01.png");
				background-position: right;
				right: 0;
			}

	/*----------------------------------------------------
	下層index
	------------------------------------------------------*/
	.indexpage .wrap_s {
		width: 90%;
		margin: auto;
	}
	main {
		margin-bottom: 20px;
	}
	#maintitle{
		position: relative;
	}
			#maintitle h1{
				position: relative;
				z-index: 1;
				font-weight: bold;
				color: #fff;
				font-size: 23px;
				letter-spacing: 0.2em;
				margin-top: 5px;
				line-height: 1.5;
			}
			#maintitle h1.white{
				color: white;
			}
			#maintitle h1.black{
				color: black;
			}
				#maintitle p.en{
					position: relative;
					z-index: 1;
					color: #00a0e9;
					letter-spacing: 0.15em;
				}
				#maintitle p.en.white{
					color: white;
				}
				#maintitle p.en.black{
					color: black;
				}
	
	.indexpage #maintitle{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
		height: 70vw;
		z-index: 1;
		color: #fff;
	}
	.indexpage #maintitle::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		z-index: -1;
	}
	.indexpage #maintitle::after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.2);
		width: 100%;
		height: 100%;
		z-index: -1;
	}
			.indexpage #maintitle h1 {
				width: 250px;
			}
			.indexpage #maintitle p {
				margin-top: 25px;
				letter-spacing: 2px;
			}
		.indexpage .contents {
			background-color: #efefef;
			padding: 50px 0 80px;
		}
			.indexpage .contents .sec {
			}
				.indexpage .contents .sec .link {
				}
					.indexpage .contents .sec .link ul {
					}
						.indexpage .contents .sec .link ul li {
						}
						.indexpage .contents .sec .link ul li + li {
							margin-top: 40px;
						}
							.indexpage .contents .sec .link ul li h2 {
								font-size: 16px;
								line-height: 1.4;
								margin-bottom: 5px;
							}
								.indexpage .contents .sec .link ul li h2 span {
									font-size: 10px;
									display: block;
									color: #000;
								}
							.indexpage .contents .sec .link ul li .link_area {
							}
							.indexpage .contents .sec .link ul li .link_area .link_blo {
							}
							.indexpage .contents .sec .link ul li .link_area .link_blo + .link_blo {
								margin-top: 8px;
							}
								.indexpage .contents .sec .link ul li .link_box {
								}
										.indexpage .contents .sec .link ul li .link_box a {
											display: block;
											position: relative;
										}
										.indexpage .contents .sec .link ul li .link_area .link_box a .link_img {
											height: 30vw;
											overflow: hidden;
										}
										.indexpage .contents .sec .link ul li .link_box a .scale {
											overflow: hidden;
										}
										.indexpage .contents .sec .link ul li .link_box a p {
											position: relative;
											background-color: #000;
											color: #fff;
											line-height: 1.4;
											padding: 7px 60px 7px 10px;
											font-size: 15px;
											width: 100%;
											box-sizing: border-box;
										}
										.indexpage .contents .sec .link ul li .link_area .link_blo .link_box a p {
											min-width: auto;
										}
										.indexpage .contents .sec .link ul li .link_area .link_blo:nth-child(even) .link_box a p {
/*											background-color: #2b2b2b;*/
										}
										.indexpage .contents .sec .link ul li .link_box a p::before,
										.indexpage .contents .sec .link ul li .link_box a p::after {
											position: absolute;
											content: "";
										}
										.indexpage .contents .sec .link ul li .link_box a p::before {
											top: 0;
											bottom: 0;
											right: 12px;
											margin: auto;
											width: 22px;
											height: 5px;
											border-right: solid 1px #fff;
											border-bottom: solid 1px #fff;
											transform: skew(45deg);
											transition: 0.3s;
										}
										.indexpage .contents .sec .link ul li .link_box a p::after {
											top: 0;
											right: 40px;
											height: calc(100% - 10px);
											border-right: solid 3px #0078d2;
											transform: skew(135deg);
										}

	
	/* 下層ページ end */
	
  /* ~ グローバルナビのボタンを２つに */
  /*#header #header_wrap #header_btn {
    display: flex;
    justify-content: flex-end;
  }*/
  
}