.donation-heading {
  color: var(--title-text-dark-blue);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: 0.96px;
  padding: 80px 0px 80px 0px;
}

.donation-text-tb {
  display: inline;
}

.donation-layout-footer {
  padding: 0px 0px 44px 0px;
}

/* ========================================================================== */
/* donation-1 */
/* ========================================================================== */

.donation-1-table {
  border-collapse: collapse;
}

.donation-1-table td.row-title {
  width: 104px;
  padding: 16px;
  color: var(--table-text-color-white);
  background: var(--table-background-color-dark-blue);
  border: 1px solid var(--table-border-color-white);
  border-left: 1px solid var(--table-border-color-dark-blue) !important;
  letter-spacing: 0.64px;
  text-align: left;
}

.donation-1-table td.last-row-title {
  border-bottom: 1px solid var(--table-border-color-dark-blue) !important;
}

.donation-1-table td.column-title {
  min-width: 195px;
  padding: 16px;
  color: var(--table-text-color-white);
  background: var(--table-background-color-dark-blue);
  border: 1px solid var(--table-border-color-white);
  border-bottom: 1px solid var(--table-border-color-dark-blue) !important;
  letter-spacing: 0.64px;
  text-align: left;
}

.donation-1-table td.last-column-title {
  border-right: 1px solid var(--table-border-color-dark-blue) !important;
}

.donation-1-table td.text {
  padding: 16px;
  border: 1px solid var(--table-border-color-dark-blue);
  letter-spacing: 0.64px;
}

/* ========================================================================== */
/* donation-2 */
/* ========================================================================== */

.donation-2-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  padding-top: 24px;
  width: 100%;
}

.donation-2-1 {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  width: 100%;
}

.donation-2-1-left {
  display: flex;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  align-items: center;
  gap: 4px;
  justify-content: flex-start; /* 上寄せ */
}

.donation-2-1-text {
  line-height: 30px; /* 187.5% */
  letter-spacing: 0.64px;
  vertical-align: top;
  height: 100%;                /* 親の高さいっぱいにする場合 */
}

.document-2-1-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  max-width: 984px;
  width: 100%;
}

.document-2-1-right-inquiry {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  background: #F3F7F9;
}

.document-2-1-right-inquiry-text-1 {
  font-weight: 600;
  line-height: 32px; /* 200% */
  letter-spacing: 0.64px;
  align-self: stretch;
}

.document-2-1-right-inquiry-text-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
  align-self: stretch;
}

/* ========================================================================== */
/* donation-3 */
/* ========================================================================== */

.donation-3-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  padding-top: 24px;
  width: 100%;
}

.donation-3-1 {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  width: 100%;
}

.donation-3-1-left {
  display: flex;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  align-items: center;
  gap: 4px;
  justify-content: flex-start; /* 上寄せ */
}

.donation-3-1-title-text {
  color: #009CE2;
  line-height: 24px; /* 150% */
  letter-spacing: 0.64px;
  padding-bottom: 8px;
}

.donation-3-1-text {
  line-height: 30px; /* 187.5% */
  letter-spacing: 0.64px;
  vertical-align: top;
  height: 100%;                /* 親の高さいっぱいにする場合 */
}

.document-3-1-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  max-width: 984px;
  width: 100%;
}

/* ========================================================================== */
/* @media */
/* ========================================================================== */

@media (max-width: 1024px) {
  .donation-heading {
    padding: 40px 24px;
    text-align: center;
  }

  .donation-text-tb {
    display: none;
  }
}

@media (max-width: 767px) {
  .donation-layout-footer {
    padding: 0px 0px 4px 0px;
  }

  .donation-2-1 {
    flex-direction: column;
    gap: 0px;
  }

  .donation-3-1 {
    flex-direction: column;
    gap: 0px;
  }

  .donation-3-1-title-text {
    padding-top: 8px;
    padding-bottom: 0px;
  }
}