@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.contact {
  padding: 8.3333333333vw 0 5.5555555556vw;
  align-self: stretch;
  /* input は見せない（labelクリックで開く） */
  /* 左：緑の「ファイルを選択」ボタン */
}
@media (max-width: 1020px) {
  .contact {
    padding: 8.5333333333vw 0 10.6666666667vw;
  }
}
.contact.-complete, .contact.-grant {
  padding: 4.4444444444vw 0 5.5555555556vw;
}
@media (max-width: 1020px) {
  .contact.-complete, .contact.-grant {
    padding: 8.5333333333vw 0 10.6666666667vw;
  }
}
.contact__main {
  width: 100%;
  max-width: 50vw;
  margin: 0 auto;
  display: flex;
  gap: 2.7777777778vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__main {
    max-width: 100%;
    gap: 10.6666666667vw;
  }
}
.contact__main.-grant {
  gap: 5.5555555556vw;
}
@media (max-width: 1020px) {
  .contact__main.-grant {
    gap: 21.3333333333vw;
  }
}
.contact__main.-donation {
  max-width: 53.0555555556vw;
}
@media (max-width: 1020px) {
  .contact__main.-donation {
    max-width: 100%;
  }
}
.contact__grant-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6666666667vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .contact__grant-inner {
    gap: 6.4vw;
  }
}
.contact__grant-inner.-confirm {
  gap: 5.5555555556vw;
}
@media (max-width: 1020px) {
  .contact__grant-inner.-confirm {
    gap: 10.6666666667vw;
  }
}
.contact__grant-subTitle-1 {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
  padding-bottom: 1.3888888889vw;
}
@media (max-width: 1020px) {
  .contact__grant-subTitle-1 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.contact__grant-subTitle-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vw;
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0277777778vw;
}
@media (max-width: 1020px) {
  .contact__grant-subTitle-2 {
    gap: 4.2666666667vw;
    font-size: 4.8vw;
    letter-spacing: 0.096vw;
  }
}
.contact__grant-subTitle-2 span {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .contact__grant-subTitle-2 span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__grant-btns {
  display: grid;
  gap: 1.6666666667vw;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1020px) {
  .contact__grant-btns {
    gap: 6.4vw;
    grid-template-columns: repeat(1, 1fr);
  }
}
.contact__grant-btns.-confirm {
  width: 100%;
  margin-top: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .contact__grant-btns.-confirm {
    margin-top: 17.0666666667vw;
  }
}
.contact__item {
  width: 100%;
  display: flex;
  gap: 0.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .contact__item {
    gap: 2.1333333333vw;
  }
}
.contact__item.-prefecture {
  max-width: 11.8055555556vw;
}
@media (max-width: 1020px) {
  .contact__item.-prefecture {
    max-width: 45.3333333333vw;
  }
}
.contact__item.-city {
  max-width: 38.4722222222vw;
}
@media (max-width: 1020px) {
  .contact__item.-city {
    max-width: 100%;
  }
}
.contact__item.-radio {
  display: flex;
  gap: 1.1111111111vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__item.-radio {
    gap: 4.2666666667vw;
  }
}
.contact__item-detail {
  display: flex;
  gap: 0.2777777778vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .contact__item-detail {
    gap: 1.0666666667vw;
  }
}
.contact__label {
  display: flex;
  gap: 0.2777777778vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .contact__label {
    gap: 1.0666666667vw;
  }
}
.contact__item-title {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0444444444vw;
}
@media (max-width: 1020px) {
  .contact__item-title {
    font-size: 4.2666666667vw;
    letter-spacing: 0.1706666667vw;
  }
}
.contact__required {
  color: var(--clr-text-white);
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.0333333333vw;
  padding: 0.0694444444vw 0.2777777778vw;
  border-radius: 0.2777777778vw;
  background: var(--clr-bg-required);
}
@media (max-width: 1020px) {
  .contact__required {
    min-width: 8.8vw;
    font-size: 3.2vw;
    letter-spacing: 0.128vw;
    padding: 0.2666666667vw 1.0666666667vw;
    border-radius: 1.0666666667vw;
  }
}
.contact__example {
  color: var(--clr-second-black);
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .contact__example {
    font-size: 3.2vw;
  }
}
.contact__error {
  color: var(--clr-text-error);
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .contact__error {
    font-size: 3.2vw;
  }
}
.contact__input, .contact__select, .contact__textarea {
  word-break: break-word;
  width: 100%;
  align-self: stretch;
  min-height: 3.8888888889vw;
  padding: 0.8333333333vw 1.1111111111vw;
  border: 1px solid var(--clr-second-black);
  background: var(--clr-text-white);
  border-radius: 0.5555555556vw;
  color: var(--clr-text-gray);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  transition: border 0.3s, border-color 0.3s, background-color 0.3s;
}
@media (max-width: 1020px) {
  .contact__input, .contact__select, .contact__textarea {
    min-height: 14.9333333333vw;
    padding: 3.2vw 4.2666666667vw;
    border-radius: 2.1333333333vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__input::placeholder, .contact__select::placeholder, .contact__textarea::placeholder {
  color: var(--clr-placeholder);
}
.contact__input:focus, .contact__select:focus, .contact__textarea:focus {
  border: 2px solid var(--clr-border-focus);
}
.contact__input.-is-filled, .contact__select.-is-filled, .contact__textarea.-is-filled {
  background-color: var(--clr-bg-filled);
}
.contact__input.-name, .contact__select.-name, .contact__textarea.-name {
  max-width: 39.2361111111vw;
}
@media (max-width: 1020px) {
  .contact__input.-name, .contact__select.-name, .contact__textarea.-name {
    max-width: 100%;
  }
}
.contact__input.-tel, .contact__select.-tel, .contact__textarea.-tel {
  max-width: 18.8194444444vw;
}
@media (max-width: 1020px) {
  .contact__input.-tel, .contact__select.-tel, .contact__textarea.-tel {
    max-width: 100%;
  }
}
.contact__input.-postal, .contact__select.-postal, .contact__textarea.-postal {
  max-width: 11.8055555556vw;
}
@media (max-width: 1020px) {
  .contact__input.-postal, .contact__select.-postal, .contact__textarea.-postal {
    max-width: 45.3333333333vw;
  }
}
.contact__input.-error, .contact__input.wpcf7-not-valid, .contact__select.-error, .contact__select.wpcf7-not-valid, .contact__textarea.-error, .contact__textarea.wpcf7-not-valid {
  color: var(--clr-text-error);
  border: 2px solid var(--clr-text-error);
}
.contact__input.-error::placeholder, .contact__input.wpcf7-not-valid::placeholder, .contact__select.-error::placeholder, .contact__select.wpcf7-not-valid::placeholder, .contact__textarea.-error::placeholder, .contact__textarea.wpcf7-not-valid::placeholder {
  color: var(--clr-text-error);
}
.contact__select {
  width: 100%;
  max-width: 24.0277777778vw;
  padding-right: 2.7777777778vw;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("/wp-content/themes/dpops-ab-children/assets/img/icon/icon-select.svg");
  background-repeat: no-repeat;
  background-size: 1.6666666667vw 1.6666666667vw;
  background-position: right 1.1111111111vw center;
}
@media (max-width: 1020px) {
  .contact__select {
    max-width: 100%;
    padding-right: 10.6666666667vw;
    background-size: 6.4vw 6.4vw;
    background-position: right 4.2666666667vw center;
  }
}
.contact__radio-description {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .contact__radio-description {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__radio-group {
  width: 100%;
  display: flex;
  gap: 5.5555555556vw;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1020px) {
  .contact__radio-group {
    gap: 21.3333333333vw;
    justify-content: space-between;
  }
}
.contact__radio-group.-form-select {
  max-width: 46.5277777778vw;
  display: grid;
  gap: 1.1111111111vw;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 1.3888888889vw;
}
@media (max-width: 1020px) {
  .contact__radio-group.-form-select {
    max-width: 100%;
    gap: 4.2666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
.contact__radio-group label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  padding: 0.5555555556vw 0;
}
@media (max-width: 1020px) {
  .contact__radio-group label {
    gap: 2.1333333333vw;
    padding: 2.1333333333vw 0;
  }
}
.contact__radio-group label input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.contact__radio-group label input[type=radio]:checked + span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: var(--clr-border-blue);
  border-radius: 50%;
}
.contact__radio-group label span {
  position: relative;
  padding-left: 1.9444444444vw;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .contact__radio-group label span {
    padding-left: 7.4666666667vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__radio-group label span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 3px solid var(--clr-border-blue);
  border-radius: 50%;
  box-sizing: border-box;
}
.contact__textarea {
  resize: vertical;
}
.contact__textarea-count {
  display: flex;
  align-items: center;
  gap: 0.2777777778vw;
  justify-content: flex-end;
  margin-left: auto;
  color: var(--clr-text-count);
  font-feature-settings: "pwid" on;
  font-family: "Zalando Sans", sans-serif;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0104166667vw;
}
@media (max-width: 1020px) {
  .contact__textarea-count {
    gap: 1.0666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.04vw;
  }
}
.contact__privacy {
  display: flex;
  gap: 1.6666666667vw;
  flex-direction: column;
  margin-bottom: 0.5555555556vw;
}
@media (max-width: 1020px) {
  .contact__privacy {
    gap: 6.4vw;
    margin-bottom: 2.1333333333vw;
  }
}
.contact__privacy-description {
  align-self: stretch;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
}
@media (max-width: 1020px) {
  .contact__privacy-description {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.contact__privacy-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  padding: 0.5555555556vw 0;
}
@media (max-width: 1020px) {
  .contact__privacy-label {
    gap: 2.1333333333vw;
    padding: 2.1333333333vw 0;
  }
}
.contact__privacy-checkbox {
  display: flex;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  align-items: flex-start;
  border-radius: 0.2777777778vw;
  border: 1px solid var(--clr-bg-gray);
  background-color: var(--clr-text-white);
  transition: background 0.3s;
  position: relative;
}
@media (max-width: 1020px) {
  .contact__privacy-checkbox {
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 1.0666666667vw;
  }
}
.contact__privacy-checkbox:checked {
  background-color: var(--clr-bg-gray);
  background-image: url("/wp-content/themes/dpops-ab-children/assets/img/icon/icon-checked.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contact__privacy-input-detail {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .contact__privacy-input-detail {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__privacy-input-detail a {
  color: var(--clr-text-blue);
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 1021px) {
  .contact__privacy-input-detail a:hover {
    opacity: 0.7;
  }
}
.contact__file-upload {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
  flex-direction: column;
  padding: 1.6666666667vw 0.5555555556vw;
  border-radius: 0.5555555556vw;
  background: var(--clr-bg-gray-2);
}
@media (max-width: 1020px) {
  .contact__file-upload {
    gap: 4.2666666667vw;
    padding: 6.4vw 2.1333333333vw;
    border-radius: 2.1333333333vw;
  }
}
.contact__file-upload.-is-dragover {
  background: #f3fbf5;
  border-color: #1e8e3e;
}
.contact__file-title {
  text-align: center;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .contact__file-title {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__file-label {
  cursor: pointer;
  display: flex;
  gap: 0.5555555556vw;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1020px) {
  .contact__file-label {
    gap: 2.1333333333vw;
    flex-direction: column;
  }
}
@media (min-width: 1021px) {
  .contact__file-label:hover .contact__file-btn {
    opacity: 0.7;
  }
}
.contact__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  clip-path: inset(50%);
}
.contact__file-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5555555556vw 1.3888888889vw;
  border-radius: 0.1388888889vw;
  background: var(--clr-text-green);
  transition: opacity 0.3s;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  color: var(--clr-text-white);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .contact__file-btn {
    padding: 2.1333333333vw 5.3333333333vw;
    border-radius: 0.5333333333vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__file-status {
  word-break: break-all;
  color: var(--clr-second-black);
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .contact__file-status {
    font-size: 3.2vw;
  }
}
.contact__file-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .contact__file-list {
    font-size: 3.2vw;
  }
}
.contact__file-item.-error {
  color: var(--clr-text-error);
}
.contact__file-description {
  display: flex;
  gap: 0.5555555556vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__file-description {
    gap: 2.1333333333vw;
  }
}
.contact__file-description p {
  color: var(--clr-second-black);
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
}
@media (max-width: 1020px) {
  .contact__file-description p {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.contact__file-description p a {
  margin: 0 1em;
  transition: opacity 0.3s;
}
@media (max-width: 1020px) {
  .contact__file-description p a {
    margin-left: 0;
  }
}
@media (min-width: 1021px) {
  .contact__file-description p a:hover {
    opacity: 0.7;
  }
}
.contact__file-description p a span {
  color: var(--clr-text-blue);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  text-decoration: underline;
}
@media (max-width: 1020px) {
  .contact__file-description p a span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__cf7-file-list {
  display: none;
}
.contact__donation-subTitle {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
}
@media (max-width: 1020px) {
  .contact__donation-subTitle {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.contact__donation-section {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.contact__donation-section-inner {
  width: 100%;
  display: flex;
  gap: 2.2222222222vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__donation-section-inner {
    gap: 8.5333333333vw;
  }
}
.contact__donation-section-inner.-bottom {
  gap: 5.5555555556vw;
}
@media (max-width: 1020px) {
  .contact__donation-section-inner.-bottom {
    gap: 10.6666666667vw;
  }
}
.contact__donation-prefecture {
  width: 100%;
  display: flex;
  gap: 2.7777777778vw;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .contact__donation-prefecture {
    gap: 5.3333333333vw;
    flex-direction: column;
  }
}
.contact__donation-confirm-btn {
  display: flex;
  justify-content: center;
}
.contact__donation-confirm-btn button {
  width: 100%;
  max-width: 23.0555555556vw;
}
@media (max-width: 1020px) {
  .contact__donation-confirm-btn button {
    max-width: 100%;
  }
}
.contact__corporate-post {
  width: 100%;
  display: flex;
  gap: 2.2222222222vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__corporate-post {
    gap: 6.4vw;
  }
}
.contact__corporate-post-detail {
  display: flex;
  padding: 1.9444444444vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vw;
  align-self: stretch;
  border-radius: 0.5555555556vw;
  border: 1px solid var(--clr-border-gray);
}
@media (max-width: 1020px) {
  .contact__corporate-post-detail {
    padding: 5.3333333333vw;
    gap: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.contact__corporate-post-introduction {
  display: flex;
  padding-bottom: 2.2222222222vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .contact__corporate-post-introduction {
    padding-bottom: 8.5333333333vw;
    gap: 4.2666666667vw;
  }
}
.contact__corporate-post-thanks {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .contact__corporate-post-thanks {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__corporate-post-description {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .contact__corporate-post-description {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__corporate-upload-request {
  font-size: 1.1111111111vw;
  font-style: normal;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  margin-top: 1.6666666667vw;
}
@media (max-width: 1020px) {
  .contact__corporate-upload-request {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
    margin-top: 6.4vw;
  }
}
.contact__confirm {
  width: 100%;
  display: flex;
  gap: 2.7777777778vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__confirm {
    gap: 10.6666666667vw;
  }
}
.contact__confirm-title {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
}
@media (max-width: 1020px) {
  .contact__confirm-title {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.contact__confirm-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.contact__confirm-block-title {
  font-size: 1.6666666667vw;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0666666667vw;
  padding-top: 1.6666666667vw;
  padding-bottom: 1.1111111111vw;
}
@media (max-width: 1020px) {
  .contact__confirm-block-title {
    font-size: 5.3333333333vw;
    letter-spacing: 0.2133333333vw;
    padding-top: 6.4vw;
    padding-bottom: 4.2666666667vw;
  }
}
.contact__confirm-block-detail {
  width: 100%;
  display: flex;
  gap: 2.7777777778vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__confirm-block-detail {
    gap: 10.6666666667vw;
  }
}
.contact__confirm-block-detail-inner {
  display: flex;
  width: 26.3888888889vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5555555556vw;
  padding-bottom: 0.5555555556vw;
  border-bottom: 1px solid var(--clr-border-gray-4);
}
@media (max-width: 1020px) {
  .contact__confirm-block-detail-inner {
    width: 100%;
    gap: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.contact__confirm-block-detail-inner.-w-100 {
  width: 100%;
}
.contact__confirm-block-detail-name {
  color: var(--clr-text-count);
  font-feature-settings: "pwid" on;
  font-size: 0.9027777778vw;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.0361111111vw;
}
@media (max-width: 1020px) {
  .contact__confirm-block-detail-name {
    font-size: 3.4666666667vw;
    letter-spacing: 0.1386666667vw;
  }
}
.contact__confirm-block-detail-content {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  word-break: break-word;
}
@media (max-width: 1020px) {
  .contact__confirm-block-detail-content {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.contact__complete-inner {
  display: flex;
  gap: 2.7777777778vw;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__complete-inner {
    gap: 6.4vw;
  }
}
.contact__complete-img {
  max-width: 13.8888888889vw;
  margin: 0 auto;
}
@media (max-width: 1020px) {
  .contact__complete-img {
    max-width: 42.6666666667vw;
  }
}
.contact__complete-main {
  display: flex;
  gap: 2.7777777778vw;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__complete-main {
    gap: 10.6666666667vw;
  }
}
.contact__complete-message {
  text-align: center;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.05vw;
}
@media (max-width: 1020px) {
  .contact__complete-message {
    font-size: 7.4666666667vw;
    letter-spacing: 0.1493333333vw;
  }
}
.contact__complete-message.-donation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.2222222222vw;
}
@media (max-width: 1020px) {
  .contact__complete-message.-donation {
    gap: 6.4vw;
  }
}
.contact__complete-message.-donation span {
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0388888889vw;
}
@media (max-width: 1020px) {
  .contact__complete-message.-donation span {
    font-size: 5.3333333333vw;
    font-weight: 700;
    line-height: 165%;
    letter-spacing: 0.1066666667vw;
  }
}
.contact__complete-description {
  align-self: stretch;
  text-align: center;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
}
@media (max-width: 1020px) {
  .contact__complete-description {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.contact__complete-toTop {
  padding-top: 2.7777777778vw;
}
@media (max-width: 1020px) {
  .contact__complete-toTop {
    padding-top: 8.5333333333vw;
  }
}
.contact__form-select {
  width: 100%;
  max-width: 53.0555555556vw;
  margin: 0 auto;
  padding: 4.4444444444vw 0 5.5555555556vw;
  display: flex;
  gap: 2.7777777778vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .contact__form-select {
    max-width: 100%;
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 10.6666666667vw;
  }
}
.contact__form-select h2 {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
}
@media (max-width: 1020px) {
  .contact__form-select h2 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.contact__form-select-btn {
  max-width: fit-content;
  margin-left: auto;
  padding-right: 4.9305555556vw;
}
@media (max-width: 1020px) {
  .contact__form-select-btn {
    padding-right: 0;
    margin-right: auto;
  }
}
.contact__recaptcha {
  text-align: center;
  color: var(--clr-second-black);
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .contact__recaptcha {
    text-align: left;
    font-size: 3.2vw;
  }
}
.contact__recaptcha a {
  transition: opacity 0.3s;
}
.contact__recaptcha a span {
  text-decoration: underline;
}
@media (min-width: 1021px) {
  .contact__recaptcha a:hover {
    opacity: 0.7;
  }
}

.wpcf7 .wpcf7-form-control-wrap {
  width: 100%;
}
.wpcf7 .wpcf7-form-control-wrap:has(.contact__privacy-checkbox), .wpcf7 .wpcf7-form-control-wrap:has(.contact__file-input) {
  width: auto;
}

.wpcf7 .wpcf7-not-valid-tip {
  color: var(--clr-text-error);
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
  margin-top: 0.5555555556vw;
}
@media (max-width: 1020px) {
  .wpcf7 .wpcf7-not-valid-tip {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 auto !important;
  width: 100%;
  max-width: 50vw;
}
@media (max-width: 1020px) {
  .wpcf7 form .wpcf7-response-output {
    max-width: 100%;
  }
}

.js-form-step-confirm {
  display: none;
}

.js-step-confirm {
  display: none;
}

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