.material .banner {
	background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .1)), url(../../images/bg/banner-2.jpg);
	background-size: cover
}

.virtual .banner {
	background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .1)), url(../../images/bg/banner-2.jpg);
	background-size: cover
}

.search-title {
	margin-left: 30px;
	margin-bottom: 0;
	letter-spacing: 0.125rem;
	font-size: 1.25rem;
	color: #333
}

.search-container {
	background-color: #ececec;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 1.1rem;
	/* margin-right: 0.2rem */
}

.search-title-top {
	width: 200px;
}

#search-form {
	border-radius: 8px;
	background-color: #ececec;
	width: calc(100% - 200px);
}

@media (max-width:576px) {

	.search-title-top {
		width: 130px;
	}

	#search-form {
		width: calc(100% - 130px);
	}
}

blockquote {
	padding: 2px 30px;
}

span.company-category {
	margin-left: 1.1rem;
	letter-spacing: 0.2rem;
	font-size: 1.8rem;
	border-bottom: 2px solid var(--color-primary);
}

.material .company-table, .virtual .company-table {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	text-align: center;
	border-radius: 15px;
	margin-left: 1.1rem;
	box-shadow: 0 2px 8px 2px #eee
}

.material .company-table tr, .virtual .company-table tr {
	border-top: 1px solid #e5f3d7d9
}

.material .company-table tr th,
.material .company-table tr td,
.virtual .company-table tr th,
.virtual .company-table tr td {
	padding: 12px 15px;

}

.material .company-table tr th, .virtual .company-table tr th {
	font-size: 1.15rem
}

.material .company-table .company-logo, .virtual .company-table .company-logo {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
	border-radius: 5px
}

.material .company-table .info-link, .virtual .company-table .info-link {
	color: var(--color-primary);
	background-color: #4bbc5a1f;
	padding: 2px 16px;
	border-radius: 30px
}

@media only screen and (max-width: 768px) {
	.search-title {
		margin-left: 0
	}

	.material .company-table, .virtual .company-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		margin-left: 0
	}

	.material .company-table::-webkit-scrollbar, .virtual .company-table::-webkit-scrollbar {
		width: 5px;
		height: 8px;
	}

	.material .company-table::-webkit-scrollbar-thumb, .virtual .company-table::-webkit-scrollbar-thumb {
		background-color: #dddddd;
		border-radius: 10px;
	}
}