@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事業紹介
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- イントロ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.business-intro {
	--content-width: var(--content-width_small);
	padding-bottom: initial;
}

.business-intro .heading {
	margin-bottom: 1em;
	color: var(--color_sub_dark);
	font-weight: 500;
	font-size: 28px;
	text-align: center;
}

.business-intro .image {
	position: relative;
	z-index: -1;
	margin-top: var(--padding-block_half);
	text-align: center;
}

.business-intro .image::before {
	position: absolute;
	inset: auto auto 50% 50%;
	z-index: -1;
	width: 100vw;
	height: 1000vh;
	background: var(--color_sub_light);
	content: "";
	transform: translateX(-50%);
}

@media (min-width: 768px) {
.business-intro .heading {
	font-size: 40px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 詳細
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.business-detail {
	--content-width: 1100px;
}

.business-detail:not(:last-child) {
	padding-bottom: initial;
}

.business-detail .description {
	max-width: var(--content-width_small);
	margin: 0 auto 2.5em;
}
.heading_bar {
		max-width: var(--content-width_small);
		margin-left: auto;
		margin-right: auto;
}
.business-detail .image {
	display: grid;
	max-width: var(--content-width_small);
	margin-inline: auto;
	gap: 1em 5%;
}

@media (min-width: 480px) {
.business-detail .image {
	grid-template-columns: 1fr 1fr;
}
}