/* common
---------------------------------------------------------------------------- */
.m-child-mv::before {
  background-image: url(../../../assets/images/download/img_mv_pc.webp);
}

.m-child-mv-ttl-en {
  width: min(32.2395833333vw, 619px);
  aspect-ratio: 619/86;
}

@media screen and (max-width: 767px) {
  .m-child-mv::before {
    background-image: url(../../../assets/images/download/img_mv_sp.webp);
  }
}
/* p-download
---------------------------------------------------------------------------- */
.p-download {
  padding-block: 8rem 12rem;
}

.p-download-pickup {
  display: grid;
  grid-template-columns: repeat(1, 46rem);
  justify-content: center;
  gap: 8rem;
  padding-block: 5rem;
  padding-inline: 10rem;
  background-color: #F0F6FE;
  margin-bottom: 8rem;
}

.p-download-pickup:has(.p-download-pickup-link:nth-child(2)) {
  grid-template-columns: repeat(2, 1fr);
}

.p-download-pickup-link {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 3;
  color: #303030;
}

@media (any-hover: hover) {
  a.p-download-pickup-link:hover .p-download-pickup-thumb img {
    scale: 1.1;
  }
}
.p-download-pickup-thumb {
  width: 26rem;
  height: 36.8rem;
  margin-bottom: 2.7rem;
  margin-inline: auto;
  overflow: hidden;
}
.p-download-pickup-thumb img {
  scale: 1;
  transition: scale 0.3s;
}

.p-download-pickup-ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.7rem;
}

.p-download-pickup-txt {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 400;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.p-download-contents {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8.7rem 8rem;
}

.p-download-contents-link {
  display: grid;
  color: #303030;
}

@media (any-hover: hover) {
  a.p-download-contents-link:hover .p-download-contents-thumb img {
    scale: 1.1;
  }
}
.p-download-contents-thumb {
  width: 24rem;
  height: 33.9rem;
  margin-bottom: 2rem;
  margin-inline: auto;
  overflow: hidden;
  text-align: center;
}
.p-download-contents-thumb img {
  scale: 1;
  transition: scale 0.3s;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-download-contents-ttl {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2.1rem;
}

.p-download-contents-txt {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 400;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (max-width: 767px) {
  .p-download {
    padding-block: 13.3333333333vw;
  }
  .p-download-pickup {
    grid-template-columns: repeat(1, 1fr);
    gap: 10.6666666667vw;
    padding-block: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
  .p-download-pickup:has(.p-download-pickup-link:nth-child(2)) {
    grid-template-columns: repeat(1, 1fr);
  }
  .p-download-pickup-thumb {
    width: 69.3333333333vw;
    height: 98.1333333333vw;
    margin-bottom: 7.2vw;
  }
  .p-download-pickup-ttl {
    font-size: 6.4vw;
    margin-bottom: 4.5333333333vw;
  }
  .p-download-pickup-txt {
    font-size: 4vw;
  }
  .p-download-contents {
    grid-template-columns: repeat(2, 1fr);
    gap: 10.6666666667vw;
  }
  .p-download-contents-thumb {
    width: 32vw;
    height: 45.2vw;
    margin-bottom: 5.3333333333vw;
  }
  .p-download-contents-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 5.6vw;
  }
  .p-download-contents-txt {
    font-size: 4vw;
  }
}