.article{ padding:0!important; }
.article, .article *{ font-family:'pt',sans-serif; }
section{ overflow:hidden; }

#sm{ display:flex; border-bottom:1px solid #ccc; margin:0 40px; justify-content:center; }
#sm > li{ min-width:157px; font-family:'gt',sans-serif; font-size:20px; font-weight:500; color:#333; line-height:1em; margin:0 0 -1px; text-align:center; }
#sm > li.act{ color:#f59d05; }
#sm > li > a{ display:block; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; border-bottom:2px solid transparent; padding:17px 15px; }
#sm > li.act > a{ border-bottom:2px solid #f59d05; }

@media(max-width:991px){
    #sm{ margin:0 15px; } 
    #sm > li{ min-width:140px; font-size:20px; }
}
@media(max-width:768px){
    #sm > li{ min-width:110px; font-size:16px; }
    #sm > li > a{ padding:12px 10px; }
}

#sb01{ padding:150px 40px; }

.sb_tt{ border-bottom:2px solid #ddd; word-break:keep-all; margin-bottom:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:bottom; -ms-flex-align:bottom; align-items:flex-end; }
.sb_tt > h2{ font-family:'gt',sans-serif; font-size:30px; font-weight:700; color:#f59d05; border-bottom:2px solid #f59d05; transform:translate(0, 2px); padding:0 0 10px 0; margin-right:20px; white-space:nowrap; }
.sb_tt > p{ font-size:16px; font-weight:300; color:#666; padding:0 0 10px 0; }

.cer_wrap{ margin:0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.cer_wrap > li{ width:25%; padding:0 10px 30px; display:-webkit-box; display:-ms-flexbox; display:flex; }
.cer_wrap > li.pt_50{ width:50%; }
.cer_box{ width:100%; background-color:#f5f5f5; border-radius:10px; box-shadow:3px 3px 7px 0 rgba(0,0,0,0.3); transform:translate(0, 100px); opacity:0; overflow:hidden; }
.cer_wrap > li.act > .cer_box{ transform:translate(0, 0); opacity:1; transition:1s transform, 1s opacity; }

.cer_img{ position:relative; z-index:1; overflow:hidden; display:block; }
.cer_img:before{ content:'\f002'; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:cetner; -ms-flex-align:center; align-items:center; font-family:'Line Awesome Free'; font-size:50px; font-weight:900; color:#f59d05; opacity:0; transition:0.4s opacity; }
.cer_box:hover > .cer_img:before{ opacity:1; }

.cer_txt{ padding:15px 10px 20px; text-align:center; word-break:keep-all; font-size:16px; font-weight:500; color:#333; }

@media(max-width:991px){
	#sb01{ padding:100px 15px; }
}
@media(max-width:850px){
	.cer_wrap > li{ width:33.33333333%; }
	.cer_wrap > li.pt_50{ width:66.66666667%; }
}
@media(max-width:800px){
	.sb_tt{ -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	.sb_tt > h2{ width:100%; border-bottom:none; padding:0 0 10px 0; margin-right:0; white-space:nowrap; }
}
@media(max-width:700px){
	.sb_tt > h2{ border-bottom:none; padding:0 0 10px 0; margin-right:0; white-space:nowrap; }
	.cer_wrap > li{ width:50%; }
	.cer_wrap > li.pt_50{ width:100%; }
}
@media(max-width:450px){
	.cer_wrap > li{ padding:0 5px 10px; }
	.cer_txt{ font-size:14px; }
}
@media(max-width:360px){
	.cer_wrap > li{ width:100%; }
}


#sb02{ padding:120px 0 0; }
#sb03{ padding:120px 0 0; }