#job_stat_chart {width:100%; max-width:1200px; margin:0; position:relative;}
#job_stat_chart div.section{width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
#job_stat_chart div.section div.box {display:flex; flex-flow:row; flex-wrap:wrap; position:relative; border:1px solid #d7d7d7; overflow:hidden; min-width:500px;}
#job_stat_chart div.section div.box div.text{width:calc(100% - 200px); padding:25px 0 0 30px;}
#job_stat_chart div.section div.box div.text > strong{display:block; font-size:30px; font-weight:700;}
#job_stat_chart div.section div.box div.chart{ width:calc(100% - 60px); min-width:500px; height:250px; padding:20px 0 0 20px;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1399px){
    #job_stat_chart{max-width:100%;}
    #job_stat_chart div.section{grid-gap:10px;}
    #job_stat_chart div.section div.box div.text{width:62%;/* padding:20px 0 0 30px; */}
    #job_stat_chart div.section div.box div.text strong{font-size:25px;}
}

/* Mobile */
@media all and (max-width:767px) {
    #job_stat_chart{max-width:100%;}
    #job_stat_chart div.section{grid-template-columns:1fr; grid-gap:15px;}
    #job_stat_chart div.section div.box {min-width:auto;}
    #job_stat_chart div.section div.box div.text{width:calc(100% - 145px); /* padding:15px 0 0 20px; */}
    #job_stat_chart div.section div.box div.text strong{font-size:22px;}
    #job_stat_chart div.section div.box div.chart{ min-width:auto; width:98%; height:200px; padding:5px 0 5px 0;}
}