.tab_link {
  margin-top: 5px;
}

.tab_link:hover {
  opacity: 0.6;
}

.tab_link img {
  width: 100%;
}

.bg_green {
  background-color: #029379;
  color: #fff;
}

.chart_back {
  background-color: #029379;
  padding: 30px 15px 80px;
}

.chart_wrap {
  max-width: 1024px;
  margin: auto;
}

.chart_text {
  color: #fff;
  font-size: 2.25rem;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.chart_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
}

.chart_td1 {
  background-color: #fff;
  color: #26588e;
  font-size: 2.85rem;
  font-weight: bold;
  white-space: pre;
  border-top-left-radius: 15px;
}

.chart_td2 {
  font-size: 2.1rem;
  background-color: #fff;
  border-bottom-right-radius: 15px;
}

@media screen and (max-width: 599px) {
  .chart_table td {
    display: block;
  }

  .chart_text span::after {
    content: "\A";
    white-space: pre;
  }

  .chart_td1 {
    border-top-right-radius: 15px;
    padding: 15px;
  }

  .chart_td2 {
    font-size: 2.1rem;
    background-color: #fff;
    padding: 0 15px 15px;
    border-bottom-left-radius: 15px;
  }
}

@media screen and (min-width: 600px) {
  .chart_td1 {
    text-align-last: justify;
    border-right: 5px solid #029379;
    border-bottom-left-radius: 15px;
    padding: 15px;
  }

  .chart_td2 {
    border-top-right-radius: 15px;
    padding: 15px;
  }
}