@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}
body {
  overflow-x: hidden;
}
#main {
  margin: 0 auto;
}
p {
  margin: 0;
}
.img-responsive {
  width: 100%;
  max-width: auto;
}
.container1 {
  margin: 0 12.552vw;
  width: calc(100% - 25.104vw);
}
ul li {
  list-style: none;
}
.mb {
  display: none;
}
.side-nav {
  position: fixed;
  top: 50%;
  right: -7.2916vw;
  transform: translateY(-50%);
  width: 7.2916vw;
  transition: all 0.5s;
  background: url(../images/bg-right-nav.png) no-repeat;
  z-index: 5;
  background-size: cover;
}
.side-nav.expand {
  right: 0;
}
.side-nav.expand .handle-nav .handle-text.nav-close {
  display: block;
}
.side-nav.expand .handle-nav .handle-text.nav-open {
  display: none;
}
.side-nav .handle-nav {
  position: absolute;
  top: 50%;
  left: -2.1875vw;
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 1;
}
.side-nav .handle-nav img {
  width: 2.1875vw;
}
.side-nav .handle-nav .handle-text {
  font-size: 0.9375vw;
  color: #d0d0d0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: tb;
  white-space: nowrap;
  letter-spacing: 0.15625vw;
}
.side-nav .handle-nav .handle-text.nav-close {
  display: none;
}
.side-nav ul {
  padding: 0 0.4166vw;
  margin: 0;
}
.side-nav ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #d0d0d0;
  padding: 0.9375vw 0;
  border-bottom: 0.10416vw dashed #5ea240;
  cursor: pointer;
}
.side-nav ul li.active {
  color: #fff;
}
.side-nav ul li.active img.default {
  display: none;
}
.side-nav ul li.active img.active {
  display: inline-block;
}
.side-nav ul li:last-child {
  border: none;
}
.side-nav ul li img {
  width: 1.875vw;
  margin: 0 auto;
}
.side-nav ul li img.active {
  display: none;
}
.side-nav ul li h2 {
  width: 100%;
  text-align: center;
  font-size: 1.0248vw;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
  margin-top: 0.78125vw;
}
p {
  line-height: 1.5;
}
h2 {
  text-align: center;
  font-size: 2.0833vw;
  line-height: 1.5;
}
h3 {
  text-align: center;
  font-size: 1.8229vw;
  line-height: 1.5;
}
h4 {
  font-size: 1.3541vw;
  font-weight: normal;
  padding: 1.14583vw 2.5vw;
  background: #337943;
  color: #fff;
  display: inline-block;
  border-radius: 2.5vw;
  line-height: 1.5;
}
.kv {
  position: relative;
}
.kv .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.kv .container1 h1 {
  font-size: 2.8645vw;
  margin-bottom: 1.3541vw;
  color: #fff;
  line-height: 1;
}
.kv .container1 h2 {
  text-align: left;
  font-size: 2.0833vw;
  margin-bottom: 1.9791vw;
  color: #fff;
  line-height: 1;
}
.kv .container1 .kvList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 27.6041vw;
}
.kv .container1 .kvList li {
  position: relative;
  padding-top: 3.75vw;
  text-align: center;
}
.kv .container1 .kvList li p {
  font-size: 0.9375vw;
  color: #fff;
  line-height: 1;
  margin-top: 0.78125vw;
}
.kv .container1 .kvList li::before {
  content: '';
  position: absolute;
  width: 4.6354vw;
  height: 4.6354vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.kv .container1 .kvList li.kvList1::before {
  background: url('../images/icon-kv-1.png') no-repeat;
  background-size: 4.6354vw 4.6354vw;
}
.kv .container1 .kvList li.kvList2::before {
  background: url('../images/icon-kv-2.png') no-repeat;
  background-size: 4.6354vw 4.6354vw;
}
.kv .container1 .kvList li.kvList3::before {
  background: url('../images/icon-kv-3.png') no-repeat;
  background-size: 4.6354vw 4.6354vw;
}
.kv .container1 .kvList li.kvList4::before {
  background: url('../images/icon-kv-4.png') no-repeat;
  background-size: 4.6354vw 4.6354vw;
}
.kv .container1 .heroLink {
  margin-top: 2.0833vw;
}
.kv .container1 .heroLink a {
  display: inline-block;
}
.kv .container1 .heroLink a img {
  width: 11.6666vw;
}
.what {
  position: relative;
}
.what .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.what .container1 h2 {
  color: #ebebeb;
  margin-bottom: 3.6458vw;
}
.what .container1 ul li {
  color: #ebebeb;
  font-size: 1.0416vw;
  line-height: 1.5;
  padding-left: 1.1458vw;
  margin-bottom: 1.4583vw;
  position: relative;
}
.what .container1 ul li span {
  font-size: 1.1458vw;
  color: #7db427;
  font-weight: bold;
}
.what .container1 ul li::before {
  content: '';
  display: block;
  width: 0.2083vw;
  height: 0.2083vw;
  background: #ebebeb;
  position: absolute;
  left: 0.3125vw;
  top: 0.5208vw;
}
.significance {
  position: relative;
}
.significance .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.significance .container1 h2 {
  color: #ebebeb;
  margin-bottom: 2.0833vw;
}
.significance .container1 .significanceList {
  background: rgba(235, 235, 235, 0.8);
  padding: 1.9791vw 2.0833vw;
  border-radius: 1.9791vw;
}
.significance .container1 .significanceList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.significance .container1 .significanceList ul li {
  margin: 0 2.1875vw;
  text-align: center;
}
.significance .container1 .significanceList ul li img {
  width: 5.2083vw;
  margin: 0 auto;
}
.significance .container1 .significanceList ul li img.default {
  display: block;
}
.significance .container1 .significanceList ul li img.active {
  display: none;
}
.significance .container1 .significanceList ul li h3 {
  line-height: 1.5;
  margin: 1.0416vw 0;
}
.significance .container1 .significanceList ul li p {
  font-size: 1.1458vw;
  line-height: 1.5;
}
.significance .container1 .significanceList ul li:hover img.default {
  display: none;
}
.significance .container1 .significanceList ul li:hover img.active {
  display: block;
}
.significance .container1 .significanceList ul li:hover h3 {
  color: #2c5a20;
}
.product {
  position: relative;
}
.product .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.product .container1 h2 {
  color: #ebebeb;
  margin-bottom: 2.0833vw;
}
.product .container1 .productList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product .container1 .productList .productListDiv {
  background: rgba(235, 235, 235, 0.8);
  padding: 1.5625vw 0 0;
  border-radius: 0.7291vw;
  width: 23.9583vw;
  min-height: 27.802vw;
  margin-bottom: 1.5625vw;
  position: relative;
}
.product .container1 .productList .productListDiv h3 {
  margin-bottom: 1.25vw;
}
.product .container1 .productList .productListDiv h3 span {
  color: #2c5a20;
}
.product .container1 .productList .productListDiv h3 sup {
  font-size: 1.0416vw;
}
.product .container1 .productList .productListDiv .productListFeatures {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0.3125vw;
}
.product .container1 .productList .productListDiv .productListFeatures li {
  background: none;
  width: 25%;
  position: relative;
}
.product .container1 .productList .productListDiv .productListFeatures li p {
  line-height: 1.5;
  color: #323232;
  font-size: 0.8333vw;
  text-align: center;
  margin-top: 3.125vw;
}
.product .container1 .productList .productListDiv .productListFeatures li::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  width: 2.9166vw;
  height: 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon1::before {
  background: url(../images/icon-pro-1.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon2::before {
  background: url(../images/icon-pro-2.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon3::before {
  background: url(../images/icon-pro-3.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon4::before {
  background: url(../images/icon-pro-4.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon5::before {
  background: url(../images/icon-pro-5.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon6::before {
  background: url(../images/icon-pro-6.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon7::before {
  background: url(../images/icon-pro-7.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon8::before {
  background: url(../images/icon-pro-8.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon9::before {
  background: url(../images/icon-pro-9.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon10::before {
  background: url(../images/icon-pro-10.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon11::before {
  background: url(../images/icon-pro-11.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon12::before {
  background: url(../images/icon-pro-12.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productListFeatures li.icon13::before {
  background: url(../images/icon-pro-13.png) no-repeat;
  background-size: 2.9166vw 2.5vw;
}
.product .container1 .productList .productListDiv .productDivImg {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product .container1 .productList .productListDiv .productDivImg img {
  width: 18.3854vw;
}
.howtobuy {
  position: relative;
}
.howtobuy .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.howtobuy .container1 h2 {
  color: #ebebeb;
  margin-bottom: 2.0833vw;
}
.howtobuy .container1 .howtobuyDiv {
  background: #ebebeb;
  border-radius: 0.7291vw;
  padding: 3.0208vw 2.0833vw;
}
.howtobuy .container1 .howtobuyDiv .howtobuyImg img {
  width: 100%;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList {
  display: flex;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li {
  text-align: center;
  position: relative;
  width: 32vw;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li h5 {
  font-size: 1.40625vw;
  line-height: 1.25;
  color: #fff;
  z-index: 2;
  position: relative;
  margin-bottom: 1.0416vw;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li h5.howtobuy_step {
  padding: 0.8333vw 1.0416vw;
  background: #2c5a20;
  border-radius: 2.0832vw;
  display: inline-block;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li p {
  font-size: 1.1458vw;
  line-height: 1.5;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li::before {
  content: '';
  display: block;
  background: url(../images/icon-dot.png) repeat;
  height: 0.36458vw;
  width: 50%;
  position: absolute;
  top: 1.536425vw;
  left: 0;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li::after {
  content: '';
  display: block;
  background: url(../images/icon-dot.png) repeat;
  height: 0.36458vw;
  width: 50%;
  position: absolute;
  top: 1.536425vw;
  right: 0;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li:first-child {
  width: 14vw;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li:first-child::before {
  content: '';
  display: block;
  background: none;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li:last-child {
  width: 24vw;
}
.howtobuy .container1 .howtobuyDiv .howtobuyStepList li:last-child::after {
  content: '';
  display: block;
  background: none;
}
.from {
  background: #ebebeb;
  padding: 3.5416vw 0;
}
.from .container1 {
  text-align: center;
}
.from .container1 h2 {
  color: #222222;
  margin-bottom: 2.0833vw;
  padding-left: 4.5833vw;
  display: inline-block;
  position: relative;
}
.from .container1 h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.from .container1 h2.formTitle::before {
  width: 3.802vw;
  height: 3.3333vw;
  background: url(../images/icon-sesson-5-1.png) no-repeat;
  background-size: 3.802vw 3.3333vw;
}
.from .container1 h2.stepTitle::before {
  width: 3.6458vw;
  height: 3.6458vw;
  background: url(../images/icon-sesson-5-2.png) no-repeat;
  background-size: 3.6458vw 3.6458vw;
}
.from .container1 p {
  font-size: 1.1458vw;
  color: #222222;
  margin-bottom: 1.04166vw;
  line-height: 1.5;
  text-align: left;
}
.from .container1 p.note {
  font-size: 1.0416vw;
  color: #555555;
  margin-bottom: 2.39583vw;
}
.quality {
  position: relative;
}
.quality .container1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.quality .container1 .qualityImg {
  width: 52.9166vw;
  margin: 0 auto;
}
.quality .container1 .qualityImg img {
  width: 100%;
}
.core {
  background: #ebebeb;
  padding: 3.6458vw 1.0416vw;
}
.core .container1 h2 {
  margin-bottom: 2.6041vw;
}
.core .container1 .coreDiv {
  position: relative;
  height: 16vw;
}
.core .container1 .coreDiv h4 {
  position: absolute;
  left: 9.2291vw;
  top: 37%;
  transform: translateY(-50%);
}
.core .container1 .coreDiv .coreDivImg {
  position: absolute;
  left: 36.0416vw;
  top: 0;
}
.core .container1 .coreDiv .coreDivImg img {
  width: 23.802vw;
  height: 15.781vw;
}
.productImg {
  background: #dddddd;
  padding-top: 3.125vw;
}
.productImg .container1 {
  text-align: center;
}
.productImg .container1 h4 {
  margin-bottom: 1.6666vw;
}
.productImg .container1 img {
  width: 100%;
}
.productImg .container1 h5 {
  font-size: 1.5625vw;
  line-height: 1.5;
  margin: 1.0416vw 0;
  color: #222;
  text-align: left;
}
.productImg .container1 .note {
  font-size: 0.9375vw;
  color: #757575;
  padding-bottom: 1.25vw;
  text-align: left;
}
.productNote {
  background: #dddddd;
  padding-bottom: 1.25vw;
}
.productNote .container1 p {
  color: #333333;
  font-size: 0.9375vw;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  .container1 {
    margin: 0 2.6666vw;
    width: calc(100% - 5.3332vw);
  }
  .side-nav {
    right: -18.6666vw;
    width: 18.6666vw;
    background: url(../images/bg-right-nav.png) no-repeat;
  }
  .side-nav .handle-nav {
    left: -7.3333vw;
  }
  .side-nav .handle-nav img {
    width: 7.3333vw;
  }
  .side-nav .handle-nav .handle-text {
    font-size: 2.9333vw;
    letter-spacing: 0.4vw;
  }
  .side-nav ul {
    padding: 0 1.8666vw;
    margin: 0;
  }
  .side-nav ul li {
    padding: 2.666vw 0;
    border-bottom: 0.2666vw dashed #5ea240;
  }
  .side-nav ul li img {
    width: 4.8vw;
  }
  .side-nav ul li h2 {
    font-size: 2.6666vw;
    margin-top: 1.3333vw;
  }
  h2 {
    font-size: 5.3333vw;
  }
  h3 {
    font-size: 4.6666vw;
  }
  h4 {
    font-size: 4vw;
    padding: 2.4vw;
    border-radius: 2.4vw;
  }
  .kv {
    position: relative;
  }
  .kv .container1 {
    top: 0;
    transform: none;
    width: calc(100vw - 5.3332vw);
    height: 100%;
  }
  .kv .container1 h1 {
    font-size: 10.9333vw;
    margin-bottom: 2.9333vw;
    padding-top: 8.0666vw;
    text-align: center;
  }
  .kv .container1 h2 {
    font-size: 5.2vw;
    margin-bottom: 2.5vw;
    text-align: center;
  }
  .kv .container1 .kvList {
    position: absolute;
    bottom: 0;
    margin-bottom: 28.3333vw;
    width: calc(100vw - 5.3332vw);
  }
  .kv .container1 .kvList li {
    padding-top: 12.5333vw;
  }
  .kv .container1 .kvList li p {
    font-size: 3.4666vw;
    margin-top: 1.8666vw;
  }
  .kv .container1 .kvList li::before {
    content: '';
    position: absolute;
    width: 14vw;
    height: 14vw;
  }
  .kv .container1 .kvList li.kvList1::before {
    background: url('../images/icon-kv-1.png') no-repeat;
    background-size: 14vw 14vw;
  }
  .kv .container1 .kvList li.kvList2::before {
    background: url('../images/icon-kv-2.png') no-repeat;
    background-size: 14vw 14vw;
  }
  .kv .container1 .kvList li.kvList3::before {
    background: url('../images/icon-kv-3.png') no-repeat;
    background-size: 14vw 14vw;
  }
  .kv .container1 .kvList li.kvList4::before {
    background: url('../images/icon-kv-4.png') no-repeat;
    background-size: 14vw 14vw;
  }
  .kv .container1 .heroLink {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    margin-bottom: 11.1333vw;
  }
  .kv .container1 .heroLink a {
    display: inline-block;
  }
  .kv .container1 .heroLink a img {
    width: 29.8666vw;
  }
  .what .container1 h2 {
    margin-bottom: 6vw;
  }
  .what .container1 ul li {
    font-size: 3.2vw;
    padding-left: 2.1333vw;
    margin-bottom: 4vw;
  }
  .what .container1 ul li span {
    font-size: 3.2vw;
  }
  .what .container1 ul li::before {
    width: 0.5333vw;
    height: 0.5333vw;
    left: 0;
    top: 2vw;
  }
  .significance {
    position: relative;
  }
  .significance .container1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .significance .container1 h2 {
    margin-bottom: 5.3333vw;
  }
  .significance .container1 .significanceList {
    padding: 6.6666vw 2.4vw 1.3333vw;
    border-radius: 3.333vw;
  }
  .significance .container1 .significanceList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .significance .container1 .significanceList ul li {
    width: 50%;
    margin: 0;
    margin-bottom: 5.3333vw;
    text-align: center;
  }
  .significance .container1 .significanceList ul li img {
    width: 15.6vw;
  }
  .significance .container1 .significanceList ul li h3 {
    margin: 2.1333vw 0;
  }
  .significance .container1 .significanceList ul li p {
    font-size: 3.2vw;
  }
  .product .container1 h2 {
    margin-bottom: 5.3333vw;
  }
  .product .container1 .productList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product .container1 .productList .productListDiv {
    padding: 5.3333vw 0 0;
    border-radius: 2.1333vw;
    width: 46vw;
    min-height: 80.6666vw;
    margin-bottom: 2.9333vw;
  }
  .product .container1 .productList .productListDiv h3 {
    margin-bottom: 1.6vw;
  }
  .product .container1 .productList .productListDiv h3 span {
    color: #2c5a20;
  }
  .product .container1 .productList .productListDiv h3 sup {
    font-size: 4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 0.625vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li {
    width: 50%;
    margin-bottom: 3.7333vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li p {
    font-size: 2.6666vw;
    margin-top: 7.7333vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li::before {
    width: 7.4666vw;
    height: 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon1::before {
    background: url(../images/icon-pro-1.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon2::before {
    background: url(../images/icon-pro-2.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon3::before {
    background: url(../images/icon-pro-3.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon4::before {
    background: url(../images/icon-pro-4.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon5::before {
    background: url(../images/icon-pro-5.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon6::before {
    background: url(../images/icon-pro-6.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon7::before {
    background: url(../images/icon-pro-7.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon8::before {
    background: url(../images/icon-pro-8.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon9::before {
    background: url(../images/icon-pro-9.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon10::before {
    background: url(../images/icon-pro-10.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon11::before {
    background: url(../images/icon-pro-11.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon12::before {
    background: url(../images/icon-pro-12.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productListFeatures li.icon13::before {
    background: url(../images/icon-pro-13.png) no-repeat;
    background-size: 7.4666vw 6.4vw;
  }
  .product .container1 .productList .productListDiv .productDivImg {
    width: 70%;
  }
  .product .container1 .productList .productListDiv .productDivImg img {
    width: 100%;
  }
  .product .container1 .productList .productListDiv.three {
    min-height: 62.6666vw;
  }
  .product .container1 .productList .productListDiv.three .productListFeatures li {
    width: auto;
    flex: 1;
  }
  .howtobuy .container1 h2 {
    margin-bottom: 5.3333vw;
  }
  .howtobuy .container1 .howtobuyDiv {
    padding: 5.6vw 2.4vw;
    border-radius: 2.4vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList {
    display: flex;
    flex-wrap: wrap;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li {
    width: 100%;
    margin-bottom: 4vw;
    text-align: left;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyStepTitle {
    position: relative;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyStepTitle h5 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 3.6vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyStepTitle h5.howtobuy_step {
    padding: 1.6vw 3.4666vw;
    border-radius: 3.4666vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyStepTitle p {
    padding-top: 1.0666vw;
    padding-left: 18.9333vw;
    font-size: 2.9333vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyImg {
    margin: 2.6666vw auto 0;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyImg img {
    width: 100%;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyImg.howtobuyImg1 {
    width: 28.6666vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyImg.howtobuyImg2 {
    width: 86.2666vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li .howtobuyImg.howtobuyImg3 {
    width: 56.8vw;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li::before {
    display: none;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li::after {
    display: none;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li:first-child {
    width: 100%;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li:first-child::before {
    display: none;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li:last-child {
    width: 100%;
  }
  .howtobuy .container1 .howtobuyDiv .howtobuyStepList li:last-child::after {
    display: none;
  }
  .from {
    padding: 8vw 0;
  }
  .from .container1 h2 {
    margin-bottom: 5.0666vw;
    padding-left: 15.3333vw;
  }
  .from .container1 h2::before {
    top: 50%;
    transform: translateY(-50%);
  }
  .from .container1 h2.formTitle::before {
    width: 12.5333vw;
    height: 11.0666vw;
    background: url(../images/icon-sesson-5-1.png) no-repeat;
    background-size: 12.5333vw 11.0666vw;
  }
  .from .container1 h2.stepTitle::before {
    width: 12.5333vw;
    height: 12.5333vw;
    background: url(../images/icon-sesson-5-2.png) no-repeat;
    background-size: 12.5333vw 12.5333vw;
  }
  .from .container1 p {
    font-size: 3.7333vw;
    margin-bottom: 2.6666vw;
  }
  .from .container1 p.note {
    font-size: 3.4666vw;
    margin-bottom: 7.4666vw;
  }
  .quality .container1 .qualityImg {
    width: 94.1333vw;
  }
  .core {
    padding: 10.6666vw 6.6666vw;
  }
  .core .container1 h2 {
    margin-bottom: 5.3333vw;
  }
  .core .container1 .coreDiv {
    height: auto;
  }
  .core .container1 .coreDiv h4 {
    position: static;
    margin-bottom: 5.3333vw;
    transform: none;
  }
  .core .container1 .coreDiv .coreDivImg {
    position: static;
    width: 66.666vw;
    margin: 0 auto;
  }
  .core .container1 .coreDiv .coreDivImg img {
    width: 100%;
    height: auto;
  }
  .productImg {
    padding-top: 7.4666vw;
  }
  .productImg .container1 {
    text-align: center;
  }
  .productImg .container1 h4 {
    margin-bottom: 5.3333vw;
  }
  .productImg .container1 img {
    width: 100%;
  }
  .productImg .container1 h5 {
    font-size: 3.7333vw;
    margin: 5.3333vw 0 2.6666vw;
  }
  .productImg .container1 .note {
    font-size: 2.1333vw;
    padding-bottom: 7.4666vw;
  }
  .productNote {
    padding-bottom: 7.4666vw;
  }
  .productNote .container1 p {
    font-size: 2.4vw;
    line-height: 1.5;
    margin-bottom: 0;
  }
}
/*********header*********/
#header {
  width: 100%;
  height: 70px;
  background: #000;
  position: relative;
}
#header .headerWeapper {
  height: 100%;
  position: relative;
  margin: 0 12.552vw;
}
#header .headerWeapper #logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#header .headerWeapper .menupush_img,
#header .menu_push {
  display: none;
}
#header .headerWeapper .nav {
  position: absolute;
  right: 0;
}
#header .headerWeapper .nav li {
  float: left;
  position: relative;
  height: 70px;
}
#header .headerWeapper .nav li.pipe {
  padding: 0;
  width: 0;
  height: 18px;
  font-size: 16px;
  color: #cccccc;
  margin-top: 26px;
}
#header .headerWeapper .nav > li > a {
  line-height: 70px;
  font-size: 16px;
  color: #ffffff;
  padding: 0 20px;
  border-left: 1px #cccccc solid;
}
#header .headerWeapper .nav > li:first-child > a {
  border-left: 0;
}
#header .headerWeapper .nav > li.hover {
  background: #f2f6f7;
}
#header .headerWeapper .nav li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 70px;
  background: #f2f6f7;
}
#header .headerWeapper .nav li ul li {
  float: none;
  background: #f2f6f7;
  height: auto;
}
#header .headerWeapper .nav li ul li a {
  width: 144px;
  height: auto;
  padding: 10px 20px;
  text-transform: none;
  border-top: 1px solid #dadada;
  font-size: 14px;
  color: #000;
  display: block;
  text-align: center;
}
#header .headerWeapper .nav li ul li:first-child a {
  border-top: none;
}
@media screen and (max-width: 1200px) {
  #header .headerWeapper {
    width: auto;
    margin: 0 16px;
  }
}
#header #top {
  position: absolute;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
}