table th,td{
    border: 1px solid #fff;
    padding: 3px 0;
}

table .table_title{
    background-color: #c0167b;
    padding: 10px 0;
}

table th{
    color: #fff;
    background-color: #125eac;
}

table .bg_cbd3e9{
    background-color: #cbd3e9;
}

table .bg_e7eaf4{
    background-color: #e7eaf4;
}

.table_win_10{
    width: 100%;
    text-align: center;
}

.table_win_10 .col-1{
    width: 30%;
}

.table_win_10 .col-2{
    width: 40%;
}

.table_win_10 .col-3{
    width: 30%;
}

.table_win_11{
    width: 100%;
    text-align: center;
}

.table_win_11 .col-1{
    width: 30%;
}

.table_win_11 .col-2{
    width: 70%;
}

.chat .content{
    background-color: #ccecff;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
}

.text_blue{
    color: #0062c2;
}

.link_black a{
    color: #000 !important;
    text-decoration: underline !important;
}

.link_black a:hover{
    text-decoration: none !important;
}

.border_pink_left{
    border-left: 3px solid #c0167b;
    border-top: 3px solid #c0167b;
    border-bottom: 3px solid #c0167b;
}

.border_pink_right{
    border-right: 3px solid #c0167b;
    border-top: 3px solid #c0167b;
    border-bottom: 3px solid #c0167b;
}

@media screen and (min-width: 769px) {
    .categoryA-ttl{
        font-size: 27.5px !important;
    }
    
    .card_chat .layoutA-txtArea {
        width: calc(100% - 3% - min(30%, 213px)) !important;
    }

    .card_chat .layoutA-imgArea {
        width: min(30%, 235px) !important;
    }

    .card_link .layoutA-txtArea {
        width: calc(100% - 3% - min(20%, 235px));
    }

    .card_link .layoutA-imgArea {
        width: min(20%, 235px);
    }

    .mt-lg-45{
        margin-top: 45px;
    }

    .mt-lg-10{
        margin-top: 10px;
    }

    .mt-lg-20{
        margin-top: 20px;
    }

    .mt-lg-25{
        margin-top: 25px;
    }

    .mt-lg-15{
        margin-top: 15px;
    }

    .mt-lg-30{
        margin-top: 30px;
    }

    .ml-lg-50{
        margin-left: 50px;
    }

    .mt-lg-35{
        margin-top: 35px;
    }

    .managed-pc-06 .layoutA-txtArea {
        width: calc(100% - 3% - min(40%, 280px));
    }

    .managed-pc-06 .layoutA-imgArea {
        width: min(40%, 280px);
    }

    .chat{
        display: flex;
        flex-direction: row;
    }
    
    .chat .arrow{
        clip-path: polygon(101% 0, 0 59%, 101% 41%);
        -webkit-clip-path: polygon(101% 0, 0 59%, 101% 41%);
        background-color: #ccecff;
        height: 70px;
        width: 50px;
    }

    .pcHide{
        display: none;
    }

    .mb-lg-0{
        margin-bottom: 0px !important;
    }

    .mt-lg-0{
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .layoutA-txtArea a{
        word-wrap: break-word;
    }

    .mt-sm-30{
        margin-top: 30px;
    }

    .mt-sm-70{
        margin-top: 70px;
    }

    .chat{
        display: flex;
        flex-direction: column;
    }
    
    .chat .arrow{
        clip-path: polygon(101% 100%, 0 105%, 50% 0);
        -webkit-clip-path: polygon(101% 100%, 0 105%, 50% 0);
        background-color: #ccecff;
        height: 30px;
        width: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .mb-sm-30{
        margin-bottom: 30px;
    }

    .mb-sm-20{
        margin-bottom: 20px;
    }

    .mb-sm-10{
        margin-bottom: 10px !important;
    }

    .mb-sm-45{
        margin-bottom: 45px !important;
    }

    .mt-sm-10{
        margin-top: 10px;
    }

    .mt-sm-20{
        margin-top: 20px;
    }

    .mt-sm-0{
        margin-top: 0px !important;
    }

    .spHide{
        display: none;
    }
}