/*------------------
  dream
------------------*/
.title-ratio {
  margin-bottom: 60px;
}

.title-ratio__heading {
  color: #1e3260;
  font-size: 30px;
  text-align: center;
}

.graph-ratio {
  text-align: center;
  margin-bottom: 40px;
}

.graph-ratio img {
  max-width: 100%;
}

.graph-explain {
  margin-bottom: 40px;
}

.graph-explain__number {
  font-size: 140%;
  background-color: #1e3260;
  color: #fff;
  border-radius: 50%;
  padding: 12px;
  margin-right: 0.4em;
}

.graph-explain__number.-number-02 {
  background-color: #C4800B;
}

.graph-explain__number.-number-03 {
  background-color: #1E602D;
}

.graph-explain__number.-number-04 {
  background-color: #BABF28;
}

.graph-explain__image {
  float: left;
}

.graph-explain__image img {
  max-width: 100%;
  margin: 0 10px 10px 0;
  display: block;
}

@media (max-width: 576px) {
  .graph-explain__image {
    float: none;
  }

  .graph-explain__image img {
    margin: 0 auto 30px;
  }
}