/* common
-------------------------------------------------------------*/

/* ul.technology-icon-list */

main ul.technology-icon-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 16px;
}

/* ul.technology-link-list */

main ul.technology-link-list li {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
main ul.technology-link-list li img {
	position: relative;
	top: 3px;
	margin-left: 8px;
}

/* main.solution table */

main.solution table {
	border-collapse: collapse;
}
main.solution table td,
main.solution table th {
	padding: 12px 20px;
	word-break: normal; 
}
main.solution table th:not([class]) {
	border: solid 1px #ccc;
	border-left: none;
	background: #F3F3F3;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}
main.solution table th.ttl {
	border: solid 1px #fff;
	border-right: solid 4px #fff;
	background: #D7D7D7;
	font-size: 16px;
	font-weight: 700;
}
main.solution table td {
	border: solid 1px #ccc;
	border-right: none;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}

/* pc
-------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {

	main.solution table th {
		white-space: nowrap;
	}

} /* @media */

/* sp
-------------------------------------------------------------*/

@media screen and (max-width: 767px) {

	main.solution table td,
	main.solution table th {
		display: block;
		padding: 12px;
		border: none !important;
	}
	main.solution table tr:not(:first-child) th.ttl {
		margin-top: 10px;
	}
	main.solution table th br {
		display: none;
	}
	main.solution table td {
		padding: 12px 0;
	}

} /* @media */

/* misc
-------------------------------------------------------------*/

@media screen and (min-width: 1024px) {
} /* @media */


@media screen and (max-width: 1023px) {
} /* @media */