@charset "utf-8";

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

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 会社概要
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.company-overview {
	padding-bottom: initial;
}

.company-overview .box {
	background: var(--color_main_light);
}

.company-overview .heading_enja-en {
	color: #fff;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 事業拠点
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.company-location .box {
	background: var(--color_main_lighter);
}

.company-location .box::before {
	background: var(--color_main_light);
}

.company-location-li {
	display: grid;
	margin-top: 30px;
	padding: 20px var(--padding-inline);
	background: #fff;
	gap: 1em 4%;
}

.company-location-li .heading {
	margin-bottom: 0.8em;
	font-weight: 600;
	font-size: 20px;
}

.company-location-li a[href^="tel:"]:hover {
	color: var(--color_main);
}

.company-location-li iframe {
	width: 100%;
	height: 260px;
	border-radius: 10px;
}

@media (min-width: 768px) {
.company-location-li {
	margin-top: 40px;
	padding-block: 30px;
	grid-template-columns: 46% 50%;
}
}