/*
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.gth-cream-set-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: #FBFFF2;
  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;
  }
  .note{
    font-size: min(1.79cqw, 14px);
    line-height: 1.2;
    span {
      display: block;
      text-indent: -2em;
      margin-left: 2em;
      letter-spacing: 0.2px;
    }
  }

  .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{
    position: relative;
    .main__txt{
      position: absolute;
      text-align: left;
    }
    .main__txt--01{
      top: min(21.28cqw, 166px);
      left: min(5.13cqw, 40px);
      font-weight: 700;
    }
    .main__catch{
      color: #FFFF90;
      font-size: 16.6cqw;
      line-height: 1.2;
      margin-bottom: min(2.05cqw, 16px);
    }
    .main__lead{
      color: #FFF;
      font-size: 5.4cqw;
      line-height: normal;
    }
    .main__txt--02{
      right: min(4.36cqw, 34px);
      bottom: min(1.54cqw, 12px);
      text-align: right;
      font-size: 1.9cqw;
      line-height: 1.4;
    }
  }
  .main04{
    position: relative;
    .main__txt{
      position: absolute;
      top: min(10.26cqw, 80px);
      left: 50%;
      transform:translateX(-50%);
      width: 100%;
      font-weight: 700;
    }
    .main__headline{
      display: inline-block;
      color: #10B15F;
      font-size: 5.1cqw;
      padding: 4px 8px;
      background-color: #F9FFA6;
      margin-bottom: min(4.1cqw, 32px);
      line-height: normal;
    }
    .main__lead{
      color: #FFF;
      font-size: 6.41cqw;
      letter-spacing: -1px;
      line-height: 1.2;
    }
  }
  .main05{
    .main__txt{
      padding-top: min(10.26cqw, 80px);
    }
    .main__headline{
      display: inline-block;
      color: #F9FFA6;
      font-size: 6.42cqw;
      font-weight: 700;
      padding: min(0.51cqw, 4px) min(2.05cqw, 16px);
      margin-bottom: min(2.56cqw, 20px);
      background-color: #12B560;
      line-height: normal;
    }
    .main__lead{
      font-size: 3.85cqw;
      letter-spacing: -0.8px;
      margin-bottom: min(3.08cqw, 24px);
      line-height: normal;
    }
  }
  .main06{
    margin-bottom: min(10.26cqw, 80px);
    .main__txt{
      padding: 0 min(5.13cqw, 40px);
      text-align: left;
    }
    .main__num{
      display: block;
      width: min(7.56cqw, 59px);
      height: auto;
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 500;
      line-height: 1.25;
      padding-top: min(2.56cqw, 20px);
    }
    .main__catch{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      line-height: 1.17;
      margin-bottom: min(7.69cqw, 60px);
    }
  }
  .main07{
    margin-bottom: min(10.26cqw, 80px);
  }
  .main08{
    margin-bottom: min(10.26cqw, 80px);
    .main__lead{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      line-height: 1.17;
      letter-spacing: -1.2px;
      margin-bottom: min(4.1cqw, 32px);
    }
    .note{
      font-size: min(2.05cqw, 16px);
      font-style: normal;
      line-height: 1.375;
      letter-spacing: -0.02em;
      text-align: left;
      margin-top: min(1.03cqw, 8px);
      padding: 0 min(5.13cqw, 40px);
    }
  }
  .main09{
    margin-bottom: min(10.26cqw, 80px);
  }
  .main10{
    margin-bottom: min(10.26cqw, 80px);
    .main__txt{
      margin-bottom: min(5.13cqw, 40px);
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 600;
      letter-spacing: -0.8px;
      line-height: normal;
    }
    .main__catch{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      letter-spacing: -1.2px;
      line-height: normal;
    }
  }
  .main11{
    position: relative;
    .main__txt{
      position: absolute;
      top: min(5.13cqw, 40px);
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      width: max-content;
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 400;
      line-height: 1.83;
      letter-spacing: -0.8px;
    }
    .main__headline{
      display: inline-block;
      padding: 4px 16px;
      color: #F9FFA6;
      font-size: 7.7cqw;
      font-weight: 700;
      line-height: 1.22;
      letter-spacing: -1.2px;
      background-color: #12B560;
    }
  }
  .main12{
    position: relative;
    .main__txt{
      padding: 0 min(5.13cqw, 40px);
      text-align: left;
      position: absolute;
      top: min(10cqw, 78px);
      left: 0;
      img{
        margin-bottom: min(2.56cqw, 20px);
      }
    }
    .main__num{
      display: block;
      width: min(8.33cqw, 65px);
      height: auto;
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 400;
      line-height: 1.3;
      letter-spacing: -0.8px;
      margin-bottom: min(1.03cqw, 8px);
    }
    .main__catch{
      font-size: 7.05cqw;
      font-weight: 700;
      line-height: 1.31;
    }
    .main__img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      width: min(89.74cqw, 700px);
      img{
        width: 100%;
        max-width: max-content;
        height: auto;
      }
    }
  }
  .main13{
    padding-top: min(10.26cqw, 80px);
    margin-bottom: min(10.26cqw, 80px);
    .main__lead{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      margin-bottom: min(2.05cqw, 16px);
      line-height: normal;
    }
  }
  .main14{
    margin-bottom: min(10.26cqw, 80px);
    .main__txt{
      margin-bottom: min(4.1cqw, 32px);
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 500;
      line-height: 1;
      span{
        line-height: 1.3;
      }
    }
    .main__catch{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      line-height: 1.3;
      span{
        line-height: 1.2;
      }
    }
  }
  .main15{
    padding: min(5.13cqw, 40px) 0;
    background-color: #BDF9B7;
    .main__txt{
      margin-bottom: min(4.1cqw, 32px);
      line-height: normal;
    }
    .main__num{
      display: block;
      width: min(8.59cqw, 67px);
      height: auto;
      margin-inline: auto;
      margin-bottom: min(3.85cqw, 30px);
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 500;
      letter-spacing: -0.8px;
    }
    .main__catch{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      letter-spacing: -1.2px;
    }
  }
  .main16{
    padding: min(10.26cqw, 80px) 0;
    .main__txt{
      margin-bottom: min(4.1cqw, 32px);
      line-height: normal;
    }
    .main__lead{
      font-size: 5.13cqw;
      font-weight: 500;
      letter-spacing: -0.8px;
    }
    .main__catch{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      letter-spacing: -1.2px;
    }
  }
  .main17{
    margin-bottom: min(10.26cqw, 80px);
    .main__lead{
      color: #FFF;
      font-size: min(5.13cqw, 40px);
      font-weight: 700;
      line-height: normal;
      padding: min(1.03cqw, 8px) min(3.08cqw, 24px);
      background-color: #12B560;
      display: inline-block;
      width: max-content;
      margin-bottom: min(4.1cqw, 32px);
    }
  }
  .main18{
    margin-bottom: min(4.1cqw, 32px);
    .main__lead{
      color: #12B560;
      font-size: 7.7cqw;
      font-weight: 700;
      letter-spacing: -1.2px;
      margin-bottom: min(4.1cqw, 32px);
      line-height: normal;
    }
    .main__img{
      display: flex;
      flex-direction: column;
      gap: min(3.85cqw, 30px);
    }
    .tip{
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      img{
        display: block;
        width: min(40.26cqw, 314px);
        height: auto;
      }
    }
    .tip__txt{
      text-align: left;
    }
    .tip__num{
      font-size: 4.62cqw;
      font-weight: 700;
      line-height: normal;
      margin-bottom: min(0.64cqw, 5px);
    }
    .tip__desc{
      font-size: 3.08cqw;
      line-height: 1.33;
      letter-spacing: -0.48px;
    }
  }
  .main19{
    text-align: left;
    .main__txt{
      padding: 0 min(5.13cqw, 40px) min(6.41cqw, 50px);
    }
    .note span:not(:last-child){
      margin-bottom: 8px;
    }
  }
}