@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 {
	
	
/*	ここから*/
	
	.main {
		overflow: hidden;
	}	
	
	.top {
		position: relative;
		width: 100%;
	}
	.deco-bg01 {
		position: absolute;
		width: 1910px;
		height: 5218px;
		background-image: url("/recruit/w-nexco/workstyle/img/career/deco.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -110px;
		right: -19vw;
		z-index: 0;
	}
		.top-bg {
			width: calc(100% - 80px);
			height: 568px;
			background-size: cover;
			background-position: 70% 10%;
		}
			.top-bg img{
			}
	.txt-area {
		position: absolute;
		right: 0;
		top: 17%;
		z-index: 1000;
	}
			.txt-area #maintitle .black {
				font-size: 24px;
			}
			.txt-area .lead {
				margin-top: 40px;
				width: 630px;
				font-size: 30px;
				font-weight: bold;
				line-height: 2;
				letter-spacing: 0.17em;
				margin-right: 0;
				margin-left: auto;
			}
		.txt-area .profile{
			width: 630px;
			margin-right: 0;
			margin-left: auto;
			margin-top: 40px;
			padding: 25px 25px 35px;
			color: white;
			background: #000;
		}
			#green .txt-area .profile {
				background-image: linear-gradient(-45deg, transparent 50px, #00a38d 50px, #00a38d 53px, transparent 53px)
			}
			#orange .txt-area .profile {
				background-image: linear-gradient(-45deg, transparent 50px, #ea6500 50px, #ea6500 53px, transparent 53px)
			}
			#blue .txt-area .profile {
				background-image: linear-gradient(-45deg, transparent 50px, #00a0e9 50px, #00a0e9 53px, transparent 53px)
			}
			.txt-area .profile .part{
				font-weight: bold;
				font-size: 15px;
			}
			#green .txt-area .profile .part{
				color: #00a38d;
			}
			#orange .txt-area .profile .part{
				color: #ea6500;
			}
			#blue .txt-area .profile .part{
				color: #00a0e9;
			}
			.txt-area .profile .content{
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				align-items: center;
				margin-top: 30px;
			}
				.txt-area .profile .content .name{
					font-size: 17px;
					line-height: 1.2;
					margin-right: 38px;
				}
					.txt-area .profile .content .name span{
						font-size: 10px;
					}
	
	section {
	}
	section + section {
	}
	section.history {
		margin-top: 250px;
		background-color: #EFEFEF;
		padding: 130px 0;
	}
		.history ul {
		}
			.history ul li {
				position: relative;
			}
			.history ul li + li {
				margin-top: 100px;
			}
			.history ul li:nth-child(1)::before {
				position: absolute;
				content: "";
				top: -160px;
				right: 0;
				width: 280px;
				height: 396px;
				background-size: cover;
				background-image: url("/recruit/w-nexco/workstyle/img/career/pht01.jpg");
			}
			.history ul li:nth-child(2) ,
			.history ul li:nth-child(4) ,
			.history ul li:nth-child(8) ,
			.history ul li:nth-child(10){
				margin-left: 280px;
			}
			.history ul li:nth-child(3) {
				margin-left: 50px;
			}
			.history ul li:nth-child(5) ,
			.history ul li:nth-child(7) ,
			.history ul li:nth-child(9) {
				margin-left: 160px;
			}
			.history ul li:nth-child(8)::before {
				position: absolute;
				content: "";
				top: -160px;
				left: -340px;
				width: 280px;
				height: 396px;
				background-size: cover;
				background-image: url("/recruit/w-nexco/workstyle/img/career/pht02.jpg");
			}
			.person01 .history ul li:nth-child(8)::before {
				position: absolute;
				content: "";
				top: -60px;
				left: -340px;
				width: 280px;
				height: 396px;
				background-size: cover;
				background-image: url("/recruit/w-nexco/workstyle/img/career/pht02.jpg");
			}
				.history ul li .ch {
					position: relative;
					padding-left: 196px;
					width: 512px;
					box-sizing: content-box;
				}
				.history ul li .ch::before {
					background-size: cover;
					width: 141px;
					height: 101px;
					position: absolute;
					content: "";
					top: 10px;
					left: 0;
				}
				.history ul li .num01::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch01.png");}
				.history ul li .num02::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch02.png");}
				.history ul li .num03::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch03.png");}
				.history ul li .num04::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch04.png");}
				.history ul li .num05::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch05.png");}
				.history ul li .num06::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch06.png");}
				.history ul li .num07::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch07.png");}
				.history ul li .num08::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch08.png");}
				.history ul li .num09::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch09.png");}
				.history ul li .num10::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch10.png");}
				.history ul li .num11::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch11.png");}
				.history ul li .num12::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch12.png");}
				.history ul li .num13::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch13.png");}
				.history ul li .num14::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch14.png");}
				.history ul li .num15::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch15.png");}
				.history ul li .num16::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch16.png");}
				.history ul li .num17::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch17.png");}
				.history ul li .num18::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch18.png");}
				.history ul li .num19::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch19.png");}
				.history ul li .num20::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch20.png");}
				.history ul li .num21::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch21.png");}
				.history ul li .num22::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch22.png");}
				.history ul li .num23::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch23.png");}
				.history ul li .num24::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch24.png");}
				.history ul li .num25::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch25.png");}
				.history ul li .num26::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch26.png");}
				.history ul li .num27::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch27.png");}
				.history ul li .num28::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch28.png");}
				.history ul li .num29::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch29.png");}
				.history ul li .num30::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch30.png");}
					.history ul li .ch h2 {
						font-size: 22px;
						font-weight: bold;
						letter-spacing: 2px;
					}
					.history ul li .ch p {
						margin-top: 18px;
						line-height: 2.3;
						text-align: justify;
					}
				.history ul li .pht{
					padding-left: 196px;
					width: 512px;
					box-sizing: content-box;
					margin-top: 20px;
				}
	.movie-wrapper {
		padding-top: 40px;
		padding-bottom: 180px;
		background-color: #EFEFEF;
	}
		.movie{
			width: 560px;
			display: block;
			margin: auto;
		}
			.movie h2 {
				font-size: 22px;
				font-weight: bold;
				letter-spacing: 2px;
			}
			.movie iframe {
				margin-top: 18px;
				width: 100%;
				aspect-ratio: 16/9;
				border: none;
			}
	
	.future {
		position: relative;
		padding-top: 180px;
	}
	.future::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 464px;
		background-image: url("/recruit/w-nexco/workstyle/img/career/pht03.jpg");
		background-size: cover;
		z-index: -1;
	}
		.future .wrap {
		}
		.future .future-blo {
			margin-left: calc(100% - 440px);
			width: 440px;
			color: #fff;
			padding: 45px;
			box-sizing: border-box;
			background: rgba(0,0,0,0.7);
			text-align: justify;
		}
			#green .future .future-blo {
				background-image: linear-gradient(135deg, transparent 55px, #00a38d 55px, #00a38d 58px, transparent 58px)
			}
			#orange .future .future-blo {
				background-image: linear-gradient(135deg, transparent 55px, #ea6500 55px, #ea6500 58px, transparent 58px)
			}
			#blue .future .future-blo {
				background-image: linear-gradient(135deg, transparent 55px, #00a0e9 55px, #00a0e9 58px, transparent 58px)
			}
		.future .future-blo h2 {
			text-align: right;
			letter-spacing: 0.1em;
		}
			.future .future-blo h2 span {
				display: block;
			}
			.future .future-blo h2 .subtit {
				font-size: 16px;
			}
			.future .future-blo h2 .tit {
				font-size: 22px;
				margin-top: 40px;
			}
		.future .future-blo p {
			margin-top: 20px;
			line-height: 2.3;
		}
	
	section.message {
		position: relative;
		padding-bottom: 80px;
		margin-top: 240px;
	}
	section.message::before {
		position: absolute;
		content: "";
		top: 15px;
		left: 0;
		width: 100%;
		height: calc(100% - 15px);
		background-color: #EFEFEF;
		z-index: -1;
	}
		section.message .wrap {
		}
			section.message .wrap .message-blo {
				position: relative;
				display: flex;
				justify-content: space-between;
			}
				section.message .wrap .message-blo .pht {
					width: 320px;
					position: absolute;
					left: 0;
					bottom: 0;
				}
				section.message .wrap .message-blo .txt {
					width: calc(100% - 400px);
					margin-left: 400px;
				}
					section.message .wrap .message-blo .txt h2 {
						width: 347px;
					}
					section.message .wrap .message-blo .txt p {
						margin-top: 40px;
					}
			section.message .wrap .btn-area {
				margin-top: 100px;
				text-align: center;
			}
				section.message .wrap .btn-area .btn {
					border: solid 1px #000;
					padding: 8px 12px;
					display: inline-block;
				}
					section.message .wrap .btn-area a {
						line-height: 1;
						display: -webkit-flex;
						display: -moz-flex;
						display: -ms-flex;
						display: -o-flex;
						display: flex;
						justify-content: center;
						align-items: center;
					}
						section.message .wrap .btn-area .arrow {
							width: 27px;
							height: 4px;
							border-bottom: solid 1px #000;
							margin-bottom: 2px;
							margin-right: 6px;
						}
						section.message .wrap .btn-area .arrow::after {
							content: "";
							display: block;
							width: 27px;
							height: 4px;
							border-left: solid 1px #000;
							transform: skew(-45deg);
							transform-origin: bottom left;
						}
	
	
	
	
	
			.person01 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht01.jpg");
			}
	.person01 .history ul li:nth-child(8) {
		margin-top: 150px;
	}
			.person01 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht02.jpg");
			}
			.person01 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht03.jpg");
			}
