@charset "utf-8";
/* CSS Document */


/* ===========================================
採用（新卒・中途　共通）
=========================================== */

.h_job_description{
  font-size:21px;
  line-height:1em;
  font-weight:100;
  margin-bottom:17px;
}

.job_description{
  /*width:974px;*/
  width:auto;
  margin:0 auto;
  font-size:15px;
  line-height:2em;
  font-weight:100;
  border-collapse:separate; 
  border-spacing:1px; 
  background-color:#fff;
  margin-bottom:66px;
}

.job_description th{
  /*font-weight:200;*/
  background-color:#736a67;
  vertical-align:middle;
  width:17.507723995881%;
}

.job_description td{
  background-color:#665e5c;
  padding:14px 19px;
  width:82.492276004119%;
}

.btn_apply{
  margin:0 auto 29px;
  /*padding-top:18px;*/
  width:194px;
  height:64px;
  background:url(../images/img_apply_text.png) no-repeat 41px 19px, #fff;
  border-radius:32px;
  text-align:center;
}

.btn_apply:hover{
  background:url(../images/img_apply_text_hover.png) no-repeat 41px 19px, #a6a6a6;
}

.apply_annotation{
  font-size:13px;
  line-height:23px;
  text-align:center;
  font-weight:100;  
}

.th_contact{
  line-height:1.5em;
}


/* ===========================================
採用（工事中）
=========================================== */
#recruit{
  /*height:620px;*/
  width:1000px;
  margin:0 auto;
  padding-top:56px;  
  padding-bottom:65px;
  position:relative;
}

#recruit h1{
  text-align:center;
  height:60px;
  font-size:16px;
  line-height:1em;
  margin-bottom:41px;
}

.not_apply{
  font-size:27px;
  line-height:53px;
  text-align:center;
  font-weight:100;
  margin:31px auto 201px;
}

/* ===========================================
採用（新卒）
=========================================== */

#newgrad{
  /*height:620px;*/
  width:1000px;
  margin:0 auto;
  padding-top:56px;  
  padding-bottom:65px;
  position:relative;
}

#newgrad h1{
  text-align:center;
  height:60px;
  font-size:16px;
  line-height:1em;
  margin-bottom:41px;
}

.h_sep{
  text-align:center;
}

.newgrad_wrap{
  /*margin:42px auto 0;*/
  margin:39px auto 0;
  width:974px;
}



/* ===========================================
採用（中途採用）
=========================================== */
#career{
  /*height:620px;*/
  width:1000px;
  margin:0 auto;
/*  padding-top:102px;*/
  padding-bottom:65px;
  padding-top:56px;  
  position:relative;
}

#career h1{
  text-align:center;
  height:60px;
  font-size:16px;
  line-height:1em;
  margin-bottom:41px;
}

.career_wrap{
  /*margin:55px auto 0;*/
  margin:39px auto 0;
  width:974px;
}





@media screen and (max-width: 768px) {

  .job_description th{
      width:121px;
  }

  .job_description td{
      width:auto;
  }

    #recruit{
        width:90%;
        margin:0 auto;        
    }
    
    .not_apply{
        font-size:22px;
        line-height:1.9em;
    }

    #newgrad{
        width:90%;
        margin:0 auto;        
    }

    .newgrad_wrap{
        width:auto;
    }

    #career{
        width:90%;
        margin:0 auto;
    }

    .career_wrap{
      margin:55px auto 0;
      width:auto;
    }
  
    .h_job_description,
    .job_description,
    .apply_annotation,
    .not_apply{
        font-weight:200;
    }

    footer{
        padding: 70px 0 69px 0;
    }

}


@media screen and (max-width: 600px) {
  .job_description th{
      width:110px;
  }
}


@media screen and (max-width: 414px) {
  .job_description th{
      width:100px;
  }

}


@media screen and (max-width: 375px) {

}


@media screen and (max-width: 320px) {

    #recruit h1{
      height:58px;
      margin-bottom:40px;
    }

    #recruit h1 img{
      max-height:100%;
      width:auto;
    }


    #newgrad h1{
      height:58px;
      margin-bottom:40px;
    }

    #newgrad h1 img{
      max-height:100%;
      width:auto;
    }

    #career h1{
      height:58px;
      margin-bottom:40px;
    }

    #career h1 img{
      max-height:100%;
      width:auto;
    }

}