.c-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.c-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.c-table th,
.c-table td {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
}

.c-table th {
    width: 25%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    /* font-size: 1.1rem; */
}

.c-table td {
    width: 75%;
}

/* 下線のアクセントカラー */
.c-table th {
    border-bottom: 2px solid #ff6b6b; /* オレンジ色の線 - 色は適宜調整してください */
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
    .c-table th,
    .c-table td {
        padding: 1rem;
    }
    
    .c-table th {
        width: 35%;
        font-size: 1rem;
    }
    
    .c-table td {
        width: 65%;
    }
}