/*
			.person01 .history ul li .num15::before {
				top: 140px;
			}
			.person01 .history ul li .num15::after {
				background-size: cover;
				width: 141px;
				height: 101px;
				position: absolute;
				content: "";
				display: block;
				top: 10px;
				left: -80px;
				background-image: url(/recruit/w-nexco/workstyle/img/career/ch11.png);
			}
*/
	
	
			.person02 .history ul li .ch p span{
				font-size: 12px;
				display: block;
			}
			.person02 .history ul li .ch p span:first-of-type{
				margin-top: 15px;
			}
			.person02 .history ul li .ch p span + span{
				margin-top: 8px;
			}
	
			.person02 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht01.jpg");
			}
			.person02 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht02.jpg");
			}
			.person02 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht03.jpg");
			}
	
	
			.person03 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht01.jpg");
			}
			.person03 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht02.jpg");
				top: -250px;
			}
			.person03 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht03.jpg");
			}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	.main {
		overflow: hidden;
		background-color: transparent;
	}	
	
	.top {
		position: relative;
		width: 100%;
	}
	.deco-bg01 {
		position: absolute;
		width: 1910px;
		height: 5218px;
		background-image: url("/recruit/w-nexco/workstyle/img/career/deco.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -110px;
		right: -1220px;
		z-index: 0;
	}
		.top-bg {
			width: 100%;
			height: 400px;
			background-size: cover;
			background-position: 23% 10%;
		}
			.top-bg img{
			}
	.txt-area {
/*		margin-top: -16%;*/
	}
		.txt-area .lead-box {
			position: relative;
			padding: 25px 5% 20px;
			z-index: 1;
		}
		.txt-area .lead-box::before {
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: -1;
		}
			.txt-area .lead-box #maintitle .en {
				line-height: 1.5;
				font-size: 12px;
			}
			.txt-area .lead-box #maintitle .black {
				font-size: 17px;
				margin-top: 0;
			}
			.txt-area .lead {
				margin-top: 20px;
				width: 100%;
				font-size: 20px;
				font-weight: bold;
				line-height: 1.7;
				letter-spacing: 0.17em;
				margin-right: 0;
				margin-left: auto;
				box-sizing: border-box;
			}
		.txt-area .profile{
			width: 100%;
			max-width: 450px;
			margin-right: 0;
			margin-left: auto;
			padding: 18px;
			color: white;
			background: #000;
		}
		 #green .txt-area .profile {
			background-image: linear-gradient(-45deg, transparent 50px, #00a38d 50px, #00a38d 53px, transparent 53px)
		}
		 #orange .txt-area .profile {
			background-image: linear-gradient(-45deg, transparent 50px, #ea6500 50px, #ea6500 53px, transparent 53px)
		}
		 #blue .txt-area .profile {
			background-image: linear-gradient(-45deg, transparent 50px, #00a0e9 50px, #00a0e9 53px, transparent 53px)
		}
			#green .txt-area .profile .part{
				color: #00a38d;
			}
			#orange .txt-area .profile .part{
				color: #ea6500;
			}
			#blue .txt-area .profile .part{
				color: #00a0e9;
			}
			.txt-area .profile .part{
				color: #00a38d;
			}
			.txt-area .profile .content{
				align-items: center;
				margin-top: 8px;
			}
				.txt-area .profile .content p {
					font-size: 12px;
				}
				.txt-area .profile .content .name{
					font-size: 16px;
					line-height: 1.2;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flex;
					display: -o-flex;
					display: flex;
					align-items: center;
					margin-bottom: 5px;
				}
					.txt-area .profile .content .name span{
						font-size: 8px;
						margin-left: 5px;
					}
	
	section {
	}
	section + section {
	}
	section.history {
/*		margin-top: 80px;*/
		background-color: #EFEFEF;
		padding: 60px 0 363px;
/*		padding: 100px 0 363px;*/
	}
		.history ul {
		}
			.history ul li {
				position: relative;
			}
			.history ul li + li {
				margin-top: 60px;
			}
	.history .pht {
		margin-top: 24px;
	}
