@charset "UTF-8";

body.page-template-page-inquiry {
  background: #f1f3f7;
}

body.page-template-page-inquiry main .wrapper {
  padding: 5.6rem 30.4rem 12.8rem 24rem;
}

@media screen and (max-width: 768px) {
  body.page-template-page-inquiry main .wrapper {
    padding: 2.4rem 2rem 5.8rem;
  }
}

body.page-template-page-inquiry main form {
  display: grid;
  grid-template-columns: 100%;
  gap: 2.4rem;
}

body.page-template-page-inquiry main form .wpcf7-spinner {
  display: none;
}

body.page-template-page-inquiry main form label {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.08em;
}

body.page-template-page-inquiry main form label .title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

body.page-template-page-inquiry main form label .title::before {
  content: "任意";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background: #8b94b2;
  border-radius: 1.1rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fff;
}

body.page-template-page-inquiry main form label:has(.wpcf7-validates-as-required) .title::before {
  content: "必須";
  background: #5483c8;
}

body.page-template-page-inquiry main form label input[type=text],
body.page-template-page-inquiry main form label input[type=email],
body.page-template-page-inquiry main form label input[type=tel] {
  width: 100%;
  padding: 1.2rem 2.4rem;
  height: 5.1rem;
  background: #ffffff;
  border-radius: 0.5rem;
}

@media screen and (max-width: 768px) {

  body.page-template-page-inquiry main form label input[type=text],
  body.page-template-page-inquiry main form label input[type=email],
  body.page-template-page-inquiry main form label input[type=tel] {
    padding-left: 1.6rem;
  }
}

body.page-template-page-inquiry main form label input[type=text]::placeholder,
body.page-template-page-inquiry main form label input[type=email]::placeholder,
body.page-template-page-inquiry main form label input[type=tel]::placeholder {
  color: #ccc;
}

@media screen and (max-width: 768px) {
  body.page-template-page-inquiry main form label input[type=tel] {
    padding-left: 2.4rem;
  }
}

body.page-template-page-inquiry main form label textarea {
  width: 100%;
  padding: 2.4rem;
  height: 5.1rem;
  background: #ffffff;
  border-radius: 0.5rem;
  min-height: 24.7rem;
}

body.page-template-page-inquiry main form label textarea::placeholder {
  color: #ccc;
}

@media screen and (max-width: 768px) {
  body.page-template-page-inquiry main form label textarea {
    padding: 1.6rem;
  }
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item {
  margin: 1.6rem 0 0 0;
  display: block;
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 0.2rem;
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item label:has(input:checked)::before {
  border-color: #243678;
  background: #243678 url("../img/inquiry/check.svg") center/1.5rem 1.5rem no-repeat;
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item label input {
  display: none;
}

body.page-template-page-inquiry main form label .wpcf7-acceptance .wpcf7-list-item label a {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.08em;
  text-decoration: underline;
  color: #243678;
}

body.page-template-page-inquiry main form input[type=submit] {
  /* display: none; */
}

body.page-template-page-inquiry main .button-wrapper {
  margin-top: 2.4rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  body.page-template-page-inquiry main .button-wrapper {
    margin-top: 0.8rem;
  }
}

/* body.page-template-page-inquiry main .button-wrapper .link-button {
  width: 31.1rem;
  justify-content: space-between;
}

body.page-template-page-inquiry main .button-wrapper .link-button.loading {
  opacity: 0.5;
  pointer-events: none;
} */

body.page-template-page-inquiry main .button-wrapper .link-button {
  width: 31.1rem;
  justify-content: space-between;
  margin-inline: auto;
}

body.page-template-page-inquiry main .button-wrapper .link-button.loading {
  opacity: 0.5;
  pointer-events: none;
}

.wpcf7-turnstile {
  width: fit-content;
  margin-inline: auto;
}