:root {
  --top-left-radius: 0%;
  --top-right-radius: 0%;
  --bottom-left-radius: 0%;
  --bottom-right-radius: 0%;
  --window-width-1: 72vw;
  --window-left-1: 14vw;
  --window-left-2: 10vw;
}
p {
  margin: 0;
}
video {
  vertical-align: middle;
}
h2 {
  font-size: 2.34375vw;
  line-height: 1.3;
  color: #000;
  margin: 0;
  padding-bottom: 0.4em;
}
p {
  font-size: 1.171875vw;
  color: #535353;
  line-height: 1.3;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flex {
  display: flex;
}
.nowrap {
  white-space: nowrap;
}
.content {
  margin: 0 auto;
}
.vaal-epack {
  width: 100%;
  background-color: #fff;
}
.vaal-epack-1 {
  width: 100%;
  position: relative;
}
.vaal-epack-1 > img {
  width: 100%;
}
.vaal-epack-1 h1 {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.vaal-epack-1 .vaal-epack-1-1 {
  position: absolute;
  left: var(--window-left-1);
  top: 35%;
  width: 20.3125vw;
}
.vaal-epack-2 {
  text-align: center;
  background-color: #ffffff;
  width: 100%;
  padding-bottom: 5.078125vw;
}
.vaal-epack-2 .content {
  width: var(--window-width-1);
  padding: 4.6875vw 0 0;
}
.vaal-epack-2 .content > p {
  padding-top: 2.5em;
  text-align: left;
  color: #4f4f4f;
}
.vaal-epack-2 .content .flex {
  justify-content: space-around;
  padding: 0 8%;
}
.vaal-epack-2 .content .flex div {
  width: 16%;
  text-align: center;
}
.vaal-epack-2 .content .flex div img {
  width: 5.46875vw;
}
.vaal-epack-2 .content .flex div p {
  padding-top: 0.8em;
  line-height: 1.1;
  text-align: center;
  color: #535353;
}
.vaal-epack-3 {
  width: 100%;
  position: relative;
}
.vaal-epack-3 img {
  width: 100%;
}
.vaal-epack-3 h2 {
  position: absolute;
  left: var(--window-left-1);
  top: 35%;
}
.vaal-epack-3 h2 span {
  font-size: 1.2em;
  color: #fffb8f;
  text-align: left;
}
.vaal-epack-4 {
  width: 100%;
  padding: 5.46875vw 0 8.59375vw;
  background: linear-gradient(to top, #ffba41, #ffffff 50%);
  position: relative;
}
.vaal-epack-4 .content-1 {
  text-align: center;
  width: 61.875vw;
}
.vaal-epack-4 h2 {
  color: #111111;
}
.vaal-epack-4 p {
  color: #111111;
}
.vaal-epack-4 .content-2 {
  text-align: center;
  width: 53.7109375vw;
  padding-top: 3.3984375vw;
}
.vaal-epack-4 .content-2 .flex-1 {
  padding-bottom: 8.59375vw;
}
.vaal-epack-4 .content-2 .flex {
  justify-content: space-between;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 {
  position: relative;
  width: 46%;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 > img {
  width: 100%;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 .vaal-epack-4-1-1 {
  position: absolute;
  left: 5%;
  top: 5%;
  text-align: left;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 .vaal-epack-4-1-1 p {
  padding-bottom: 0;
  color: #fcff03;
  padding-bottom: 0.5em;
  line-height: 1;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 .vaal-epack-4-1-1 p span {
  font-size: 0.8em;
  font-weight: 100;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 .vaal-epack-4-1-1 img {
  width: 7.5390625vw;
}
.vaal-epack-4 .content-2 .vaal-epack-4-1 p {
  text-align: left;
  font-weight: bold;
  line-height: 2;
}
.vaal-epack-4 .content-2 .flex-2 {
  padding-top: 3.90625vw;
}
.vaal-epack-4 .content-2 .flex-2 .vaal-epack-4-2 {
  width: 27%;
}
.vaal-epack-4 .content-2 .flex-2 .vaal-epack-4-2 img {
  width: 100%;
}
.vaal-epack-4 .content-2 .flex-2 .vaal-epack-4-2 p {
  text-align: left;
  line-height: 1.1;
  padding-top: 0.8em;
}
.vaal-epack-6 {
  width: 100%;
  position: relative;
}
.vaal-epack-6 img {
  width: 100%;
}
.vaal-epack-6 .vaal-epack-6-1 {
  position: absolute;
  width: 46.875vw;
  left: var(--window-left-1);
  top: 15%;
}
.vaal-epack-6 .vaal-epack-6-1 h2 {
  color: #000;
}
.vaal-epack-6 .vaal-epack-6-1 p {
  color: #000;
}
.vaal-epack-6 .vaal-epack-6-1 p span {
  color: #475662;
  font-size: 0.8em;
}
.vaal-epack-6 .vaal-epack-6-1 img {
  width: 25.1953125vw;
  margin-top: 9.5703125vw;
  margin-bottom: 1.171875vw;
}
.vaal-epack-7 {
  width: 100%;
  position: relative;
  padding: 4.296875vw 0;
}
.vaal-epack-7 .content {
  width: var(--window-width-1);
}
.vaal-epack-7 .vaal-epack-7-1 {
  background: url(ePack-07.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  padding: 4.4921875vw 25% 4.6875vw;
}
.vaal-epack-7 .vaal-epack-7-1 h2,
.vaal-epack-7 .vaal-epack-7-1 p {
  text-align: center;
  color: #000;
}
.vaal-epack-7 .vaal-epack-7-1 .flex {
  justify-content: space-around;
  padding-top: 3.7109375vw;
}
.vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 {
  width: 40%;
}
.vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 .vaal-epack-7-2-1 {
  border: #0b0306 1px dotted;
  border-radius: 2em;
  text-align: center;
  margin-bottom: 0.5em;
}
.vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 .vaal-epack-7-2-1 img {
  width: 64%;
  margin: 1em auto;
}
.vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 p {
  color: #535353;
  font-weight: bold;
}
.vaal-epack-8 {
  width: 100%;
  position: relative;
  background-color: #f7f7f7;
  padding-bottom: 7.8125vw;
  padding-top: 4.21875vw;
}
.vaal-epack-8 .content {
  width: var(--window-width-1);
}
.vaal-epack-8 .content h2 {
  text-align: center;
  color: #000;
  padding-bottom: 1.5em;
}
.vaal-epack-8 .content .flex {
  justify-content: space-between;
}
.vaal-epack-8 .content .flex .vaal-epack-8-1 {
  width: 31%;
}
.vaal-epack-8 .content .flex .vaal-epack-8-1 .vaal-epack-8-1-1 {
  background-color: #fff;
  text-align: center;
  border-radius: 0.6vw;
}
.vaal-epack-8 .content .flex .vaal-epack-8-1 .vaal-epack-8-1-1 img {
  margin: 2em auto 0;
  width: 52%;
}
.vaal-epack-8 .content .flex .vaal-epack-8-1 p {
  color: #000;
  text-align: center;
  padding-top: 0.8em;
}
.vaal-epack-8 .content .flex .vaal-epack-8-1 p b {
  color: #ff7f01;
}
.vaal-epack-9 {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding-bottom: 6.25vw;
  padding-top: 6.25vw;
}
.vaal-epack-9 .content {
  width: var(--window-width-1);
  text-align: center;
}
.vaal-epack-9 .content .vaal-epack-9-3 p {
  padding-bottom: 2em;
}
.vaal-epack-9 .content .vaal-epack-9-1 {
  width: 100%;
  position: relative;
}
.vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 {
  position: absolute;
  bottom: 3em;
  left: 25%;
  display: flex;
  width: 50%;
  justify-content: space-between;
}
.vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 div {
  width: 30%;
}
.vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 div p {
  color: #000;
  line-height: 1;
}
.vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 div p b {
  font-size: 2em;
}
.vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 div p span {
  font-size: 1.2em;
}
.vaal-epack-10 {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding-bottom: 6.8359375vw;
}
.vaal-epack-10 .content {
  width: var(--window-width-1);
  text-align: center;
}
.vaal-epack-10 .content h2 {
  padding-bottom: 1em;
}
.vaal-epack-11 {
  position: relative;
  width: 100%;
  background: url(ePack-11.jpg) no-repeat center;
  background-size: cover;
  padding: 4.6875vw calc(var(--window-left-1) - 2%) 4.6875vw var(--window-left-1);
}
.vaal-epack-11 img {
  width: 100%;
}
.vaal-epack-11 h2 {
  text-align: left;
}
.vaal-epack-12 {
  width: 100%;
  position: relative;
  background-color: #f7f7f7;
  padding-bottom: 5.6640625vw;
  padding-top: 4.8828125vw;
}
.vaal-epack-12 h2 {
  text-align: center;
  color: #191919;
  padding-bottom: 2.9296875vw;
}
.vaal-epack-12 .content {
  width: var(--window-width-1);
  position: relative;
}
.vaal-epack-12 .content .vaal-epack-12-1 {
  justify-content: space-between;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-L {
  width: calc(25% - 0.5vw);
  background-color: #fff;
  text-align: center;
  border-radius: 1em;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-L img {
  width: 10.2734375vw;
  margin: 2vw auto;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R {
  width: calc(75% - 0.5vw);
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 {
  width: calc(25% - 0.5vw);
  background-color: #fff;
  text-align: center;
  height: calc(50% - 0.5vw);
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 img {
  width: 4.6875vw;
  margin: 0 auto 0.5vw;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 p {
  line-height: 1.5;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 p span:first-child {
  font-size: 0.87em;
  color: #858585;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 p span:last-child {
  font-size: 1.1em;
  color: #191919;
}
.vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-top {
  width: calc(33.3% - 0.5vw);
  margin-bottom: 1vw;
}
.vaal-epack-13 {
  width: 100%;
  position: relative;
}
.vaal-epack-13 p {
  line-height: 1;
}
.vaal-epack-13 .vaal-epack-13-1 {
  position: absolute;
  left: 22.1484375vw;
  top: 22.96875vw;
}
.vaal-epack-13 .vaal-epack-13-1 b {
  font-size: 0.8em;
  color: #fff;
  display: block;
  padding-bottom: 0.2em;
}
.vaal-epack-13 .vaal-epack-13-1 span {
  font-size: 0.8em;
  color: #fff;
}
.vaal-epack-13 .vaal-epack-13-2 {
  position: absolute;
  left: 34.921875vw;
  top: 15.9765625vw;
}
.vaal-epack-13 .vaal-epack-13-2 b {
  font-size: 0.8em;
  color: #fff;
  display: block;
  padding-bottom: 0.2em;
}
.vaal-epack-13 .vaal-epack-13-2 span {
  font-size: 0.8em;
  color: #fff;
}
.vaal-epack-13 .vaal-epack-13-3 {
  position: absolute;
  left: 54.765625vw;
  top: 24.9609375vw;
}
.vaal-epack-13 .vaal-epack-13-3 b {
  font-size: 0.8em;
  color: #19a5e6;
  display: block;
  padding-bottom: 0.2em;
}
.vaal-epack-13 .vaal-epack-13-3 span {
  font-size: 0.8em;
  color: #272727;
}
.vaal-epack-13 .vaal-epack-13-4 {
  position: absolute;
  left: 72.265625vw;
  top: 24.9609375vw;
}
.vaal-epack-13 .vaal-epack-13-4 b {
  font-size: 0.8em;
  color: #19a5e6;
  display: block;
  padding-bottom: 0.2em;
}
.vaal-epack-13 .vaal-epack-13-4 span {
  font-size: 0.8em;
  color: #272727;
}
@media (max-width: 767px) {
  :root {
    --window-width-1: 90%;
    --window-left-1: 5%;
    --window-left-2: 5%;
  }
  h2 {
    font-size: 7.55208333vw;
    padding-bottom: 0.3em;
    font-weight: 100;
    line-height: 1.1;
  }
  p {
    font-size: 3.90625vw;
    padding-bottom: 1em;
  }
  .vaal-epack-1 .vaal-epack-1-1 {
    left: 6.11979167vw;
    width: 46.61458333vw;
    top: 9.765625vw;
    text-align: center;
  }
  .vaal-epack-1 .vaal-epack-1-1 img {
    width: 100%;
  }
  .vaal-epack-2 {
    background-color: #fff;
  }
  .vaal-epack-2 .content {
    padding-top: 8vw;
  }
  .vaal-epack-2 .content .flex {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .vaal-epack-2 .content .flex div {
    width: 33%;
    padding-top: 2vw;
  }
  .vaal-epack-2 .content .flex div img {
    width: 60%;
  }
  .vaal-epack-2 .content .flex div p {
    font-size: 2.86458333vw;
    padding-top: 0.7em;
    padding-bottom: 1.5em;
  }
  .vaal-epack-2 .content p {
    text-align: left;
    padding-top: 1.5em;
    padding-bottom: 0;
  }
  .vaal-epack-3 .content {
    width: 100%;
    padding-right: 0;
    background: none;
  }
  .vaal-epack-3 h2 {
    left: var(--window-left-1);
    top: 11.58854167vw;
  }
  .vaal-epack-3 h2 span {
    font-size: 1.1em;
    line-height: 1.3;
  }
  .vaal-epack-4 {
    background: linear-gradient(to top, #ffba41, #ffffff 30%);
  }
  .vaal-epack-4 .content-1 {
    width: var(--window-width-1);
    text-align: left;
  }
  .vaal-epack-4 .content-2 {
    width: var(--window-width-1);
    text-align: left;
  }
  .vaal-epack-4 .content-2 .flex-1 {
    flex-direction: column;
  }
  .vaal-epack-4 .content-2 .vaal-epack-4-1 {
    width: 100%;
  }
  .vaal-epack-4 .content-2 .vaal-epack-4-1 > p {
    padding-bottom: 1em;
  }
  .vaal-epack-4 .content-2 .vaal-epack-4-1 .vaal-epack-4-1-1 img {
    width: 26.04166667vw;
  }
  .vaal-epack-4 .content-2 .flex-2 .vaal-epack-4-2 {
    width: 30%;
  }
  .vaal-epack-4 .content-2 .flex-2 .vaal-epack-4-2 p {
    font-size: 2.34375vw;
  }
  .vaal-epack-6 .vaal-epack-6-1 {
    width: var(--window-width-1);
    top: 5%;
  }
  .vaal-epack-6 .vaal-epack-6-1 img {
    width: 95%;
    margin-top: 2vw;
  }
  .vaal-epack-6 .vaal-epack-6-1 p span {
    display: none;
  }
  .vaal-epack-7 {
    padding: 0;
    background: url(ePack-07-m.jpg) no-repeat center;
    background-size: cover;
  }
  .vaal-epack-7 .vaal-epack-7-1 {
    background: none;
    padding: 12% 0;
  }
  .vaal-epack-7 .vaal-epack-7-1 h2,
  .vaal-epack-7 .vaal-epack-7-1 p {
    text-align: left;
  }
  .vaal-epack-7 .vaal-epack-7-1 .flex {
    justify-content: space-between;
  }
  .vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 {
    width: 46%;
  }
  .vaal-epack-7 .vaal-epack-7-1 .vaal-epack-7-2 p {
    text-align: center;
  }
  .vaal-epack-8 {
    background-color: #eee;
    padding: 8% 0;
  }
  .vaal-epack-8 .content h2 {
    text-align: left;
  }
  .vaal-epack-8 .content .flex .vaal-epack-8-1 .vaal-epack-8-1-1 img {
    width: 75%;
  }
  .vaal-epack-8 .content .flex .vaal-epack-8-1 p {
    font-size: 2.21354167vw;
  }
  .vaal-epack-8 .content .flex .vaal-epack-8-1 p b {
    color: #000;
  }
  .vaal-epack-9 {
    padding: 0;
  }
  .vaal-epack-9 .content {
    width: 100%;
  }
  .vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 {
    left: 0;
    width: var(--window-width-1);
  }
  .vaal-epack-9 .content .vaal-epack-9-1 .vaal-epack-9-2 div p span {
    font-size: 0.85em;
  }
  .vaal-epack-9 .vaal-epack-9-3 {
    position: absolute;
    z-index: 1;
    text-align: left;
    width: var(--window-width-1);
    left: var(--window-left-1);
    top: 5%;
  }
  .vaal-epack-9 .vaal-epack-9-3 p {
    color: #000;
  }
  .vaal-epack-10 {
    padding-top: 8%;
    padding-bottom: 12%;
  }
  .vaal-epack-11 {
    padding-top: 8%;
    padding-bottom: 10%;
  }
  .vaal-epack-12 {
    background-color: #fff;
    padding-top: 8%;
    padding-bottom: 0;
  }
  .vaal-epack-12 h2 {
    padding-bottom: 0.8em;
  }
  .vaal-epack-12 .content {
    background-color: #eeeeee;
    width: 100%;
    padding-top: calc(var(--window-left-1) * 1.4);
    padding-bottom: calc(var(--window-left-1) * 2);
  }
  .vaal-epack-12 .content .vaal-epack-12-1 {
    padding-left: var(--window-left-1);
    padding-right: var(--window-left-1);
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-L {
    display: flex;
    align-items: center;
    width: calc(30% - 1vw);
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-L img {
    width: 75%;
    margin: 4vw auto;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R {
    width: calc(35% - 1vw);
    flex-direction: column;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 {
    width: calc(100% - 1vw);
    height: calc(33.3% - 1vw);
    padding: 0.5em 0;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 img {
    width: 12vw;
    margin-bottom: 0;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-1 p {
    font-size: 2.35988201vw;
    width: 100%;
    padding-bottom: 0;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-R {
    height: calc(25% - 1vw);
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-top-xs,
  .vaal-epack-12 .content .vaal-epack-12-1 .vaal-epack-12-1-R .vaal-epack-12-1-R-top {
    margin-bottom: 1vw;
  }
  .vaal-epack-12 .content .vaal-epack-12-1 .flex.visible-xs {
    display: flex !important;
  }
  .vaal-epack-13 {
    padding-top: 8%;
  }
  .vaal-epack-13 > div {
    position: relative;
  }
  .vaal-epack-13 h2 {
    text-align: center;
    padding-bottom: 0.8em;
  }
  .vaal-epack-13 p {
    font-size: 1.82291667vw;
  }
  .vaal-epack-13 .vaal-epack-13-1 {
    top: 68%;
    left: 1%;
  }
  .vaal-epack-13 .vaal-epack-13-1 b {
    font-size: 1.82291667vw;
  }
  .vaal-epack-13 .vaal-epack-13-1 span {
    font-size: 1em;
  }
  .vaal-epack-13 .vaal-epack-13-2 {
    top: 55%;
    left: 25%;
  }
  .vaal-epack-13 .vaal-epack-13-2 b {
    font-size: 1.953125vw;
  }
  .vaal-epack-13 .vaal-epack-13-2 span {
    font-size: 1em;
  }
  .vaal-epack-13 .vaal-epack-13-3 {
    top: 74%;
    left: 45%;
  }
  .vaal-epack-13 .vaal-epack-13-3 b {
    font-size: 1.953125vw;
  }
  .vaal-epack-13 .vaal-epack-13-3 span {
    font-size: 1em;
  }
  .vaal-epack-13 .vaal-epack-13-4 {
    top: 74%;
    left: auto;
    right: 0;
  }
  .vaal-epack-13 .vaal-epack-13-4 b {
    font-size: 1.953125vw;
  }
  .vaal-epack-13 .vaal-epack-13-4 span {
    font-size: 1em;
  }
}