/*=========================================

 recruit.css

=========================================*/

#recruit .inner {
  min-height:450px;
}

#recruit #nav li.nav06 span img{
  position:relative;
  top:-50px;
  left:0;
  }

#recruit .mainCl .copy{
  height:220px;
  margin-bottom:30px;
  padding:40px 0 0 20px;
  background:url("../../img/recruit/bg_copy.jpg") no-repeat;
  }

#recruit .mainCl .copy p{
  margin-top:20px;
  font-size:15px;
  line-height:25px;
  }

#recruit .mainCl .jobList{
  display:block;
  margin-bottom:40px;
  overflow:hidden;
  }

#recruit .mainCl .jobList li{
  display:block;
  width:50%;
  box-sizing: border-box;
  height:60px;
  padding-left:75px;
  border-bottom:1px #333333 dotted;
  line-height:60px;
  float:left;
  }

#recruit  .mainCl.jobList li.li_left{
  margin-right:80px;
  }

#recruit .mainCl .jobList li.job01{background:url("../../img/recruit/icon_job01.png") no-repeat left 20px;}
#recruit .mainCl .jobList li.job02{background:url("../../img/recruit/icon_job02.png") no-repeat left 20px;}
#recruit .mainCl .jobList li.job03{background:url("../../img/recruit/icon_job03.png") no-repeat left 20px;}
#recruit .mainCl .jobList li.job09{background:url("../../img/recruit/icon_job04.png") no-repeat left 20px;}


#recruit .mainCl .infoTxt{
  display:block;
  width:400px;
  float:left;
  }

#recruit .mainCl .infoTxt li{
  margin-bottom:5px;
  padding-left:20px;
  background:url("../../img/common/icon_circleGreen.png") no-repeat left 3px;
  }

#recruit .mainCl .infoContact{
  position:relative;
  width:400px;
  height:175px;
  text-align:center;
  background:url("../../img/recruit/bg_infoContact.gif") no-repeat;
  float:right;
  }

#recruit .mainCl .infoContact p{
  text-align:center;
  padding-top:20px;
  }

#recruit .mainCl .infoContact p span.res{
  position:absolute;
  font-weight:bold;
  color:#00AA84;
  left: 122px;
  top: 85px;
  }

/*採用情報　詳細ページ*/

#recruit .sideCl .side_jobList li{
  display:block;
  height:55px;
  padding-top:10px;
  background:url("../../img/recruit/bg_sideMenu.gif") no-repeat top;
  }

#recruit .sideCl .side_jobList li.li_last{
  display:block;
  height:56px;
  padding-top:10px;
  background:url("../../img/recruit/bg_sideMenu_end.gif") no-repeat top;
  }

#recruit .sideCl .side_jobList li a{
  display:block;
  margin-left:10px;
  padding-top:22px;
  }

#recruit .sideCl .side_jobList li a.active{
  text-decoration:none;
  color:#00AA84;
  }

#recruit .jobTitle{
  margin-bottom:30px;
  padding-left:70px;
  font-size:18px;
  font-weight:bold;
  line-height:18px;
  }

#recruit .bg_job01{ background:url("../../img/recruit/icon_job01.png") no-repeat;}
#recruit .bg_job02{ background:url("../../img/recruit/icon_job02.png") no-repeat;}
#recruit .bg_job03{ background:url("../../img/recruit/icon_job03.png") no-repeat;}
#recruit .bg_job09{ background:url("../../img/recruit/icon_job04.png") no-repeat;}

#recruit table#job_info th{
  width:170px;
  min-height:15px;
  padding:20px 0 20px 20px;
  background:#DFF2ED;
  vertical-align:top;
  }

#recruit table#job_info td{
  width:450px;
  min-height:15px;
  padding:20px 0 20px 20px;
  }

#recruit table#job_info tr{
  border-bottom:1px #333 dotted;
  }

#recruit table#job_info tr:last-child{
  border-bottom:none;
}

@media screen and (max-width: 480px) {
  #recruit h2 img {
    width: 65px;
  }

  #recruit .mainCl_s table {
    width: 100%;
  }

  #recruit .mainCl .copy{
    height:auto;
    margin-bottom:30px;
    background:url("../../img/recruit/bg_copy.jpg") no-repeat;
    background-size: 100%;
    padding-top: 40%;
    padding-left: 0;
  }

  #recruit .mainCl .copy img {
    width: 90%;
  }

  #recruit .mainCl .jobList li{
    width:100%;
    height:auto;
    line-height:1;
    float:none;
    padding: 20px 0;
  }
  #recruit .mainCl h3+img {
    display: none;
  }

  #recruit .mainCl .infoTxt{
    background: url(../../s/images/recruit/flow.png) center top no-repeat;
    background-size: 290px;
    display:block;
    width:100%;
    float:none;
    padding-top: 70px;
  }

  #recruit .mainCl .infoContact{
    position:relative;
    width:100%;
    height:auto;
    background:url("../../img/recruit/bg_infoContact.gif") center top no-repeat;
    background-size: 120%;
    float:none;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding-bottom: 10px;
    overflow: hidden;
  }

  #recruit .mainCl .infoContact img{
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #recruit .mainCl .infoContact p {
    position: relative;
    padding-top: 10px;
  }

  #recruit .mainCl .infoContact p span.res {
    position: absolute;
    top: 30%;
  }

  #recruit .mainCl .infoContact a {
    margin-top: 20px;
    display: block;
  }

  #recruit .mainCl .jobList li.job01,
  #recruit .mainCl .jobList li.job02,
  #recruit .mainCl .jobList li.job03,
  #recruit .mainCl .jobList li.job09{background:none}

  #recruit .mainCl .jobList li p {
    display: inline-block;
  }

  #recruit .jobTitle::before,
  #recruit .mainCl .jobList li::before {
    color: #fff;
    width: 4em;
    line-height: 1;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
  }

  #recruit .bg_job01::before,
  #recruit .mainCl .jobList li.job01::before {
    content: "常勤";
    background-color: #1d77b6;
  }

  #recruit .bg_job02::before,
  #recruit .mainCl .jobList li.job02::before {
    content: "非常勤";
    background-color: #58ad53;
  }

  #recruit .bg_job03::before,
  #recruit .mainCl .jobList li.job03::before {
    content: "パート";
    background-color: #e55e4c;
  }

  #recruit .bg_job09::before,
  #recruit .mainCl .jobList li.job09::before {
    content: "その他";
    background-color: #f7931e;
  }

  #recruit .jobTitle::before{
  }

  #recruit .bg_job01,
  #recruit .bg_job02,
  #recruit .bg_job03,
  #recruit .bg_job09{ background:none;}

  #recruit .jobTitle{
    font-size:14px;
    padding-left: 0;
  }

  #recruit table#job_info th,
  #recruit table#job_info td{
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  #recruit .inlineC.mt30 {
    width: 80%;
    margin: 30px auto 0;
  }
}