@charset "UTF-8";

/* =====================================
Individual class
------------------------------------- */
.p-0{
  padding: 0 !important;
}
.workstyle_work-data01 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 10px;

  .data_box1 {
    grid-area: 1 / 1 / 2 / 4;
  }

  .data_box2 {
    grid-area: 1 / 4 / 2 / 7;
  }

  .data_box3 {
    grid-area: 2 / 1 / 3 / 3;
  }

  .data_box4 {
    grid-area: 2 / 3 / 3 / 5;
  }

  .data_box5 {
    grid-area: 2 / 5 / 3 / 7;
  }
}

.workstyle_work-data02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;

}

.workstyle_work-data01,
.workstyle_work-data02 {
  margin-bottom: 40px;
  .work-data {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 25px 10px;
    place-content: center;
    place-items: center;

    p {
      margin-bottom: 0;
      font-size: 2.2rem;
      line-height: 1;
      text-align: center;

      span {
        font-size: 4.5rem;
      }
    }
  }
}

@media only screen and (max-width: 767px) {

  .workstyle_work-data01,
  .workstyle_work-data02 {
    display: block;

    .work-data+.work-data {
      margin-top: 10px;
    }
  }
}