@charset "UTF-8";
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.page-template-page-contact main section .wrapper,
.page-template-page-contact-recruit main section .wrapper {
  padding: 12rem 30rem;
}
@media screen and (max-width: 768px) {
  .page-template-page-contact main section .wrapper,
  .page-template-page-contact-recruit main section .wrapper {
    padding: 5.6rem 1.6rem;
  }
}
.page-template-page-contact main section .notice,
.page-template-page-contact-recruit main section .notice {
  margin-bottom: 8rem;
}
.page-template-page-contact main section .notice p + p,
.page-template-page-contact-recruit main section .notice p + p {
  margin-top: 2rem;
}
.page-template-page-contact main section .contact-form .form-content + .form-content,
.page-template-page-contact-recruit main section .contact-form .form-content + .form-content {
  margin-top: 4rem;
}
.page-template-page-contact main section .contact-form .form-content:has(*[aria-required=true]) .title::after, .page-template-page-contact main section .contact-form .form-content:has(.wpcf7-radio) .title::after,
.page-template-page-contact-recruit main section .contact-form .form-content:has(*[aria-required=true]) .title::after,
.page-template-page-contact-recruit main section .contact-form .form-content:has(.wpcf7-radio) .title::after {
  content: "※";
  display: inline;
}
.page-template-page-contact main section .contact-form .form-content .title,
.page-template-page-contact-recruit main section .contact-form .form-content .title {
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #1e4f84;
  border-bottom: solid 0.1rem #1e4f84;
}
.page-template-page-contact main section .contact-form .form-content .form select,
.page-template-page-contact-recruit main section .contact-form .form-content .form select {
  width: 100%;
  height: 4rem;
  padding: 0 1.6rem;
  background: #e7e7e7;
}
.page-template-page-contact main section .contact-form .form-content .form input[type=text],
.page-template-page-contact main section .contact-form .form-content .form input[type=email],
.page-template-page-contact main section .contact-form .form-content .form input[type=tel],
.page-template-page-contact main section .contact-form .form-content .form input[type=url],
.page-template-page-contact main section .contact-form .form-content .form input[type=search],
.page-template-page-contact main section .contact-form .form-content .form input[type=number],
.page-template-page-contact main section .contact-form .form-content .form textarea,
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=text],
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=email],
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=tel],
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=url],
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=search],
.page-template-page-contact-recruit main section .contact-form .form-content .form input[type=number],
.page-template-page-contact-recruit main section .contact-form .form-content .form textarea {
  width: 100%;
  height: 4rem;
  padding: 0 1.6rem;
  border: 1px solid #e7e7e7;
}
.page-template-page-contact main section .contact-form .form-content .form dl,
.page-template-page-contact-recruit main section .contact-form .form-content .form dl {
  display: grid;
  grid-template-columns: 16.8rem 1fr;
  gap: 2rem 0;
}
@media screen and (max-width: 768px) {
  .page-template-page-contact main section .contact-form .form-content .form dl,
  .page-template-page-contact-recruit main section .contact-form .form-content .form dl {
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
.page-template-page-contact main section .contact-form .form-content .form dl dd.postalcode .inputs,
.page-template-page-contact-recruit main section .contact-form .form-content .form dl dd.postalcode .inputs {
  display: flex;
  align-items: center;
}
.page-template-page-contact main section .contact-form .form-content .form dl dd.postalcode .inputs input,
.page-template-page-contact-recruit main section .contact-form .form-content .form dl dd.postalcode .inputs input {
  width: 8rem;
}
.page-template-page-contact main section .contact-form .form-content .form dl dd input,
.page-template-page-contact-recruit main section .contact-form .form-content .form dl dd input {
  max-width: 33.6rem;
}
.page-template-page-contact main section .contact-form .form-content .form textarea,
.page-template-page-contact-recruit main section .contact-form .form-content .form textarea {
  height: 16rem;
}
.page-template-page-contact main section .contact-form .form-content.phone .form .inputs,
.page-template-page-contact-recruit main section .contact-form .form-content.phone .form .inputs {
  display: flex;
  align-items: start;
  line-height: 4rem;
}
.page-template-page-contact main section .contact-form .form-content.phone .form .inputs .input,
.page-template-page-contact-recruit main section .contact-form .form-content.phone .form .inputs .input {
  width: 8rem;
}
.page-template-page-contact main section .contact-form .form-content.email .form,
.page-template-page-contact-recruit main section .contact-form .form-content.email .form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.page-template-page-contact main section .contact-form .form-content.email .form .input,
.page-template-page-contact-recruit main section .contact-form .form-content.email .form .input {
  display: grid;
  align-items: center;
  grid-template-columns: 75rem 1fr;
}
@media screen and (max-width: 768px) {
  .page-template-page-contact main section .contact-form .form-content.email .form .input,
  .page-template-page-contact-recruit main section .contact-form .form-content.email .form .input {
    grid-template-columns: 100%;
  }
}
.page-template-page-contact main section .contact-form .form-content.email .form .input:has([data-name=email_confirm])::after, .page-template-page-contact main section .contact-form .form-content.email .form .input:has([name=email_confirm])::after,
.page-template-page-contact-recruit main section .contact-form .form-content.email .form .input:has([data-name=email_confirm])::after,
.page-template-page-contact-recruit main section .contact-form .form-content.email .form .input:has([name=email_confirm])::after {
  content: "（確認用）";
}
.page-template-page-contact main section .contact-form .form-content.privacy .form p,
.page-template-page-contact-recruit main section .contact-form .form-content.privacy .form p {
  white-space: pre-line;
  height: 32rem;
  overflow-y: auto;
  margin-bottom: 7rem;
}
.page-template-page-contact main section .contact-form .form-content.privacy .form .wpcf7-list-item:has(input[type=checkbox]),
.page-template-page-contact-recruit main section .contact-form .form-content.privacy .form .wpcf7-list-item:has(input[type=checkbox]) {
  margin: 0;
}
.page-template-page-contact main section .contact-form .form-content.privacy .form label:has(input[type=checkbox]),
.page-template-page-contact-recruit main section .contact-form .form-content.privacy .form label:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-template-page-contact main section .contact-form .wpcf7-radio,
.page-template-page-contact-recruit main section .contact-form .wpcf7-radio {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-template-page-contact main section .contact-form .wpcf7-radio .wpcf7-list-item,
.page-template-page-contact-recruit main section .contact-form .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.page-template-page-contact main section .contact-form .wpcf7-radio .wpcf7-list-item label,
.page-template-page-contact-recruit main section .contact-form .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-template-page-contact main section .submit,
.page-template-page-contact-recruit main section .submit {
  margin-top: 8rem;
}

/*# sourceMappingURL=contact.css.map */