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

p {
	text-align: justify;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

.main {
	overflow: hidden;
}
	

	
/*top*/
	.top {
		position: relative;
		width: 100%;
	}
	.deco-bg01 {
		position: absolute;
		max-width: 1370px;
		width: 100%;
		height: 1248px;
		background-image: url("/recruit/w-nexco/works/message/img/deco_bg01.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -200px;
		left: -50px;
		z-index: 100;
	}
	.deco-bg02 {
		position: absolute;
		max-width: 1252px;
		width: 2148px;
		height: 2148px;
		background-image: url("/recruit/w-nexco/works/message/img/deco_bg02.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -1043px;
		z-index: 0;
	}
		.top-bg {
			width: calc(100% - 80px);
			background-size: cover;
			background-position: 50% 10%;
		}
			.top-bg img{
				width: 100%;
			}
	.txt-area {
		width: 52%;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		z-index: 1000;
	}
	.txt-area.left {
		left: 72px;
		right: auto;
	}
	
	.txt-area .lead-box{
		height: 80%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}
		.txt-area .lead{
			font-size: 30px;
			font-weight: bold;
			line-height: 2;
			letter-spacing: 0.17em;
		}
		.txt-area .profile{
			width: 100%;
			position: absolute;
			bottom: -80px;
			padding: 25px 25px 35px;
			color: white;
			background: #000;
		}
		.txt-area.left .profile{
			left: 82.5%;
		}
		 #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, #0078d2 50px, #0078d2 53px, transparent 53px)
		}
			.txt-area .profile .part{
				font-weight: bold;
			}
			#green .txt-area .profile .part{
				color: #00a38d;
			}
			#orange .txt-area .profile .part{
				color: #ea6500;
			}
			#blue .txt-area .profile .part{
				color: #0078d2;
			}
			.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: 50px;
				}
					.txt-area .profile .content .name span{
						font-size: 10px;
					}
/*	work*/
	.work {
		width: 960px;
		margin: auto;
		margin-top: 195px;
	}
	.work h3 {
		letter-spacing: 0.1em;
	}
		.work .contents{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			margin-top: 40px;
		}
			.work .contents p {
				width: 70%;
				line-height: 2.3;
			}
			.work .contents .title {
				letter-spacing: 0.1em;
				font-size: 22px;
				font-weight: bold;
				width: 33%;
			}
	
/*	oneday*/
	.oneday{
		margin-top: 160px;
		padding: 100px 0;
		background-color: #f1f1f1;
	}
		.oneday .wrap {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			position: relative;
			justify-content: space-between;
			width: 1010px;
			margin: auto;
		}
		.oneday h3 {
			position: absolute;
			height: 59px;
			top: -129px;
			left: -15px;
		}
			.oneday h3 img{
				height: 100%;
				object-fit: contain;
			}
	
	.oneday .time {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.oneday .time .img-box {
		font-size: 18px;
		font-weight: bold;
		color: #00A0E9;
		letter-spacing: 2px;
	}
	.oneday dl {
		max-width: 220px;
	}
	.oneday dt {
		font-size: 16px;
		font-weight: bold;
		margin: 30px 0 25px;
		display: flex;
		align-items: center;
	}
	.oneday dd {
		line-height: 2.3;
	}
	
	/*	ʸӡ*/
	.oneday .wrap > div:not(:last-child) .time .arrow {
		opacity: 0.2;
		margin-left: 10px;
		content: "";
		display: block;
		width: 170px;
		height: 6px;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
		transform: skew(45deg);
	}
	.oneday .wrap > div:first-child .time .arrow{
		width: 181px;
	}
	
/*	point*/
	.point {
		width: 100%;
		height: 892px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		z-index: 2;
	}
		.point .wrap {
			position: relative;
			height: 892px;
		}
		.point .contents {
			position: absolute;
			bottom: -100px;
			right: 0;
			width: 420px;
			color: white;
			padding: 45px;
			background: rgba(0,0,0,0.7);
		}
		.point .contents.left {
			position: absolute;
			bottom: -100px;
			left: 0;
			width: 420px;
			color: white;
			padding: 45px;
			background: rgba(0,0,0,0.7);
		}
		 #green .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #00a38d 55px, #00a38d 58px, transparent 58px)
		}
		 #orange .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #ea6500 55px, #ea6500 58px, transparent 58px)
		}
		 #blue .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #0078d2 55px, #0078d2 58px, transparent 58px)
		}
		.point .contents h3, .point .contents h4{
			text-align: right;
			letter-spacing: 0.1em;
		}
		.point .contents h4 {
			font-size: 22px;
			margin: 50px 0 35px;
		}
		.point .contents p {
			line-height: 2.3;
		}
	
