@charset "UTF-8";

/* ▼ 先方スタイル相殺 */
.prod-detail .mod-head01 {
  z-index: 3;
  height: initial;
  padding-block: 2rem;
}
.prod-detail .mod-head01-inner {
  position: initial;
  transform: initial;
}
/* ▲ 先方スタイル相殺 */

.sp {
  display: none;
}
#pk-series section {
  position: relative;
}
#pk-series picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
#mv h1 {
  width: 100%;
  aspect-ratio: 1920/960;
}
#features {
  position: relative;
  z-index: 3;
  font-family: var(--font-mplus);
}
#features .catch {
  display: grid;
  place-content: center;
  padding-block: 1.3rem;
  background-color: #fdd000;
  text-align: center;
  color: #000;
  font-size: 3rem;
  font-size: min(2vw, 3rem);
  font-weight: 500;
  line-height: 1.2;
}
#features .link {
  width: 18.3rem;
  width: 9.53125%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 53.125%;
  left: 10.9375%;
  z-index: 4;
}
#features .link a:hover {
  filter: brightness(1.2);
}
#feature03 .link,
#feature04 .link {
  top: 58.854%;
}
/* SP */
@media (max-width: 800px) {
  .sp {
    display: block;
  }
  #mv h1 {
    width: 100%;
    aspect-ratio: 160/230;
  }
  #features .catch {
    padding-block: 3.5vw;
    font-size: 4.688vw;
  }
  #features .link {
    width: 17.25vw;
    top: auto !important;
    bottom: 9vw;
    left: 50%;
    transform: translateX(-50%);
  }
}