@charset "utf-8";






/* input[text],select調整 ------------------------------------ */
@media screen and (max-width: 767px) {
 .form-item input {
  font-size: 16px; /* スマホ入力時の拡大防止 */
 }

 .form-item select {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  font-size: 16px;
  min-height: 38px;
  padding: 0px 6rem 0 1.5rem;

/* 3点リーダー */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

/* 矢印 */
  background-image: linear-gradient(45deg, transparent 50%, #000 50%),linear-gradient(135deg, #000 50%, transparent 50%);
  background-position: right 14px center, right 8px center;
  background-size: 6px 6px;
  background-repeat: no-repeat;
 }

/* プレースホルダー */
 ::-webkit-input-placeholder {
  font-size: 15px;
 }
 ::-moz-placeholder {
  font-size: 15px;
 }

}


/* エラー表示 ------------------------------------ */
.form-item.required,
.form-item-agree {
 position: relative;
}

.formError .formErrorContent {
 position: relative;
 z-index: 0;
}

.formError {
 position: absolute;
 top: 0;
}

.formError .formErrorContent {
 width: 100%;
 background: #FF7B00;
 color: #fff;
 font-size: 12px;
 padding: 4px 10px 4px 10px;
}

.formError .formErrorContent:after {
 content: "";
 position: absolute;
 bottom: -10px;
 left: 50%;
 margin-left: -10px;
 display: block;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 10px 10px 0 10px;
 border-color: #FF7B00 transparent transparent transparent;
}


/* 現職／直近の勤務先、最終学歴 */
.form-item-job .formError,
.form-item-education .formError {
 top: 10%;
 left: 50%;
 transform: translateX(-50%);
}
@media screen and (max-width: 1440px) {
 .form-item-job .formError,
 .form-item-education .formError {
  top: 2%;
 }
}
@media screen and (max-width: 767px) {
 .form-item-job .formError,
 .form-item-education .formError {
  top: 6%;
  left: auto;
  right: 0;
  transform: none;
 }
}

/* 興味のある業種 */
.form-item-sector .formError {
 top: 6%;
 left: 50%;
 transform: translateX(-50%);
}
@media screen and (max-width: 1440px) {
 .form-item-sector .formError {
  top: 2%;
 }
}
@media screen and (max-width: 767px) {
 .form-item-sector .formError {
  top: 3%;
  left: auto;
  right: 0;
  transform: none;
 }
}

/* お名前 */
.form-item-name .formError {
 top: 10%;
 left: 17%;
}
.form-item-name #lastname + .formError {
 left: 70%;
}
@media screen and (max-width: 1440px) {
 .form-item-name .formError {
  top: 2%;
 }
}
@media screen and (max-width: 767px) {
 .form-item-name .formError {
  top: 6%;
 }
 .form-item-name #lastname + .formError {
  left: auto;
  right: 0;
 }
}

/* 生年月日 */
.form-item-birth .formError {
 top: 10%;
 left: 15%;
}
.form-item-birth #birthY + .formError {
 left: 43%;
}
.form-item-birth #birthM + .formError {
 left: 77%;
}
@media screen and (max-width: 1440px) {
 .form-item-birth .formError {
  top: 2%;
 }
}
@media screen and (max-width: 767px) {
 .form-item-birth .formError {
  top: 3%;
  left: 0;
 }
 .form-item-birth #birthY + .formError {
  left: 34%;
 }
 .form-item-birth #birthM + .formError {
  left: auto;
  right: 0;
 }
}

/* メールアドレス、携帯電話番号 */
.form-item-email .formError,
.form-item-tel .formError {
 top: -6%;
 left: 50%;
 transform: translateX(-50%);
}
@media screen and (max-width: 1440px) {
 .form-item-email .formError,
 .form-item-tel .formError {
  top: -18%;
 }
}
@media screen and (max-width: 767px) {
 .form-item-email .formError,
 .form-item-tel .formError {
  top: -10%;
  left: auto;
  right: 0;
  transform: none;
 }
}


/* 個人情報同意 */
.form-item-agree .formError {
 top: -40px;
 left: 50%;
 transform: translateX(-50%);
 white-space: nowrap;
}