@charset "utf-8";
ul.flex[class^='col']{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	box-sizing: border-box;
}
ul.flex[class^='col'] *{
	box-sizing: border-box;
}
ul.flex[class^='col'] li{
	float: none;
	margin: 10px;
	padding: 0;
}
ul.flex.col3 li{
	width: calc(100% / 3 - 20px);
}
ul.flex.col4 li{
	width: calc(25% - 20px);
}
ul.flex[class^='col'] li:last-child{
	margin: 10px auto 10px 10px;
}
ul.flex[class^='col'] li .inner{
	height: 100%;
}
ul.flex[class^='col'] li a{
	display: block;
	text-decoration: none;
	height: 100%;
}
@media (max-width: 1024px) {
	ul.flex.col4 li{
		width: calc(100% / 3 - 20px);
	}
}
@media (max-width: 768px) {
	ul.flex[class^='col'] li{
		width: calc(50% - 12px);
		margin: 6px;
	}
	ul.flex[class^='col'] li:last-child{
		margin: 6px auto 6px 6px;
	}
}