.l-products_comic_ttl_wrapper {
  margin-bottom: 5.3rem;
}

.l-products_comic_item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 4rem 0rem 4rem 3.6rem;
  gap: 0rem 0;
  background: var(--colorWhite);
}

.l-products_comic_item_ttl {
  margin-bottom: 4rem;
  margin-bottom: 2.3rem;
  color: var(--colorBlue);
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.3076923077;
  letter-spacing: .05em;
}

.l-products_comic_item_ttl_sub {
  margin-left: 1rem;
  font-size: 1.9rem;
  line-height: 1.7894736842;
}

.l-products_comic_item_txt {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8888888889;
  letter-spacing: .05em;
}

.l-products_comic_item_description {
  display: grid;
  position: relative;
  grid-template-rows: 13rem;
  grid-template-columns: 28.7rem;
  margin-bottom: 3.5rem;
  gap: 0 7.5rem;
}

.l-products_comic_item_img {
  position: absolute;
  top: 1.2rem;
  right: -3.4rem;
  width: 20.6rem;
}

.l-products_comic_item_wrapper {
  display: grid;
  grid-template-columns: 53.8rem 53.8rem;
  margin-bottom: 9rem;
  gap: 9rem 7.5rem;
}

.l-products_comic_btn {
  text-align: center;
}

@media screen and (max-width: 47.9375em) {
  .l-products_comic_ttl_wrapper {
    margin-bottom: 5rem;
  }
  .l-products_comic_item {
    padding: 2rem 1.5rem;
  }
  .l-products_comic_item_ttl {
    margin-bottom: .4rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  .l-products_comic_item_ttl_sub {
    font-size: 1.4rem;
    line-height: 2;
  }
  .l-products_comic_item_txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .l-products_comic_item_description {
    grid-template-rows: 12.3rem;
    grid-template-columns: 21.2rem 8.6rem;
    margin-bottom: 2rem;
    gap: 0 1.7rem;
  }
  .l-products_comic_item_img {
    position: initial;
    width: 8.6rem;
  }
  .l-products_comic_item_wrapper {
    grid-template-columns: 1fr;
    margin-bottom: 3rem;
    gap: 3.6rem 0rem;
  }
}