@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/

/* WORKS */

/*------------------------------*/
/* ================================

施工事例

================================ */
/* スライダーはassets->css->option->slider->slider-works.css */
.works__subhead {
	width: calc(100% - calc(var(--slide-arrow-width) * 4));
	margin-right: auto;
	margin-left: auto;
    margin-bottom: 2.5em;
	padding-bottom: 1.5em;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 1em;

	position: relative;
}
.works__subhead::after {
	content: "";
	display: block;
	width: 6.8em;
	height: 2px;
	background-color: var(--color-main);

	position: absolute;
	bottom: 0;
	left: 0;
}
.works__subhead-ttl {
	font-size: var(--txt-md);
	font-weight: 700;
	line-height: 1.35;
	color: var(--color-main);
}
.works__subhead-unit {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: var(--txt-sm);
	color: var(--color-white);
	border: 1px solid var(--color-main);
	border-radius: 4px;
	padding: 0.3em 0.7em;
	background-color: var(--color-main);
}
.works__subhead-unit.subcontractor {
	color: var(--color-main);
	background-color: var(--color-base);
}
.works__txt {
	width: calc(100% - calc(var(--slide-arrow-width) * 4));
	margin-right: auto;
	margin-left: auto;

    margin-top: 3.1em;
}
.works__txt dt {
	font-size: var(--txt-xs);
	color: var(--color-main);
}
.works__txt dt + dd {
	margin-top: 0.5em;
}
.works__txt dd + dt {
	margin-top: 1.5em;
}
.works__txt .txt {
	line-height: 1.65;
}
@media (max-width: 559px) {
	.works__subhead,
	.works__txt {
		width: calc(100% - calc(var(--gutter-common) * 2));
	}
	.works__subhead {
		margin-bottom: 2em;
	}
	.works__subhead-unit {
		font-size: var(--txt-xxs);
	}
	.works__txt {
		margin-top: 2em;
	}
}