/*	enter*/
	.enter {
		margin-top: 220px;
	}
	.enter h3 {
		letter-spacing: 0.1em;
	}
	.enter .contents {
		margin-top: 50px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.enter .txt {
		width: 40%;
		padding-right: 30px;
	}
	.enter .txt .title{
		font-size: 22px;
		letter-spacing: 0.1em;
	}
	.enter .txt p {
		margin-top: 35px;
		line-height: 2.3;
	}
	.enter .img-box {
		width: 640px;
		flex-shrink: 0;
		height: 344px;
		z-index: 100;
	}
/*	goal*/
	.section-wrap {
		position: relative;
/*		background-image: linear-gradient( transparent 60px, #f1f1f1 60px);*/
	}
	.deco-wrap {
		position: relative;
		width: max-content;
		margin: auto;
	}
	.goal {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 860px;
		margin:0 auto;
		align-items: flex-start;
		margin-top: 260px;
/*
		position: absolute;
		top: -60px;
		right: 0;
		left: 0;
*/
/*		justify-content: space-between*/
	}
	.goal h3 span {
		font-size: 29px;
	}
	.goal h3 {
		width: 20%;
		font-size: 22px;
		margin-right: 90px;
		margin-top: 35px;
		letter-spacing: 0.2em;
	}
	.goal p {
		width: 80%;
		margin-right: 40px;
		line-height: 2.8;
	}
/*	offtime*/
	
	.offtime {
		position: relative;
		z-index: 1;
		width: max-content;
		margin: auto;
		margin-top: 120px;
		padding-bottom: 150px;
	}
	.offtime .wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 970px;
		padding: 42px;
		position: relative;
		border: 1px solid #00a0e9;
	}
	.offtime .wrap.wide {
		display: block;
	}
	
	.offtime .txt-box {
		width: 55%;
		padding-right: 30px;
	}
	.offtime .wide .txt-box {
		width: 100%;
		padding-right: 0;
	}
	.offtime .txt-box h3{
		color: #00a0e9;
		letter-spacing: 0.1em;
	}
	.offtime .txt-box p {
		line-height: 2.3;
	}
	.offtime .img-box {
		width: 45%;
	}
	.offtime .wide .img-box {
		width: 50%;
		margin-top: 10px;
		display: flex;
	}
	.offtime .corner {
		position: absolute;
		width: 7px;
		height: 7px;
		background-color: #fff;
	}
	.offtime .corner.tr {
		top: -1px;
		right: -1px;
	}
	.offtime .corner.tl {
		top: -1px;
		left: -1px;
	}
	.offtime .corner.br {
		bottom: -1px;
		right: -1px;
	}
	.offtime .corner.bl {
		bottom: -1px;
		left: -1px;
	}
	
	.forstu {
		position: relative;
	}
	.forstu::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 15px;
		background-color: #f1f1f1;
	}
	.forstu .wrap{
		position: relative;
		z-index: 1;
		width: 970px;
		margin: auto;
		padding: 0px 47px 80px;
	}
	.forstu .img-box{
		width: 350px;
		margin-top: 32px;
		line-height: 2.3;
	}
	.forstu .txt-box{
		margin-top: 40px;
		line-height: 2.3;
	}
/*	other */
	.other {
		background-color: white;
		position: relative;
		z-index: 2
	}
	.other-container {
		width: 970px;
		margin: auto;
		padding-top: 146px;
	}
	.other h3 {
		font-size: 22px;
		text-align: center;
		letter-spacing: 0.2em;
	}
	.swiper {
		position: relative;
		width: 970px;
		margin-top: 56px;
	}	
	.swiper-container {
		width: 840px;
		margin: auto;
		overflow: hidden;
	}
	.swiper-slide {
		font-size: 18px;
		background: #fff;
		transition: opacity 0.6s ease;
	}
	.swiper-slide:hover {
		opacity: 0.7;
		cursor: pointer;
	}
