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




main a{
	width: 100%;
	height: 100%;
	display: block;
}

.img-box img {
	max-width: 100%;
}

main {
	overflow: hidden;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

	
	
	main img {
		max-width: 100%;
	}
	.top {
		position: relative;
		z-index: 10;
		overflow: hidden;
	}
	.bg {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		background-color: #f1f1f1;
		width: 100%;
		height: 515px;
	}
	.deco01 {
		position: absolute;
		top: -30px;
		left: 0;
		background-image: url("/recruit/w-nexco/workstyle/img/cross/top_deco01.png");
		width: 327px;
		height: 448px;
		background-size: contain;
		z-index: -1;
	}
	.deco02 {
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("/recruit/w-nexco/workstyle/img/cross/top_deco02.png");
		width: 268px;
		height: 158px;
		background-size: contain;
		z-index: -1;
	}
	.top .title {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 631px;
		margin: auto;
	}
	.title_jp {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.title_jp h2 {
		font-size: 43px;
		letter-spacing: 0.2em;
	}
	.title_jp h3 {
		letter-spacing: 0.1em;
		font-size: 26px;
		color: white;
		line-height: 1.4;
		background-color: black;
		display: inline-block;
		padding: 0 10px;
		margin: 0 auto;
		margin-top: 3px;
	}
	
	
	
	.people {
		padding-top: 320px;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.people > div {
		width: 33%;
	}
	.people .img-box {
		width: 100%;
	}
	
	.people .profile {
		padding: 25px 30px 55px;
		flex-grow: 1;
		position: relative;
		border-bottom: solid 3px #f1f1f1;
		background-image: linear-gradient(315deg, transparent 49px, #ea6500 49px, #ea6500 52px, transparent 52px);
		background-color: white;
	}
	.people .profile .name {
		font-size: 17px;
	}
	.people .profile .name span{
		font-size: 10px;
		margin-left: 8px;
	}
	.people .profile .part {
		margin-top: 15px;
		margin-bottom: 22px;
	}
	.people .profile .tag {
		width: 100px;
		letter-spacing: 2px;
		padding-right: 20px;
		line-height: 2;
		text-align: right;
		position: absolute;
		bottom: 20px;
		right: 0;
		font-weight: bold;
		background-color: white;
	}
	.people .person01 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #ea6500 49px, #ea6500 52px, transparent 52px);
	}
	.people .person02 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #00a38d 49px, #00a38d 52px, transparent 52px);
	}
	.people .person03 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #0078d2 49px, #0078d2 52px, transparent 52px);
	}
	.people .person01 .profile .tag {
		color: #ea6500;
	}
	.people .person02 .profile .tag {
		color: #00a38d;
	}
	.people .person03 .profile .tag {
		color: #0078d2;
	}
	
	
	.link {
		width: 890px;
		margin: 0 auto;
		margin-top: 125px;
		justify-content: space-between;
		position: relative;
		z-index: 10;
	}
	.link a {
		padding: 20px;
		background-color: #f1f1f1;
		width: 170px;
		height: 160px;
		box-sizing: border-box;
		text-align: center;
		flex-direction: column;
		justify-content: space-between;
		color: #000 !important;
		border: solid 3px transparent;
		transition: 0.3s;
	}
	.link a:hover {
		border: solid 3px #000;
	}
	.link a .img-box {
		width: 34px;
		margin: 0 auto;
		margin-bottom: 5px;
		min-height: 0%;
	}
	.link a::after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
		transform: rotate(45deg);
		margin: 0 auto;
		transition: 0.3s;
	}
	.link a:hover::after {
		transform: rotate(45deg) translate(3px , 3px);
	}
	
	
	
	.sec {
		position: relative;
		padding: 180px 0;
	}
	#talk02,
	#talk04{
		padding-bottom: 392px;
		background-color: #f1f1f1;
	}
	#talk03,
	#talk05{
		padding-top: 392px;
	}
	
	.wrap {
		max-width: 1400px;
		width: auto;
		margin: 0 auto;
	}
	.item-wrap {
		width: 890px;
		margin: 0 auto;
	}
	#mainArea{
		background-image:url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-size: 2886px 5484px;
		background-repeat: no-repeat;
		background-position: bottom -2948px left calc(50vw - 475px);
	}
	.sec .bg-deco {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png"),url("/recruit/w-nexco/workstyle/img/cross/talk_deco02.png");
		background-size: 2886px 5484px;
		background-repeat: no-repeat;
		background-position: top -2535px left calc(50vw - 475px),bottom -2948px right calc(50vw - 475px);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.sec:nth-child(odd) .bg-deco{
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco02.png"),url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-size: 2886px 5484px;
		background-repeat: no-repeat;
		background-position: top -2535px right calc(50vw - 475px),bottom -2948px left calc(50vw - 475px);
	}
	#talk02 .bg-deco{
		background-position: top -2535px right calc(50vw - 475px),bottom -3160px left calc(50vw - 475px);
	}
	#talk04 .bg-deco{
		background-position: top -2535px right calc(50vw - 475px),bottom -3160px left calc(50vw - 475px);
	}
	#talk03 .bg-deco{
		background-position: top -2323px left calc(50vw - 475px),bottom -2948px right calc(50vw - 475px);
	}
	#talk05 .bg-deco{
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-position: top -2323px left calc(50vw - 475px);
	}
	
	
	
	.pht-online{
		width: 474px;
		height: 280px;
		margin-top: 42px;
		margin-bottom: 38px;
		position: relative;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		
	}
	.pht-online_r {
		margin-left: 38px;
		float: right;
	}
	.pht-online_l {
		float: left;
		margin-right: 38px;
	}
	#talk01 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht01.jpg");
	}
	#talk02 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht02.jpg");
	}
	#talk04 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht03.jpg");
	}
