@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.donors__introduction {
  display: flex;
  gap: 4.4444444444vw;
  align-items: center;
  flex-direction: column;
}
.donors__description {
  display: flex;
  padding: 5.5555555556vw 0 2.7777777778vw;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donors__description {
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 6.4vw;
  }
}
.donors__description p {
  text-align: center;
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
}
@media (max-width: 1020px) {
  .donors__description p {
    text-align: left;
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.donors__description span {
  text-align: center;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0194444444vw;
}
@media (max-width: 1020px) {
  .donors__description span {
    text-align: left;
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donors__anchor {
  width: 100%;
  max-width: 57.2222222222vw;
  margin-top: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.4444444444vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .donors__anchor {
    max-width: 100%;
    gap: 5.3333333333vw;
  }
}
.donors__anchor a {
  width: 100%;
  display: flex;
  gap: 1.1111111111vw;
  align-items: center;
  justify-content: center;
  align-items: center;
  padding: 1.1111111111vw;
  border-radius: 0.5555555556vw;
  border: 2px solid var(--clr-text-green);
  background: var(--clr-text-white);
  transition: background 0.3s;
}
@media (max-width: 1020px) {
  .donors__anchor a {
    gap: 1.0666666667vw;
    padding: 3.2vw 2.1333333333vw;
    border-radius: 2.1333333333vw;
  }
}
@media (min-width: 1021px) {
  .donors__anchor a:hover {
    background: var(--clr-text-green);
  }
  .donors__anchor a:hover span {
    color: var(--clr-text-white);
  }
  .donors__anchor a:hover svg * {
    fill: var(--clr-text-white);
  }
}
.donors__anchor a span {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.025vw;
  transition: color 0.3s;
}
@media (max-width: 1020px) {
  .donors__anchor a span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
  }
}
.donors__anchor a img,
.donors__anchor a svg {
  min-width: 2.5vw;
  max-width: 2.5vw;
  height: auto;
}
@media (max-width: 1020px) {
  .donors__anchor a img,
  .donors__anchor a svg {
    min-width: 6.4vw;
    max-width: 6.4vw;
  }
}
.donors__anchor a img *,
.donors__anchor a svg * {
  transition: fill 0.3s;
}
.donors__corporation {
  display: flex;
  padding: 5.5555555556vw 0;
  flex-direction: column;
  gap: 1.1111111111vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donors__corporation {
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 4.2666666667vw;
  }
}
.donors__corporation h2 {
  color: var(--clr-light-black);
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
}
@media (max-width: 1020px) {
  .donors__corporation h2 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}
.donors__corporation-grid-wrapper {
  width: 100%;
  display: flex;
  gap: 2.7777777778vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .donors__corporation-grid-wrapper {
    gap: 4.2666666667vw;
  }
}
.donors__corporation-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.7777777778vw 3.4027777778vw;
}
@media (max-width: 1020px) {
  .donors__corporation-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 6.4vw;
  }
}
.donors__corporation-grid.-upper {
  padding-bottom: 2.7777777778vw;
}
@media (max-width: 1020px) {
  .donors__corporation-grid.-upper {
    padding-bottom: 8.5333333333vw;
  }
}
.donors__corporation-grid.-middle, .donors__corporation-grid.-lower {
  gap: 2.7777777778vw 1.7361111111vw;
}
@media (max-width: 1020px) {
  .donors__corporation-grid.-middle, .donors__corporation-grid.-lower {
    gap: 6.4vw;
  }
}
.donors__corporation-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5555555556vw;
}
@media (max-width: 1020px) {
  .donors__corporation-block {
    gap: 3.2vw;
  }
}
@media (min-width: 1021px) {
  .donors__corporation-block.-link:hover .donors__corporation-img-wrapper img {
    transform: scale(1.1);
  }
}
.donors__corporation-img-wrapper {
  width: 100%;
  height: 100%;
  max-height: 8.3333333333vw;
  min-height: 8.3333333333vw;
  padding: 1.3888888889vw;
  justify-content: center;
  align-items: center;
  border-radius: 0.5555555556vw;
  border: 1px solid var(--clr-border-gray-4);
  background: var(--clr-text-white);
  overflow: hidden;
}
@media (max-width: 1020px) {
  .donors__corporation-img-wrapper {
    max-width: 53.3333333333vw;
    min-height: 21.3333333333vw;
    max-height: 21.3333333333vw;
    padding: 3.2vw;
    border-radius: 2.1333333333vw;
    margin: 0 auto;
  }
}
.donors__corporation-img-wrapper img {
  height: 100%;
  display: block;
  max-width: 15.625vw;
  margin: 0 auto;
  transition: transform 0.3s;
}
@media (max-width: 1020px) {
  .donors__corporation-img-wrapper img {
    max-width: 100%;
  }
}
.donors__corporation-name {
  width: 100%;
  text-align: left;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0222222222vw;
}
@media (max-width: 1020px) {
  .donors__corporation-name {
    text-align: center;
    font-size: 3.7333333333vw;
    letter-spacing: 0.0746666667vw;
  }
}
.donors__corporation-name.-middle {
  width: auto;
}
@media (max-width: 1020px) {
  .donors__corporation-name.-middle {
    text-align: left;
  }
}
.donors__corporation-external, .donors__corporation-only-name {
  display: flex;
  padding: 0.5555555556vw 0;
  align-items: center;
  gap: 0.2777777778vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donors__corporation-external, .donors__corporation-only-name {
    padding: 0;
    gap: 1.0666666667vw;
  }
}
.donors__corporation-external img,
.donors__corporation-external svg, .donors__corporation-only-name img,
.donors__corporation-only-name svg {
  min-width: 1.3888888889vw;
  max-width: 1.3888888889vw;
  height: auto;
}
.donors__corporation-external img *,
.donors__corporation-external svg *, .donors__corporation-only-name img *,
.donors__corporation-only-name svg * {
  transition: fill 0.3s;
}
@media (max-width: 1020px) {
  .donors__corporation-external img,
  .donors__corporation-external svg, .donors__corporation-only-name img,
  .donors__corporation-only-name svg {
    min-width: 5.3333333333vw;
    max-width: 5.3333333333vw;
  }
}
.donors__corporation-external {
  width: 100%;
  max-width: max-content;
}
@media (max-width: 1020px) {
  .donors__corporation-external {
    max-width: 100%;
  }
}
.donors__corporation-external span {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: color 0.3s, text-decoration 0.3s;
}
@media (min-width: 1021px) {
  .donors__corporation-external:hover span {
    color: var(--clr-text-blue);
    text-decoration-color: var(--clr-text-blue);
  }
  .donors__corporation-external:hover svg * {
    fill: var(--clr-text-blue);
  }
}
.donors__personal {
  display: flex;
  padding: 4.4444444444vw 0 5.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6666666667vw;
  align-self: stretch;
}
@media (max-width: 1020px) {
  .donors__personal {
    padding: 8.5333333333vw 0 10.6666666667vw;
    gap: 6.4vw;
  }
}
.donors__personal h2 {
  color: var(--clr-light-black);
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0388888889vw;
}
@media (max-width: 1020px) {
  .donors__personal h2 {
    font-size: 6.4vw;
    letter-spacing: 0.128vw;
  }
}
.donors__personal h2 span {
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1020px) {
  .donors__personal h2 span {
    font-size: 3.2vw;
  }
}
.donors__personal-grid-wrapper {
  width: 100%;
  display: flex;
  gap: 5.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .donors__personal-grid-wrapper {
    gap: 10.6666666667vw;
  }
}
.donors__personal-grid {
  display: grid;
  width: 100%;
}
.donors__personal-grid.-upper {
  gap: 2.2222222222vw 10.5555555556vw;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1020px) {
  .donors__personal-grid.-upper {
    gap: 3.2vw;
    grid-template-columns: repeat(1, 1fr);
  }
}
.donors__personal-grid.-middle {
  gap: 2.2222222222vw 0.625vw;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1020px) {
  .donors__personal-grid.-middle {
    gap: 3.2vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
.donors__personal-grid.-lower {
  gap: 1.1111111111vw 0.5555555556vw;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1020px) {
  .donors__personal-grid.-lower {
    gap: 3.2vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
.donors__personal-block {
  width: 100%;
}
.donors__personal-block.-upper {
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0388888889vw;
  padding-left: 1.6666666667vw;
  border-left: 0.2777777778vw solid var(--clr-border-yellow);
}
@media (max-width: 1020px) {
  .donors__personal-block.-upper {
    font-size: 6.4vw;
    letter-spacing: 0.128vw;
    padding-left: 3.2vw;
    border-left: 1.0666666667vw solid var(--clr-border-yellow);
  }
}
.donors__personal-block.-middle {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0333333333vw;
  padding-left: 1.3888888889vw;
  border-left: 0.2777777778vw solid var(--clr-border-y-green);
}
@media (max-width: 1020px) {
  .donors__personal-block.-middle {
    font-size: 4.8vw;
    letter-spacing: 0.096vw;
    padding-left: 3.2vw;
    border-left: 1.0666666667vw solid var(--clr-border-y-green);
  }
}
.donors__personal-block.-lower {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0277777778vw;
  padding-left: 1.3888888889vw;
  border-left: 0.2777777778vw solid var(--clr-border-gray-4);
}
@media (max-width: 1020px) {
  .donors__personal-block.-lower {
    font-size: 4.2666666667vw;
    letter-spacing: 0.0853333333vw;
    padding-left: 3.2vw;
    border-left: 1.0666666667vw solid var(--clr-border-gray-4);
  }
}

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