/*
margin,padding,top,right,bottom,left,gap
min(2.56cqw, 20px);
min(3.85cqw, 30px)
min(5.13cqw, 40px)
min(6.41cqw, 50px)
min(10.26cqw, 80px)
*/

.pdp-wrap.AMORE_KAN-35_no-sebum-mineral-powder-toy26 .pdp__inner{
  --gt-ttl-color: #00AF73;
  --gt-font-color: #3C3C3C;
  color: var(--gt-font-color);
  max-width: 780px;
  margin: 0 auto;
  container-type: inline-size;
  background: #C5ECFF;
  font-family: "Pretendard JP";
  text-align: center;
  container-type: inline-size;
  figure{
    margin: 0;
    display: flex;
    justify-content: center;
  }
  .main__logo{
    width: clamp(220px, 56.41cqw, 440px);
    margin: 0 auto clamp(16px, 4.1cqw, 32px);
  }
  .main__logo img{
    display: block;
    width: 100%;
    height: auto;
  }
  .main__img{
    padding: 0 min(5.13cqw, 40px);
  }
  img{
    width: 100%;
    max-width: max-content;
    height: auto;
  }
  sup{
    font-size: 50%;
    vertical-align: super;
  }
  .annotation{
    font-size: min(2.051cqw, 16px);
    line-height: 1.375;
  }
  .main__txt:has(.note){
    padding: 0 min(5.13cqw, 40px);
  }
  .note{
    text-align: left;
    font-size: min(1.79cqw, 14px);
    line-height: 1.2;
    span {
      display: block;
      text-indent: -2em;
      margin-left: 2em;
      letter-spacing: 0.2px;
    }
  }
  .note span:not(:last-child){
    margin-bottom: 8px;
  }

  .main02{
    position: relative;
    .main__txt{
      position: absolute;
      top: min(10.26cqw, 80px);
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      font-weight: 700;
    }
    .main__headline{
      display: inline-block;
      color: #FFF;
      text-align: center;
      font-size: 5.2cqw;
      line-height: 1.7;
      padding: 0 min(3.08cqw, 24px);
      background: #00A525;
      margin-bottom: min(2.05cqw, 16px);
    }
    .main__lead{
      color: #00A525;
      font-size: 6.4cqw;
      line-height: 1.2;
    }
  }
  .main03{
    .main__img{
      padding-top: min(10.26cqw, 80px);
      margin-bottom: min(5.13cqw, 40px);
    }
    .main__lead{
      font-size: min(3.85cqw, 30px);
      line-height: 1.5;
    }
  }
  .main04{
    padding-bottom: min(10.26cqw, 80px);
    .main__img{
      display: flex;
      flex-direction: column;
      gap: min(5.13cqw, 40px)
    }
    .purpose{
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: min(2.56cqw, 20px);
      img{
        display: block;
        width: min(36.79cqw, 287px);
        height: auto;
      }
    }
    .purpose__txt{
      text-align: left;
    }
    .purpose__ttl{
      display: flex;
      align-items: center;
      gap: min(1.28cqw, 10px);
      font-size: min(3.85cqw, 30px);
      font-weight: 700;
      line-height: 1.37;
      letter-spacing: -0.02em;
      margin-bottom: min(1.28cqw, 10px);
    }
    .purpose__ttl::before{
      content: "";
      display: block;
      width: min(4.1cqw, 32px);
      aspect-ratio: 1 / 1;
      background: url(/cdn/shop/files/no-sebum-mineral-powder-toy26_icon_check.webp?v=1776755713) no-repeat center / contain;
      flex-shrink: 0;
    }
    .purpose__desc{
      font-size: min(3.33cqw, 26px);
      line-height: 1.38;
    }
  }
  .main05{
    position: relative;
    .main__img, .main__txt{
      position: absolute;
    }
    .main__img--01{
      top: min(10.26cqw, 80px);
    }
    .main__img--02{
      top: min(55.13cqw, 430px);
    }
    .main__txt{
      bottom: min(10.26cqw, 80px);
    }
  }
}