/*body {
	color: #333;
	width: 600px;
	margin:0 auto;
}
h1,
h1 + p {
	margin: 30px 15px 0;
	font-weight: 300;
}
h1 + p a {
	color: #333;
}
h1 + p a:hover {
	text-decoration: none;
}
h2 {
	margin: 60px 15px 0;
	padding: 0;
	font-weight: 300;
}
h2 span {
	margin-left: 1em;
	color: #aaa;
	font-size: 85%;
}*/
.column {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:flex-start;
	padding: 0;
}
.column:last-child {}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {width: 300px; margin:0 2px; padding:0; position:relative;}/* height:220px;*/
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.column div {margin-left:auto; margin-right:auto;}
	}

.column div h4 {
	position:absolute; left:0; bottom:9px;
	box-sizing:border-box; width:100%; padding:10px!important; background:rgba(0, 0, 0, 0.5); text-align:left; z-index:1;
	font-size: 15px; color: #fff; font-weight:350; text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/*opacity: 0;*/
}

.ta_design {margin:10px 5px 7px;}
.ta_design > div > h4 {
	bottom:0px;
}
figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}
figure img {
	max-width:100%; object-fit: cover;
}

figure:hover + h4 {
	bottom:0;
	opacity: 1;
}

/**
 * ===========================
 * Zoom In #1
 * ===========================
 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/*.tab_con > div:first-child > .hover01 > div > h4 {bottom:-10px;}
.tab_con > div:nth-child(2) > .hover01 > div > h4 {bottom:-10px;}*/