/*	talk のタイトル*/
	.sec .title {
		position: relative;
	}
	.sec .title .txt-box p{
		letter-spacing: 0.1em;
	}
	.sec .title .txt-box h4{
		font-size: 22px;
		margin-top: 10px;
		letter-spacing: 0.195em;
	}
	.sec .title .img-box {
		width: 87px;
		margin-right: 85px;
		padding-top: 3px;
	}
	
	.sec .title .img-box img{
	}
	.sec.even .title {
		flex-direction: row-reverse;
	}
	.sec.even .title .img-box {
		margin-left: 85px;
		margin-right: 0;
	}
	.sec.even .title .txt-box {
		text-align: right;
	}
/*	talk のタイトルここまで*/
	
/*	talk のコンテンツ*/
	.sec .contents {
		margin-top: 70px;
		position: relative;
		z-index: 1;
	}
		.sec .contents .item:not(:last-child){
			margin-bottom: 65px;
		}
			.sec .contents .item .pht{
				text-align: center;
			}
	.sec .contents .item .pht + .pht{
		margin-left: 10px;
	}
				.sec .contents .item .pht .img-box{
					width: 95px;
				}
	.sec .contents .item .hukidashi{
		
	}
	.sec .contents .item .hukidashi{
		background-color: white;
		width: 100%;
/*		min-height: 50px;*/
		position: relative;
		height: auto;
		padding: 25px 45px;
		display: flex;
		align-items: center;
		margin-left: 40px;
	}
		.sec .contents .item .hukidashi::before{
			content: "";
			display: block;
			position: absolute;
			top: 30px;
			left: -20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 20px 20px 0;
			
		}
		.sec .contents .item .hukidashi::after{
			content: "";
			display: block;
			position: absolute;
			top: 30px;
			left: -19px;
			z-index: 1;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 19px 19px 0;
			border-color: transparent white transparent transparent;
		}
			.sec .contents .item .hukidashi p{
				text-align: justify;
				line-break: strict;
				word-wrap: break-word;
				overflow-wrap: break-word;
			}
	.sec .contents .blue .hukidashi{
		border: solid 1px #0078d2;
	}
	.sec .contents .blue .hukidashi::before{
		border-color: transparent #0078d2 transparent transparent;
	}
	.sec .contents .green .hukidashi{
		border: solid 1px #00a38d;
	}
	.sec .contents .green .hukidashi::before{
		border-color: transparent #00a38d transparent transparent;
	}
	.sec .contents .orange .hukidashi{
		border: solid 1px #ea6500;
	}
	.sec .contents .orange .hukidashi::before{
		border-color: transparent #ea6500 transparent transparent;
	}
	
	
	.sec .contents .item:nth-child(even){
		flex-direction: row-reverse;
	}
		.sec .contents .item:nth-child(even) .pht{
			text-align: center;
		}
	.sec .contents .item:nth-child(even) .hukidashi{
		margin-right: 40px;
		margin-left: 0;
	}
	.sec .contents .item:nth-child(even) .hukidashi::before{
		left: auto;
		right: -20px;
	}
	.sec .contents .item:nth-child(even) .hukidashi::after{
		left: auto;
		right: -19px;
		border-width: 20px 20px 0 0;
		border-color: white transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).blue .hukidashi::before{
		border-width: 20px 20px 0 0;
		border-color: #0078d2 transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).green .hukidashi::before{
		border-width: 20px 20px 0 0;
		border-color: #00a38d transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).orange .hukidashi::before{
		border-width: 20px 20px 0 0;
		border-color: #ea6500 transparent transparent transparent;
	}
	
	.sec .pht-box {
		position: absolute;
		bottom: -215px;
		left: 0;
		width: calc(50vw + 445px);
		height: 424px;
		min-width: 1040px;
		z-index: 10;
	}
	.sec.talk04 .pht-box {
		left: auto;
		right: 0;
	}
	
	.sec .pht-box .left{
		width: 40%;
	}
	.sec .pht-box .right{
		width: 60%;
	}
	
	.sec .pht01 {
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 209px;
	}
	.sec .pht02 {
		background-size: cover;
		background-position: center;
		margin-top: 6px;
		width: 100%;
		height: 209px;
	}
	.sec .pht03 {
		margin-left: 6px;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 424px;
	}
	.talk02 .pht01 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht01.jpg");
	}
	.talk02 .pht02 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht02.jpg");
	}
	.talk02 .pht03 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht03.jpg");
	}
	.talk04 .pht01 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht01.jpg");
	}
	.talk04 .pht02 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht02.jpg");
	}
	.talk04 .pht03 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht03.jpg");
	}
	
	
	
	
}





