.banner img{width: 100%;display: block;}

.txt .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.txt .title>p{padding: 0;}
.txt .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.txt .title>p>img{position: absolute;}


.con .recruit .txt .bt{font-size: 14px;text-align: center;color: #C5C5C5;}
.con .recruit .txt p.describe{font-size: 16px;text-align: center;padding: 30px 0;}
.con .recruit .txt .mail-tell{width: 600px;margin: 0 auto;}
.con .recruit .txt .mail-tell .mail{width: 300px;float: left;}
.con .recruit .txt .mail-tell .mail p{font-size: 16px; font-size:1.6rem; text-align: left;padding: 3px 0;}
.con .recruit .txt .mail-tell .tell{width: 300px;float: left;}
.con .recruit .txt .mail-tell .tell p{font-size: 16px;font-size:1.6rem;text-align: left;padding: 3px 0;}
.con .recruit .post{margin-top: 40px;}
.con .recruit .post h3{width: 100%;margin-bottom: 5px;}
.con .recruit .post h3 p{padding: 15px 20px;font-size: 18px;background: #ECECEC;}
.con .recruit .post h3 p:hover{color: #fff;background: #666;transition: all .6s;}
.con .recruit .post h3 p span{background: url(../img/recruit/plus.png)  no-repeat;width: 20px;height: 20px;float: right;background-size: 100%;}
.con .recruit .post h3 p:hover span{background: url(../img/recruit/arrow.png) no-repeat;background-size: 100%;}
/*.con .recruit .post h3:hover .post-hide{display: block;}*/
.post .post-hide{box-sizing: border-box;padding: 30px;display: none;}
.post-hide p{font-size: 14px;font-size: 1.4rem;line-height: 1.8;}
.post-hide p.titles{font-weight: bold;line-height: 2;}

@media screen and (max-width:1219px){
  	.con-nav .nav-new{width: 90%;}
}

@media screen and (max-width:1024px){
  .con-nav .nav-new{ width:100%;}
  .con-nav .nav-new ul li{font-size:1.4rem; padding:15px 2.5%; width:20%; text-align:center; margin-right:0;}
  .txt .title{font-size: 12px;font-size: 1.2rem;margin: 30px 0;}
  .txt .title>p:first-child{font-size: 18px;font-size: 1.8rem;}
  .txt .title>p>img{width: 24px;}
}

@media screen and (max-width:768px){
  .con-nav .nav-new{ width:100%;}
  .con-nav .nav-new ul li{font-size:1.4rem; padding:15px 2.5%; width:25%; text-align:center; margin-right:0;}
  .txt .title{font-size: 12px;font-size: 1.2rem;margin: 30px 0;}
  .txt .title>p:first-child{font-size: 18px;font-size: 1.8rem;}
  .txt .title>p>img{width: 24px;}
  .con .recruit .txt p.describe{font-size:1.4rem;}
  .con .recruit .txt .mail-tell .mail p{ font-size:1.4rem;}
  .post-hide p{ font-size:1.2rem;}
  .con .recruit .txt .mail-tell{ width:100%;}
  .con .recruit .txt .mail-tell .mail{ width:100%; float:none; margin-bottom:15px;}
  .con .recruit .txt .mail-tell .mail p{ text-align:center;}
  .con .recruit .txt .mail-tell .tell{ width:100%; float:none; margin-bottom:15px;}
  .con .recruit .txt .mail-tell .tell p{ text-align:center;}
  .con .recruit .txt p.describe{ padding:0 0;margin-bottom: 10px;}
  .con .recruit .txt .mail-tell .tell p{ font-size:1.4rem;}
}