@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("https://use.typekit.net/qmr6ewy.css");
section.usage {
  margin: 7rem auto 6rem;
}
section.usage .bar-title-container h3 {
  font-size: clamp(2.8rem, 3.66vw, 4.4rem);
  text-transform: capitalize;
}
section.usage .content-container {
  gap: 3rem;
  color: #005ead;
}
section.usage .content-row {
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: clamp(1.6rem, 4vw, 5rem);
  max-width: 85rem;
  align-self: center;
}
section.usage .content-row .text-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight: bold;
}
section.usage .content-row .text-container h3 {
  font-size: clamp(1.6rem, 2vw, 2rem);
}
section.usage .content-row .text-container p {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: 500;
}
@media screen and (min-width: 1001px) {
  section.usage .content-row {
    flex-direction: row;
  }
  section.usage .content-row .text-container {
    flex: 3 1 40rem;
  }
  section.usage .content-row .text-container p {
    font-weight: bold;
  }
  section.usage .content-row .img-container {
    flex: 2 1 40rem;
  }
}
@media screen and (min-width: 1201px) {
  section.usage .content-container {
    padding: 0 5rem 0 10rem;
  }
  section.usage .content-container .content-row {
    align-self: flex-start;
  }
}

section.how-to {
  margin-bottom: 10rem;
}
section.how-to .bar-title-container h3 {
  font-size: clamp(2.8rem, 3.66vw, 3.5rem);
  text-transform: capitalize;
}
section.how-to .content-container {
  gap: 3rem;
  width: 100%;
  max-width: 100rem;
  box-sizing: border-box;
  padding: clamp(4rem, 6vw, 8rem) 5.15%;
  background-color: #005ead;
  color: #ffffff;
  letter-spacing: 0;
}
section.how-to .group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.how-to .group h5 {
  font-size: clamp(1.8rem, 2vw, 2rem);
}
section.how-to .white-container {
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
  gap: clamp(1.6rem, 2vw, 2.4rem);
  margin-top: 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  color: #005ead;
}
section.how-to .white-container .text-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}
section.how-to .white-container .text-col h5 {
  width: 100%;
  border-bottom: 1px solid #005ead;
}
section.how-to .white-container .text-col dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  font-weight: 400;
}
section.how-to .white-container .text-col dl .data-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
section.how-to a.a-btn {
  margin-top: 1rem;
  width: 25rem;
  max-width: 25rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 651px) {
  section.how-to .content-container {
    width: 89.7%;
    padding: clamp(4rem, 6vw, 8rem) clamp(4rem, 7vw, 10rem) clamp(4rem, 7vw, 10rem);
  }
}

section.register {
  padding: 6rem 0 8rem;
  background-color: #efefef;
  color: #005ead;
  gap: 2.4rem;
}
section.register .donation-text {
  font-weight: 500;
}
section.register .contact-table {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
section.register .join-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
section.register .join-form .table-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.register .join-form dt {
  font-weight: bold;
}
section.register .join-form dt.required p:after {
  content: "※";
}
section.register .bar-title-container h3 {
  font-size: clamp(3.2rem, 4vw, 4.5rem);
  text-transform: unset;
}
section.register .register-contents {
  gap: 4rem;
}
section.register .step-container {
  gap: 3rem;
  margin-top: 1rem;
  font-weight: 500;
}
section.register .step-container .step-row {
  display: flex;
  align-items: start;
  width: 100%;
  gap: 2rem;
}
section.register .step-container .step-row .step-no {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 5.5em;
  min-width: 5.5em;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}
section.register .step-container .step-row .text-container {
  flex: 1;
  font-weight: 500;
  letter-spacing: 0;
}

.wpcf7-spinner {
  position: absolute;
  bottom: 0;
  transform: translateY(110%);
}

.gre-disclaimer {
  color: #005ead;
  text-align: center;
  max-width: 500px;
  margin: 2em auto 0;
}
.gre-disclaimer a {
  text-decoration: underline !important;
}

.submit-container {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.submit-container p {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

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