.lp#lp .s-rooibos {
  width: 1000px;
  margin: 0 auto;
}
.lp#lp .s-rooibos .buy {
  position: relative;
}
.lp#lp .s-rooibos .buy__btn {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 11.7%;
  left: 50%;
  width: 80.9%;
  transform: translateX(-50%);
}
.lp#lp .s-rooibos .buy__btn:hover {
  opacity: 0.7;
}
.lp#lp .s-rooibos__cont {
  position: relative;
}
.lp#lp .s-rooibos .cont01 .txt {
  position: absolute;
  top: 34.6%;
  left: 7.5%;
  width: 50.8%;
}
.lp#lp .s-rooibos .cont01 .txt .wrap {
  position: relative;
}
.lp#lp .s-rooibos .cont01 .txt .wrap .fig:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.lp#lp .s-rooibos .cont04 .comment {
  position: absolute;
  top: 27.6%;
  left: 6.1%;
  width: 35.8%;
}
.lp#lp .s-rooibos .cont05 .deco {
  z-index: 2;
  position: absolute;
  top: 68.1%;
  left: 0;
  width: 14.8%;
}
.lp#lp .s-rooibos .cont05 .txt {
  z-index: 3;
  position: absolute;
  top: 56.2%;
  left: 0;
}
.lp#lp .s-rooibos .cont05 .txt .wrap {
  position: relative;
}
.lp#lp .s-rooibos .cont05 .txt .wrap .fig:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.lp#lp .s-rooibos .cont06 {
  padding: 8.4rem 0;
  background-color: #f6e5c0;
}
.lp#lp .s-rooibos .cont06 .graph:not(:first-child) {
  margin-top: 15rem;
}
.lp#lp .s-rooibos .cont07 .item {
  position: absolute;
  left: 0;
  width: 100%;
}
.lp#lp .s-rooibos .cont07 .item.item01 {
  top: 51.9%;
}
.lp#lp .s-rooibos .cont07 .item.item02 {
  top: 72%;
}
.lp#lp .s-rooibos .cont08 .comment {
  position: absolute;
  top: 81.7%;
  left: 0;
}
.lp#lp .s-rooibos .cont10 .comment {
  position: absolute;
  top: 13.3%;
  left: 0;
}
.lp#lp .s-rooibos .cont11 .txt {
  position: absolute;
  top: 15.3%;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1535px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  body {
    margin: 0;
  }
  .lp#lp .s-rooibos {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body {
    margin: 0;
  }
  .lp#lp .s-rooibos .cont06 {
    padding: 10.67vw 0;
  }
  .lp#lp .s-rooibos .cont06 .graph:not(:first-child) {
    margin-top: 20vw;
  }
}
@media screen and (max-width: 599px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 374px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 319px) {
  body {
    margin: 0;
  }
}