@charset "utf-8";
/* CSS Document */

#certify { position: relative; width: 100%; margin: 0 auto }

#certify .swiper-container { padding-bottom: 60px; }
#certify .swiper-slide { width: 320px; height: 280px; background: #fff; box-shadow: 0 8px 30px #ddd; }
#certify .swiper-slide img{ display:block; width: 100%; }
#certify .swiper-slide p { line-height: 48px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
#certify .swiper-pagination { width: 100%; bottom: 20px; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #f03c98; background-color: #fff; }
#certify .swiper-button-prev { left: 30px; width: 45px; height: 45px; background: url(/html/static/images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; }
#certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% }
#certify .swiper-button-next { right: 30px; width: 45px; height: 45px; background: url(/html/static/images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; }
#certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% }
@media (min-width: 576px) {
  #certify { width: 550px; }
  #certify .swiper-slide { width: 520px; height: 448px;}
  #certify .swiper-slide p { line-height: 68px;}
}
@media (min-width: 768px) {
  #certify { width: 750px; }
  #certify .swiper-button-prev { left: -30px;}
  #certify .swiper-button-next { right: -30px;}
}
@media (min-width: 992px) {
  #certify { width: 950px; }
}
@media (min-width: 1200px) {
  #certify { width: 1200px; }
}