/*---------------------------------------------------------------------------*/
/*  application
/*---------------------------------------------------------------------------*/

input,textarea {
  font-size: 20px;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  line-height: 1.5em;
}
.req {
  color: #e71a0f;
  font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/*  summary
/*---------------------------------------------------------------------------*/

#summary p {
  margin: 20px;
}
#summary dl {
  line-height: 1.75em;
  border-top: 1px solid #bbb;
  margin: 20px;
  padding-top: 1em;
  overflow: hidden;
}
#summary dt {
  width: 200px;
  float: left;
}
#summary dd {
  width: 740px;
  margin: 0;
  float: left;
}
#summary dd p {
  margin: 0;
}
#summary dd a {
  text-decoration: underline;
}
#summary dd a:hover {
  text-decoration: none;
}

/*---------------------------------------------------------------------------*/
/*  form
/*---------------------------------------------------------------------------*/

#form p {
  margin: 20px;
}

/*---------------------------------------------------------------------------*/
/*  table
/*---------------------------------------------------------------------------*/

form table {
  margin: 20px 20px 0;
  border-collapse: collapse;
}
form th,form td {
  text-align: left;
  padding-bottom: 10px;
}
form th {
  font-weight: normal;
  line-height: 38px;
  vertical-align: top;
  width: 32%;
}
form td {
  vertical-align: top;
  width: 68%;
}
form td input[type="text"],
form td textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
  border: 1px solid #ccc;
  width: 100%;
  padding: 3px 6px;
}
form td input[type="checkbox"] {
  margin-right: 20px;
}

/*---------------------------------------------------------------------------*/
/*  buttons
/*---------------------------------------------------------------------------*/

.submit button[type="submit"] {
  font-size: 0;
  line-height: 0;
  background: none;
  border:0;
  width: 940px!important;
  height: 100px!important;
  margin: 0 20px 20px;
  padding: 0;
  overflow: visible;
  cursor: pointer;
}

/*---------------------------------------------------------------------------*/
/*  form fields
/*---------------------------------------------------------------------------*/

form .field-error,
form .field-error-email {
  color: #e71a0f;
  font-size: 16px;
}
form .field-error input[type="text"],
form .field-error textarea,
form .field-error-email input[type="text"] {
  border: 1px solid #e71a0f;
  background-color: #fffcf2;
}
.field-error-email:after {
  content: "メールアドレスの形式が正しくありません";
}
.field-error-required:after {
  content: "入力必須項目です";
}
button.js-submit-btn[disabled] {
  background-image: url(../images/recruit/btn-submit-disabled.gif);
/*  opacity: .5;*/
  cursor: default;
}
button.js-submit-btn[disabled] img {
  display: none;
}

/*---------------------------------------------------------------------------*/
/*  thanks
/*---------------------------------------------------------------------------*/

#thanks {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 20px 0 30px;
  overflow: hidden;
}
#thanks p {
  margin: 0 auto 20px;
}
#thanks p.strong {
  font-size: 28px;
  font-weight: bold;
}