@charset 'utf-8';

.former-box .former-list{display:flex;flex-wrap:wrap;}
.former-box .former-list li{margin:0 12px 24px 0;width:calc(25% - 9px);}
.former-box .former-list li:nth-child(4n){margin:0;}
.former-box .former-list li:last-of-type{margin:0;}
.former-box .former-img-wrap{padding:0 0 24px;}
.former-box .former-img-wrap .img-box{position:relative;padding-bottom:100%;}
.former-box .former-img-wrap .img-box img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.former-box .former-txt-wrap .former-txt-box{text-align:center;}
.former-box .former-txt-wrap .former-txt-box p{padding:0 0 12px;font-size:16px;line-height:24px;color:#333;}
.former-box .former-txt-wrap .former-txt-box span{font-size:14px;line-height:24px;color:#777;}

@media screen and (max-width:1024.98px){
	.former-box .former-list li:nth-child(2n){margin:0 20px 0 0;}
	.former-box .former-list li:nth-child(3n){margin:0 0px 24px 0;}
	.former-box .former-list li{margin:0 20px 10px 0;width:calc(33.3333% - 14px);}
}

@media screen and (max-width:768px){
	.former-box .former-list li{margin:0 20px 20px 0;width:calc(50% - 10px);}
	.former-box .former-list li:nth-child(3n){margin:0 20px 20px 0;}
	.former-box .former-list li:nth-child(2n){margin:0 0px 20px;}
	.former-box .former-list li:last-of-type{margin:0;}
}

@media screen and (max-width:480px){
	.former-box .former-list li{margin:0 0px 20px 0;width:100%;}
	.former-box .former-list li:nth-child(3n){margin:0 0px 20px 0;}
	.former-box .former-list li:nth-child(2n){margin:0 0px 20px;}
}