@charset "UTF-8";

/* 登録系のテーブル専用style */

/* 見出し部分th */
.register-tbl th {
  background-color: #1e2684;
  color: #fff;
  white-space: nowrap;
}
/* th内のlabel、legendのfontsizeを合わせる */
.register-tbl th label,
.register-tbl th legend,
.register-tbl td label {
  font-size: 0.91em;
}

/* td内のチェックボックスの間に間隔を開ける */
.register-tbl td label {
  margin-right: 10px;
}
/* legendのレイアウト調整 */
.register-tbl legend {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0;
}
.name-area {
  max-width: 31em;
}
/* inputを短く */
.short-inputarea input {
  max-width: 16em;
}
/* パスワード入力フォームに上下の間隔を持たせる */
.password input {
  margin-bottom: 5px;
}
/* 希望職種　のチェックボックス */
.job-objective input[type="checkbox"] {
  margin-left: 0 !important;
}
/********  モバイル css********/

@media screen and (max-width: 920px) {
  input[type="text"],
  input[type="date"],
  input[type="email"],
  input[type="password"],
  select {
    width: 100% !important;
  }
  /* 日付入力のセレクトボックス */
  .date-area select {
    padding: 0px;
    height: 29px !important;
  }
  .date-area select:nth-of-type(1) {
    width: 7em !important;
  }
  .date-area select:nth-of-type(n + 1) {
    width: 5em !important;
  }
  /* thの幅をせまく */
  .register-tbl th {
    padding: 5px 7px !important;
  }
  /* おしらせを小さく */
  .info-bar {
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
}
