@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 {
	
	/*----------------------------------------------------

		共通

	------------------------------------------------------*/
/*
	#maintitle{
		position: relative;
	}
			#maintitle .tit_cat{
				position: relative;
				z-index: 1;
				font-weight: bold;
				color: #fff;
			}
			#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 p{
					color: #00a0e9;
					letter-spacing: 0.15em;
				}
*/
	
	/*----------------------------------------------------

		仕事を知る

	------------------------------------------------------*/
	#field {
		width: 100%;
		height: 100%;
		padding: 0 0 200px;
		position: relative;
		background-color: #ededed;
		z-index: -2;
	}
	#field::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 400px;
		background-image: url("/recruit/w-nexco/works/img/field/bg.jpg");
		background-size: cover;
		background-position: 50% 100%;
		background-repeat: no-repeat;
	}
/*
	#field::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 1990px;
		background-image: url("/recruit/w-nexco/works/img/field/deco01.png");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
	}
*/
	#field .deco {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
		width: 100%;
	}
	
	#field .deco img{
		width: 100%;
	}
	
	#field .contents {
		color: white;
		width: 1040px;
		margin: auto;
		background: none;
	}
	.tit-area {
		height: 400px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.main-deco01 {
		display: block;
		background-image: url("/recruit/w-nexco/works/img/field/main_deco01.png");
		width: 346px;
		height: 400px;
		position: absolute;
		top: 0;
		left: 0;
		background-size: contain;
	}
	.main-deco02 {
		display: block;
		background-image: url("/recruit/w-nexco/works/img/field/main_deco02.png");
		width: 320px;
		height: 150px;
		position: absolute;
		top: 0;
		right: 0;
		background-size: contain;
	}
	#field #maintitle {
		width: 194px;
		margin-left: 0;
		display: block;
		height: auto;
	}
	#field .lead {
		margin-top: 30px;
/*		font-size: 16px;*/
		letter-spacing: 0.15em;
		line-height: 2.4;
		margin-bottom: 20px;
	}
	#field .lead span.big {
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 0.25em;
		margin-bottom: 13px;
		display: block;
	}
	
	#field .sec {
		background-color: white;
		color: black;
		padding: 80px 60px 65px 60px;
	}
	#field .sec01 {
		margin-top: 115px;
	}
	#field .tit {
		text-align: center;
	}
	#field .tit h2{
		font-size: 22px;
		letter-spacing: 0.25em;
	}
	#field .tit p{
		margin-top: 35px;
	}
	#field .tit h3{
		margin-top: 80px;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	
	#field table {
		width: 100%;
		margin-top: 15px;
		border-collapse: collapse;
	}
	#field table tr > *{
		padding: 15px 0;
	}
	#field table th{
		width: 20%;
		color: white;
	}
	#field table .large{
		background-color: #ea6500;
	}
	#field table tr:nth-child(2) th{
		background-color: #00a38d;
	}
	#field table tr:nth-child(4) th{
		background-color: #0078d2;
	}
	#field table td{
		width: 12%;
		text-align: center;
	}
	#field table td:last-child{
		width: 68%;
		text-align: left;
	}
	
	#field table tr:nth-child(1) td:first-of-type{
		color: #ea6500;
	}
	#field table tr:nth-child(n + 2):not(:nth-child(n + 4)) td:first-of-type{
		color: #00a38d;
	}
	#field table tr:nth-child(n + 4) td:first-of-type{
		color: #0078d2;
	}
	
	
