@charset "utf-8";
/* CSS Document */
body{
	margin:0;}
#certify {position:relative; width:100%; margin:0 auto;}
#certify .swiper-container {padding-top:55px;}
#certify .swiper-slide{width:620px;}
#certify .swiper-slide span{display:block; box-shadow:0px 8px 8px rgba(0,0,0,0.5);}
#certify .swiper-slide.swiper-slide-active span{box-shadow:0px 12px 12px rgba(0,0,0,0.8);}
#certify .swiper-slide img{display:block; width:100%; -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); filter: grayscale(80%); filter:grayscale(80%) blur(2px);}
#certify .swiper-slide.swiper-slide-active img{filter:grayscale(0%) blur(0px);}
#certify .swiper-slide p{line-height:80px; padding-top:0; font-size:1.25rem; text-align:center; color:#222; margin:0; opacity:0; filter:alpha(opacity=0);}
#certify .swiper-slide.swiper-slide-active p{opacity:1; filter:alpha(opacity=100);}
#certify .swiper-pagination{display:none;}
#certify .swiper-button-prev{left:5%; top:48%; width:43px; height:43px; background:url(../images/indd_l.png) no-repeat;}
#certify .swiper-button-next{right:5%; top:48%; width:43px; height:43px; background:url(../images/indd_r.png) no-repeat;}



@media screen and (max-width:1024px){
.index_bgd{ background-size:auto 100%; height:auto;}
#certify .swiper-container {padding-top:40px;}
#certify {margin:0 auto;}
#certify .swiper-slide{width:450px;}
#certify .swiper-slide p{font-size:1.125rem;}
#certify .swiper-button-prev{left:8%; top:47%;}
#certify .swiper-button-next{right:8%; top:47%;}
}
@media screen and (max-width:768px){
.index_bgd{ padding-top:60px;}
#certify .swiper-slide{width:360px;}
#certify .swiper-slide p{font-size:1rem;}
#certify .swiper-button-prev{left:5%;}
#certify .swiper-button-next{right:5%;}
}
@media screen and (max-width:520px){
.index_bgd{ padding-top:40px;}
#certify .swiper-container {padding-top:20px;}
#certify .swiper-slide{width:186px;}
#certify .swiper-slide p{font-size:0.875rem;line-height: 20px;padding-top: 40px;}
#certify .swiper-button-prev{left:4%; top:52%; width:24px; height:24px; background-size:100%;}
#certify .swiper-button-next{right:4%; top:52%; width:24px; height:24px; background-size:100%;}
}