.blog-list-item{ position:relative; top:0; width:100%; border-radius:var(--radius); background-color:var(--colorL); transition:all 0.6s ease; margin:0 0 2rem 0; padding:0; overflow:hidden; }
.blog-list-image{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; margin:0; background-position:center; background-repeat:no-repeat; background-size:cover; }
.blog-list-image::after{ content:""; position:absolute; top:10rem; left:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.8); }
.blog-list-box{ position:relative; margin-top:10rem; padding:2rem 2rem 2rem 2rem }
.blog-list-title{ position:relative; display:block; margin:0; }
.blog-list-text{ position:relative; line-height:1.2; margin:0; }
@media (min-width:768px){
	.blog-list-item{ margin:0; }
}