/*	線*/
	#field table td{
		border-bottom: solid 1px rgba(33,33,33,0.1);
	}
	#field table tr:first-child td{
		border-top: solid 1px rgba(33,33,33,0.32);
	}
	#field table tr:first-child td,
	#field table tr:nth-child(3) td,
	#field table tr:last-child td{
		border-bottom: solid 1px rgba(33,33,33,0.32);
	}
	
	
	
	
	#field .sec02 {
		margin-top: 50px;
	}
	
	#field .sec02 .tit h3 {
		position: relative;
		margin-bottom: 50px;
	}
	#field .sec02 .tit h3::before{
		content: "";
		display: block;
		width: 356px;
		height: 1px;
		background-color: rgba(33,33,33,0.32);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: auto;
		margin: auto;
	}
	#field .sec02 .tit h3::after{
		content: "";
		display: block;
		width: 356px;
		height: 1px;
		background-color: rgba(33,33,33,0.32);
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		margin: auto;
	}
}




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

		共通

	------------------------------------------------------*/
	main{
		margin-bottom: 0;
	}
	#maintitle{
		position: relative;
/*		text-align: center;*/
		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;
		flex-direction: column;
		height: 180px;
		line-height: 1.5;
	}
		#requirements #maintitle::before, #event #maintitle::before, #faq #maintitle::before{
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(33,33,33,0.5);
		}
		#requirements #maintitle{
			background: url("/recruit/w-nexco/works/img/field/mainimg_line_sp.png") no-repeat center ,url("/recruit/w-nexco/works/img/field/requirements/mainimg_sp.jpg") no-repeat center;
			background-size: cover;
		}
		#event #maintitle{
			background:  url("/recruit/w-nexco/works/img/field/mainimg_line_sp.png") no-repeat center ,url("/recruit/w-nexco/works/img/field/event/mainimg_sp.jpg") no-repeat center;
			background-size: cover;
		}
		#faq #maintitle{
			background:  url("/recruit/w-nexco/works/img/field/mainimg_line_sp.png") no-repeat center ,url("/recruit/w-nexco/works/img/field/faq/mainimg_sp.jpg") no-repeat center;
			background-size: cover;
		}
			#maintitle .tit_cat{
				position: relative;
				z-index: 1;
				font-weight: bold;
				color: #fff;
			}
			#maintitle h1{
				position: relative;
				z-index: 1;
				font-weight: bold;
				color: #fff;
/*				font-size: 22px;*/
/*
				letter-spacing: 0.2em;
				margin-top: 5px;
*/
			}
			#maintitle h1 .cap{
				display: block;
				font-size: 12px;
			}
	
	.recruit .contents{
		background-color: #efefef;
		padding-bottom: 100px;
	}
	
	.recruit .contents .sec .wrap{
		background-color: #fff;
		width: 90%;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	
	
	
	/*----------------------------------------------------

		仕事を知る

	------------------------------------------------------*/
	#field {
/*
		background-image: url("/recruit/w-nexco/works/img/field/bg_sp.jpg");
		background-size: cover;
		background-position: center right;
		background-repeat: no-repeat;
*/
		width: 100%;
		height: 100%;
		padding: 0 0 120px;
		position: relative;
		background-color: #ededed;
		z-index: -2;
	}
	#field::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 200px;
		background-image: url("/recruit/w-nexco/works/img/field/bg_sp.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
	}
/*
	#field::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-image: url("/recruit/w-nexco/works/img/field/deco01_sp.png");
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
	}
*/
	#field .deco {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		z-index: -1;
		max-width: 350px;
		width: 100%;
		height: 275px;
	}
	#field .deco img{
		width: 100%;
		height: 100%;
	}
