.page-data-content {
  padding-bottom: 128rem;
}
@media (max-width: 768px) {
  .page-data-content {
    padding-bottom: 158rem;
  }
}

.data-article {
  padding: 130rem 0 70rem;
  text-align: center;
  width: min(1759rem, 1759px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .data-article {
    width: 880rem;
    padding: 85rem 0 0;
  }
}
.data-article__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-column-gap: min(38rem, 38px);
  grid-row-gap: min(41rem, 41px);
}
@media (max-width: 768px) {
  .data-article__list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60rem;
    grid-row-gap: 64rem;
  }
}
.data-article__card {
  border: 2rem #00505a solid;
  border-radius: min(20rem, 20px);
  padding-top: min(58rem, 58px);
}
.data-article__card:nth-child(1) {
  grid-area: 1/1/5/3;
  height: min(840rem, 840px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(1) {
    grid-area: 1/1/2/3;
  }
}
.data-article__card:nth-child(1) .data-article__card-main {
  margin-bottom: min(70rem, 70px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-left: min(98rem, 98px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li:nth-child(1) {
  margin-bottom: min(53rem, 53px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li:nth-child(1) img {
  width: min(139rem, 139px);
  height: min(163rem, 163px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li:nth-child(2) {
  margin-bottom: min(43rem, 43px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li:nth-child(2) img {
  width: min(139rem, 139px);
  height: min(154rem, 154px);
}
.data-article__card:nth-child(1) .data-article__card-item-box li:nth-child(3) img {
  width: min(139rem, 139px);
  height: min(163rem, 163px);
}
.data-article__card:nth-child(1) .data-article__card-item-box .data-article__card-sub {
  margin-top: min(18rem, 18px);
  margin-left: min(22rem, 22px);
  font-size: min(40rem, 40px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.17725;
  letter-spacing: 0.08em;
  color: inherit;
}
.data-article__card:nth-child(1) .data-article__card-item-box .data-article__card-sub em {
  font-size: min(66rem, 66px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 0.7134848485;
  letter-spacing: 0.08em;
  color: inherit;
}
.data-article__card:nth-child(1) .data-article__card-item-box img {
  object-fit: contain;
}
.data-article__card:nth-child(2) {
  grid-area: 1/3/3/4;
  height: min(400rem, 400px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(2) {
    grid-area: 2/1/3/2;
    height: 410rem;
  }
}
.data-article__card:nth-child(2) .data-article__card-main {
  margin-bottom: min(50rem, 50px);
}
.data-article__card:nth-child(2) img {
  width: min(118rem, 118px);
  height: min(103rem, 103px);
  margin: 0 auto min(31px, 31rem);
}
.data-article__card:nth-child(3) {
  grid-area: 1/4/3/5;
  height: min(400rem, 400px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(3) {
    grid-area: 2/2/3/3;
    height: 410rem;
  }
}
.data-article__card:nth-child(3) .data-article__card-main {
  margin-bottom: min(38rem, 38px);
}
.data-article__card:nth-child(3) img {
  margin: 0 auto min(35px, 35rem);
  width: min(198rem, 198px);
  height: min(112rem, 112px);
}
.data-article__card:nth-child(4) {
  grid-area: 3/3/5/4;
  height: min(400rem, 400px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(4) {
    grid-area: 3/1/4/2;
    height: 410rem;
  }
}
.data-article__card:nth-child(4) .data-article__card-main {
  margin-bottom: min(20rem, 20px);
}
.data-article__card:nth-child(4) img {
  margin: 0 auto min(15px, 15rem);
  width: min(148rem, 148px);
  height: min(119rem, 119px);
}
.data-article__card:nth-child(5) {
  grid-area: 3/4/5/5;
  height: min(400rem, 400px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(5) {
    grid-area: 3/2/4/3;
    height: 410rem;
  }
}
.data-article__card:nth-child(5) .data-article__card-main {
  margin-bottom: min(29rem, 29px);
}
.data-article__card:nth-child(5) img {
  margin: 0 auto min(29px, 29rem);
  width: min(187rem, 187px);
  height: min(108rem, 108px);
}
.data-article__card:nth-child(6) {
  grid-area: 5/1/8/3;
  height: min(520rem, 520px);
}
@media (max-width: 768px) {
  .data-article__card:nth-child(6) {
    grid-area: 4/1/5/3;
    height: 520rem;
  }
}
.data-article__card:nth-child(6) .data-article__card-main {
  margin-bottom: min(45rem, 45px);
}
.data-article__card:nth-child(6) img {
  margin: 0 auto min(35px, 35rem);
  width: min(443rem, 443px);
  height: min(200rem, 200px);
}
.data-article__card:nth-child(6) .data-article__card-sub {
  font-size: min(42rem, 42px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: inherit;
}
.data-article__card:nth-child(6) .data-article__card-sub em {
  font-size: min(68rem, 68px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: inherit;
}
.data-article__card:nth-child(7) {
  grid-area: 5/3/8/5;
}
@media (max-width: 768px) {
  .data-article__card:nth-child(7) {
    grid-area: 5/1/6/3;
    height: 520rem;
  }
}
.data-article__card:nth-child(7) .data-article__card-main {
  margin-bottom: min(55rem, 55px);
}
.data-article__card:nth-child(7) img {
  margin: 0 auto min(40px, 40rem);
  width: min(286rem, 286px);
  height: min(183rem, 183px);
}
.data-article__card:nth-child(7) .data-article__card-sub {
  font-size: min(42rem, 42px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: inherit;
}
.data-article__card:nth-child(7) .data-article__card-sub em {
  font-size: min(68rem, 68px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: inherit;
}
.data-article__card-main {
  font-size: min(44rem, 44px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1134090909;
  letter-spacing: 0.08em;
  color: inherit;
  white-space: nowrap;
}
.data-article__card-sub {
  font-size: min(32rem, 32px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: inherit;
}
.data-article__card-sub em {
  font-size: min(50rem, 50px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: inherit;
}
.data-article__card-small {
  font-size: min(20rem, 20px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.074;
  letter-spacing: 0.08em;
  color: inherit;
}

/*# sourceMappingURL=page-data.css.map */