@charset "utf-8";

.c_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:50px 40px;
	padding:0;
	margin-top:60px;
}
.c_item{
	list-style:none;
	margin:0;
}
.c_link{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
}
.c_thumb{
	position:relative;
	margin-bottom:15px;
	border-radius:5px;
	overflow:hidden;
}
.c_thumb::after{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #338633;
	border-radius:5px;
	opacity:0;
	transition:opacity 0.3s;
}
a:hover .c_thumb::after{opacity:1;}
.c_img{border-radius:0;}
.c_title{
	padding-left:20px;
	margin:0;
	background:url(/img/common/arrow_r.svg) no-repeat top 6px left;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:1.08px;
	line-height:2.6rem;
	transition:color 0.3s;
}
a:hover .c_title{color:#338633;}


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

.c_list{
	gap:45px 25px;
	margin-top:50px;
}
.c_title{
	font-size:1.6rem;
	letter-spacing:0.96px;
	line-height:2.4rem;
}
.c_title{background-position:top 5px left;}

}


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

.c_list{grid-template-columns:1fr 1fr;}

}


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

.c_list{
	gap:40px 10px;
	margin-top:35px;
}
.c_thumb{margin-bottom:10px;}
.c_title{
	padding-left:15px;
	background-position:top 3px left;
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.2rem;
}

}