@charset "utf-8";

.blog_cat_list{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin:0;
}
.blog_cat_item{
	list-style:none;
	margin:0 12px;
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:1.9rem;
}
.blog_cat_link{
	display:block;
	position:relative;
	padding-bottom:8px;
	color:#333 !important;
	text-decoration:none !important;
	cursor:pointer;
}
.blog_cat_link::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	width:4px;
	height:4px;
	margin:auto;
	border-radius:50%;
	background:#333;
	opacity:0;
	transition:opacity 0.3s;
}
.blog_cat_link:hover::after, .on .blog_cat_link::after{opacity:1;}

.blog_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:130px 50px;
	padding:0;
}
.blog_item{
	list-style:none;
	margin:0;
}
.blog_link{
	display:flex;
	flex-direction:column;
	height:100%;
	color:#333 !important;
	text-decoration:none !important;
	transition:border 0.3s;
}
.blog_thumb{
	flex-shrink:0;
	margin-bottom:15px;
	border-radius:3px;
	overflow:hidden;
}
.blog_img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.blog_txt{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.blog_date{
	display:block;
	margin-bottom:6px;
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:1.7rem;
}
.blog_title{
	font-family:var(--font_shippori);
	font-size:1.4rem;
	font-weight:600;
	letter-spacing:2.1px;
	line-height:2.3rem;
	margin-bottom:18px;
}
.blog_cat{
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:1.7rem;
	margin:0;
}


@media screen and (max-width:1024px){

.blog_thumb{margin-bottom:10px;}
.blog_date{
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.6rem;
}
.blog_title{
	font-size:1.2rem;
	letter-spacing:1.8px;
	line-height:2.1rem;
	margin-bottom:12px;
}
.blog_cat{
	font-size:1.1rem;
	letter-spacing:1.32px;
	line-height:1.6rem;
}

}


@media screen and (min-width:768px) and (max-width:1024px){

.blog_list{
	grid-template-columns:repeat(3, 1fr);
	grid-gap:70px 45px;
}

}


@media screen and (max-width:767px){

.blog_cat_list{display:none;}
.blog_list{
	grid-template-columns:repeat(2, 1fr);
	grid-gap:40px 30px;
}
.blog_date{
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.6rem;
	margin-bottom:3px;
}
.blog_title{
	font-size:1.2rem;
	letter-spacing:1.8px;
	line-height:2.1rem;
	margin-bottom:13px;
}
.blog_cat{
	font-size:1.1rem;
	letter-spacing:1.32px;
	line-height:1.6rem;
}

}


@media screen and (max-width:500px){

.blog_list{display:block;}
.blog_item{margin-bottom:30px;}
.blog_link{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.blog_thumb{
	flex-shrink:0;
	width:150px;
	margin:0 15px 0 0;
}
.blog_txt{width:100%;}

}