/*organization.htmlの設定*/
.message{
    display: flex;
}

.message .message_text{
    width:70%;
}

.message .message_img{
    width:30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.message .message_img img{
    width:70%;
}

.message .message_img p{
    text-align: center;
}

@media(max-width: 480px) {
    .message{
    flex-direction: column-reverse;
}

.message .message_text{
    width:100%;
}

.message .message_img{
    width: 60%;
    margin:0 auto;
}
}

.organization_table {
    width: 100%;
}

.organization_table tr th {
    display: table-cell;
    background-color: #FFFFFF;
    width: cal(100% / 7);
}

.organization_table tr th:last-child {
    background-color: #FFFFFF;
    width: calc(100% * 3 / 7);
}

.organization_table.col3 tr th:first-child,
.organization_table.col3 tr th:last-child {
    width: calc(100% * 3 / 7);
}

.organization_table.col3 tr th {
    width: cal(100% / 7);
}

@media(max-width: 480px) {

    .organization_table tr th {
        width: calc(100% / 6);
    }

    .organization_table tr th:last-child {
        background-color: #FFFFFF;
        width: calc(100% * 2 / 6);
    }

    .organization_table.col3 tr th:first-child {
        width: calc(100% / 6);
    }

    .organization_table.col3 tr th:nth-child(2) {
        width: cal(100% * 2 / 6);
    }

    .organization_table.col3 tr th:last-child {
        width: calc(100% * 3 / 6);
    }
}