@charset "utf-8";
/* ===================================================================
 ソフトウェア開発・業務系システム開発
=================================================================== */
.contents__sub-title {
	margin: 0;
	color: #14a0dc;
	text-align: center;
}
.kouka {
	position: relative;
	display: table;
	padding: 2em 0 0 0;
	border: #00679F 1px solid;
	background: #fff;
	font-size: 1.2em;
}
.kouka span {
	display: table-cell;
	padding: 1em;
	background: #fff;
	vertical-align: middle;
	line-height: 1.4;
}
.kouka::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 2em;
	background: #00679F;
	color: #fff;
	content: "導入効果";
	text-align: center;
	line-height: 1;
}
.kouka::after {
	position: absolute;
	top: 2em;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-width: 1em;
	border-style: solid;
	border-color: #00689f transparent transparent transparent ;
	content: "";
}
.img-development {
	margin: 5% auto;
}
@media screen and (min-width: 35.5em) {
	.contents__sub-title {
		margin: 0 0 -0.5em 0;
		text-align: left;
	}
	.kouka {
		padding: 0;
		min-height: 4em;
		width: 100%;
	}
	.kouka span {
		padding: 1em 1em 1em 10em;
	}
	.kouka::before {
		right: auto;
		width: 7em;
		height: 100%;
	}
	.kouka::after {
		top: 0;
		left: 7em;
		margin: auto 0;
		border-style: solid;
		border-color: transparent transparent transparent #00689f;
	}
	.img-development {
		margin-bottom: 2em auto;
	}
}