@charset "UTF-8";

.data_box>div>div {
  background: #F1F1F1;
  padding: 50px;
}

.data_box>div>div>ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.data_box>div>div>ul>li {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  background: #fff;
  padding: 20px;
}

.data_box>div>div>ul>li>p img {
  height: 60px;
  object-fit: contain;
}

.data_box>div>div>ul>li:nth-of-type(2)>p img {
  max-width: 80px;
}

.data_box>div>div>ul>li:nth-of-type(3)>p img {
  height: 120px;
}

.data_box>div>div>ul>li:nth-of-type(4)>p img {
  max-width: 50px;
}

.data_box>div>div>ul>li>p:nth-of-type(1) {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}

.data_box>div>div>ul>li>p:nth-of-type(3) {
  color: #B10F41;
  font-weight: bold;
}

.data_box>div>div>ul>li>p:nth-of-type(3) span {
  font-size: 3rem;
  line-height: 1;
}

.data_box>div>div>ul>li>p:nth-of-type(4) {
  font-size: 0.8rem;
}

@media (max-width: 1024px) {
  .data_box>div>div {
    padding: 20px;
  }

  .data_box>div>div>ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .data_box>div>div>ul>li {
    padding: 10px;
  }

  .data_box>div>div>ul>li>p:nth-of-type(1) {
    font-size: 0.9rem;
  }

  .data_box>div>div>ul>li:nth-of-type(3)>p img {
    height: 110px;
  }

  .data_box>div>div>ul>li:nth-of-type(12)>p:nth-of-type(1) {
    height: 46px;
  }
}

@media (max-width: 768px) {}