@charset "utf-8";
/* CSS Document */
table.xj_chart_table {
  table-layout: fixed;
  text-align: center;
  margin: 20px 0 0;
  width: 100%;
  font-weight: 700;
}
table.xj_chart_table td {
  border: solid 1px #707070;
  padding: 0.7em 0.5em;
  line-height: 1.2;
  /*font-size: 20px;*/
}
table.xj_chart_table td.xj_chart_header {
  background: #EFF8FF;
  /*color: var(--color_b);*/
}
table.xj_chart_table td.xj_chart_header {
  /*font-size: 18px;*/
  text-align: center;
}
table.xj_chart_table tr:nth-of-type(1) .xj_chart_header {
  /*font-size: 16px;*/
}
.xj_chart_table_wrap {
  container-name: xj_chart_table;
  container-type: inline-size;
}
@media screen and (min-width:1001px) {
  @container xj_chart_table (width < 605px) {
    .xj_chart_table_wrap table.xj_chart_table td {
      font-size: 1.2vw !important;
    }
  }
}
@media screen and (max-width: 1000px) {
  table.xj_chart_table {
    margin: 10px 0 0;
  }
  table.xj_chart_table td {
    font-size: 10px;
  }
  table.xj_chart_table td.xj_chart_header {
    font-size: 10px;
  }
  table.xj_chart_table tr:nth-of-type(1) .xj_chart_header {
    /*font-size: 11px;*/
  }
}