.stepup-side-half-wrapper {
	display:flex;
	flex-wrap:wrap;
}
section.content-template.stepup-side-half {
	padding:0;
	box-sizing:border-box;
	width:100%;
}
section.stepup-side-half div.post {
	display:flex;
}
section.stepup-side-half.odd div.post {
	flex-direction:row-reverse;
}

section.stepup-side-half div.flex_inner {
	width:50%;
	padding:6% 6%;
	position:relative;
}

section.stepup-side-half .arrow {
	position:absolute;
	top:calc( 50% - 30px );
	width: 0px;
	height: 0px;
	z-index: 20;
}

section.stepup-side-half .right_content .arrow {
	left:-30px;
	border-top: solid 30px transparent !important;
	border-right: solid 30px;
	border-bottom: solid 30px transparent !important;
}

section.stepup-side-half .left_content .arrow {
	right:-30px;
	border-top: solid 30px transparent !important;
	border-bottom: solid 30px transparent !important;
	border-left: solid 30px;
}

section.stepup-side-half .decoration_area {
	background-size:cover;
	background-repeat:no-repeat;
}
@media screen and (max-width:1024px) {
	.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
		width:50%;
	}
	.height-style-content section.stepup-side-half .decoration_area {
		height:300px;
	}

	section.stepup-side-half.odd div.post ,
	section.stepup-side-half.even div.post {
		flex-direction:column;
	}

	section.content-template div.flex_inner {
		width:100%;
	}

	section.stepup-side-half .right_content .arrow ,
	section.stepup-side-half .left_content .arrow {
		top:calc(100% - 15px);
		left:calc( 50% - 15px );
	}

	section.stepup-side-half .left_content .arrow {
		transform:rotate(90deg);
	}

	section.stepup-side-half .right_content .arrow {
		transform:rotate(-90deg);
	}
}

@media screen and (max-width:768px) {
	.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
		width:100%;
	}
}