@charset "utf-8";

.sec03 dt { width: 179px; }

.t_wrap { width: 100%; }
table { display: block; border-radius: 10px; border: 1px solid var(--border-color); overflow: hidden; }
table thead { display: block; width: 100%; }
table thead tr { display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
table thead tr th { padding: 25px 0; width: 100%; border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); 
    font-size: 15px; background: var(--gray-fa); font-weight: 700; color: var(--gray-55); text-align: center; }
table thead tr:first-child th { border-top: 0; }
table thead tr th:last-child { border-right: 0; }
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; width: 100%; border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); 
    font-size: 15px; font-weight: 400; color: var(--gray-55); text-align: center; }
table tbody tr:first-child td { border-top: 0; }
table tbody tr td:last-child { border-right: 0; }

/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    .sec03 dt { width: 156px; }
    table thead tr th { padding: 20px 0; font-size: 14px; }
    table tbody tr td { padding: 20px 0; font-size: 14px; }

}

/* 767px or less */
@media all and (max-width : 767px){
    table thead tr th { padding: 15px 0; font-size: 12px; }
    table tbody tr td { padding: 15px 0; font-size: 12px; }
}