@charset "UTF-8";

 /*  職種分布  */
#myChart {
  position: relative;
  display: block;
  width: 230px;
  height: 230px;
  margin: 24px auto 0;
}
.graph-txt { 
  position: relative;
  width: 60%;
  margin: 0 auto;
 }
  .graph-txt li {
    position: absolute;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
    font-size: 12px;
    font-weight: bold; 
    text-align: center;
    z-index: 999;
    }
    .graph-txt li.label1 { top: 57px; right: 70px;  }
    .graph-txt li.label2 { top: 122px; right: 50px;  }
    .graph-txt li.label3 { top: 160px; left: 95px; }
    .graph-txt li.label4 { top: 77px; left: 75px;  }
    .graph-txt li.label5 { top: 22px; left: 120px; }
    .graph-txt li p {
      font-family: "din-2014-narrow", sans-serif;
      font-weight: 400; 
      font-size: 36px;
      letter-spacing: -.3px;
    }
    .graph-txt li p span {
      font-size: 14px;
      font-weight: bold; 
    }

@media (max-width: 768px) {
  .graph-txt { width: 100%; }
}