@charset "UTF-8";

@media all {
  .contact {
    padding: 4rem 0 10rem;
    width: min(850px, 92%);
    margin-inline: auto;
  }
  .contact__header {
    margin-top: 6rem;
    padding: 0.8em 0;
    border-radius: 10px;
    background: var(--light-blue);
    letter-spacing: 0.015em;
    text-align: center;
  }
  .contact__header-text {
    font-weight: 700;
  }
  .contact__header-note {
    font-size: clamp(12px, 14 / 1400 * 100vw, 14px);
    display: block;
    margin-top: 0.5em;
    font-weight: 500;
  }
  .contact__privacy {
    margin-top: 5rem;
  }
  .contact__privacy-title {
    font-size: clamp(16px, 20 / 1400 * 100vw, 20px);
    padding: 0.2em 0;
    border-bottom: 1px solid var(--gray);
    font-weight: 700;
    color: var(--dark-blue);
  }
  .contact__privacy-text {
    padding: 0.7em 0;
  }
  .contact__thanks-title {
    font-size: clamp(20px, 25 / 1400 * 100vw, 25px);
    letter-spacing: 0.015em;
    text-align: center;
  }
  .contact__thanks-block {
    width: min(600px, 92%);
    margin-inline: auto;
  }
  .contact__thanks-text {
    margin-top: 4rem;
    text-align: center;
  }
  .contact__thanks-link {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    width: 87%;
  }
  .contact__header {
    margin-top: 30px;
  }
  .contact__privacy {
    margin-top: 25px;
  }
  .contact__thanks-block {
    width: 87%;
  }
}
@media all {
  .form {
    margin-top: 5.4rem;
  }
  .form__list {
    display: grid;
    grid-template-columns: 25fr 78fr;
    gap: 3rem;
    align-items: flex-start;
  }
  .form__list:not(:first-of-type) {
    margin-top: 1.8em;
  }
  .form__term {
    padding: 0.8em 0 0.8em 0.2em;
    font-weight: 700;
    letter-spacing: 0.015em;
  }
  .form__must {
    font-size: clamp(12px, 14 / 1400 * 100vw, 14px);
    margin-left: 0.1em;
    color: #FF0000;
  }
  .form__must.header {
    margin-left: 0;
  }
  .form__text, .form__data--confirm {
    width: 100%;
    padding: 0.8em;
    border-radius: 10px;
    background: var(--light-blue);
    border: 1px solid #CBD6E2;
    outline: 0;
    letter-spacing: 0.015em;
  }
  .form__text.--area, .form__data--confirm.--area {
    min-height: 7em;
  }
	
	.form__data--confirm {
		display: flex;
		align-items: center;
		min-height: 56px;
	}
	
  .form__error {
    font-size: clamp(12px, 16 / 1400 * 100vw, 16px);
    display: none;
    margin-top: 1em;
    font-weight: 700;
    color: #FF0000;
  }
  .form__choice {
    cursor: pointer;
    position: relative;
  }
  .form__choice[data-is-open=true] .form__choice-placeholder {
    border-radius: 10px 10px 0 0;
  }
  .form__choice[data-is-open=true] .form__choice-placeholder::after {
    transform: rotate(180deg);
  }
  .form__choice-placeholder {
    position: relative;
    padding: 0.8em 0.8em 0.8em 0.5em;
    border-radius: 10px;
    border: 1px solid var(--gray);
    letter-spacing: 0.015em;
    transition: var(--transition);
  }
  .form__choice-placeholder::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2em;
    right: 1em;
    width: 1em;
    aspect-ratio: 1/1;
    background: url("../img/common/img_chevron.svg") no-repeat center center/cover;
    transition: var(--transition);
  }
  .form__choice-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    gap: 1em 0;
    padding: 0.6em 1.2em 0.5em 1.2em;
    border-radius: 0 0 10px 10px;
    background: var(--white);
    border: 1px solid var(--gray);
  }
  .form__choice-item {
    transition: var(--transition);
    font-weight: 700;
    letter-spacing: 0.015em;
  }
}
@media (hover: hover) {
  .form__choice-item:hover {
    opacity: var(--opacity);
  }
}
@media all {
  .form__button.--lg {
    margin: 5rem auto 0;
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .form {
    margin-top: 30px;
  }
  .form__list {
    display: block;
  }
  .form__button.--lg {
    margin: 25px auto 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .only-tab,
  .only-pc,
  .not-sp {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .only-sp,
  .only-pc,
  .not-tab {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .only-sp,
  .only-tab,
  .not-pc {
    display: none;
  }
}

.form__button-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  margin-top: 5rem;
	margin-bottom: 30px;
}

.form__button-wrap .wpcf7-form-control {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: 0 auto;
  padding: 1.5em 0;
  border-radius: 5px;
  border: 1px solid var(--dark-blue);
  font-weight: 700;
  font-size: inherit;
  line-height: 1.4;
  cursor: pointer;
  transition: var(--transition);
}

.form__button-wrap .wpcf7-submit {
  background: var(--dark-blue);
  color: var(--white);
}

.form__button-wrap .wpcf7-previous {
  background: transparent;
  color: var(--dark-blue);
}

@media (hover: hover) {
  .form__button-wrap .wpcf7-submit:hover {
    background: var(--white);
    color: var(--dark-blue);
  }

  .form__button-wrap .wpcf7-previous:hover {
    background: var(--dark-blue);
    color: var(--white);
  }
}

@media screen and (max-width: 767px) {
  .form__button-wrap {
    gap: 25px 0;
    margin-top: 25px;
  }

  .form__button-wrap .wpcf7-form-control {
    width: 100%;
  }
}

.wpcf7-turnstile{
display:inline;
text-align: center;
}