.list_usageguide li{
    padding-left: 1em;
    position: relative;
}
.list_usageguide li:before{
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: calc(50% - 5px);
    width: 10px;
}
.list_usageguide li.green:before{
    background-color: #28A63A;
}
.list_usageguide li.yellow:before{
    background-color: #FEE163;
}
.list_usageguide li.pink:before{
    background-color: #F1978F;
}
.list_usageguide li.lightBlue:before{
    background-color: #63BCC4;
}
.list_usageguide li.blue:before{
    background-color: #0061B0;
}
.list_usageguide li.line:before{
    background-color: #28A63A;
    height: 3px;
    top: calc(50% - 2px);
}

.list_usageguide li.lineDash:before{
    background-image: linear-gradient(to right, #205BA0, #205BA0 2px, transparent 1px, transparent 2px);
    background-size: 4px 4px;
    background-repeat: repeat-x;
    height: 3px;
    top: calc(50% - 1px);
}
.list_usageguide li.lineSolidRed:before{
    background-color: #CD2318;
    height: 3px;
    top: calc(50% - 2px);
}
.list_usageguide li.lineSolidBlue:before{
    background-color: #205BA0;
    height: 3px;
    top: calc(50% - 2px);
}

.chart_wrapper{
    position: relative;
}
.chart2_wrapper,
.chart3_wrapper{
    position: relative;
}
.chart_text{
    font-size: 8px;
    position: absolute;
}

.chart2_wrapper .chart_textlist1 .chart_text1{
    top: 32%;
    left: calc(12% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text2{
    top: calc(32% + 2px);
    left: calc(20% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text3{
    top: calc(32% + 4px);
    left: calc(28% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text4{
    top: 38%;
    left: calc(36% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text5{
    top: calc(38% + 2px);
    left: calc(44% + 8px);
}
.chart2_wrapper .chart_textlist1 .chart_text6{
    top: calc(38% + 4px);
    left: calc(52% + 8px);
}
.chart2_wrapper .chart_textlist1 .chart_text7{
    top: calc(38% + 6px);
    left: calc(60% + 7px);
}
.chart2_wrapper .chart_textlist1 .chart_text8{
    top: calc(38% + 8px);
    left: calc(68% + 6px);
}
.chart2_wrapper .chart_textlist1 .chart_text9{
    top: calc(38% + 10px);
    left: calc(75% + 9px);
}
.chart2_wrapper .chart_textlist1 .chart_text10{
    top: calc(38% + 12px);
    left: calc(83% + 8px);
}
.chart2_wrapper .chart_textlist1 .chart_text11{
    top: calc(38% + 16px);
    left: calc(92% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text12{
    top: calc(38% + 18px);
    left: calc(100% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text13{
    top: calc(38% + 18px);
    left: calc(74% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text14{
    top: calc(38% + 20px);
    left: calc(79% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text15{
    top: calc(38% + 20px);
    left: calc(84% + 10px);
}

.chart2_wrapper .chart_textlist2 .chart_text1{
    top: calc(35% + 15px);
    left: calc(20% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text2{
    top: calc(35% + 25px);
    left: calc(28% + 12px);
}
.chart2_wrapper .chart_textlist2 .chart_text3{
    top: calc(50% + 5px);
    left: calc(36% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text4{
    top: calc(50% + 7px);
    left: calc(44% + 9px);
}
.chart2_wrapper .chart_textlist2 .chart_text5{
    top: calc(50% + 7px);
    left: calc(52% + 8px);
}
.chart2_wrapper .chart_textlist2 .chart_text6{
    top: calc(50% + 9px);
    left: calc(60% + 7px);
}
.chart2_wrapper .chart_textlist2 .chart_text7{
    top: calc(50% + 10px);
    left: calc(68% + 6px);
}
.chart2_wrapper .chart_textlist2 .chart_text8{
    top: calc(50% + 10px);
    left: calc(75% + 9px);
}
.chart2_wrapper .chart_textlist2 .chart_text9{
    top: calc(50% + 11px);
    left: calc(83% + 10px);
}

.chart2_wrapper > .chart_text{
    top: calc(50% - 2px);
    left: calc(45% + 2px);
}

.chart3_wrapper .chart_textlist1 .chart_text1{
    top: calc(50% + 1px);
    left: calc(13% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text2{
    top: calc(18% + 2px);
    left: calc(23% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text3{
    top: calc(18% + 4px);
    left: calc(33% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text4{
    top: calc(18% + 6px);
    left: calc(43% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text5{
    top: calc(18% + 8px);
    left: calc(52% + 15px);
}
.chart3_wrapper .chart_textlist1 .chart_text6{
    top: calc(18% + 10px);
    left: calc(62% + 15px);
}
.chart3_wrapper .chart_textlist1 .chart_text7{
    top: calc(18% + 12px);
    left: calc(72% + 13px);
}
.chart3_wrapper .chart_textlist1 .chart_text8{
    top: calc(18% + 14px);
    left: calc(82% + 12px);
}

.chart3_wrapper .chart_textlist2 .chart_text{
    top: 30%;
    left: calc(23% + 10px);
}