/*
			.history ul li:nth-child(1)::before {
				position: absolute;
				content: "";
				top: -160px;
				right: 0;
				width: 120px;
				height: 169px;
				background-size: cover;
				background-image: url("/recruit/w-nexco/workstyle/img/career/pht01.jpg");
			}
			.history ul li:nth-child(8)::before {
				position: absolute;
				content: "";
				bottom: -308px;
				left: 0px;
				width: 200px;
				height: 283px;
				background-size: cover;
				background-image: url("/recruit/w-nexco/workstyle/img/career/pht02.jpg");
			}
*/
				.history ul li .ch {
					position: relative;
					padding-top: 124px;
					width: 100%;
					box-sizing: border-box;
				}
				.history ul li .ch::before {
					background-size: cover;
					width: 137px;
					height: 116px;
					position: absolute;
					content: "";
					top: 0;
					left: 0;
					right: 0;
					margin: auto;
				}
				.history ul li .num01::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch01_sp.png");}
				.history ul li .num02::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch02_sp.png");}
				.history ul li .num03::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch03_sp.png");}
				.history ul li .num04::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch04_sp.png");}
				.history ul li .num05::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch05_sp.png");}
				.history ul li .num06::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch06_sp.png");}
				.history ul li .num07::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch07_sp.png");}
				.history ul li .num08::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch08_sp.png");}
				.history ul li .num09::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch09_sp.png");}
				.history ul li .num10::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch10_sp.png");}
				.history ul li .num11::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch11_sp.png");}
				.history ul li .num12::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch12_sp.png");}
				.history ul li .num13::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch13_sp.png");}
				.history ul li .num14::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch14_sp.png");}
				.history ul li .num15::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch15_sp.png");}
				.history ul li .num16::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch16_sp.png");}
				.history ul li .num17::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch17_sp.png");}
				.history ul li .num18::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch18_sp.png");}
				.history ul li .num19::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch19_sp.png");}
				.history ul li .num20::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch20_sp.png");}
				.history ul li .num21::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch21_sp.png");}
				.history ul li .num22::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch22_sp.png");}
				.history ul li .num23::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch23_sp.png");}
				.history ul li .num24::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch24_sp.png");}
				.history ul li .num25::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch25_sp.png");}
				.history ul li .num26::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch26_sp.png");}
				.history ul li .num27::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch27_sp.png");}
				.history ul li .num28::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch28_sp.png");}
				.history ul li .num29::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch29_sp.png");}
				.history ul li .num30::before {background-image: url("/recruit/w-nexco/workstyle/img/career/ch30_sp.png");}
					.history ul li .ch h2 {
						font-size: 20px;
						font-weight: bold;
						letter-spacing: 2px;
					}
					.history ul li .ch p {
						margin-top: 18px;
						line-height: 2;
						text-align: justify;
					}
	
		.movie-wrapper {
		padding-top: 22px;
		padding-bottom: 100px;
		background-color: #EFEFEF;
	}
		.movie{
			width: 90%;
			display: block;
			margin: auto;
		}
			.movie h2 {
				font-size: 20px;
				font-weight: bold;
				letter-spacing: 2px;
			}
			.movie iframe {
				margin-top: 18px;
				width: 100%;
				aspect-ratio: 16/9;
				border: none;
			}
	.future {
		position: relative;
		padding-top: 200px;
	}
	.future::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background-image: url("/recruit/w-nexco/workstyle/img/career/pht03.jpg");
		background-size: cover;
		z-index: -1;
	}
		.future .wrap {
		}
		.future .future-blo {
			width: 100%;
			color: #fff;
			padding: 20px;
			box-sizing: border-box;
			background: rgba(0,0,0,0.7);
			text-align: justify;
		}
		 #green .future .future-blo {
			background-image: linear-gradient(135deg, transparent 50px, #00a38d 50px, #00a38d 53px, transparent 53px)
		}
		 #orange .future .future-blo {
			background-image: linear-gradient(135deg, transparent 50px, #ea6500 50px, #ea6500 53px, transparent 53px)
		}
		 #blue .future .future-blo {
			background-image: linear-gradient(135deg, transparent 50px, #00a0e9 50px, #00a0e9 53px, transparent 53px)
		}
		.future .future-blo h2 {
			text-align: right;
			letter-spacing: 0.1em;
		}
			.future .future-blo h2 span {
				display: block;
			}
			.future .future-blo h2 .subtit {
				font-size: 16px;
			}
			.future .future-blo h2 .tit {
				font-size: 20px;
				margin-top: 25px;
			}
		.future .future-blo p {
			margin-top: 20px;
			line-height: 2.2;
		}
	
	section.message {
		position: relative;
		padding-bottom: 80px;
		margin-top: 80px;
	}
	section.message::before {
		position: absolute;
		content: "";
		top: 15px;
		left: 0;
		width: 100%;
		height: calc(100% - 15px);
		background-color: #EFEFEF;
		z-index: -1;
	}
		section.message .wrap {
		}
			section.message .wrap .message-blo {
				position: relative;
				display: flex;
				flex-wrap: wrap;
			}
				section.message .wrap .message-blo .pht {
					width: 100%;
/*					max-width: 220px;*/
					margin: auto;
					order: 2;
					margin-top: 30px;
				}
				section.message .wrap .message-blo .txt {
					width: 100%;
					order: 1;
				}
					section.message .wrap .message-blo .txt h2 {
						width: 100%;
						max-width: 320px;
					}
					section.message .wrap .message-blo .txt p {
						margin-top: 40px;
					}
			section.message .wrap .btn-area {
				margin-top: 50px;
				text-align: center;
			}
				section.message .wrap .btn-area .btn {
					border: solid 1px #000;
					padding: 8px 12px;
					display: inline-block;
				}
					section.message .wrap .btn-area a {
						line-height: 1;
						display: -webkit-flex;
						display: -moz-flex;
						display: -ms-flex;
						display: -o-flex;
						display: flex;
						justify-content: center;
						align-items: center;
					}
						section.message .wrap .btn-area .arrow {
							width: 27px;
							height: 4px;
							border-bottom: solid 1px #000;
							margin-bottom: 2px;
							margin-right: 6px;
						}
						section.message .wrap .btn-area .arrow::after {
							content: "";
							display: block;
							width: 27px;
							height: 4px;
							border-left: solid 1px #000;
							transform: skew(-45deg);
							transform-origin: bottom left;
						}
	
	.person01 .top .top-bg{
		transform: scale(1.1);
		background-position: top left 28%;
	}
		.person01 .history {
		padding-bottom: 32px;
	}
			.person01 .history ul li:nth-child(9) {
/*				margin-top: 370px;*/
			}
			.person01 .history ul li .ch p span{
				font-size: 10px;
				display: block;
			}
			.person01 .history ul li .ch p span:first-of-type{
				margin-top: 15px;
			}
			.person01 .history ul li .ch p span + span{
				margin-top: 8px;
			}
			.person01 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht01.jpg");
			}
			.person01 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht02.jpg");
			}
			.person01 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/01/pht03.jpg");
			}
