/* ¸®Äí¸£Æ® */
.recruit{height: 750px;overflow:hidden;}
.main-recruit-box{ width:100%;height:100%;margin: 0px auto;background:#333 url(../../img/dmedi/recruit_bg.jpg) no-repeat 50% 50% / cover;background-size: cover;overflow:hidden;}
.area-box{max-width: 1300px; height: 100%;margin: 0px auto;}
.recruit-con{display: flex;height:100%;}
.left-box{display: flex;width: 50%; border-right: 1px solid rgba(255,255,255,0.1);}
.con-box{width: 100%; padding-top: 21.68%;padding-left: 25px;    border-left: 1px solid rgba(255,255,255,0.1);    box-sizing: border-box;}
.tit01{position: relative;display: block;font-size: 3.6rem;    letter-spacing: -0.03em;color: #fff;    font-weight: 700;}

.tit01:before{content: "";width: 3px;height: 27px;background-color: #fff;position: absolute;left: -25px;top: 50%;margin-top: -13.5px;}
.txt01{ font-size: 1rem;    line-height: 1.2; color: rgba(255,255,255,0.6);margin-top: 1rem;  padding: 0 0 0 1.5rem;   font-weight: 300; }
.txt01 span{ font-weight: bold;color: rgba(255,255,255,0.9);}
.txt01:before{content: "";width: 3px;height:3px;background-color: #fff;position: absolute;left: -25px;bottom: 50%;margin-top: -13.5px;    margin-left: 6%;}
.txt-box{display: flex;}
.txt-con{width: 33.33%;    padding-top: 10.68%;padding-left: 25px;box-sizing: border-box;}
.txt-icon{width: 100px; text-align: center;}


.txt-con h2 a{ display: block; width: 100px; font-size: 1rem; line-height:2; color:#fff; font-weight: 300;  margin: 1em 0 0;border: 1px solid rgba(255, 255, 255, 0.1);    transition: all 0.4s;    padding: 0.2em; text-align: center;    border-radius: 10px;}
.txt-con h2 a:hover { background: #000;color:#fff; border: 1px solid rgba(255, 255, 255, 0);}
.rigth-box{display: block;  width: 50%;    padding: 0 0 0 6.98%;    box-sizing: border-box;}
.rigth-box .video{display: block; width: 100%; margin:15rem 0 10em;}
.main-sub-tit  {font-size: 1.2rem; font-weight: 600; color: #fff;}
.main-tit-box h2{ font-size: 2rem;line-height: 1.4;color: #fff; font-weight: 600;margin-top: 17px;}
.main-tit-box h2 span{color:#000}






@media (max-width: 1200px){
.recruit{height: 100%;;}
.main-recruit-box{background:#333 url(../../img/dmedi/recruit_bg.jpg) no-repeat 30% 50% / cover;}
.area-box{max-width: 100%; }
.recruit-con{display: block;width: 100%;}
.left-box{display: block;width: 100%; }
.con-box{padding-left: 0; }
.tit01{padding: 0  1.5rem;    text-align: center;}


.tit01:before{width:27px;height: 3px;left: 47%; top: 0;}
.txt01{ padding: 0  1.5rem; text-align: center;}
.txt01:before{display:none;}
.txt-con{width: 50%;}
.txt-con{  padding-left: 14%;}
.rigth-box{display: block;width: 100%;  padding: 0 0 7.22% 0;}
.rigth-box .video{width: 90%; margin:5rem auto}
.main-tit-box{width: 90%;    margin: 0 auto;}
.main-tit-box h2{ font-size: 1.5rem;}


}




@media (max-width: 750px){
.tit01{font-size: 2.3rem;}


}