.erp-column-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

@media screen and (max-width: 767.499px) {
	.erp-column-tag-list {
		padding: 20px 10px;
	}
}

@media print, screen and (min-width: 767.5px) {
	.erp-column-tag-list {
		margin-bottom: 20px;
	}
}

.erp-column-tag {
	display: inline-block;
	padding: 4px 15px;
	border: 1px solid #006f46;
	border-radius: 100px;
	background: #fff;
	color: #006f46;
	font-size: 1.4rem;
	line-height: 1.4;
	text-decoration: none;
	transition: .3s all;

	&:hover {
		background: #006f46;
		color: #fff;
	}
}

.erp-column-header {
	margin-bottom: 30px;
}

.erp-column-header__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.erp-column-header__date {
	display: flex;
	gap: 15px;
}

@media print, screen and (min-width: 767.5px) {
	.erp-column-list {
		> div {
			margin-bottom: 25px;
		}
	}
}

.erp-column-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	box-shadow: 0 4px 6px 2px rgba(39,39,39, 0.16);
	color: #272727;
	text-decoration: none;

	&:hover {

		.erp-column-card__ttl {
			color: #006f46;
		}

		img {
			opacity: 0.7;
		}
	}

}

.erp-column-card__img {
	img {
		object-fit: cover;
		aspect-ratio: 16/9;
	}
}

.erp-column-card__content {
	padding: 10px 15px 20px;
}

.erp-column-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 15px;
}

.erp-column-card__tag {
	padding: 4px 8px;
	background: #eee;
	font-size: 1.2rem;
	line-height: 1.4;
}

.erp-column-card__ttl {
	font-size: 1.6rem;
	line-height: 1.4;
}

.erp-column-card__date {
	margin-top: auto;
	padding: 0 15px 20px 15px;
	color: #6a6a6a;;
}

.post-content {
	word-break: break-all;
}