@charset "UTF-8";

table.flow_table {
    width: 70%;
}

table.flow_table th {
    padding: 10px 20px;
    width: 50%;
    background-color: var(--i_main_color);
    color: #fff;
}

table.flow_table td {
    padding: 10px 20px;
    width: 50%;
}
table.orthodontic_table {
    width: 100%;
}

table.orthodontic_table tr:first-child th {
    width: 20%;
}

table.orthodontic_table tr:first-child th:first-child {
    width: 60%;
}

table.orthodontic_table th {
    padding: 10px;
    vertical-align: top;
    background-color: var(--i_main_color);
    color: #fff;
    border: 1px solid var(--i_txt_color);
}

table.orthodontic_table td {
    padding: 10px;
    border: 1px solid var(--i_txt_color);
}

@media screen and (max-width: 900px) {
table.flow_table {
    width: 100%;
}
}