@charset "utf-8";

.cert-list{display:flex; flex-wrap:wrap; gap:2rem}
.cert-item{position:relative; width:calc((100% - 2rem * 4) / 5); box-shadow:0 0 1rem 0 rgba(0,0,0,.1)}
.cert-item-img{position:relative}
.cert-item-img:after{content:''; position:absolute; right:0; bottom:0; left:0; height:1px; background-color:rgba(0,0,0,.1)}
.cert-item-img img{display:block; width:100%}
.cert-item-text{padding:1rem; text-align:center}
.cert-item-title{font-weight:500; font-size:1.1rem; letter-spacing:-0.8px; word-break:break-all}
.cert-item-date{font-weight:300}
.cert-item-mask{position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
@media screen and (max-width:1280px){
	.cert-list{gap:2vw}
	.cert-item{width:calc((100% - 2vw * 4) / 5)}
	.cert-item-text{padding:0.6rem}
}
@media screen and (max-width:1024px){
	.cert-item{width:calc((100% - 2vw * 3) / 4)}
}
@media screen and (max-width:767px){
	.cert-item{width:calc((100% - 2vw * 2) / 3)}
}
@media screen and (max-width:428px){
	.cert-item{width:calc((100% - 2vw) / 2)}
}
@media screen and (max-width:360px){
	.cert-item{width:calc((100% - 2vw) / 2)}
}
@media screen and (max-width:320px){
	.cert-item{width:calc((100% - 2vw) / 2)}
}