@charset "UTF-8";
#cta-6a28e639d370294fa19564c3 {
  /* ==========================
    有効求人倍率グラフ
  ========================== */
  /* ←ここが重要 */
  /* 棒１本 */
  /* 数値 */
  /* 棒 */
  /* 年 */
  /* 2024だけ濃い色 */
  /* スマホ */
  /* ==========================
    スマホ
  ========================== */
}
#cta-6a28e639d370294fa19564c3 .job-rate-chart {
  margin: 40px 0;
  padding: 18px;
  background: #edf8fb;
  border-radius: 18px;
}
#cta-6a28e639d370294fa19564c3 .job-rate-chart__inner {
  padding: 30px 20px 16px;
  background: #fff;
  border-radius: 18px;
  overflow-x: auto;
}
#cta-6a28e639d370294fa19564c3 .job-rate-chart__bars {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 14px !important;
  min-width: 850px;
  height: 240px !important;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: 30px;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar .value {
  display: block;
  margin-bottom: 6px;
  color: #555;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar .bar {
  display: block;
  width: 24px;
  background: #d8f0ef;
  border-radius: 4px 4px 0 0;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar .year {
  display: block;
  margin-top: 8px;
  color: #666;
  font-size: 10px;
  line-height: 1;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar.latest .bar {
  background: #3399cc;
}
#cta-6a28e639d370294fa19564c3 .job-rate-bar.latest .value {
  color: #222;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  #cta-6a28e639d370294fa19564c3 .job-rate-chart__bars {
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 768px) {
  #cta-6a28e639d370294fa19564c3 .job-rate-chart {
    padding: 10px;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-chart__inner {
    padding: 20px 8px 12px;
    overflow-x: visible;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-chart__bars {
    min-width: 0 !important;
    width: 100% !important;
    gap: 4px !important;
    height: 180px !important;
    justify-content: center !important;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-bar {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-bar .bar {
    width: 100%;
    max-width: 14px;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-bar .value {
    font-size: 9px;
    letter-spacing: -0.03em;
  }
  #cta-6a28e639d370294fa19564c3 .job-rate-bar .year {
    font-size: 8px;
    letter-spacing: -0.05em;
  }
}