@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.donation__anchor {
  display: flex;
  padding: 4.4444444444vw 0 2.7777777778vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 1.6666666667vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__anchor {
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 6.4vw;
  }
}
.donation__anchor-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.donation__anchor-title h2 {
  font-family: "Zalando Sans", sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 0.05vw;
}
@media (max-width: 1020px) {
  .donation__anchor-title h2 {
    font-size: 9.6vw;
    letter-spacing: 0.192vw;
  }
}
.donation__anchor-title span {
  color: var(--clr-light-black);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__anchor-title span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__anchor-btn {
  width: 100%;
  display: grid;
  gap: 1.9444444444vw;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1020px) {
  .donation__anchor-btn {
    gap: 5.3333333333vw;
    grid-template-columns: repeat(1, 1fr);
  }
}
.donation__anchor-btn-block {
  display: flex;
  padding: 1.6666666667vw 2.7777777778vw 1.1111111111vw;
  flex-direction: column;
  align-items: center;
  gap: 1.1111111111vw;
  align-self: stretch;
  border-radius: 0.5555555556vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block {
    padding: 5.3333333333vw 5.3333333333vw 3.2vw;
    gap: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.donation__anchor-btn-block.-homeTax {
  background: url(/wp-content/themes/dpops-ab-children/assets/img/donation/donation-anchor-bg-homeTax.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.donation__anchor-btn-block.-syncable {
  background: url(/wp-content/themes/dpops-ab-children/assets/img/donation/donation-anchor-bg-syncable.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.donation__anchor-btn-block.-transfer {
  background: url(/wp-content/themes/dpops-ab-children/assets/img/donation/donation-anchor-bg-transfer.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.donation__anchor-btn-block-detail {
  width: 100%;
  min-height: 8.8888888889vw;
  padding: 0.6944444444vw;
  display: flex;
  gap: 0.5555555556vw;
  align-items: center;
  flex-direction: column;
  border-radius: 0.5555555556vw;
  background: var(--clr-text-white);
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-detail {
    min-height: 34.1333333333vw;
    padding: 2.6666666667vw;
    gap: 2.1333333333vw;
    border-radius: 2.1333333333vw;
  }
}
.donation__anchor-btn-block-title {
  display: flex;
  gap: 0.8333333333vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-title {
    gap: 3.2vw;
  }
}
.donation__anchor-btn-block-title img.-homeTax {
  max-width: 4.375vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-title img.-homeTax {
    max-width: 16.8vw;
  }
}
.donation__anchor-btn-block-title img.-syncable {
  max-width: 14.5138888889vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-title img.-syncable {
    max-width: 55.7333333333vw;
  }
}
.donation__anchor-btn-block-title img.-transfer {
  max-width: 3.0555555556vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-title img.-transfer {
    max-width: 11.7333333333vw;
  }
}
.donation__anchor-btn-block-title span {
  color: var(--clr-light-black);
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
  white-space: nowrap;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-title span {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.donation__anchor-btn-block-description {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-description {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donation__anchor-btn-block-arrow {
  width: 2.5vw;
  height: 2.5vw;
}
@media (max-width: 1020px) {
  .donation__anchor-btn-block-arrow {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
.donation__block {
  width: 100%;
  padding-left: 6.875vw;
}
@media (max-width: 1020px) {
  .donation__block {
    padding-left: 0;
  }
}
.donation__section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6666666667vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__section-title {
    gap: 6.4vw;
  }
}
.donation__section-title-block {
  display: flex;
  gap: 1.1111111111vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__section-title-block {
    gap: 2.1333333333vw;
  }
}
.donation__section-title-block h2 {
  color: var(--clr-light-black);
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0388888889vw;
}
@media (max-width: 1020px) {
  .donation__section-title-block h2 {
    font-size: 6.4vw;
    letter-spacing: 0.128vw;
  }
}
.donation__section-title-img {
  max-width: 6.25vw;
}
@media (max-width: 1020px) {
  .donation__section-title-img {
    max-width: 12vw;
  }
}
.donation__section-description {
  align-self: stretch;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .donation__section-description {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__hometax {
  display: flex;
  gap: 6.1111111111vw;
  align-items: flex-start;
  flex-direction: column;
  padding: 4.4444444444vw 0 5.5555555556vw;
}
@media (max-width: 1020px) {
  .donation__hometax {
    gap: 23.4666666667vw;
    padding: 8.5333333333vw 0 10.6666666667vw;
  }
}
.donation__hometax-upper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2222222222vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__hometax-upper {
    gap: 6.4vw;
  }
}
.donation__homeTax-img {
  display: block;
}
@media (max-width: 1020px) {
  .donation__homeTax-img {
    margin: 2.1333333333vw auto;
  }
}
.donation__homeTax-supplement {
  display: flex;
  padding: 1.6666666667vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5555555556vw;
  align-self: stretch;
  background: var(--clr-bg-gray-2);
}
@media (max-width: 1020px) {
  .donation__homeTax-supplement {
    padding: 6.4vw;
    gap: 2.1333333333vw;
  }
}
.donation__homeTax-supplement-title {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__homeTax-supplement-title {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__homeTax-supplement-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6666666667vw;
  flex: 1 0 0;
}
@media (max-width: 1020px) {
  .donation__homeTax-supplement-description {
    gap: 6.4vw;
  }
}
.donation__homeTax-supplement-description p {
  align-self: stretch;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
}
@media (max-width: 1020px) {
  .donation__homeTax-supplement-description p {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donation__homeTax-supplement-description-middle {
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__homeTax-supplement-description-middle {
    gap: 2.6666666667vw;
  }
}
.donation__hometax-bottom {
  display: flex;
  gap: 1.9444444444vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .donation__hometax-bottom {
    gap: 7.4666666667vw;
  }
}
.donation__hometax-bottom-title {
  color: var(--clr-light-black);
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0388888889vw;
}
@media (max-width: 1020px) {
  .donation__hometax-bottom-title {
    text-align: center;
    font-size: 6.4vw;
    letter-spacing: 0.128vw;
  }
}
.donation__hometax-flow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2222222222vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__hometax-flow {
    gap: 8.5333333333vw;
  }
}
.donation__hometax-flow-block {
  width: 100%;
  display: flex;
  gap: 0.2777777778vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block {
    gap: 1.0666666667vw;
  }
}
.donation__hometax-flow-block-title {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-title {
    align-items: flex-start;
    gap: 2.1333333333vw;
  }
}
.donation__hometax-flow-num {
  display: flex;
  width: 2.5vw;
  height: 2.5vw;
  padding: 0 0.5555555556vw;
  justify-content: center;
  align-items: center;
  border-radius: 69.375vw;
  background: var(--clr-bg-orange);
  font-family: "Zalando Sans", sans-serif;
  font-size: 1.3888888889vw;
  font-weight: 400;
  line-height: 100%;
}
.donation__hometax-flow-num.-transfer {
  background: var(--clr-bg-soda);
}
@media (max-width: 1020px) {
  .donation__hometax-flow-num {
    min-width: 7.4666666667vw;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    padding: 0 2.1333333333vw;
    border-radius: 266.4vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__hometax-flow-block-title-main {
  display: flex;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-title-main {
    align-items: flex-start;
    flex-direction: column;
  }
}
.donation__hometax-flow-block-title-main p {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0277777778vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-title-main p {
    font-size: 4.8vw;
    letter-spacing: 0.096vw;
  }
}
.donation__hometax-flow-block-title-main span {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  padding: 0.5555555556vw 0.8333333333vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-title-main span {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
    padding: 2.1333333333vw;
  }
}
.donation__hometax-flow-block-detail {
  display: flex;
  padding-left: 3.3333333333vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-detail {
    padding-left: 9.6vw;
    gap: 4.2666666667vw;
  }
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-detail.-sp-pl-0 {
    padding-left: 0;
  }
}
.donation__hometax-flow-block-detail.-pt-16 {
  padding-top: 1.1111111111vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-detail.-pt-16 {
    padding-top: 4.2666666667vw;
  }
}
.donation__hometax-flow-block-detail-description {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-block-detail-description {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donation__hometax-flow-btn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 1.9444444444vw 5.5555555556vw 0;
  gap: 3.6805555556vw;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-btn {
    grid-template-columns: repeat(1, 1fr);
    padding: 7.4666666667vw 0 0;
    gap: 8.5333333333vw;
  }
}
.donation__hometax-flow-btn-block {
  width: 100%;
  display: flex;
  gap: 0.8333333333vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-btn-block {
    gap: 2.1333333333vw;
  }
}
.donation__hometax-flow-btn-block-title {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-btn-block-title {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__polygon-down {
  width: 2.0833333333vw;
  height: 1.3888888889vw;
  margin: 0 auto;
}
@media (max-width: 1020px) {
  .donation__polygon-down {
    width: 8vw;
    height: 5.3333333333vw;
  }
}
.donation__download {
  width: 100%;
  display: flex;
  gap: 0.5555555556vw;
  align-items: center;
  justify-content: center;
  padding: 0.8333333333vw 2.2222222222vw;
  border-radius: 69.375vw;
  border: none;
  color: var(--clr-text-white);
  background: var(--clr-second-black);
  transition: background 0.3s;
}
@media (max-width: 1020px) {
  .donation__download {
    gap: 2.1333333333vw;
    padding: 3.2vw 6.4vw;
    border-radius: 266.4vw;
  }
}
@media (min-width: 1021px) {
  .donation__download:hover {
    background: var(--clr-bg-blue);
  }
}
.donation__download img {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media (max-width: 1020px) {
  .donation__download img {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.donation__download-left {
  display: flex;
  gap: 1.1111111111vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__download-left {
    gap: 2.1333333333vw;
  }
}
.donation__download-detail {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .donation__download-detail {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__download-detail small {
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
  margin-left: auto;
}
@media (max-width: 1020px) {
  .donation__download-detail small {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donation__hometax-flow-address {
  width: 100%;
  display: flex;
  padding: 1.1111111111vw;
  align-items: flex-start;
  gap: 0.8333333333vw;
  align-self: stretch;
  background: var(--clr-bg-lemon);
}
.donation__hometax-flow-address.-transfer {
  background: var(--clr-bg-soda);
}
.donation__hometax-flow-address.-mb-24 {
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address.-mb-24 {
    margin-bottom: 6.4vw;
  }
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address {
    padding: 4.2666666667vw;
    gap: 3.2vw;
    flex-direction: column;
  }
}
.donation__hometax-flow-address-title {
  display: flex;
  padding: 0 1.1111111111vw;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0.1388888889vw;
  background: var(--clr-text-white);
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-title {
    padding: 2.1333333333vw 4.2666666667vw;
    border-radius: 0.5333333333vw;
  }
}
.donation__hometax-flow-address-title span {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-title span {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__hometax-flow-address-detail {
  display: flex;
  padding-left: 1.1111111111vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5555555556vw;
  flex: 1 0 0;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-detail {
    padding-left: 4.2666666667vw;
    gap: 2.1333333333vw;
  }
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-detail.-transfer {
    padding-left: 0;
    gap: 0;
  }
}
.donation__hometax-flow-address-name {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-name {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__hometax-flow-address-name.-transfer {
  display: flex;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-name.-transfer {
    align-items: flex-start;
    flex-direction: column;
  }
}
.donation__hometax-flow-address-name.-transfer span {
  min-width: 13.8888888889vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-name.-transfer span {
    min-width: auto;
  }
}
.donation__hometax-flow-address-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2777777778vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact {
    gap: 1.0666666667vw;
  }
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact.-transfer {
    gap: 0;
  }
}
.donation__hometax-flow-address-contact-email {
  flex: 1 0 0;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-email {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__hometax-flow-address-contact-email.-transfer {
  display: flex;
  align-items: center;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-email.-transfer {
    align-items: flex-start;
    flex-direction: column;
  }
}
.donation__hometax-flow-address-contact-email.-transfer span {
  min-width: 13.8888888889vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-email.-transfer span {
    min-width: auto;
  }
}
.donation__hometax-flow-address-contact-others {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.3888888889vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-others {
    gap: 1.0666666667vw;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-others.-transfer {
    gap: 0;
  }
}
.donation__hometax-flow-address-contact-others span {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donation__hometax-flow-address-contact-others span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__syncable {
  display: flex;
  padding: 4.4444444444vw 0 5.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2222222222vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donation__syncable {
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 8.5333333333vw;
  }
}
.donation__syncable-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 4.9305555556vw;
  margin-left: auto;
}
@media (max-width: 1020px) {
  .donation__syncable-main {
    justify-content: center;
    padding-right: unset;
    margin-left: auto;
    margin-right: auto;
  }
}
.donation__syncable-link {
  margin-left: auto;
}
.donation__syncable-link span {
  white-space: nowrap;
}
.donation__syncable-link-img {
  max-width: 14.5833333333vw;
  padding: 0.5555555556vw;
  padding-right: 0.2777777778vw;
}
@media (max-width: 1020px) {
  .donation__syncable-link-img {
    max-width: 34.6666666667vw;
    padding: 0;
    padding-right: 0;
  }
}
.donation__link {
  padding-top: 2.7777777778vw;
  border-top: 1px solid var(--clr-border-gray);
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .donation__link {
    padding-top: 10.6666666667vw;
    gap: 8.5333333333vw;
    flex-direction: column;
  }
}
.donation__link-title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: 18.6805555556vw;
}
@media (max-width: 1020px) {
  .donation__link-title {
    max-width: 100%;
  }
}
.donation__link-title h2 {
  font-family: "Zalando Sans", sans-serif;
  font-size: 1.9444444444vw;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 0.0388888889vw;
}
@media (max-width: 1020px) {
  .donation__link-title h2 {
    font-size: 7.4666666667vw;
    letter-spacing: 0.1493333333vw;
  }
}
.donation__link-title span {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0277777778vw;
}
@media (max-width: 1020px) {
  .donation__link-title span {
    font-size: 4.8vw;
    letter-spacing: 0.096vw;
  }
}
.donation__link-detail {
  display: flex;
  gap: 2.7777777778vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .donation__link-detail {
    gap: 10.6666666667vw;
  }
}
.donation__link-detail-block {
  display: flex;
  gap: 1.1111111111vw;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .donation__link-detail-block {
    gap: 3.2vw;
  }
}
.donation__link-detail-block h3 {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
}
@media (max-width: 1020px) {
  .donation__link-detail-block h3 {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donation__link-detail-links {
  display: flex;
  gap: 1.25vw;
  align-items: flex-start;
  flex-direction: column;
  padding: 0.5555555556vw 1.1111111111vw;
}
@media (max-width: 1020px) {
  .donation__link-detail-links {
    gap: 5.3333333333vw;
    padding: 2.1333333333vw 4.2666666667vw;
  }
}
.donation__link-detail-links a {
  display: flex;
  gap: 0.2777777778vw;
  align-items: flex-end;
}
@media (max-width: 1020px) {
  .donation__link-detail-links a {
    gap: 1.0666666667vw;
  }
}
@media (min-width: 1021px) {
  .donation__link-detail-links a:hover span {
    color: var(--clr-text-blue);
  }
}
@media (min-width: 1021px) {
  .donation__link-detail-links a:hover svg * {
    fill: var(--clr-text-blue);
  }
}
.donation__link-detail-links a span {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.3s;
}
@media (max-width: 1020px) {
  .donation__link-detail-links a span {
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donation__link-detail-links a svg {
  min-width: 1.3888888889vw;
  height: 1.3888888889vw;
}
@media (max-width: 1020px) {
  .donation__link-detail-links a svg {
    min-width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.donation__link-detail-links a svg * {
  transition: fill 0.3s;
}

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