/*	.swiper-slide*/

	.swiper-slide .txt-box {
		flex-grow: 1;
		text-align: left;
		padding: 20px 25px;
		background-color: #000;
	}
	.swiper-slide.green .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #00a38d 35px, #00a38d 37px, transparent 37px)
	}
	.swiper-slide.orange .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #ea6500 35px, #ea6500 37px, transparent 37px)
	}
	.swiper-slide.blue .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #0078d2 35px, #0078d2 37px, transparent 37px)
	}
		.swiper-slide .name {
			font-size: 17px;
			color: white;
		}
		.swiper-slide .name span {
			font-size: 10px;
			display: block;
		}
		.swiper-slide .part {
			font-size: 14px;
			margin-bottom: 5px;
			font-weight: bold;
		}
		.swiper-slide.green .part {
			color: #00a38d;
		}
		.swiper-slide.orange .part {
			color: #ea6500;
		}
		.swiper-slide.blue .part {
			color: #0078d2;
		}
	.swiper-slide .img-box {
/*		width: 259px;*/
	}
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper .swiper-button-next, .swiper .swiper-button-prev {
		margin: auto;
		width: 27px;
		height: 4px;
		border-bottom: solid 1px #000;
		transition: opacity 0.4s ease;
		background-image: none;
	}
	.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover{
		opacity: 0.5;
	}
	.swiper .swiper-button-next::after {
		content: "";
		display: block;
		width: 27px;
		height: 4px;
		border-right: solid 1px #000;
		transform: skew(45deg);
		transform-origin: bottom right;
	}
	.swiper .swiper-button-prev::after {
		content: "";
		display: block;
		width: 27px;
		height: 4px;
		border-left: solid 1px #000;
		transform: skew(-45deg);
		transform-origin: bottom left;
	}
	
	.btn-area {
		margin-top: 100px;
		text-align: center;
	}
		.btn-area .btn {
			border: solid 1px #000;
			padding: 8px 12px;
			display: inline-block;
		}
			.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;
			}
				.btn-area .arrow {
					width: 27px;
					height: 4px;
					border-bottom: solid 1px #000;
					margin-bottom: 2px;
					margin-right: 6px;
				}
				.btn-area .arrow::after {
					content: "";
					display: block;
					width: 27px;
					height: 4px;
					border-left: solid 1px #000;
					transform: skew(-45deg);
					transform-origin: bottom left;
				}
	
	
