/*--------------------------------------------
		ir indicator
---------------------------------------------*/
.table-wrap {
  overflow: hidden;
}

.indicator {
  border-bottom: 1px dotted #c6c6c6;
  padding-right: 70px;
  padding-left: 70px;
  padding-bottom: 22px;
  margin-bottom: 15px;
}

.indicator:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.indicator__ttl {
  margin-bottom: 0;
}

.supplemental-txt {
  font-size: 0.93em;
  text-align: right;
  line-height: 1.3;
  margin-top: -0.5em;
  margin-bottom: 0.3em;
}

.attention-txt {
  margin-top: 0.5em;
  margin-bottom: 0.6em;
  padding-left: 1em;
  color: #ee1a1a;
  font-size: 100%;
  line-height: 1.3;
  text-indent: -1em;
}

.basic-table {
  margin-bottom: 2em;
}

.basic-table th,
.basic-table td {
  height: 2em;
  vertical-align: middle;
  padding: 1px 3px;
}

.basic-table thead th {
  font-weight: normal;
}

.basic-table tbody th {
  letter-spacing: normal;
  text-align: left;
  font-weight: bold;
}

.graph {
  overflow: hidden;
}

.graph__item {
  float: left;
  margin-right: 90px;
  width: 165px;
}

.graph__item:last-child {
  margin-right: 0;
}

.graph__item__caption {
  vertical-align: top;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}

.graph__item__caption--br {
  display: inline-block;
  min-height: 2.5em;
}

@media screen and (max-width: 767px) {
  .basic-table {
    font-size: 49%;
    margin-bottom: 5em;
  }
  .basic-table tbody th {
    text-align: left;
  }
  .indicator {
    padding-top: 0.6em;
    padding-right: 0;
    padding-left: 0;
  }
  .indicator__ttl {
    margin-bottom: 0.3em;
  }
  .supplemental-txt {
    margin-top: 0;
  }
  .graph {
    margin-bottom: 0;
  }
  .graph__item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2em;
  }
  .graph__item:nth-child(2n) {
    margin-right: 0;
  }
  .graph__item:nth-child(2n+1) {
    clear: both;
    margin-bottom: 0;
  }
  .graph__item__caption {
    min-height: 2.5em;
    font-size: 100%;
    margin-bottom: 0.5em;
  }
  .graph__item__caption--br br {
    display: none;
  }
  .graph__item__data {
    text-align: center;
  }
  .graph__item__data img {
    width: 100%;
    max-width: 165px;
    height: auto;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .graph__item__caption {
    padding-left: 20%;
  }
}