/*======= human_cont1 =======*/

.human_cont1{
	width: 900px;
	padding: 30px 50px 50px;
	margin: 0 auto 80px;
	font-size: 20px ;
	color: var(--blue1);
	background: url(/recruit/human/img/human_c1_bg.png);
	background-size: contain;
	/*position: relative;*/
}
.sub_stitleWrap .stitleArea.human_c1 {
    position: static;
}

.human_cont1 .txtArea{
	width: 100%;
	text-align: center;
}

.human_cont1 ul{
	display: inline-block;
	text-align: left;
	position: relative;
	padding: 0 20px;
}

.human_cont1 li{
	margin-bottom: 25px;
	line-height: 1.3;
	text-indent: -2em;
	padding-left: 2em;
}

.human_cont1 li:last-child{
	margin-bottom: 0;
}

.human_cont1 ul::before{
	content: '';
	diplay: inline-block!important;
	position: absolute;
	background:  url(/recruit/human/img/human_c1_img01.svg) no-repeat; 
	background-size: contain;
	width: 17px;
	height: 15px;
	left: -20px ;
	top: -15px;
}

.human_cont1 ul::after{
	content: '';
	diplay: inline-block!important;
	position: absolute;
	background:  url(/recruit/human/img/human_c1_img02.svg) no-repeat; 
	background-size: contain;
	width: 17px;
	height: 15px;
	right: -35px ;
	bottom: -20px;
}

