.sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
.sticky_table th {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  /* z-index:-100 */
}
.sticky_table th:nth-child(1) {
  left : 0;
  /* z-index:-100 */
}
.sticky_table tbody th:nth-child(2) {
  left: 3rem; /* 2行目は1行目の高さの位置に固定する */
 /* z-index:-100 */
}
.sticky_table tbody th:nth-child(3) {
  left: 6rem; /* 3行目は1?2行目の高さの位置に固定する */
 /* z-index:-100 */
}

.sticky_table thead th.sticky:nth-child(2) {
  left: 3rem; /* 2行目は1行目の高さの位置に固定する */
  z-index: 100
 /* z-index:-100 */
}
.sticky_table thead th.sticky:nth-child(3) {
  left: 6rem; /* 3行目は1?2行目の高さの位置に固定する */
  z-index: 101
 /* z-index:-100 */
}


.sticky_table thead th:first-child {
  /* ヘッダー行内の他のセルより手前に表示する */
  z-index: 2;
}
.sticky_table_wrapper {
  overflow: scroll;
  width:100%;
  height:100%;
/*  width: calc(100vw - 1rem); */
/*  height: 75vh; */
}

.has-error input{
  border-color:#dc3545;
}

.batresult0{
  padding: 2px;
}

.batresult1,.batresult2,.batresult3,.batresult4{
  background-color: pink;
}

.batresult5{
  background-color: #b3d7ff;
}

.batresult6{
  background-color: #adb5bd;
}

.batresult7,.batresult8,.batresult9{
  background-color: yellow;
}