.p-top {
  background-color: #141414;
}

/* -------------------------------------------------------
.p-top-mv 
------------------------------------------------------- */
.p-top-mv {
  background-image: linear-gradient(135deg, #323939, #141414);
  padding-block: 10cqw;
}
@media screen and (min-width: 769px) {
  .p-top-mv {
    padding-block: 4cqw 2.6cqw;
  }
}
.p-top-mv__ttl-name {
  width: 30cqw;
  margin-inline: auto;
  margin-bottom: 2cqw;
}
@media screen and (min-width: 769px) {
  .p-top-mv__ttl-name {
    width: 10cqw;
    margin-bottom: 0cqw;
  }
}
.p-top-mv__ttl-black {
  padding-left: 1cqw;
  width: 70cqw;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-top-mv__ttl-black {
    width: 43cqw;
  }
}

/* -------------------------------------------------------
.p-top-productsec
------------------------------------------------------- */
.p-top-productsec {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 1025px) {
  .p-top-productsec {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-top-product {
  aspect-ratio: 720/457;
  container-type: inline-size;
  position: relative;
  background-size: 100% 100%;
  background-color: #fff;
}
.p-top-product--elmo {
  background: url(../../assets/img/top/elmo-bg.jpg) no-repeat center/cover;
}
.p-top-product--esmo {
  background: url(../../assets/img/top/esmo-bg.jpg) no-repeat center/cover;
}
.p-top-product:has(a.p-top-product__inner) {
  cursor: pointer;
  transition: filter 0.3s;
}
.p-top-product:has(a.p-top-product__inner):hover {
  filter: brightness(1.15);
}
.p-top-product__inner {
  display: block;
}
.p-top-product__txtblock {
  position: absolute;
  left: 11.4cqw;
  top: 15cqw;
}
.p-top-product__txt {
  font-size: max(3.6cqw, 16px);
  margin-bottom: 2cqw;
  font-weight: 500;
}
.p-top-product__name {
  width: 25cqw;
}
.p-top-product__img {
  position: absolute;
  right: 5cqw;
  bottom: 7cqw;
  z-index: 1;
}
.p-top-product__img--elmo {
  width: 54cqw;
}
.p-top-product__img--esmo {
  width: 43cqw;
  left: 10cqw;
  right: auto;
}
.p-top-product__btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(90deg, #323939, #141414);
}
.p-top-product__btn-inner {
  color: #fff;
  font-weight: 500;
  font-size: max(2.6cqw, 16px);
  position: relative;
  display: block;
  padding-inline: 17.5cqw;
  padding-block: 5cqw;
}
.p-top-product__btn-inner::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(225deg) translateY(-50%);
  position: absolute;
  top: 42%;
  left: 6cqw;
}
.p-top-product:nth-child(2n) {
  background-position: center bottom;
}
.p-top-product:nth-child(2n) .p-top-product__txtblock {
  right: 11cqw;
  left: auto;
}
.p-top-product:nth-child(2n) .p-top-product__btn {
  background-image: linear-gradient(-90deg, #323939, #141414);
}
.p-top-product:nth-child(2n) .p-top-product__btn-inner {
  text-align: right;
}
.p-top-product:nth-child(2n) .p-top-product__btn-inner::after {
  left: auto;
  right: 6cqw;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}/*# sourceMappingURL=top.css.map */