main {
  --s-val: 10px;
  --pdg-inline-common: calc(var(--s-val) * 7);
}

@media screen and (max-width: 1330px) {
  main {
    --s-val: 10px;
  }
}
@media screen and (max-width: 780px) {
  main {
    --s-val: 1.45vw;
  }
}
@media screen and (max-width: 540px) {
  main {
    --s-val: 1.5vw;
  }
}

.content-wrapper {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  width: 100%;
}

img {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.content-wrapper img {
  max-width: 100%;
  height: auto;
}


.kv-area {
  position: relative;
  width: 100%;
}


.bg-green {
  background: #ebead6;
  max-width: 100%;
  margin: 0 auto;
}

.cta-image {
  padding-bottom: calc(var(--s-val) * 0.8);
}

.pre-order{
  width: 89%;
  margin: 0 auto;
  padding-bottom: calc(var(--s-val) * 2);
}

.link-box {
  display: block;    
  width: 100%;
  filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.3));
  line-height: 0; 
}

.small-text{
  text-align: left;
  width: 40%;
}


.lp-slice, .point, .recipe {
  position: relative;
  width: 100%;  
}

.lp-image {
  width: 100%;
}



@media screen and (max-width: 900px) {
  .lp-slice {
    overflow: hidden;
  }
}