.h_row {
  display: flex;
  flex-wrap: wrap;
  --r-gap: 28;
  --c-gap: 28;
  --bjs: calc((var(--rown) - 1)*var(--c-gap)/var(--rown)*1px);
  row-gap: calc(var(--r-gap) * 1px);
  column-gap: calc(var(--c-gap) * 1px);
}
.h_row.row10 {
  --rown: 10;
}
.h_row.row9 {
  --rown: 9;
}
.h_row.row8 {
  --rown: 8;
}
.h_row.row7 {
  --rown: 7;
}
.h_row.row6 {
  --rown: 6;
}
.h_row.row5 {
  --rown: 5;
}
.h_row.row4 {
  --rown: 4;
}
.h_row.row3 {
  --rown: 3;
}
.h_row.row2 {
  --rown: 2;
}
.h_row .h_rowBox {
  width: calc(100%/var(--rown) - var(--bjs));
}
.h_row .h_rowBox img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .h_row.row10 {
    --rown: 8;
  }
  .h_row.row9 {
    --rown: 8;
  }
  .h_row.row8 {
    --rown: 6;
  }
  .h_row.row7 {
    --rown: 6;
  }
  .h_row.row6 {
    --rown: 5;
  }
  .h_row.row5 {
    --rown: 4;
  }
}
@media screen and (max-width: 1024px) {
  .h_row.row10 {
    --rown: 6;
  }
  .h_row.row9 {
    --rown: 6;
  }
  .h_row.row8 {
    --rown: 5;
  }
  .h_row.row7 {
    --rown: 5;
  }
  .h_row.row6 {
    --rown: 4;
  }
  .h_row.row5 {
    --rown: 4;
  }
  .h_row.row4 {
    --rown: 3;
  }
}
@media screen and (max-width: 768px) {
  .h_row.row10 {
    --rown: 4;
  }
  .h_row.row9 {
    --rown: 4;
  }
  .h_row.row8 {
    --rown: 3;
  }
  .h_row.row7 {
    --rown: 3;
  }
  .h_row.row6 {
    --rown: 3;
  }
  .h_row.row5 {
    --rown: 3;
  }
  .h_row.row4 {
    --rown: 2;
  }
  .h_row.row3 {
    --rown: 2;
  }
}
@media screen and (max-width: 480px) {
  .h_row.row10 {
    --rown: 3;
  }
  .h_row.row9 {
    --rown: 3;
  }
  .h_row.row8 {
    --rown: 2;
  }
  .h_row.row7 {
    --rown: 2;
  }
  .h_row.row6 {
    --rown: 2;
  }
  .h_row.row5 {
    --rown: 2;
  }
  .h_row.row4 {
    --rown: 1;
  }
  .h_row.row3 {
    --rown: 1;
  }
  .h_row.row2 {
    --rown: 1;
  }
}