@media(min-width: 993px){
	.l_posts{
		gap: 2.3333em;
	}
	.i_section .l_posts{
		margin-top: 3.3333em;
	}
	.i_post{
		width: calc(33.3333% - 1.5556em);
	}
	.i_post .tt{
		font-size: 1.2222em;
		padding-top: .7273em;
		padding-bottom: .9091em;
	}
}

@media(max-width: 992px){
	.l_posts{
		gap: 2.2222em 0;
	}
	.i_section .l_posts{
		margin-top: 2.6667em;
	}
	.i_post{
		width: 100%;
	}
	.i_post a > .flx{
		position: relative;
		padding-left: 40%;
	}
	.l_posts .i_bkg.for_tab{
		position: absolute;
        width: calc(40% - 1.1111em);
        left: 0;
        height: 100%;
	}
	.i_post .tt{
		font-size: 1.1111em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
}

.l_posts{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.l_posts .i_bkg:not(.for_tab){
	padding-top: 63.7898%;
}
.i_post .b_dt_tb{
	font-size: .7778em;
	padding-top: 1.4286em;
	padding-bottom: 1.4286em;
	border-top-width: 2px;
}