@charset "utf-8";

.list-card1 {
    --font-size-pc: 10;
    --font-size-mob: 10;
    font-size: min( calc( var(--font-size-mob) / 500 * 100vw ), calc(var(--font-size-pc) * 1px) );
    padding-top: 2em;
    display: grid; grid-template-columns: repeat(3,1fr);
    gap:1.8em;
}
.list-card1 > li {
    --border-color:#d2d2d2;
	border-top: 1px solid var(--border-color);
/*    border: 1px solid var(--border-color);*/
/*	border-bottom: none;*/
    font-size: 2em;
}
.list-card1 > li .item {
    display: grid; grid-template-columns: repeat(2,1fr);
    color: #313131;
}
.list-card1 > li .item > * {
    padding: 0.9em 0.6em; text-align: center;
	border-bottom: 1px solid var(--border-color);
}
.list-card1 > li .item .title {
    grid-column: 1/3; color: #0066b2; 
	border-left: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);
}
.list-card1 > li .item .name1 {
	border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}
.list-card1 > li .item .name1 i {
    font-size: 1.2em; transform: translateY(5%);
    margin-left: 0.3em;
}
.list-card1 > li .item :is(.name1,.donation) > * {
    font-size: 0.9em; 
}

.list-none { font-size: 16px; text-align: center; }

@media (max-width:991px) {
    .list-card1 {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width:768px) {
    .list-card1 {
        grid-template-columns: repeat(1,1fr);
    }
}