/*	background-image*/
	
	#people01 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people01/point.jpg");
	}
	#people02 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people02/point.jpg");
	}
	#people03 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people03/point.jpg");
	}
	#people04 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people04/point.jpg");
	}
	#people05 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people05/point.jpg");
	}
	#people06 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people06/point.jpg");
	}
	#people07 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people07/point.jpg");
	}
	#people08 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people08/point.jpg");
	}
	#people09 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people09/point.jpg");
	}
	#people10 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people10/point.jpg");
	}
	#people11 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people11/point.jpg");
	}
	#people12 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people12/point.jpg");
	}
	#people13 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people13/point.jpg");
	}
	#people14 .point {
		background-image: url("/recruit/w-nexco/works/message/img/people14/point.jpg");
	}
}




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

	
	.top {
		position: relative;
	}
	.top .top-bg{
		width: 100%;
		
/*		width: calc(100% - 65px);*/
/*		height: 460px;*/
		position: relative;
		overflow: hidden;
	}
	.top .top-bg img{
		max-width: none;
/*		height: 100%;*/
		width: 100%;
		
	}
	.txt-area {
		width: 100%;
	}
	.txt-area .lead-box {

		position: absolute;
		bottom: 0;
		background-color: rgba(255,255,255,0.9);
	}
		.txt-area .lead{
			    /* width: max-content; */
    margin-right: 0;
    margin-left: auto;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding: 30px 30px 47px;
		}
		.txt-area .profile{
			position: absolute;
			bottom: -110px;
			right: 0;
			width: 90%;
			max-width: 450px;
			margin-right: 0;
/*
			margin-left: auto;
			margin-top: 50px;
*/
			padding: 18px;
			color: white;
			background: #000;
			background-image: linear-gradient(-45deg, transparent 35px, #00a38d 35px, #00a38d 37px, transparent 37px)
		}
		 #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, #0078d2 50px, #0078d2 53px, transparent 53px)
		}
			.txt-area .profile .part{
				font-weight: bold;
			}
			#green .txt-area .profile .part{
				color: #00a38d;
			}
			#orange .txt-area .profile .part{
				color: #ea6500;
			}
			#blue .txt-area .profile .part{
				color: #0078d2;
			}
			.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;
					}
	.main {
		overflow: hidden;
	}
	.deco-bg01 {
		position: absolute;
		width: 1000px;
		height: 1248px;
		background-image: url("/recruit/w-nexco/works/message/img/deco_bg01.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -290px;
		left: -17px;
		z-index: -1;
	}
	.deco-bg02 {
		position: absolute;
		width: 900px;
		height: 2148px;
		background-image: url("/recruit/w-nexco/works/message/img/deco_bg02.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -1075px;
		left: -5px;
		z-index: 1;
		margin-left: 8%;
	}
	
	.sec {
		padding: 0 5%;
	}
/*	work*/
	.work {
		margin: auto;
		margin-top: 200px;
	}
	.work h3 {
		letter-spacing: 0.1em;
	}
		.work .contents{
			margin-top: 20px;
		}
			.work .contents .title {
				letter-spacing: 0.1em;
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 8px;
				line-height: 1.8;
			}
			.work .contents p{
				line-height: 2.3;
			}
	
	
	
	
/*	oneday*/
	.oneday{
		margin-top: 120px;
		padding: 77px 0;
		background-color: #f1f1f1;
	}
		.oneday .wrap {
			position: relative;
			justify-content: space-between;
			margin: auto;
		}
		.oneday h3 {
			position: absolute;
			height: 59px;
			top: -112px;
			left: 5%;
		}
			.oneday h3 img{
				height: 100%;
				object-fit: contain;
			}
	
	.oneday .time {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
	}
	.oneday .time .img-box {
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		color: #00A0E9;
		letter-spacing: 2px;
	}
		.oneday .time img{
			object-fit: contain;
			vertical-align: top;
			height: 100%;
			width: auto;
		}
	.oneday dl {
		width: 100%;
		margin-left: 30px;
	}
	.oneday div:not(:last-child) dl {
		margin-bottom: 25px;
	}
	.oneday dt {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 8px;
		margin-top: -7px;
	}
	.oneday dd {
		line-height: 2.1;
	}
	.oneday .wrap > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
		width: 100%;
	}
	
	/*	ʸӡ*/
	.oneday .wrap > div:not(:last-child) .time .arrow {
		opacity: 0.2;
		content: "";
		display: block;
		width: 4px;
		flex-grow: 1;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
		transform: skewY(45deg);
		margin: 10px 20px;
	}
	.oneday .wrap > div:first-child .time::after{
		height: 153px;
	}
		
	
/*	point*/
	.point {
		margin-bottom: 80px;
	}
	.point .bg {
		width: 100%;
		height: 300px;
		background-size: cover;
		background-position: center left 30%;
		position: relative;
		z-index: 2;
		
	}
		.point .wrap {
			position: relative;
			margin-top: -100px;
			z-index: 2;
		}
		.point .contents {
			max-width: 420px;
			margin: 0 auto;
			color: white;
			padding: 20px;
			background: rgba(0,0,0,0.7);
		}
		 #green .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #00a38d 55px, #00a38d 58px, transparent 58px)
		}
		 #orange .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #ea6500 55px, #ea6500 58px, transparent 58px)
		}
		 #blue .point .contents {
			background-image: linear-gradient(135deg, transparent 55px, #0078d2 55px, #0078d2 58px, transparent 58px)
		}
		.point .contents h3, .point .contents h4{
			text-align: right;
			letter-spacing: 0.1em;
		}
		.point .contents h4 {
			font-size: 20px;
			margin: 25px 0 16px;
		}
		.point .contents p {
			line-height: 2.3;
		}
	
	
	
/*	enter*/
	.enter {
		position: relative;
		z-index: 2;
	}
	.enter h3 {
		letter-spacing: 0.1em;
	}
	.enter .contents {
		margin-top: 15px;
	}
	.enter .txt {
	}
	.enter .txt .title{
		font-size: 20px;
		letter-spacing: 0.1em;
	}
	.enter .txt p {
		margin-top: 8px;
		line-height: 2.3;
	}
	.enter .img-box {
		margin-top: 20px;
	}
	
	
	.deco-wrap {
		position: relative;
	}
	
/*	goal*/
	.goal {
		padding: 0 10%;
		margin: auto;
		align-items: center;
		margin-top: 80px;
	}
	.goal h3 span {
		font-size: 29px;
	}
	.goal h3 {
		font-size: 22px;
		letter-spacing: 0.2em;
	}
	.goal p {
		line-height: 2.3;
	}
