@charset "utf-8";
/* CSS Document */
.co1l{
	width: 40%;
	margin-right: 3%;
}
.co1r img{
	width: 95%;
}
.co1la{
	padding: 20px;
	transition: .5s;
}
.co1r::after{
	content: "";
	width: 95%;
	height: 95%;
	background: none;
	border: 1px solid #65ac1e;
	position: absolute;
    top: 10%;
	left: 5%;
}
.co1laline{
	display: block;
	width: 70%;
	height: 1px;
	background: #ddd;
	margin: 15px 0;
}
.co1laline::after{
	content: "";
	width: 45%;
	height: 3px;
	background: #65ac1e;
	position: absolute;
	left: 0;
	top: -1px;
	transition: .25s;
}
.co1la:hover{
	color: #fff;
	background: #65ac1e;
	transform: translateX(-20px);
}
.co1la:hover .co1laline::after{
	background: #fff;
}



@media only screen and (max-width: 1399px){
	.co1la h3{
		font-size: 18px;
	}
}

@media only screen and (max-width: 768px){
	.co1{
		/*margin-bottom: 25px;*/
		padding-bottom: 50px;
	}
	.co1la{
		padding: 15px;
	}
	.co1la:hover{
		transform: translateX(0);
	}
	.co1la h3{
		font-size: 16px;
	}
}