﻿.recruititem {position:relative;min-height:570px;margin-bottom:50px;display:flex;align-items:center;padding:30px 0;box-sizing:border-box;}
.recruititem:nth-child(2n + 1) {justify-content:flex-end}
.recruitbg {position:absolute;width:100%;height:100%;top:0;left:0;}
.recruitbg img {width:100%;height:100%;object-fit:cover;display:block}
.recruitinfo {position:relative;padding:30px;background:rgb(198,221,234);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.22);z-index:1;width:40%;right:5%;box-sizing:border-box;}
.recruititem:nth-child(2n) .recruitinfo {right:auto;left:5%;}
.recruitinfo .recruitinfotit {font-size:24px;font-weight:bold;margin:12px 0;color:#000;}
.recruititem .recruitinfo p {margin:14px 0;font-weight:bold;font-size:17px;color:#000;}
.recruitinfo p em {font-weight:500;}
.recruititem:nth-child(2n) .recruitinfo * {color:#000}
@media (max-width:1680px){.recruititem{min-height:500px}}
@media (max-width:1470px){.recruititem{min-height:430px}
.recruitinfo .recruitinfotit{margin:8px 0}
.recruititem .recruitinfo p{margin:8px 0}}
@media (max-width:1200px){.recruititem{min-height:350px}
.recruitinfo{width:48%;right:2%}
.recruititem:nth-child(2n) .recruitinfo{left:2%}}
@media (max-width:1080px){.recruititem {display:block;padding:0;}
.recruitbg{position:static}
.recruitinfo{width:100%;right:0;box-shadow:0 0 0}
.recruititem:nth-child(2n) .recruitinfo{left:0}
.recruitinfo .recruitinfotit{font-size:20px}
.recruititem .recruitinfo p{font-size:15px}}
@media (max-width:500px){.recruitinfo{padding:15px}}