@charset "utf-8";

/* c-cover-link_box */
.--products .c-cover-link_box {
  gap: 24px;
  display: flex;
  flex-direction: column;
}

.--products a.c-cover-link {
  position: relative;
  overflow: hidden;
  display: block;
}

.--products a.c-cover-link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #023f73;
  opacity: 0.3;
}

.--products a.c-cover-link figure {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.--products .c-cover-link_txt {
  position: absolute;
  top: 40px;
  right: 40px;
  left: 40px;
  color: #fff;
  z-index: 1;
  margin: 0;
  line-height: 1;
  text-align: left;
  word-break: normal;
}

.--products .col-lg-1 a.c-cover-link {
  aspect-ratio: 1350/420;
}

.--products .col-lg-2 a.c-cover-link,
.col-lg-2.c-clm .box-1 a.c-cover-link img {
  aspect-ratio: 660/414;
}

.--products .c-cover-link_box .c-clm:not(:last-of-type) {
  margin: 0;
}

.--products .col-lg-2:has(a.c-cover-link) {
  gap: 24px;
}

.--products .col-lg-2:has(a.c-cover-link) .box-1 {
  width: calc((100% - 24px) / 2);
}

.--products .products_list .col-lg-2 {
  gap: 3.5%;
}

.--products .products_list .col-lg-2 .box-1 {
  width: calc((100% - 48px) / 2);
}

.--products .products_list .u-list {
  margin-top: 2.33em;
}

.--products .products_list .u-list .u-list_ttl {
  width: 30%;
}

.--products .products_list .u-list .u-list_txt {
  width: 70%;
}

.--products .products_list .p_txt {
  min-height: 5em;
}

@media screen and (max-width: 768.8px) {
  .--products .col-lg-1 a.c-cover-link,
  .--products .col-lg-1 a.c-cover-link img {
    aspect-ratio: 660/414;
  }

  .--products .col-lg-2:has(a.c-cover-link) .box-1,
  .--products .products_list .col-lg-2 .box-1 {
    width: 100%;
  }

  .--products .products_list .col-lg-2 .box-1:not(:last-of-type) {
    margin-bottom: 0;
  }

  .--products .products_list .col-lg-2 {
    gap: 24px;
  }

  .--products .products_list .c-clm:not(:last-of-type) {
    margin: 0;
  }

  .--products .products_list .u-list .u-list_ttl {
    width: 45%;
  }

  .--products .products_list .u-list .u-list_txt {
    width: 55%;
  }

  .--products .c-cover-link_txt {
    top: 20px;
    right: 20px;
    font-size: 14px;
    text-align: right;
  }
}