@charset "utf-8";

.donation-method-doc-list {
    margin-top: 20px;
    background: var(--color-gray50);
    padding: 34px;
}

.donation-method-doc-list dt {
    font-size: 18px;
    margin-bottom: 26px;
    color: var(--color-text-title2);
    font-weight: var(--font-weight-semibold);
}

.donation-method-doc-items li {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 32px;
}

.donation-method-doc-items li + li {
    margin-top: 6px;
}

.donation-method-doc-items p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text-body);
}

.donation-method-doc-items .btn {
    justify-self: start;
}

.donation-method-contact-table {
    width: 100%;
    border-collapse: collapse;
}

.donation-method-contact-table th,
.donation-method-contact-table td {
    padding: 15px;
    border: 1px solid var(--color-border-table);
    font-size: 16px;
    line-height: 1.5;
}

.donation-method-contact-table th {
    width: 107px;
    background: var(--color-bg-table-header);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-title1);
    text-align: center;
}

.donation-method-contact-table td {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-title1);
    text-align: left;
}

@media (max-width: 768px) {
    .donation-method-doc-items li {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }
}