body {
  background-image: url(/images/home_bg_mobile.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
main .container {
  padding: 31.4667vw 0 31.7333vw;
  text-align: center;
}
main .product {
  position: relative;
  margin-bottom: 75.3333vw;
}
main .product .swiper-pagination {
  bottom: -30px;
}
main .product p {
  text-align: center;
  color: #583e2f;
  margin-bottom: 4.8vw;
}
main .product p span:first-child {
  font-size: 6.6667vw;
  font-weight: bold;
}
main .product p span:last-child {
  font-size: 4vw;
  font-weight: 400;
}
main .product a {
  line-height: 1;
  font-size: 3.4667vw;
  color: #583e2f;
}
main .my-bullet {
  display: inline-block;
  width: 1.1458vw;
  height: 1.1458vw;
  border-radius: 50%;
  border: 1px solid #583e2f;
  margin: 0 1.7708vw;
  cursor: pointer;
}
main .my-bullet-active {
  background-color: #583e2f;
}
main .about {
  position: relative;
  margin-bottom: 65.3333vw;
}
main .about > div:first-child {
  margin-left: 24.8vw;
  text-align: left;
  font-size: 5.3333vw;
  font-weight: 400;
  color: #ad7c2f;
}
main .about a {
  position: absolute;
  top: 16.6667vw;
  right: 12.1333vw;
  font-size: 3.4667vw;
  padding: 1.6vw 1.8667vw;
  border: 1px solid #583e2f;
  border-radius: 2px;
  color: #583e2f;
}
main .about a span {
  margin-left: 1.2vw;
}
main .contact p:first-child {
  font-size: 5.3333vw;
  margin-bottom: 2.2667vw;
  color: #583e2f;
}
main .contact p:last-child {
  font-size: 2.6667vw;
  color: #583e2f;
}