@charset "UTF-8";

.recruit-head {
background: #55abba;
	overflow: hidden;
height: 330px;
text-align: center;
}
.recruit-head .container {
	padding-top: 130px;
}
.recruit-head .head-fade01 {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-animation: 0.8s ease forwards fadeinhead;
	animation: 0.8s ease forwards fadeinhead;
}

.recruit-world .container {
padding-top: 150px;
padding-bottom: 185px;
	overflow: hidden;
	text-align: center;
}

.recruit-info {
background-color: #ddeef0;
padding-top: 78px;
padding-bottom: 115px;
margin-bottom:  110px;
}
.recruit-info .l-inner {
	position: relative;
}
.recruit-info .about-head01 {
position: absolute;
top: -104px;
}

.recruit-info .list {
padding-top: 110px;
text-align: center;
margin-bottom: 200px;
}
.recruit-info .list .hl{
margin-bottom: 80px;
}
.recruit-info .list .bg_left{
width: 48%;
float: left;
margin-right: 4%;
}
.recruit-info .list .bg_right{
width: 48%;
float: left;
}


.recruit-info2-title {
margin-top:  110px;
}
.recruit-info-title2 .c-img {
display: block;
margin-bottom:  -1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recruit-info2 {
background-color: #d8e9e3;
padding-top: 78px;
padding-bottom: 130px;
overflow: hidden;
margin-bottom: 160px;
}
.recruit-info2 .list {
padding-top: 110px;
padding-bottom: 80px;
text-align: center;
}
.recruit-info2 .list .hl{
margin-bottom: 80px;
}
.recruit-info2 .list .bg_left{
width: 48%;
float: left;
margin-right: 4%;
}
.recruit-info2 .list .bg_right{
width: 48%;
float: left;
}
.recruit-info3 {
padding-bottom: 280px;
overflow: hidden;
text-align: center;
}
.recruit-info3 .recruit-head02 {
margin-bottom: 100px;
}
.recruit-info3 .list{
text-align: center;
width: 990px;
margin-left: 25px;
}

@media (max-width: 640px) {
.recruit-head {
background: #55abba;
overflow: hidden;
height: 440px;
text-align: center;
}
.recruit-info {
padding-bottom: 150px;
margin-bottom:  160px;
}
.recruit-info .about-head01 {
top: -106px;
}

.recruit-info .list {
padding-top: 110px;
text-align: center;
padding-bottom: 130px;
}

.recruit-info .list .bg_left{
width: 100%;
float: left;
margin-right: 0%;
	margin-bottom: 15px;
}
.recruit-info .list .bg_right{
width: 100%;
float: left;
}

.recruit-info2 .list .bg_left{
width: 100%;
float: left;
margin-right: 0%;
	margin-bottom: 15px;
}
.recruit-info2 .list .bg_right{
width: 100%;
float: left;
}
.recruit-info3 .list{
width: 100%;
margin-left: 0px;
}
}

@-webkit-keyframes fadeinhead {

0% {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	transform: translate(0, 30px);
}

100% {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}

@keyframes fadeinhead {

0% {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	transform: translate(0, 30px);
}

100% {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}