@charset "UTF-8";
/* CSS Document */
/* blog.css */

#blog{
	margin-top: 20px;
}


/* blog */
.blog_list_container{
	margin: 20px 50px 0;
	display: flex;
	justify-content: center;
}
.blog_list_container .blog_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 3% 2%;
	max-width: 1100px;
}
.blog_list_container .blog_list li .img{
	margin-bottom: 10px;
}
.blog_list_container .pagenation{
	display: flex;
	align-items: center;
	justify-content: center;
}
.blog_list_container .pagenation li{
	margin: 0 10px;
}
.blog_list_container .blog_list li h4{
	font-size: 12px;
	color: #C7C6C5;
	margin: 20px 0 8px;
	letter-spacing: 0.08em;
}
.blog_list_container .blog_list li .text_wrap{
	letter-spacing: 0.04em;
	line-height: 1.4;
}
.blog_list_container .blog_list li p{
	font-size: 22px;
	margin-bottom: 10px;
}
/*--------------------------------
スマートフォン/
--------------------------------*/
@media screen and (max-width: 767px) {	
	.blog_list_container{
		margin: 0px 0 0px;
	}
	.blog_list_container .blog_list{
		grid-template-columns: repeat(1,1fr);
		margin:0 20px 0px;
	}	
	.blog_list_container .blog_list li .text_wrap{
		margin-left: 0px;
	}
}