@charset "utf-8";

table { display: block; border-radius: 10px; border: 1px solid var(--border-color); overflow: hidden; }
table thead { display: none; }
table tbody { display: block; width: 100%; }
table tbody tr { display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
table tbody tr td { padding: 25px 0; border-top: 1px solid var(--border-color); }
table tbody tr:first-child td { border-top: 0; }
table tbody tr td.title { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 250px; font-size: 17px; word-break: keep-all;background: var(--gray-fa); border-right: 1px solid var(--border-color); font-weight: 700; color: var(--sub-01); text-align: center; }
table tbody tr td.text { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 25px 60px; font-size: 17px; font-weight: 400; color: var(--gray-55); word-break: keep-all; }
table tbody tr td.text li { position: relative; padding-left: 14px; }
table tbody tr td.text li::after { position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--gray-55); display: block; content: ""; }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    table tbody tr td { padding: 25px 0; }
    table tbody tr td.title { width: 160px; font-size: 15px; }
    table tbody tr td.text { padding: 25px 40px; font-size: 15px; }
    table tbody tr td.text li { padding-left: 11px; }
    table tbody tr td.text li::after { top: 9px; width: 3px; height: 3px; }
}

/* 767px or less */
@media all and (max-width : 767px){
    table tbody tr td { padding: 15px; }
    table tbody tr td.title { width: 90px; font-size: 12px; }
    table tbody tr td.text { padding: 15px; font-size: 12px; }
    table tbody tr td.text li::after { top: 7px; }
}