/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	
	
	
	
	main img {
		width: 100%;
		height: 100%;
	}
	.sec{
	}
	.top {
		position: relative;
		overflow: hidden;
	}
	.bg {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		background-color: #f1f1f1;
		width: 100%;
		height: 560px;
	}
	.deco01 {
		position: absolute;
		top: 16px;
		left: -253px;
		background-image: url("/recruit/w-nexco/workstyle/img/cross/top_deco01.png");
		width: 327px;
		height: 448px;
		background-size: contain;
		z-index: -1;
	}
	.deco02 {
		position: absolute;
		top: 0;
		right: -148px;
		background-image: url("/recruit/w-nexco/workstyle/img/cross/top_deco02.png");
		width: 268px;
		height: 158px;
		background-size: contain;
		z-index: -1;
	}
	.top .title {
		max-width: 360px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin: 50px auto 40px;
	}
	.title_jp {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.title_jp h2 {
		font-size: 26px;
		letter-spacing: 0.2em;
	}
	.title_jp h3 {
		letter-spacing: 0.1em;
		font-size: 16px;
		color: white;
		line-height: 1.4;
		background-color: black;
		display: inline-block;
		padding: 0 10px;
		margin: 0 auto;
		margin-top: 3px;
	}
	
	
	
	.people {
		padding: 0 5%;
		padding-top: 300px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.people > div {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
	}
	.people .img-box {
		width: 100%;
	}
	
	.people .profile {
		padding: 20px 20px 60px;
		flex-grow: 1;
		position: relative;
		border-bottom: solid 20px #fff;
		background-color: #f7f7f7;
	}
	.people .profile .name {
		font-size: 17px;
	}
	.people .profile .name span{
		font-size: 10px;
		margin-left: 8px;
	}
	.people .profile .part {
		margin-top: 15px;
		margin-bottom: 22px;
	}
	.people .profile .txt {
/*		width: calc(100% - 95px);*/
	}
	.people .img-box {
		position: relative;
	}
	.people .tag-box {
		width: 100px;
/*		height: 77px;*/
		position: absolute;
		top: 0;
		left: 0;
	}
	.people .img-box .tag {
		width: 100px;
		padding-right: 25px;
		line-height: 2;
		text-align: right;
		position: absolute;
		bottom: 20px;
		right: 0;
		font-weight: bold;
		background-color: white;
	}
	.people .person01 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #ea6500 49px, #ea6500 52px, transparent 52px);
	}
	.people .person02 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #00a38d 49px, #00a38d 52px, transparent 52px);
	}
	.people .person03 .profile {
		background-image: linear-gradient(315deg, transparent 49px, #0078d2 49px, #0078d2 52px, transparent 52px);
	}
	.people .profile .tag {
		width: 100px;
		letter-spacing: 2px;
		padding-right: 20px;
		line-height: 2;
		text-align: right;
		position: absolute;
		bottom: 20px;
		right: 0;
		font-weight: bold;
		background-color: #f7f7f7;
	}
	.people .person01 .profile .tag {
		color: #ea6500;
	}
	.people .person02 .profile .tag {
		color: #00a38d;
	}
	.people .person03 .profile .tag {
		color: #0078d2;
	}
	
	.link {
		margin: 0 auto;
		margin-top: 64px;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
		padding: 0 13%;
	}
	.link a {
		margin-bottom: 3px;
		background-color: #f1f1f1;
		width: 100%;
		height: 45px;
		box-sizing: border-box;		
		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: relative;
		padding: 0 50px;
		
	}
	.link a p{
		text-align: center;
	}
	.link a .img-box {
		width: 27px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.link a::after {
		content: "";
		position: absolute;
		display: block;
		right: 20px;
		top: 0;
		bottom: 0;
		width: 7px;
		height: 7px;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
		transform: rotate(45deg);
		margin: auto 0;
	}
	
	
	
	
	.sec {
		position: relative;
		padding: 70px 0;
	}
	#talk02,
	#talk04{
		padding-bottom: calc(70px + 40.5vw);
		background-color: #f1f1f1;
	}
	#talk03,
	#talk05{
		padding-top: calc(70px + 40.5vw);
	}
	.wrap {
		padding: 0 5%;
		margin: 0 auto;
/*		position: relative;*/
	}
	#mainArea{
		background-image:url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-size: 2110px 4009px;
		background-repeat: no-repeat;
		background-position: bottom -2120px left -2vw;
	}
	.sec .bg-deco {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png"),url("/recruit/w-nexco/workstyle/img/cross/talk_deco02.png");
		background-size: 2110px 4009px;
		background-repeat: no-repeat;
		background-position: top -1890px left -2vw,bottom -2120px right -2vw;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.sec:nth-child(odd) .bg-deco{
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco02.png"),url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-size: 2110px 4009px;
		background-repeat: no-repeat;
		background-position: top -2535px right -2vw,bottom -2120px left -2vw;
	}
	#talk02 .bg-deco{
		background-position: top -1890px right -2vw,bottom calc((2120px + 40.5vw)*-1.0) left -2vw;
	}
	#talk03 .bg-deco{
		background-position: top calc((1890px - 40.5vw)*-1.0) left -2vw,bottom -2120px right -2vw;
	}
	#talk04 .bg-deco{
		background-position: top -1890px right -2vw,bottom calc((2120px + 40.5vw)*-1.0) left -2vw;
	}
	
	#talk05 .bg-deco{
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk_deco.png");
		background-position: top calc((1890px - 40.5vw)*-1.0) left -2vw;
	}
	
	.pht-online{
		width: 100%;
		height: 53vw;
		margin-top: 30px;
		margin-bottom: 32px;
		position: relative;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		
	}
