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

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

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


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

.pd-keratin-left {
  flex: 1;
}

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

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

@media screen and (max-width: 768px) {
  .pd-hero-catch {
    img {
      width: calc(261.17vw / var(--s));
    }
  }

  .pd-concept-body {
    margin: 0;
    position: relative;
  }

  .pd-concept-body .pd-concept-title {
    width: calc(284.7vw / var(--s));
    height: auto;
  }

  .pd-concept-image {
    margin-top: calc(9.4vw / var(--s));
  }


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

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