@charset "UTF-8";

#highlight .grp_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#highlight .grp_wrap .grp_box{
  flex: 0 0 49%;
  margin-bottom: 30px;
}
#highlight .grp_wrap .grp_box .grp_title{
  background: #efefef;
  padding: 1rem;
}
#highlight .unit{
  text-align: right;
}
#highlight .grp_tab_wrap{
  margin-bottom: 50px;
}
#highlight .grp_tab .xj_chart_table{
  width: 100%;
}
#highlight .grp_tab .xj_chart_table td{
  width: 14%;
  padding: .5rem 3px;
  border: 1px solid #a4a4a4;
  vertical-align: middle;
}
.xj_chart_header,.xj_chart_header_first{
  background: #ffe9ef;
}
#highlight .grp_tab .xj_chart_table td:first-child{
  width: 30%;
  text-align: left;
  padding: 3px 1rem;
}

#highlight .grp_tab div:not(.grp_tab01){
  margin-top: -1px;
}
#highlight .grp_tab div:not(.grp_tab01) .xj_chart_table tr:first-of-type{
  display: none;
}

@media only screen and (max-width: 1030px){
  #highlight .grp_tab_wrap:last-of-type{
    margin-bottom: 0;
  }
  #highlight .grp_tab{
    overflow-x: scroll;
  }
  #highlight .grp_tab .xj_chart_table{
    min-width: 680px;
  }
}
@media only screen and (max-width: 750px){
  #highlight .grp_wrap .grp_box{
    flex: 0 0 100%;
  }
}