/*
	#field .deco {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: hidden;
	}
*/
	#field .deco .gray{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.40);
		position: relative;
		z-index: 1;
	}
	#field .img-box{
		position: absolute;
	}
	#field .img-box img{
		width: 100%;
		max-width: 100%;
	}
	#field .deco .img-box.deco01{
		width: 186px;
		top: -22px;
		left: -30px;
	}
	#field .deco .img-box.deco02{
		width: 115px;
		top: 0;
		right: 0;
	}
	#field .deco .img-box.deco03{
		width: 212px;
		top: 80%;
		left: 0;
	}
	#field .deco .img-box.deco04{
		width: 218px;
		top: 50%;
		right: 0;
	}
	#field .contents {
		position: relative;
		z-index: 1;
		color: white;
		padding: 0 5%;
		background: none;
	}
	.tit-area {
		height: 200px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		position: relative;
	}
	
	.main-deco01 {
		display: block;
		background-image: url("/recruit/w-nexco/works/img/field/main_deco01.png");
		width: 173px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.main-deco02 {
		display: block;
		background-image: url("/recruit/w-nexco/works/img/field/main_deco02.png");
		width: 160px;
		height: 75px;
		position: absolute;
		background-repeat: no-repeat;
		top: 0;
		right: 0;
		background-size: contain;
	}
	#field #maintitle {
		width: 194px;
		margin-left: 0;
		display: block;
		height: auto;
	}
	#field .lead {
		color: black;
		margin-top: 40px;
		letter-spacing: 0.15em;
		line-height: 2;
		text-align: justify;
	}
	#field .lead span.big {
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 0.25em;
		margin-bottom: 13px;
		display: block;
	}
	
	#field .sec {
		background-color: white;
		color: black;
		padding: 30px 20px 60px;
	}
	#field .sec >*{
		width: 100%;
		max-width: 300px;
		margin: auto;
	}
	#field .sec01 {
		margin-top: 48px;
	}
	#field .tit {
		text-align: center;
	}
	#field .tit h2{
		font-size: 22px;
		letter-spacing: 0.15em;
	}
	#field .tit p{
		margin-top: 35px;
		text-align: justify;
	}
	#field .tit h3{
		margin-top: 60px;
		font-size: 16px;
		letter-spacing: 0.21em;
	}
	
	#field .sec table {
		width: 100%;
		margin-top: 15px;
		border-collapse: collapse;
	}
	#field table tr > *{
		padding: 15px 0;
	}
	#field table th{
		color: white;
		width: auto;
		display: block;
	}
	#field table tr:nth-child(1) th{
		background-color: #ea6500;
	}
	#field table tr:nth-child(2) th{
		background-color: #00a38d;
	}
	#field table tr:nth-child(4) th{
		background-color: #0078d2;
	}
	#field table td{
		display: block;
		width: auto;
		padding: 15px 8px;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
	}
	#field table td:last-child{
		text-align: justify;
		font-weight: normal;
	}
	
	#field table tr:nth-child(1) td:first-of-type{
		color: #ea6500;
	}
	#field table tr:nth-child(n + 2):not(:nth-child(n + 4)) td:first-of-type{
		color: #00a38d;
	}
	#field table tr:nth-child(n + 4) td:first-of-type{
		color: #0078d2;
	}
	
	
/*	線*/
	#field table tr td{
		border-bottom: solid 1px rgba(33,33,33,0.1);
	}
	#field table tr:nth-child(1) td:last-child,
	#field table tr:nth-child(3) td:last-child,
	#field table tr:last-child td:last-child{
		border-bottom: none;
	}
/*
	#field table tr:first-child td{
		border-top: solid 1px rgba(33,33,33,0.32);
	}
	#field table tr:first-child td,
	#field table tr:nth-child(3) td,
	#field table tr:last-child td{
		border-bottom: solid 1px rgba(33,33,33,0.32);
	}
*/
	
	
	
	
	#field .sec02 {
		margin-top: 50px;
	}
	
	#field .sec02 .tit h3 {
		position: relative;
		margin-bottom: 50px;
	}
	#field .sec02 .tit h3::before{
		content: "";
		display: block;
		width: 18%;
		height: 1px;
		background-color: rgba(33,33,33,0.32);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: auto;
		margin: auto;
	}
	#field .sec02 .tit h3::after{
		content: "";
		display: block;
		width: 18%;
		height: 1px;
		background-color: rgba(33,33,33,0.32);
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		margin: auto;
	}

}