.l-data_kv_bg_star {
  position: absolute;
}

.l-data_kv_bg_star.is-left {
  top: 8.3rem;
  left: -6.5rem;
  width: 25.4rem;
}

.l-data_kv_bg_star.is-right {
  top: 6.7rem;
  right: .5rem;
  width: 19.3rem;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.l-data_wrapper {
  background-color: var(--bgColorLightGreen);
}

.l-data_lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 6rem;
  padding-bottom: 10rem;
  gap: 6rem;
}

.l-data_list {
  overflow: hidden;
  border: 1px var(--colorBrown) solid;
  border-radius: 1.9rem;
  background-color: var(--colorWhite);
}

.l-data_list img {
  display: block;
}

.l-data_list_ttl_wrapper {
  position: relative;
  height: 14.2rem;
}

.l-data_list_ttl {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  translate: -50% -50%;
  text-align: center;
}

.l-data_list_img_wrapper {
  position: relative;
  margin-top: -0.5rem;
}

.l-data_list_img_txt {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}

.l-data_list_img_btn {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  translate: -50% 0;
  background-color: var(--colorPink);
  font-weight: var(--weightMedium);
}

@media screen and (max-width: 47.9375em) {
  .l-data_kv_bg_star.is-left {
    top: 1.3rem;
    left: -3.5rem;
    width: 8.6rem;
  }
  .l-data_kv_bg_star.is-right {
    top: 7.8rem;
    right: -1.5rem;
    width: 5rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  .l-data_lists {
    grid-template-columns: 1fr;
    padding-top: 4rem;
    padding-bottom: 6rem;
    gap: 4rem;
  }
  .l-data_list {
    border-radius: 1.2rem;
  }
  .l-data_list_ttl_wrapper {
    height: 8.9rem;
  }
  .l-data_list_img_txt {
    right: 1rem;
    bottom: 1rem;
    font-size: 1rem;
  }
  .l-data_list_img_btn {
    bottom: 1.5rem;
  }
}