@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
会社案内 - 会社概要
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.overview-main {
	padding-bottom: 0;
}

.overview-main th {
	padding: 0.5em 1em;
	background: var(--color_main);
	color: #fff;
	font-weight: 500;
	vertical-align: middle;
}

.overview-main td {
	padding: 0.8em 1em 1em;
}

.overview-main iframe {
	width: 100%;
	height: 276px;
	margin-top: 1em;
}

.overview-main .ul {
	margin-top: 0.3em;
}

@media (min-width: 768px) {
.overview-main th {
	width: 21%;
	padding: 1em 2em;
	border-bottom: 3px solid #fff;
	text-align: center;
	white-space: nowrap;
}

.overview-main tr:first-child th {
	border-top: 1px solid var(--color_main);
}

.overview-main tr:last-child th {
	border-bottom: 1px solid var(--color_main);
}

.overview-main td {
	padding: 1em 2em;
	border-bottom: 1px solid var(--color_gray);
}

.overview-main tr:first-child td {
	border-top: 1px solid var(--color_gray);
}

.overview-main iframe {
	height: 366px;
}

.overview-main .ul {
	display: flex;
	flex-flow: wrap;
}

.overview-main li {
	width: 350px;
}
}