.bdbox {
  border: 1px solid #454545;
  margin-bottom: 20px;
  padding: 1em 2em;
}
.bdbox .bdbox_ttl {
  color: #000;
  font-size: 1.6rem;
  font-weight: normal !important;
}
.bar_graph {
  display: flex;
  align-items: center;
}
.bar_graph > span {
  width: 15rem;
}
.bar_graph::after {
  content: '';
  background: #316d9e;
  width: 60%;
  height: 0.8em;
}
.bar_graph:nth-of-type(2)::after {
  width: 22.4%;
}
.bar_graph:nth-of-type(3)::after {
  width: 11.9%;
}
.bdbox p {
  margin: 0.5em 0 0;
  font-size: 0.85em;
}
@media screen and (max-width: 767px) {
  .bdbox {
    padding: 0.6em 1em;
  }
  .bdbox .bdbox_ttl {
    margin-bottom: 0.3em;
    font-size: 1.4rem;
  }
  .bar_graph > span {
    width: 125px;
  }
}