body {
  font-family: sans-serif;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

table thead tr {
  background: #d1e195;
}

#header-image img {
  margin: 0 auto;
}

#whats {
  max-width: 1024px;
  margin: 0 auto;
}
#whats img {
  margin: 0 auto;
}
#whats h2 {
  margin-top: 6.005859375%;
  margin-bottom: 5.419921875%;
  padding: 0 12.6953125%;
}
#whats .first-caption {
  margin-bottom: 1.5625em;
  padding-right: 5.859375%;
  padding-left: 5.859375%;
  font-size: 1.96875em;
  line-height: 1.75;
}
#whats p:first-child {
  font-size: 1.6875em;
}
#whats .flex-container {
  margin-bottom: 2.9296875%;
  padding-right: 3.125%;
  padding-left: 5.859375%;
}
#whats .flex-container p:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40.9967845659%;
          flex: 0 0 40.9967845659%;
}

#recommendation {
  max-width: 1024px;
  margin: 0 auto;
}
#recommendation img {
  margin: 0 auto;
}
#recommendation h2 {
  margin-bottom: 7.177734375%;
  padding: 0 6.591796875%;
}
#recommendation p:first-of-type img {
  width: 900px;
  margin-bottom: 2.9296875%;
  padding: 0 5.859375%;
}
#recommendation .flex-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.197265625%;
  padding-right: 7.177734375%;
  padding-left: 2.4169921875%;
}
#recommendation .flex-container .left-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47.2874493927%;
          flex: 0 0 47.2874493927%;
}
#recommendation .flex-container .left-contents p:first-child img {
  padding: 0;
}
#recommendation .flex-container .left-contents p:last-child {
  padding-left: 15.625%;
  font-size: 1.6875em;
  line-height: 1.75;
}
#recommendation .flex-container .right-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42.6720647773%;
          flex: 0 0 42.6720647773%;
}
#recommendation .flex-container .right-contents p:first-child {
  margin-bottom: 7.8125%;
}
#recommendation .flex-container .right-contents p:first-child img {
  padding: 0;
}
#recommendation .flex-container .right-contents p:last-child {
  padding-right: 4.8828125%;
  font-size: 1.6875em;
  line-height: 1.75;
}

#recommendation-under {
  margin-bottom: 3.8818359375%;
  background: #ffdfca;
}
#recommendation-under p {
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 3.076171875%;
  padding-right: 10.400390625%;
  padding-bottom: 3.7353515625%;
  padding-left: 13.4033203125%;
}
#recommendation-under img {
  margin: 0 auto;
}

#price {
  max-width: 1024px;
  margin: 0 auto;
}
#price h2 {
  margin-bottom: 3.662109375%;
  padding-right: 6.2255859375%;
  padding-left: 6.5185546875%;
}
#price .flex-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 5.6396484375%;
}
#price .flex-container .left-contents p {
  font-size: 1.875em;
}
#price .flex-container .left-contents p.notice {
  font-size: 1.21875em;
  line-height: 1.75;
}
#price .flex-container .left-contents table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.51875em;
  border: 1px solid #000;
}
#price .flex-container .left-contents table thead th {
  padding: 0.87890625% 0;
  border: 1px solid #000;
  font-weight: normal;
}
#price .flex-container .left-contents table tbody td {
  padding: 0.87890625% 0;
  text-align: center;
  border: 1px solid #000;
}
#price .flex-container .left-contents span {
  color: #0093ff;
}
#price .flex-container.single-package-type {
  margin-bottom: 1.9775390625%;
  padding-right: 1.318359375%;
}
#price .flex-container.single-package-type .left-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.3028391167%;
          flex: 0 0 62.3028391167%;
}
#price .flex-container.single-package-type .right-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34.7003154574%;
          flex: 0 0 34.7003154574%;
}
#price .flex-container.single-package-type .right-contents p:first-child {
  margin-bottom: 2.9296875%;
}
#price .flex-container.single-package-type .right-contents p:last-child {
  font-size: 0.984375em;
}
#price .flex-container.small-box-type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6.591796875%;
  padding-right: 1.318359375%;
}
#price .flex-container.small-box-type .left-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.3028391167%;
          flex: 0 0 62.3028391167%;
}
#price .flex-container.small-box-type .right-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34.7003154574%;
          flex: 0 0 34.7003154574%;
}
#price .flex-container.type-20-packets {
  margin-bottom: 6.5185546875%;
  padding-right: 8.7158203125%;
}
#price .flex-container.type-20-packets .right-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.8990536278%;
          flex: 0 0 20.8990536278%;
}
#price .flex-container.type-20-packets table {
  width: 91.29%;
}
#price .flex-container.type-6-packets {
  margin-bottom: 2.783203125%;
  padding-right: 9.08203125%;
}
#price .flex-container.type-6-packets .right-contents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19.7949526814%;
          flex: 0 0 19.7949526814%;
}
#price p#payment-terms {
  margin-bottom: 2.9296875%;
  padding: 0 5.6396484375%;
  font-size: 1.21875em;
  line-height: 1.75;
}

#sales-promotion {
  max-width: 1024px;
  margin: 0 auto;
}
#sales-promotion img {
  margin: 0 auto;
}
#sales-promotion h2 {
  margin-bottom: 2.197265625%;
  padding-right: 2.63671875%;
  padding-left: 2.197265625%;
}
#sales-promotion p:first-of-type {
  margin-bottom: 3.662109375%;
}
#sales-promotion p:last-child {
  margin-bottom: 6.5185546875%;
  padding: 0 10.546875%;
}

#contact-order {
  max-width: 1024px;
  margin: 0 auto 7.470703125%;
}
#contact-order img {
  margin: 0 auto;
}
#contact-order p {
  padding-right: 5.859375%;
  padding-left: 13.4765625%;
}

footer {
  background-color: #d1e195;
}
footer .flex-container {
  max-width: 868.5px;
  margin: 0 auto;
  padding-top: 61.5px;
  padding-right: 87px;
  padding-bottom: 82.5px;
  padding-left: 72.75px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
footer .flex-container p:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.0466321244%;
          flex: 0 0 37.0466321244%;
}
footer .flex-container p:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36.701208981%;
          flex: 0 0 36.701208981%;
}

@media screen and (max-width: 1024px) {
  #whats .first-caption {
    font-size: 3.076171875vw;
  }
  #whats p:first-child {
    font-size: 2.63671875vw;
  }
  #recommendation .flex-container .left-contents p:last-child {
    font-size: 2.63671875vw;
  }
  #recommendation .flex-container .right-contents p:last-child {
    font-size: 2.63671875vw;
  }
  #price .flex-container .left-contents p {
    font-size: 2.9296875vw;
  }
  #price .flex-container .left-contents p.notice {
    font-size: 1.904296875vw;
  }
  #price .flex-container .left-contents table {
    font-size: 2.373046875vw;
  }
  #price .flex-container.single-package-type .right-contents p:last-child {
    font-size: 1.5380859375vw;
  }
  #price p#payment-terms {
    font-size: 1.904296875vw;
  }
  footer .flex-container {
    padding-top: 6.005859375%;
    padding-right: 8.49609375%;
    padding-bottom: 8.056640625%;
    padding-left: 7.1044921875%;
  }
}