@media screen and (max-width: 899px) {
  #main_top #main_banner {
    background-image: url(../img/main_banner_bg_sp.jpg);
  }
}
@media screen and (min-width: 900px) {
  #main_top #main_banner {
    background-image: url(../img/main_banner_bg.png);
  }
}
@media screen and (max-width: 899px) {
  #main_top #products_available {
    background-image: url(../img/products_available_bg_sp.jpg);
  }
}
@media screen and (min-width: 900px) {
  #main_top #products_available {
    background-image: url(../img/products_available_bg.jpg);
  }
}
@media screen and (max-width: 899px) {
  #main_top #faq,
  #main_top #how_to {
    background-image: url(../img/how_to_bg_sp.jpg);
  }
}
@media screen and (min-width: 900px) {
  #main_top #faq,
  #main_top #how_to {
    background-image: url(../img/how_to_bg.jpg);
  }
}
@media screen and (max-width: 899px) {
  #main_top #recommended {
    background-image: url(../img/recommended_bg_sp.jpg);
  }
}
@media screen and (min-width: 900px) {
  #main_top #recommended {
    background-image: url(../img/recommended_bg.jpg);
  }
}
#main_top #purchase {
  background-image: url(../img/purchase_bg.jpg);
}
@media screen and (max-width: 600px) {
  #main_top #purchase {
    background-image: url(../img/purchase_bg_sp.jpg);
  }
}
#main_top #review {
  background-image: url(../img/reviews_bg.jpg);
}
@media screen and (max-width: 600px) {
  #main_top #review {
    background-image: url(../img/reviews_bg_sp.png);
  }
}

.contact_box a::before {
  background: url(../img/contact_btn_bg.jpg);
}/*# sourceMappingURL=top-bg.css.map */