@charset "UTF-8";

.sectionTitle {
	text-align: center;
}

.bg_gray {
	background-color: #f2f2f2;
}

/* intro
---------------------------------------------- */
.intro {
	padding-block: clamp(70px, 3.46rem + 3.88vw, 130px);
}

.intro__text {
	text-align: center;
}
.intro__text + .intro__text {
	margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.intro__text {
		text-align: left;
	}
}

/* brandSection
---------------------------------------------- */
.brandSection {
	padding-block: clamp(70px, 3.31rem + 4.53vw, 140px);
}

.brandSection__title {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
}
.brandSection__title::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #333;
	margin-top: 25px;
	margin-inline: auto;
}

.logoBox {
	margin-top: 70px;
}

.logoItem:not(.logoBoxCol .logoItem) {
	margin-inline: auto;
}

.brandSection__copy {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: clamp(18px, 0.87rem + 0.52vw, 24px);
	font-feature-settings: normal;
	line-height: 1.6;
	text-align: center;
}
.logoBox + .brandSection__copy {
	margin-top: 50px;
}
.brandSection__text {
	font-feature-settings: normal;
	text-align: center;
}
* + .brandSection__text {
	margin-top: 50px;
}
.brandSection__text + .brandSection__text {
	margin-top: 1em;
}
.brandSection__text .em {
	background: linear-gradient(transparent 80%, rgb(234 85 4 / .3) 0%);
	font-weight: 500;
}

.archive {
	margin-top: 70px;
}

.archive__title {
	font-size: 16px;
	font-weight: 500;
	font-feature-settings: normal;
	line-height: 1.4;
	text-align: center;
}
.archive__title .text {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1em;
}
.archive__title .text::before,
.archive__title .text::after {
	content: '';
	display: block;
	width: 7.5px;
	height: 21px;
	border: 1px solid;
}
.archive__title .text::before {
	border-color: #333 transparent #333 #333;
}
.archive__title .text::after {
	border-color: #333 #333 #333 transparent;
}

.archiveBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px calc(40 / 1040 * 100%);
	max-width: 1040px;
	margin-inline: auto;
}
* + .archiveBox {
	margin-top: 50px;
}

.archive__name {
	font-size: 16px;
	font-weight: 500;
	font-feature-settings: normal;
	line-height: 1.6;
	text-align: center;
}
* + .archive__name {
	margin-top: 1.5em;
}
.archive__name .small {
	display: block;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
	.brandSection__title {
		font-size: 18px;
	}
	.brandSection__title::after {
		width: 60px;
		height: 1.5px;
		margin-top: 15px;
	}

	.logoBox {
		margin-top: 50px;
	}

	.logoBox + .brandSection__copy {
		margin-top: 40px;
	}
	.brandSection__text {
		text-align: justify;
	}
	* + .brandSection__text {
		margin-top: 1.5em;
	}
	.logoBox + .brandSection__text {
		margin-top: 2em;
	}

	.archive {
		margin-top: 40px;
	}

	.archive__title .text--narrow {
		column-gap: .7em;
	}

	.archiveBox {
		grid-template-columns: 1fr;
		max-width: 560px;
	}
	* + .archiveBox {
		margin-top: 25px;
	}

	.archive__name {
		font-size: 14px;
	}
	* + .archive__name {
		line-height: 1.7;
		margin-top: 1em;
	}
	.archive__name .small {
		font-size: 10px;
	}
}

/* sales
---------------------------------------------- */
.brandSection--sales {
	padding-bottom: 0;
}
.brandSection--sales .logoItem--01 {
	max-width: 450px;
}

.brandSection--sales .logoBoxCol {
	column-gap: 70px;
	margin-top: 40px;
}
.brandSection--sales .logoItem--02 {
	width: 90px;
}
.brandSection--sales .logoItem--03 {
	width: 108px;
}

@media screen and (max-width: 768px) {
	.brandSection--sales .logoItem--01 {
		max-width: 315px;
	}

	.brandSection--sales .logoBoxCol {
		column-gap: 45px;
		margin-top: 30px;
	}
	.brandSection--sales .logoItem--02 {
		width: 63px;
	}
	.brandSection--sales .logoItem--03 {
		width: 75px;
	}
}

/* predear
---------------------------------------------- */
.brandSection--predear {
	padding-top: clamp(70px, 2.71rem + 7.12vw, 180px);
}

.brandSection--predear .logoItem {
	width: 258px;
}

@media screen and (max-width: 768px) {
	.brandSection--predear .logoItem {
		width: 180px;
	}
}

/* sales02
---------------------------------------------- */
.brandSection--sales02 .logoItem {
	width: 412px;
}

@media screen and (max-width: 768px) {
	.brandSection--sales02 .logoItem {
		width: 255px;
	}
}

/* management
---------------------------------------------- */
.brandSection--management .logoItem {
	width: 574px;
}

.managementBox {
	max-width: 600px;
	margin-top: 70px;
}
.managementBox .photo {
	mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
	.brandSection--management .logoItem {
		width: 320px;
	}
}

/* construction
---------------------------------------------- */
.brandSection--construction .logoItem {
	width: 200px;
}

@media screen and (max-width: 768px) {
	.brandSection--construction .logoItem {
		width: 140px;
	}

	.brandSection--construction .archive__title .text::before,
	.brandSection--construction .archive__title .text::after {
		height: 40px;
	}
}