/* ===========================
   グローバル
   =========================== */
body { 
    background-color: #f4f7f6; /* サイト全体の基本背景色 */
}

/* ===========================
   トップページ用 (index.php)
   =========================== */
.hero { 
    background-color: #ffffff; 
    padding: 4rem 2rem; 
    border-radius: 0.5rem; 
}

/* ===========================
   配布ページ用 (uploadpro/index.php)
   =========================== */
.list-group-item {
    background-color: transparent;
    border-bottom: 1px solid #eee;
}
.list-group-item:last-child {
    border-bottom: none;
}

/* ===========================
   カードレイアウトの崩れを修正
   =========================== */
/* .program-card-row クラスに flexbox を強制 */
.program-card-row {
    display: flex;
    flex-wrap: wrap;
}

/* カラムが均等に伸びるように設定 */
.program-card-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}