/* ==========================================================================
   Product Detail Page - Shampoo (差分のみ)
   ========================================================================== */

@import url('product-detail.css');

/* --- Concept --- */
.pd-concept-body .pd-concept-title {
  width: 816.45px;
  height: 153.52px;
}


/* --- Keratin Section --- */
.pd-keratin-inner {
  gap: 164px;
}

.pd-keratin-left {
  max-width: 450px;
  width: 100%;
}

@media screen and (max-width: 1170px) {
  .pd-concept-body .pd-concept-title {
    width: calc(816.45vw / var(--p));
    height: calc(153.52vw / var(--p));
  }

  .pd-keratin-inner {
    gap: calc(164vw / var(--p));
  }

  .pd-keratin-left {
    max-width: calc(450vw / var(--p));
  }
}

@media screen and (max-width: 768px) {
  .pd-concept-body .pd-concept-title {
    width: calc(288.64vw / var(--s));
    height: auto;
  }

  .pd-keratin-left {
    max-width: none;

    .pd-keratin-title {
      width: calc(247.38vw / var(--s));
    }
  }

  .pd-keratin-inner {
    gap: calc(35vw / var(--s));
  }
}