@import url(default.css?v=5.2);
@import url(header.css?v=5.2);
@import url(footer.css?v=5.2);
@import url(common.css?v=5.2);
@import url(customize.css?v=5.2);

/*-------------------------------------
採用エントリーフォーム
-------------------------------------*/
/* Webフォント */
@font-face {
  font-family: Mamelon;
  src: url(Mamelon-3.5HiRegular.woff2);
}

/* 説明 */
main article > div.text-center {
  padding-bottom: 40px;
}

/* フォーム */
main form {
  font-family: Mamelon;
  font-feature-settings: "palt";
}
main form dl {
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 1.7;
}
main form dl div {
  border-top: 2px solid #f0f0f0;
  display: flex;
}
main form dl div:first-child {
  border-top: unset;
}
main form dt {
  padding: 16px 0 16px 10px;
  background-color: #f9f9f9;
  flex-basis: 9em;
}
main form dd {
  padding: 10px;
  font-size: 15px;
  background-color: #fff;
  flex: auto;
  position: relative;
}
/* 必須 */
main form dd span.req {
  padding: 5px;
  color: #fff;
  font-size: 13px;
  background-color: #ffa5c3;
  position: absolute;
  right: 10px;
  top: 13px;
}
/* 改行なし */
main form dd span.nowrap {
  white-space: nowrap;
}
/* フォーム部品 */
main form input[type="text"],
main form input[type="email"],
main form input[type="tel"],
main form input[type="number"],
main form select,
main form textarea {
  padding: 8px;
  font: inherit;
}
main form input[type="radio"] {
  margin-top: 14px;
}
main form input[name="name"],
main form input[name="furigana"],
main form input[name="email"] {
  width: calc(100% - 15em);
}
main form input[name="zip"] {
  width: 6.5em;
  margin-bottom: 10px;
}
main form input[name="school"] {
  width: calc(100% - 3.5em);
}
main form textarea[name="qualify"] {
  width: calc(100% - 3.5em);
  height: 5em;
  line-height: 1.5;
  resize: vertical;
}
main form textarea[name="question"] {
  width: 100%;
  height: 10em;
  line-height: 1.5;
  resize: vertical;
}
main button {
  width: 12em;
  margin-bottom: 20px;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  background-color: #ffa5c3;
  border: unset;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
main button:hover {
  background-color: #ff99bb;
}

/* アラート */
main form p.alert {
  padding-bottom: 20px;
  color: red;
  text-align: center;
}

/*-------------------------------------
確認画面
-------------------------------------*/
/* テキスト */
main.confirm article > p {
  padding-bottom: 30px;
  font-size: 18px;
  font-family: Mamelon;
  font-feature-settings: "palt";
  line-height: 1.5;
}
/* 入力内容 */
main.confirm form dd {
  padding-top: 18px;
}
/* 入力フォームに戻る */
main.confirm a:hover {
  text-decoration: underline;
}

/*-------------------------------------
送信完了
-------------------------------------*/
/* トップページに戻る */
main.thanks form a {
  font-size: 14px;
}
main.thanks form a:hover {
  text-decoration: underline;
}

/* レスポンシブ */
@media (max-width: 640px) {
  main form dl div {
    border-top: 2px solid #f9f9f9;
    display: block;
  }
  main form dd span.req {
    top: -49px;
  }
  main form input[name="name"],
  main form input[name="furigana"],
  main form input[name="email"] {
    width: 100%;
  }
  main form input[name="school"] {
    width: 100%;
  }
  main form textarea[name="qualify"] {
    width: 100%;
  }
  main.confirm form dd {
    padding-top: 10px;
  }
}