/*	方忖屈つある何蛍*/
/*
			.person01 .history ul li .ch.num15::before {
				background-size: cover;
				width: 137px;
				height: 116px;
				position: absolute;
				content: "";
				top: 0;
				left: auto;
				right: 0;
				margin-right: 10px;
			}
			.person01 .history ul li .num15::after {
				background-size: cover;
				width: 137px;
				height: 116px;
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				right: auto;
				margin-left: 10px;
				background-image: url(/recruit/w-nexco/workstyle/img/career/ch11_sp.png);
			}
*/
	
	.person02 .top .top-bg{
		transform: scale(1.1);
		background-position: top left 28%;
	}
	.person02 .history {
		padding-bottom: 32px;
	}
			.person02 .history ul li .ch p span{
				font-size: 10px;
				display: block;
			}
			.person02 .history ul li .ch p span:first-of-type{
				margin-top: 15px;
			}
			.person02 .history ul li .ch p span + span{
				margin-top: 8px;
			}
	
			.person02 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht01.jpg");
			}
			.person02 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht02.jpg");
			}
	
			.person02 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/02/pht03.jpg");
				background-position: top left 25%;
			}
	
	.person03 .top .top-bg {
		background-position: top left 16%;
	}
	.person03 .history {
		padding-bottom: 60px;
	}
			.person03 .history ul li:nth-child(1)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht01.jpg");
			}
			.person03 .history ul li:nth-child(8)::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht02.jpg");
			}
	
			.person03 .future::before {
				background-image: url("/recruit/w-nexco/workstyle/img/career/03/pht03.jpg");
				background-position: top left 25%;
			}
			.person03 .history ul li .ch p span{
				font-size: 10px;
				display: block;
			}
			.person03 .history ul li .ch p span:first-of-type{
				margin-top: 15px;
			}
			.person03 .history ul li .ch p span + span{
				margin-top: 8px;
			}
}