@charset "UTF-8";
/*
お問い合わせ・資料請求ページ
/recruit/contact/
Version: 1.0.0
Update: 2024-04-09
*/
/* トップコメント */
.topcomment {
  padding-top: 70px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .topcomment {
    padding: 30px 25px 0px;
    text-align: left;
  }
}

.content .contactContent .must {
  display: inline;
  color: #333;
}

.content section .heading {
  padding-top: 10px;
  padding-bottom: 40px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .content section .heading {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

.content section .heading .jp {
  color: #0068b6;
  font-size: 3rem;
}

@media screen and (max-width: 767px) {
  .content section .heading .jp {
    font-size: 2rem;
  }
}

.content #telContact {
  padding: 60px 0 60px;
}

@media screen and (max-width: 767px) {
  .content #telContact {
    padding: 40px 25px 20px;
  }
}

.content #telContact .comment {
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .content #telContact .comment {
    padding-top: 20px;
  }
}

.content #telContact::before {
  bottom: 40px;
}

@media screen and (max-width: 767px) {
  .content #telContact::before {
    bottom: 10px;
  }
}

.content #telContact::after {
  bottom: 30px;
}

@media screen and (max-width: 767px) {
  .content #telContact::after {
    bottom: 6px;
  }
}

.content #mailform {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .content #mailform {
    padding-top: 50px;
  }
}

.content #mailform::before {
  top: 104px;
}

@media screen and (max-width: 767px) {
  .content #mailform::before {
    top: 64px;
  }
}

.content #mailform::after {
  top: 114px;
}

@media screen and (max-width: 767px) {
  .content #mailform::after {
    top: 68px;
  }
}

.content #contactForm dd {
  background-color: transparent;
}

.content #contactForm .inText.empty,
.content #contactForm .inSelect.empty {
  background-color: #fff;
}

.content #contactForm .inText.inerror,
.content #contactForm .inSelect.inerror {
  background-color: #ffdddd;
}