#hq {
  padding-top: 4rem;
}

.fr_01 {
  grid-column: 2 / 9;
  grid-row: 2;
}

.fr_02 {
  grid-column: 2 / 9;
  grid-row: 3;
}

.fr_03 {
  grid-column: 10 / 21;
  grid-row: 2 / 4;
}

.fr_04 {
  grid-column: 2/10;
  grid-row: 4;
}

.fr_05 {
  grid-column: 12/20;
  grid-row: 4;
}

.fr_06 {
  grid-column: 8/14;
  grid-row: 5;
}

.fr_07 {
  grid-column: 3/12;
  grid-row: 6/8;
  padding-right: 1rem;
}

.fr_08 {
  grid-column: 10/19;
  grid-row: 6/8;
  padding-left: 1rem;
  z-index: 2;
}


.fr_09 {
  grid-column: 4/15;
  grid-row: 8;
}

.fr_10 {
  grid-column: 9/19;
  grid-row: 8/10;
  padding-top: 20rem;
}