.center_con {
	margin: 0 2%;
}

.relation_wrap {
	font-size: 0;
	letter-spacing: normal;
	margin: 6% 0;
}

.relation_wrap a {
	text-decoration: none;
	color: #000000;
}

.relation_title {
	text-align: center;
	font-size: 20px;
	background-image: linear-gradient(to left,#B26C5F,#f08080);
    border-left: solid 20px #bf6a7a;
	color: #ffffff;
	box-sizing: border-box;
	padding: 7px 0;
	margin-bottom : 6%;
	
}

.relation_course {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #CCC;
	box-sizing: border-box;
}

.relation_course .course_wrap {
	padding: 2%;
}

.relation_course .course_wrap h2 {
	margin: 0;
	font-size: 16px;
	padding: 2%;
	background-color: rgba(236,107,116,0.7);
}

.relation_course .course_wrap .course_over h2 span {
	display: block;
	font-size: 12px;
}

.relation_course .course_wrap .course_over .pc_only {
	margin: 0;
	padding: 4% 2%;
	font-size: 16px;
	border-bottom: 1px dashed #CCC;
	height: auto;
}

.relation_course .course_wrap .course_over p {
	height: 110px;
	margin: 0;
	padding: 4% 2%;
	font-size: 14px;
	border-bottom: 1px dashed #CCC;
}

.relation_course .course_wrap .course_over p span {
	display: block;
	font-size: 12px;
}

.more_btn {
	width: 40%;
	margin: 4% auto 0;
}

.more_btn a {
	display: block;
	font-size: 12px;
	text-align: center;
	padding: 6%;
	background-color: rgba(236,107,116,0.5);
	border-radius: 15px;
	color: #000000;
	transition: 0.7s all;
}

.more_btn a:hover {
	background-color: rgba(236,107,116,1);
}

@media screen and (max-width: 960px) {
	
	.pc_only {
		display: none;
	}
	
	.relation_course {
    	width: 46%;
		margin: 2%;
	}
	
	.center_con {
		margin: 2%;
	}
	
}

@media screen and (max-width: 480px) {
	
	.relation_title {
		font-size: 15px;
	}
	
	.relation_course {
    	width: 96%;
		margin: 4% 2%;
	}
	
	.center_con {
		margin: 4% 2%;
	}
	
	.relation_course .course_wrap .course_over p {
		height: auto;
	}
	
}