@media (max-width: 999px) and (min-width: 768px){
	.human_cont1{
		width: 95%;
		/*height: 38vw;*/
		background-size: cover;
	}

	.human_cont1 .txtArea{
		width: 90%;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.human_cont1{
		width: 82%;
		padding: 2% 4% 7%;
		margin: 0 auto 15vw;
		font-size: var(--fsize_sp30);
		background: url(/recruit/human/img/human_c1_bg_sp.png);
		background-size: contain;
	}

	.sub_stitleWrap .stitleArea.human_c1 {
	    position: static;
	}

	.human_cont1 li{
		margin-bottom: 3.8vw;
		line-height: 1.5;
	}

	.human_cont1 li:last-child{
		margin-bottom: 0;
	}

	.human_cont1 ul::before{
		content: '';
		diplay: inline-block!important;
		position: absolute;
		background:  url(/recruit/human/img/human_c1_img01.svg) no-repeat; 
		background-size: contain;
		width: 3.4666666666666663vw;
		height: 3.0666666666666664vw;
		left: -3vw ;
		top: -3vw;
	}

	.human_cont1 ul::after{
		content: '';
		diplay: inline-block!important;
		position: absolute;
		background:  url(/recruit/human/img/human_c1_img02.svg) no-repeat; 
		background-size: contain;
		width: 3.4666666666666663vw;
		height: 3.0666666666666664vw;
		right: 0 ;
		bottom: -3vw;
	}
}

/*======= human_cont2 =======*/

.human_cont2{
	width: 1000px;
	margin: 0 auto 100px;
	font-size: 18px;
	text-align: left;
}

.human_cont2 .introTxt{
	padding: 0 40px;
	margin-bottom: 40px;
	line-height: 1.8;
}

.human_cont2 .imgArea{
	width: 503px;
	margin: 0 auto 30px;
}

.human_cont2 .imgArea img{
	width: 100%;
}

.human_cont2 .imgTxt1{
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.human_cont2 .imgTxt2{
	font-size: 16px;
	text-align: center;

}

.human_cont2 ul{
	width: 100%;
	display: flex;
	margin-top: 180px;
	justify-content: space-between;
}

.human_cont2 li{
	width: 31%;
	text-align: left;
}

.human_cont2 li h3{
	padding-bottom:10px;
	margin-bottom: 25px;
	font-size: 20px;
	border-bottom: 2px solid #fff;
	position: relative;
}

.human_cont2 li:nth-child(1) h3{
	border-color: #eb6d8e;
}

.human_cont2 li:nth-child(2) h3{
	border-color: #cbdb40;
}

.human_cont2 li:nth-child(3) h3{
	border-color: #2ca6e0;
}

.human_cont2 li h3::before{
	content: '';
	diplay: inline-block!important;
	position: absolute;
	width: 120px;
	height: 120px;
	left: 0 ;
	top: -140px;
}

.human_cont2 li:nth-child(1) h3::before{
	background:  url(/recruit/human/img/human_c2_icon01.svg) no-repeat; 
	background-size: contain;
}

.human_cont2 li:nth-child(2) h3::before{
	background:  url(/recruit/human/img/human_c2_icon02.svg) no-repeat; 
	background-size: contain;
}

.human_cont2 li:nth-child(3) h3::before{
	background:  url(/recruit/human/img/human_c2_icon03.svg) no-repeat; 
	background-size: contain;
}

.human_cont2 li p{
	line-height: 1.8;
}

@media (max-width: 999px) and (min-width: 768px){
	.human_cont2{
		width: 95%;
	}
}

@media (max-width: 767px) {

	.human_cont2{
		width: 90%;
		margin: 0 auto 20vw;
		font-size: var(--fsize_sp28);
	}

	.human_cont2 .introTxt{
		padding: 0 5.333333333333334vw;
		margin-bottom: 10.4vw;
	}

	.human_cont2 .imgArea{
		width: 100%;
		margin: 0 auto 4vw;
	}

	.human_cont2 .imgTxt1{
		font-size: var(--fsize_sp32);
		line-height: 1.8;
		margin-bottom: 4vw;
	}

	.human_cont2 .imgTxt2{
		line-height: 1.8;
		font-size: var(--fsize_sp23);
	}

	.human_cont2 ul{ 
		width: 100%;
		display: block;
		margin-top: 16vw;
	}

	.human_cont2 li{
		width: 63.2vw;
		padding-left: 26.13333333333333vw;
		margin-bottom: 10vw;
	}

	.human_cont2 li h3{
		padding-bottom:2.1333333333333333vw;
		margin-bottom: 4.533333333333333vw;
		font-size: var(--fsize_sp32);
	}

	.human_cont2 li h3::before{
		content: '';
		diplay: inline-block!important;
		position: absolute;
		width: 21.333333333333336vw;
		height: 21.333333333333336vw;
		left:-25vw ;
		top: -3.3333333333333335vw;
	}

	.human_cont2 li p{
		line-height: 1.8;
	}	
}

/*======= human_cont3 =======*/

.human_cont3{
	width: 1000px;
	margin: 0 auto 100px;
	font-size: 18px;
}

.human_cont3 .introTxt{
	padding: 0 40px;
	margin-bottom: 30px;
}

.human_cont3 .detailArea{
	width: 920px;
	padding: 25px 40px;
	font-size: 16px;
	background: #00a199;
	line-height: 1.8;
}

.human_cont3 .detailArea h3{
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff;
}

.human_cont3 .detailArea ul{
	margin-bottom: 15px;
}

@media (max-width: 999px) and (min-width: 768px){
	.human_cont3{
		width: 95%;
	}

	.human_cont3 .detailArea{
		width: 90%;
		padding: 25px 5%;
	}
}

@media (max-width: 767px) {
	.human_cont3{
		width: 90%;
		margin: 0 auto 20.933333333333334vw;
		font-size: var(--fsize_sp28);
	}

	.human_cont3 .introTxt{
		padding: 0 5.333333333333334vw;
		margin-bottom: 7vw;
		line-height: 1.8;
	}

	.human_cont3 .detailArea{
		width: 90%;
		padding: 6.666666666666667vw 5%;
		font-size: var(--fsize_sp23);
	}

	.human_cont3 .detailArea h3{
		font-size: var(--fsize_sp28);
		padding-bottom: 2.1333333333333333vw;
		margin-bottom: 4.133333333333333vw;
		border-bottom: 2px solid #fff;
	}

	.human_cont3 .detailArea ul{
		margin-bottom: 15px;
	}
}