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

		¹²Í¨

	------------------------------------------------------*/
	
	#topmessage {
		background-image: url("/recruit/w-nexco/img/top_message/topmessage_bg.jpg");
		background-repeat: no-repeat;
		width: 100%;
		background-size: cover;
	}
	.wrap {
		width: 940px;
		padding-top: 98px;
		padding-bottom: 140px;
	}
	#img03 {
		width: 990px;
	}
	#maintitle{
/*		width: 202px;*/
		height: 51px;
	}
	.lead {
		font-size: 30px;
		letter-spacing: 0.17em;
		font-weight: bold;
		line-height: 2.2;
	}
	.contents {
		padding-top: 60px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.contents .txt-wrap{
		width: 640px;
	}
	.contents .txt-wrap p{
		margin-top: 45px;
	}
	.contents .txt-wrap .txt{
		letter-spacing: 0.09em;
		line-height: 2.6;
	}
	.contents .txt-wrap .pc_m{
		margin-top: 0;
	}
	.contents .txt-wrap .name{
		width: 166px;
	}
	.contents .txt-wrap .name .img-box{
		margin-top: 8px;
	}
	
	

}




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

		¹²Í¨

	------------------------------------------------------*/

	#topmessage {
		background-image: url("/recruit/w-nexco/img/top_message/topmessage_bg.jpg");
		background-repeat: no-repeat;
		width: 100%;
		background-size: cover;
	}
	.wrap {
		padding: 0 5%;
		padding-top: 40px;
		padding-bottom: 130px;
	}
	#maintitle{
/*		width: 202px;*/
		height: 51px;
	}
	.lead {
		font-size: 20px;
		letter-spacing: 0.17em;
		font-weight: bold;
		margin-bottom: 45px;
	}
	.contents {
		padding-top: 40px;
		position: relative;
	}
	.contents .txt-wrap{
	}
	.contents .txt-wrap .txt{
		letter-spacing: 0.09em;
		line-height: 2.4;
	}
	.contents .txt-wrap .name {
		margin-top: 60px;
	}
	.contents .txt-wrap .name .img-box{
		width: 90px;
	}
	.contents .pht-wrap {
		width: 100px;
		margin-left: auto;
		margin-right: 1%;
		margin-top: -95px;
	}
	.per {
		max-width: 95px;
		margin-left: 20px;
		margin-top: 20px;
		width: 30%;
		float: right;
	}
	#img03 .per {
		max-width: 140px;
		width: 50%;
	}

}