/*	offtime*/
	
	.offtime {
		position: relative;
		z-index: 1;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.offtime .wrap {
		padding: 28px;
		position: relative;
		border: 1px solid #00a0e9;
	}
	
	.offtime .txt-box {
	}
	.offtime .txt-box h3{
		color: #00a0e9;
		letter-spacing: 0.1em;
	}
	.offtime .txt-box p {
		line-height: 2.3;
	}
	.offtime .img-box {
		margin-top: 20px;
		position: relative;
		z-index: 1;
	}
	.offtime .corner {
		position: absolute;
		width: 7px;
		height: 7px;
		background-color: #fff;
	}
	.offtime .corner.tr {
		top: -1px;
		right: -1px;
	}
	.offtime .corner.tl {
		top: -1px;
		left: -1px;
	}
	.offtime .corner.br {
		bottom: -1px;
		right: -1px;
	}
	.offtime .corner.bl {
		bottom: -1px;
		left: -1px;
	}
	.forstu .wrap {
		padding: 0 10%;
	}
	.forstu .img-box{
		line-height: 2.3;
		width: 285px;
	}
	.forstu .txt-box{
		line-height: 2.3;
		margin-top: 20px;
	}
	
/*	other */
	.other {
		padding-top: 40px;
		background-color: white;
		position: relative;
		z-index: 2
	}
	.other-container {
		width: 90%;
		margin: auto;
	}
	.other h3 {
		font-size: 22px;
		text-align: center;
		letter-spacing: 0.2em;
	}
	.swiper {
		height: 90%;
		margin-top: 32px;
		position: relative;
	}
	
	.swiper-container {
		width: 80%;
		margin: auto;
		overflow: hidden;
	}
	.swiper-slide {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		text-align: center;
		font-size: 18px;
		background: #fff;
		  width: 259px;
		transition: opacity 0.6s ease;
	}
	.swiper-slide:hover {
		opacity: 0.7;
		cursor: pointer;
	}
	.swiper-slide .img-box {
	}
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper-slide .txt-box {
		margin-top: -118px;
		text-align: left;
		padding: 20px 25px;
		background-color: #000;
	}
	.swiper-slide.green .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #00a38d 35px, #00a38d 37px, transparent 37px)
	}
	.swiper-slide.orange .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #ea6500 35px, #ea6500 37px, transparent 37px)
	}
	.swiper-slide.blue .txt-box {
		background-image: linear-gradient(-45deg, transparent 35px, #0078d2 35px, #0078d2 37px, transparent 37px)
	}
	.swiper-slide .name {
		font-size: 17px;
		color: white;
	}
	.swiper-slide .name span {
		font-size: 10px;
		display: block;
	}
	.swiper-slide .part {
		color: #00a38d;
		font-size: 14px;
		margin-bottom: 5px;
		font-weight: bold;
	}
		.swiper-slide.green .part {
			color: #00a38d;
		}
		.swiper-slide.orange .part {
			color: #ea6500;
		}
		.swiper-slide.blue .part {
			color: #0078d2;
		}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: 0;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: 0;
	}
	.swiper .swiper-button-next, .swiper .swiper-button-prev {
		margin: auto;
		width: 20px;
		height: 4px;
		border-bottom: solid 1px #000;
	}
	.swiper .swiper-button-next::after {
		content: "";
		display: block;
		width: 20px;
		height: 4px;
		border-right: solid 1px #000;
		transform: skew(45deg);
		transform-origin: bottom right;
	}
	.swiper .swiper-button-prev::after {
		content: "";
		display: block;
		width: 20px;
		height: 4px;
		border-left: solid 1px #000;
		transform: skew(-45deg);
		transform-origin: bottom left;
	}
	
			.btn-area {
				margin-top: 50px;
				text-align: center;
			}
				.btn-area .btn {
					border: solid 1px #000;
					padding: 8px 12px;
					display: inline-block;
				}
					.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;
					}
						.btn-area .arrow {
							width: 27px;
							height: 4px;
							border-bottom: solid 1px #000;
							margin-bottom: 2px;
							margin-right: 6px;
						}
						.btn-area .arrow::after {
							content: "";
							display: block;
							width: 27px;
							height: 4px;
							border-left: solid 1px #000;
							transform: skew(-45deg);
							transform-origin: bottom left;
						}
	
	
	
	/*	background-image*/
	
	#people01 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people01/point.jpg");
	}
	#people02 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people02/point.jpg");
	}
	#people03 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people03/point.jpg");
	}
	#people04 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people04/point.jpg");
	}
	#people05 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people05/point.jpg");
	}
	#people06 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people06/point.jpg");
	}
	#people07 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people07/point.jpg");
	}
	#people08 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people08/point.jpg");
	}
	#people09 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people09/point.jpg");
	}
	#people10 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people10/point.jpg");
	}
	#people11 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people11/point.jpg");
	}
	#people12 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people12/point.jpg");
	}
	#people13 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people13/point.jpg");
	}
	#people14 .point .bg{
		background-image: url("/recruit/w-nexco/works/message/img/people14/point.jpg");
	}

	
	
	
}