@charset "UTF-8";

#table + section .table_lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#table + section .table_item{
    padding: 1rem;
    max-width: 27rem;
    width: 100%;
}
#table + section .table_title{
    display: flex;
    flex-direction: column;
    text-align: center;
}
#table + section .table_student{
    font-size: 1.4rem;
}
#table + section .table_student.student1{
    background-color: #f2fbe7;
}
#table + section .table_student.student2{
    background-color: #e7fbf7;
}
#table + section .table_student.student3{
    background-color: #fdeef2;
}
#table + section .table_student.student4{
    background-color: #e7ebfb;
}
#table + section .table_amount{
    display: block;
}
#table + section .table_price{
    display: block;
    font-size: 1.2rem;
}
#table + section thead tr th{
    padding: 0.5rem;
}
#table + section thead tr th:not(:first-child)  {
    background-color: #fbdfe6;
}
#table + section tbody tr{
    text-align: center;
}
#table + section tbody tr th,
#table + section tbody tr td{
    padding: 0.5rem;
}
#table + section tbody tr th:first-child{
    background-color: #fdeef2;
}
#table + section .table_programing{
    font-size: 1.2rem;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
text-orientation: upright;
white-space: nowrap;
}
#table + section .table_caption{
    font-size: 1.1rem;
}

#table + section table {
    width: 100%;
}


@media (max-width: 600px) {
    #table + section .table_item {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}