.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: 20%;
    left: calc(10% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text2{
    top: calc(20% + 2px);
    left: calc(16% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text3{
    top: calc(20% + 4px);
    left: calc(21% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text4{
    top: calc(20% + 6px);
    left: calc(26% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text5{
    top: calc(20% + 8px);
    left: calc(31% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text6{
    top: calc(20% + 10px);
    left: calc(37% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text7{
    top: calc(38% + 10px);
    left: calc(42% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text8{
    top: calc(38% + 12px);
    left: calc(47% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text9{
    top: calc(38% + 14px);
    left: calc(53% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text10{
    top: calc(38% + 16px);
    left: calc(58% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text11{
    top: calc(38% + 16px);
    left: calc(63% + 10px);
}
.chart2_wrapper .chart_textlist1 .chart_text12{
    top: calc(38% + 18px);
    left: calc(69% + 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% + 20px);
    left: calc(16% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text2{
    top: calc(33% + 20px);
    left: calc(21% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text3{
    top: calc(34% + 20px);
    left: calc(26% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text4{
    top: calc(37% + 20px);
    left: calc(31% + 10px);
}
.chart2_wrapper .chart_textlist2 .chart_text5{
    top: calc(44% + 20px);
    left: calc(37% + 10px);
}

.chart2_wrapper > .chart_text{
    top: 35%;
    left: calc(45% - 10px);
}

.chart3_wrapper .chart_textlist1 .chart_text1{
    top: 20%;
    left: calc(15% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text2{
    top: 21%;
    left: calc(28% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text3{
    top: 22%;
    left: calc(40% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text4{
    top: 23%;
    left: calc(52% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text5{
    top: 23%;
    left: calc(64% + 10px);
}
.chart3_wrapper .chart_textlist1 .chart_text6{
    top: 24%;
    left: calc(76% + 10px);
}

.chart3_wrapper .chart_textlist2 .chart_text{
    top: 39%;
    left: calc(76% + 10px);
}
