.pdp-wrap.gtpdrn-exosome-gel-mask .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: #e8ecef;
  font-family: "Pretendard JP";
  img {
    width: 100%;
    max-width: max-content;
    height: auto;
  }
  sup {
    font-size: 50%;
    vertical-align: super;
  }
  .note {
    font-size: clamp(10px, 1.79cqw, 14px);
    line-height: 1;
    span {
      display: block;
      text-indent: -1.4em;
      margin-left: 1.4em;
      letter-spacing: 0.2px;
    }
  }

  .main_visual01{
    position: relative;
    z-index: 1;
    .title{
      position: absolute;
      color: #283269;
      font-size: clamp(30px, 7.05cqw, 55px);
      font-weight: 700;
      line-height: 1.3;
      text-align: center;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      padding: clamp(40px, 10.26cqw, 80px) clamp(20px, 5.13cqw, 40px) 0;
      span{
        display: block;
        color: #000;
        font-size: clamp(14px, 3.85cqw, 30px);
        font-weight: 500;
        line-height: 1.4;
        margin-top: clamp(12px, 3.53cqw, 40px);
      }
    }
  }
  .main_visual02{
    position: relative;
    margin-top: -48px;
    .title{
      position: absolute;
      color: #283269;
      font-size: clamp(30px, 6.45cqw, 55px);
      font-weight: 700;
      line-height: 1.3;
      text-align: center;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      padding: 100px 40px 0;
    }
  }

  .main{
    background-color: #fefefc;
    .main03 {
      .note {
        margin-bottom: min(5.13vw, 40px);
      }
    }
    .main04{
      .txt_area{
        padding: clamp(40px, 10.26cqw, 80px) clamp(20px, 5.13cqw, 40px) clamp(25px, 6.41cqw, 50px);
        background: linear-gradient(270deg, #CDD6D8 0%, #C7D0D5 100%);
        .ttl{
          color: #0028B9;
          font-size: clamp(28px, 7.18cqw, 56px);
          font-weight: 700;
          line-height: 1.14;
          margin-bottom: clamp(8px, 2.05cqw, 16px);
        }
        .subttl{
          font-size: clamp(18px, 4.62cqw, 36px);
          line-height: 1.4;
          span{
            font-size: clamp(15px, 3.85cqw, 30px);
            line-height: 1.5;
          }
        }
      }
    }
    .main05{
      position: relative;
      .ttl{
        position: absolute;
        color: #0028B9;
        font-size: min(7.18cqw, 56px);
        font-weight: 700;
        line-height: 1.26;
        top: min(7.69cqw, 60px);
        left: 0;
        right: 0;
        margin: 0;
        padding: 0 clamp(20px, 5.13cqw, 40px);
        white-space: nowrap;
      }
    }
    .main06{
      .ttl {
        color: #283269;
        font-size: min(6.41cqw, 50px);
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        padding: clamp(40px, 10.26cqw, 80px) clamp(20px, 5.13cqw, 40px) clamp(20px, 5.13cqw, 40px);
      }
      .note{
        padding: clamp(20px, 5.13cqw, 40px) clamp(20px, 5.13cqw, 40px) clamp(25px, 6.41cqw, 50px);
        span:not(:last-child){
          margin-bottom: 8px;
        }
      }
    }
  }
}