.ico_state{ position: relative; display: inline-table; padding: 0 0 0 15px;}
.ico_state::before{ content: ''; position: absolute; top:2px; left: 0; width:10px; height: 10px; border-radius: 10px; background-color: #ccc;}
.ico_state.yet{ color: #2956c3;}
.ico_state.yet::before{ background-color: #2956c3;}
.ico_state.complete{ color: #999;}
.ico_state.defer{ color: #ef720d;}
.ico_state.defer::before{ background-color: #ef720d;}
.ico_state.request{ color: #2956c3;}
.ico_state.request::before{ background-color: #2956c3;}
.ico_state.evaluate{ color: #2ecc71;}
.ico_state.evaluate::before{ background-color: #2ecc71;}
.ico_state.reject{ color: #ef720d;}
.ico_state.reject::before{ background-color: #ef720d;}
.ico_state.normal{ color: #2956c3;}
.ico_state.normal::before{ background-color: #2956c3;}
.ico_state.suspend{ color: #ef720d;}
.ico_state.suspend::before{ background-color: #ef720d;}
.ico_state.withdrawal{ color: #999;}
.ico_state.withdrawal::before{ background-color: #ccc;}

.channel_list{ background-color: #f5f7fa; padding: 5px 10px 5px 10px; border-radius: 5px;}
.channel_list dt{ border-bottom: dashed 1px #e0e2e6; padding:  5px 0 5px 0; color: #0068d8;}
.channel_list dt:last-child{ border-bottom: 0;}
.channel_list dt .btn{ margin-bottom: 0 !important;}

@media(max-width:720px){
    .report_top{ margin: 15px 15px 0 15px; display: flex; flex-wrap:wrap;}
    .report_top ul{background-color: var(--cbox_bg); border-radius: 10px; box-shadow: var(--box_shadow); border: solid 1px var(--cbox_board); width:calc(50% - 50px); margin-left: 16px; margin-bottom: 16px; text-align: center; padding: 20px;}
    .report_top ul li:nth-child(1){ color: #999;}
    .report_top ul li:nth-child(2){ padding: 8px 0 0 0; font-size: 16px; font-weight: bold;}
    .report_top ul:nth-child(2n+1){ margin-left: 0;}

}