.icon-menu {
  background-image: url("../../assets/images/icons/menu.png");
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block
}

.icon-close {
  background-image: url("../../assets/images/icons/close.png");
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block
}

.icon-facebook {
  background-image: url("../../assets/images/icons/facebook.png");
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block
}

.icon-instagram {
  background-image: url("../../assets/images/icons/instagram.png");
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block
}

.icon-arrow:after {
  content: '';
  display: inline-block;
  width: .875rem;
  height: .875rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 5px
}

.left-arrow-icon:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 10px;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px
}

.arrow-d:after {
  background-image: url("../../assets/images/icons/arrow_d.png");
  width: 12px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px
}

.icon-download-w:after {
  background-image: url("../../assets/images/icons/download_w.png");
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .5rem
}

.icon-download:after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/download.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-download:hover:after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../assets/images/icons/download_on.png")
}

.icon-people:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/people.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-people:hover:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/people_on.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-lock:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/lock.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-lock:hover:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/lock_on.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-cart:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/cart.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-cart:hover:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/cart_on.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.icon-tel:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/tel.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px
}

.icon-email:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 13.3px;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/email.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 7px
}

.icon-email-sp:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 16px;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/email.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 7px;
  margin-bottom: 3px
}

.icon-watch:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background-image: url("../../assets/images/icons/watch.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px
}