/*
	.pht-online_r {
		margin-left: 38px;
		float: right;
	}
	.pht-online_l {
		float: left;
		margin-right: 38px;
	}
*/
	#talk01 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht01.jpg");
	}
	#talk02 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht02.jpg");
	}
	#talk04 .pht-online {
		background-image: url("/recruit/w-nexco/workstyle/img/cross2/pht03.jpg");
	}

/*	talk のタイトル*/
	.sec .title {
		position: relative;
		flex-direction: column;
	}
		.sec:nth-of-type(even) .title {
			text-align: right;
		}
		.sec:nth-of-type(even) .title .img-box{
			margin: 0 0 0 auto;
		}
	.sec .title .txt-box {
		margin-top: 10px;
	}
	.sec.even .title .txt-box {
	}
	.sec .title .txt-box h4{
		margin-top: 3px;
		font-size: 19px;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
	.sec .title .img-box {
		width: 54px;
	}
	
	.sec .title .img-box img{
	}
	.sec.even .title {
	}
	.sec.even .title .img-box {
	}
/*	talk のタイトルここまで*/
	
/*	talk のコンテンツ*/
	.sec .contents {
		margin-top: 40px;
		position: relative;
		z-index: 1;
	}
	.sec .contents .item {
	}
		.sec .contents .item:not(:last-child){
			margin-bottom: 22px;
		}
			.sec .contents .item .pht{
				text-align: center;				
				width: 50px;
			}
			.sec .contents .item .pht + .pht{
				margin-left: 5px;
			}
				.sec .contents .item .pht .img-box{
					width: 50px;
				}
	
	.sec .contents .item .hukidashi{
		background-color: white;
		width: 100%;
		position: relative;
		padding: 12px 12px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		margin-left: 20px;
	}
	.sec .contents .item .hukidashi::before{
			content: "";
			display: block;
			position: absolute;
			top: 30px;
			left: -15px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 15px 15px 0;
		}
		.sec .contents .item .hukidashi::after{
			content: "";
			display: block;
			position: absolute;
			top: 30px;
			left: -14px;
			z-index: 1;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 14px 14px 0;
			border-color: transparent white transparent transparent;
		}
			.sec .contents .item .hukidashi p{
				text-align: justify;
				line-break: strict;
				word-wrap: break-word;
				overflow-wrap: break-word;
			}
/*
		.sec .contents .item .hukidashi::before{
			content: "";
			display: block;
			position: absolute;
			bottom: -20px;
			left: 85px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 20px 0 0;
		}
		.sec .contents .item .hukidashi::after{
			content: "";
			display: block;
			position: absolute;
			bottom: -19px;
			left: 85px;
			z-index: 1;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 19px 19px 0 0;
			border-color: white transparent transparent transparent;
		}
*/
	.sec .contents .blue .hukidashi{
		border: solid 1px #0078d2;
	}
	.sec .contents .blue .hukidashi::before{
		border-color: transparent #0078d2 transparent transparent;
	}
	.sec .contents .green .hukidashi{
		border: solid 1px #00a38d;
	}
	.sec .contents .green .hukidashi::before{
		border-color: transparent #00a38d transparent transparent;
	}
	.sec .contents .orange .hukidashi{
		border: solid 1px #ea6500;
	}
	.sec .contents .orange .hukidashi::before{
		border-color: transparent #ea6500 transparent transparent;
	}
	
	
	.sec .contents .item:nth-child(even) {
		flex-direction: row-reverse;
	}
		.sec .contents .item:nth-child(even) .pht{
			text-align: center;
		}
	
	
	.sec .contents .item:nth-child(even) .hukidashi{
		margin-left: 0;
		margin-right: 20px;
	}
	.sec .contents .item:nth-child(even) .hukidashi::before{
		left: auto;
		right: -15px;
	}
	.sec .contents .item:nth-child(even) .hukidashi::after{
		left: auto;
		right: -14px;
		border-width: 14px 14px 0 0;
		border-color: white transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).blue .hukidashi::before{
		border-width: 15px 15px 0 0;
		border-color: #0078d2 transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).green .hukidashi::before{
		border-width: 15px 15px 0 0;
		border-color: #00a38d transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).orange .hukidashi::before{
		border-width: 15px 15px 0 0;
		border-color: #ea6500 transparent transparent transparent;
	}
	
	
	
	
	.sec .contents .item:nth-child(even) .hukidashi::before{
		left: auto;
		right: -15px;
	}
	.sec .contents .item:nth-child(even) .hukidashi::after{
		left: auto;
		right: -14px;
		border-width: 14px 14px 0 0;
		border-color: white transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).blue .hukidashi::before{
		
		border-width: 15px 15px 0 0;
		border-color: #0078d2 transparent transparent transparent;
/*
		border-width: 0 20px 20px 0;
		border-color: transparent #0078d2 transparent transparent;
*/
	}
	.sec .contents .item:nth-child(even).green .hukidashi::before{
		border-width: 15px 15px 0 0;
		border-color: #00a38d transparent transparent transparent;
	}
	.sec .contents .item:nth-child(even).orange .hukidashi::before{
		border-width: 15px 15px 0 0;
		border-color: #ea6500 transparent transparent transparent;
	}
	
	.sec .pht-box {
		position: absolute;
		bottom: -40.5vw;
		left: 0;
		width: 100%;
		flex-direction: column-reverse;
	}
	.sec.talk04 .pht-box {
	}
	
	.sec .pht-box .left{
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.sec .pht-box .right{
		width: 100%;
	}
	
	.sec .pht01 {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100px;
	}
	.sec .pht02 {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-left: 4px;
		width: 100%;
		height: 100px;
	}
	.sec .pht03 {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin-bottom: 4px;
		width: 100%;
		height: 200px;
	}
	.talk02 .pht01 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht01.jpg");
	}
	.talk02 .pht02 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht02.jpg");
	}
	.talk02 .pht03 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk2_pht03.jpg");
	}
	.talk04 .pht01 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht01.jpg");
	}
	.talk04 .pht02 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht02.jpg");
	}
	.talk04 .pht03 {
		background-image: url("/recruit/w-nexco/workstyle/img/cross/talk4_pht03.jpg");
	}



}