@charset "utf-8";
/* ===================================================================
 ビッグデータ分析・活用支援ソリューション
=================================================================== */
.bigdata__navi--list a {
	position: relative;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	margin-bottom: 2px;
	padding: 1em 1.6em 2.2em 1.6em;
}
.bigdata__navi--list a:after {
	position: absolute;
	right: 50%;
	bottom: 1em;
	width: 6px;
	height: 6px;
	margin: auto;
	content: "";
	transform: rotate(135deg);
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #00689F;
}
.bigdata__navi--list a:hover:after {
	border-color: #FFFFFF;
}
.inlist-normal li:before {
	color: #333333;
}

/* STEP */
.l-bigdata-step {
	position: relative;
}
.bigdata-step__title--1 {
	background-color: #238CCD;
}
.bigdata-step__title--2 {
	background-color: #9BC55F;
}
.bigdata-step__title--3 {
	background-color: #EEB460;
}
.bigdata-step__num {
	font-size: 2.5rem;
	font-weight: 500;
}
.bigdata-step__num::before {
	display: inline-block;
	width: 76px;
	height: 40px;
	content: "";
	background-position: center;
	background-repeat: no-repeat;
}
.bigdata-step__num--1::before {
	background-image: url("/software/development/img/bigdata-top_step1.png");
}
.bigdata-step__num--2::before {
	background-image: url("/software/development/img/bigdata-top_step2.png");
}
.bigdata-step__num--3::before {
	background-image: url("/software/development/img/bigdata-top_step3.png");
}
.bigdata-step__title {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: .5rem;
	justify-content: center;
	padding: 1rem !important;
	text-align: center;
	color: #FFFFFF;
}
.bigdata-step__title::after {
	position: absolute;
	top: auto;
	right: 0;
	bottom: -1.5rem;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-width: .8em 1em 0 1em;
	border-style: solid;
}
.bigdata-step__title--1::after {
	border-color: #238CCD transparent transparent transparent;
}
.bigdata-step__title--2::after {
	border-color: #9BC55F transparent transparent transparent;
}
.bigdata-step__title--3::after {
	content: none;
}

.bigdata-step__title > p {
	margin: 0;
}
.bigdata-step__service {
	position: relative;
}
.bigdata-step__service + .bigdata-step__service {
	margin-top: 1em;
	padding-top: 1em;
}
.bigdata-step__service + .bigdata-step__service::after {
	position: absolute;
	top: 0;
	right: -1em;
	bottom: auto;
	left: -1em;
	width: calc(100% + 2em);
	height: 1px;
	margin: auto;
	content: "";
	border-top: 1px solid;
}

.bigdata-step__contents--1,
.bigdata-step__contents--1 + .bigdata-step__service::after {
	border-color: #238CCD !important;
}

.bigdata-step__contents--2,
.bigdata-step__contents--2 + .bigdata-step__service::after {
	border-color: #9BC55F !important;
}

.bigdata-step__contents--3,
.bigdata-step__contents--3 .bigdata-step__service::after {
	border-color: #EEB460 !important;
}

.bigdata-step__servicetitle {
	font-weight: 500;
	line-height: 1;
	padding: .3em 0 .3em .8em;
	margin-top: 0;
	border-left: 3px solid #14A0DC;
}
.bigdata-step__servicelist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bigdata-step__servicelist > li {
	font-size: .875em;
	position: relative;
	display: inline-block;
	margin-right: 2em;
	padding-left: 1.2em;
}
.bigdata-step__servicelist > li:before {
	position: absolute;
	top: .5em;
	left: 0;
	display: block;
	width: 10px;
	height: 4px;
	content: "";
	transform: rotate(-45deg);
	border-bottom: 2px solid #FF9800;
	border-left: 2px solid #FF9800;
}
@media screen and (min-width: 48em) {
	.bigdata-step__title {
		position: relative;
		padding: 1rem !important;
	}
	.bigdata-step__title::after {
		bottom: -.75rem;
	}
	.bigdata-step__title > p {
		font-size: .938rem;
		line-height: 1.65;
	}

	.l-bigdata-step + .l-bigdata-step {
		margin-top: 1em;
	}
	.bigdata-step__service + .bigdata-step__service {
		margin-top: 2em;
		padding-top: 2em;
	}
	.bigdata-step__service + .bigdata-step__service::after {
		right: -2em;
		left: -2em;
		width: calc(100% + 4em);
	}
}
/* こんなお悩み */
.l-service > div {
	position: relative;
}
.l-service > div::after {
	position: absolute;
	top: auto;
	right: 0;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-width: .8em 1em 0 1em;
	border-style: solid;
	border-color: #14A0DC transparent transparent transparent;
}
.l-service > div:last-child::after {
	border: none;
}
@media screen and (min-width: 48em) {
	.l-service {
		margin-top: 1em;
	}
	.l-service > div::after {
		top: 0;
		right: -9px;
		bottom: 0;
		left: auto;
		border-width: 1em 0 1em 1em;
		border-color: transparent transparent transparent #14A0DC;
	}
}

/* table */
.l-bigdata-table {
	display: block;
	overflow: auto;
	width: auto;
	margin-top: 3rem;
}
.l-bigdata-table .bigdata-table th,
.l-bigdata-table .bigdata-table td {
	min-width: 8em;
}
.l-bigdata-table ::-webkit-scrollbar {
	height: 5px;
}
.l-bigdata-table ::-webkit-scrollbar-track {
	background: #FFFFFF;
}
.l-bigdata-table ::-webkit-scrollbar-thumb {
	background: #F0F5F7;
}
.bigdata-table {
	width: auto;
	margin-top: 0;
}
.bigdata-table + .bigdata-table {
	margin-top: 30px;
}
.bigdata-table caption {
	padding: 0;
}
.bigdata-table th {
	padding-top: 8px;
	padding-bottom: 8px;
}
@media screen and (min-width: 48em) {
	.l-bigdata-table {
		width: 100%;
	}
	.bigdata-table {
		width: 100%;
		margin-top: 0;
	}
}