.wrap {
    width: 90%;
    margin: auto;
}

th:first-child,
td:first-child {
    width: 40%;
}
.table-area{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10%;
}

table {
    border-collapse: collapse;
    border: 1px solid #000;
    flex: 0 0 100%;
    height: fit-content;
}

table:nth-child(2) thead {
    display:none;
}

th {
    background-color: #CCFFFF;
}

th, td {
    padding: 5px;
    border: 1px solid #000;
}

table:nth-child(2) tr:first-child td,
table:nth-child(2) tr:first-child,
table:nth-child(2) tbody,
table:nth-child(2) {
    border-top: none;
}

.back_btn_area {
    margin-bottom: 8%;
    text-align: center;
}

@media screen and (min-width:769px) {
    .table-area {
        display: flex;
        justify-content: space-around;
        margin-bottom: 8%;
    }

    table {
        border-collapse: collapse;
        border: 1px solid #000;
        flex: 0 0 49%;
    }

        table:nth-child(2) thead {
            display:table-row-group;
        }

    .back_btn_area {
        margin-bottom: 5%;
    }
}