/* ********** etc ********** */

.prc-img-wrap {
  padding-inline: 24px;
}

.prc-lineup {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);

  @media (max-width: 980px) {
    left: 0;
    transform: translateX(0);
  }

}

.prc-lineup__item {
  position: relative;
}

.prc-lineup__img {}

.prc-lineup__content {
  position: absolute;
}

.prc-lineup__header {}

.prc-lineup__label {
  font-size: 12px;
  display: block;
  color: #fff;
  margin-top: 8px;
  line-height: 1.5;
}

.prc-lineup__body {
  margin-top: 16px;
}

.prc-lineup__sub-title {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}

.prc-lineup__desc {
  color: #fff;
  font-size: 12px;
  margin-top: 8px;
  line-height: 1.8;
}

.prc-lineup__footer {
  margin-top: 20px;
}

.prc-btn {
  display: inline-block;
  padding: 16px 58px 16px 48px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background-size: 22px auto;
}

.prc-btn--arrow {
  background-image: url(/jp/common/v4/img/icon-arrow-wh.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) calc(50% - 1px);
}

.prc-btn--blank {
  background-image: url(/jp/common/v4/img/icon-blank-wh.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) calc(50% - 1px);
}

.prc-btn:hover {
  opacity: 0.4;
}

.prc-tech {
  padding-block: 64px;
  /* background: url(/jp/lighting/home/series/premium-collection/img/bg-texture.png); */
  background: linear-gradient(0deg, rgba(234, 238, 241, 0.3) 0%, rgb(234 238 241 / 50%) 100%), url(/jp/lighting/home/series/premium-collection/img/bg-texture.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
}


.prc-tech__inner {
  position: relative;
  max-width: 596px;
  margin-inline: auto;
}

.prc-tech__section>* {
  margin-block: 32px 0;
}

.prc-tech__section+.prc-tech__section {
  margin-top: 120px;
}

.prc-tech__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.prc-tech__card>div {
  flex: 1;
}

.prc-tech__grid {
  display: flex;
  gap: 8px;
}

.prc-tech__grid>div {
  flex: 1;
}

.prc-tech__stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.prc-tech__title+.prc-tech__desc {
  margin-top: 8px;
}

.prc-tech__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.prc-tech__desc {
  font-size: 16px;
  line-height: 1.5;
}

.prc-tech__caption {
  display: block;
  margin-top: 8px;
  text-align: right;
  font-size: 12px;
}

.prc-tech__notes {
  margin-top: 8px;
  counter-reset: notes;
}

.prc-tech__notes li {
  display: flex;
}

.prc-tech__notes li:before {
  width: 2em;
  counter-increment: notes;
  content: "※" counter(notes);
}

.prc-catalog {

  border-image-source: linear-gradient(#FFFDF8, #FFFDF8);
}

.prc-catalog:before {
  background: linear-gradient(66deg, #A28D6A 8.67%, #C0AA86 27.69%, #D1BB96 50%, #B9A480 86.37%, #A28D6A 100%);
}

.prc-only-tablet {
  display: none;
}

/* sp-s */
@media (min-width: 641px) {
  .prc-catalog:before {
    background: linear-gradient(66deg, #A28D6A 8.67%, #C0AA86 27.69%, #D1BB96 57.97%, #B9A480 97.37%, #A28D6A 114.74%);
  }
}


/* sp */
@media not (min-width: 48em) {

  .prc-concept-ttl {
    max-width: 188px;
  }

  .prc-lineup__content {
    left: 24px;
    bottom: 32px;
  }

  .prc-mx-sp {
    padding-inline: calc(24 / 375 * 100vw);
  }

  .u-mb-64-sp {
    margin-bottom: 64px;
  }
}

@supports (-webkit-touch-callout: none) {
  .prc-tech {
    background-attachment: scroll;
    background-size: auto auto;
  }
}

/* tablet ~ */
@media (min-width: 48em) {


  .prc-concept-ttl {
    max-width: 281px;
  }

  .prc-lineup__content {
    left: 4rem;
    bottom: 6.25rem;
  }

  .prc-lineup__label {
    font-size: 14px;
  }

  .prc-lineup__body {
    margin-top: 20px;
  }

  .prc-lineup__sub-title {
    font-size: 24px;
  }

  .prc-lineup__desc {
    font-size: 16px;
  }

  .prc-lineup__footer {
    margin-top: 48px;
  }

  .prc-tech {
    padding-block: 120px;
  }

  .prc-tech__card {
    flex-direction: row;
    gap: 32px;
  }

  .anchor:has(+ .headline--h2) {
    margin-bottom: 64px;
  }

  .prc-img-wrap {
    padding-inline: 32px;
  }

  .prc-btn {
    padding: 16px 70px 16px 60px;
    font-size: 18px;
  }

  .prc-hidden-tablet {
    display: none;
  }

}

@media (min-width: 48em) and (not (min-width: 1024px)) {
  .prc-only-tablet {
    display: block;
  }
}


/* pc */
@media (min-width: 1024px) {
  .prc-concept-ttl {
    max-width: 100%;
  }

  .prc-lineup__item:nth-of-type(odd) .prc-lineup__content {
    transform: translateY(-50%);
    /* 90px(1024vw) ~ 340px(1920vw) */
    left: auto;
    right: min(clamp(5.625rem, -12.232rem + 27.902vw, 21.25rem), 340px);
  }

  .prc-lineup__item:nth-of-type(even) .prc-lineup__content {
    transform: translateY(-50%);
    /* 90px(1024vw) ~ 340px(1920vw) */
    left: min(clamp(5.625rem, -12.232rem + 27.902vw, 21.25rem), 340px);
    right: auto;
  }

  .prc-lineup__content {
    top: 50%;
    bottom: auto;
  }

  .prc-tech {
    margin-inline: calc(100% - 100vw);
  }

  .prc-tech__inner {
    max-width: 840px;
  }

  .prc-tech__section>* {
    margin-block: 48px 0;
  }

  .prc-tech__stack {
    gap: 24px;
  }

  .prc-tech__card {
    flex-direction: row;
    gap: 40px;
  }

  .prc-tech__grid {
    gap: 20px;
  }

  .prc-hidden-pc {
    display: none;
  }
}