@charset "utf-8";

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

  採用情報

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

@media print,screen and (min-width:641px) {
  .recruit {
    padding-bottom:96px;
  }
}

@media screen and (max-width:640px) {
  .recruit {
    padding-bottom:3em;
  }
}


/*--------------------------------------------------------------------------------
  エラー
--------------------------------------------------------------------------------*/

.recruit-err { line-height:2; }

@media print,screen and (min-width:641px) {
  .recruit-err {
    font-size:1.1em;
    padding-bottom:40px;
  }
}

@media screen and (max-width:640px) {
  .recruit-err {
    padding:2em 0 2.5em 0;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.detail {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .detail {
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
  }
}


/*--------------------------------------------------------------------------------
  募集要項
--------------------------------------------------------------------------------*/

.detailTbl {
  width:100%;
  border-collapse:collapse;
  border:2px solid #88d4d2;
}

.detailTbl th,
.detailTbl td {
  padding:1em;
  line-height:1.6;
}

.detailTbl tr:not(:first-child) th,
.detailTbl tr:not(:first-child) td {
  border-top:1px solid #a0dddb;
}
  
.detailTbl th {
  width:22%;
  white-space:nowrap;
  background-color:#e2f5f4;
  vertical-align:top;
  text-align:center;
}

.detailTbl td {
  background-color:#fff;
  vertical-align:middle;
}

@media screen and (max-width:640px) {
  .detailTbl th,
  .detailTbl td {
    padding:0.75em;
  }
}

@media screen and (max-width:560px) {
  .detailTbl {
    font-size:95%;
  }
}

@media screen and (max-width:480px) {
  .detailTbl {
    font-size:90%;
  }
}
