@charset "utf-8";
/* ===============================================
   About 子ページ：Where We Work
   =============================================== */
.about-where {
	padding-top: 0;
	padding-bottom: 0;
}
.about-where .about-where__title {
	margin: 0 0 32px;
	padding: 0;
	border: 0;
	background: none;
	font-size: var(--fs-section-title);
	font-weight: var(--fw-section-title);
	line-height: var(--lh-section-title);
	color: #222;
}
/* 1文目：本文と同じ大きさ、地図と同じ幅 */
body .container .about-where .about-where__lead {
	max-width: none;
	margin: 0 0 36px;
	font-size: var(--fs-text);
	line-height: var(--lh-text);
	color: #444;
}

/* 本文の段落の間（空の段落は除く） */
.about-where > p:not(.about-where__lead):not(:empty) {
	margin: 0 0 20px;
}

/* 世界地図 */
.about-map {
	margin: 0;
}
.about-map img {
	display: block;
	width: 100%;
	height: 420px;
	object-fit: contain;
	border-radius: 4px;
	background: #f8f8f8;
}

/* PC：地図は約8割（最大900px）で左寄せ、文も同じ幅にそろえる */
@media (min-width: 992px) {
	body .container .about-where .about-where__lead,
	.about-where > p:not(.about-where__lead):not(:empty),
	.about-map {
		max-width: 900px;
		margin-left: 0;
		margin-right: 0;
	}
	.about-map img {
		height: auto;
	}
}

@media (max-width: 991.98px) {
	.about-where .about-where__lead {
		margin-bottom: 28px;
	}
	.about-map img {
		height: 300px;
	}
}
@media (max-width: 575.98px) {
	.about-map img {
		height: 220px;
	}
}

/* SP：見出し */
@media (max-width: 767.98px) {
	.about-where .about-where__title {
		font-size: 32px;
	}
}