@charset "UTF-8";

/* ページトップ */
#topImage-block figure {
	height: 640px;
}

#topImage-block figure img {
	object-position: 50% 50%;
}


/* リード */
#lead-block .content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#lead-block .content .text {
	font-size: clamp(14px, 18 / 768 * 100vw, 18px);
	font-weight: var(--fw_jp_bold);
}

#lead-block .loop-txt__unit {
	margin-top: -0.6em;
	position: relative;
	z-index: 1;
}

#lead-block .lead__photos {
	margin: 48px calc(50% - 50vw) 0;
	padding: 0 5%;
}

#lead-block .lead__photos ul {
	display: flex;
	justify-content: space-between;
	gap: 0 4%;
}

#lead-block .lead__photos li {
	width: 22%;
}

#lead-block .lead__photos-item {
	height: 240px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	overflow: hidden;
}
#lead-block li:nth-of-type(odd) .lead__photos-item {
	margin-bottom: 80px;
}
#lead-block li:nth-of-type(even) .lead__photos-item {
	margin-top: 80px;
}


/* 会社概要 */
#company-block .content {
	max-width: 800px;
	margin: 0 auto;
}

#company-block .company__item {
	display: flex;
	justify-content: space-between;
	gap: 0 6%;
	line-height: 1.8;
	border-bottom: 1px solid var(--color01);
	padding: 32px 0;
}

#company-block .company__item dt {
	width: 20%;
	font-weight: var(--fw_jp_bold);
}

#company-block .company__item dd {
	width: 74%;
}


/* スマートフォン用 */
@media screen and (max-width: 768px) {

	/* ページトップ */
	#topImage-block figure {
		height: 240px;
	}


	/* リード */
	#lead-block .lead__photos {
		margin: 24px calc(50% - 50vw) 0;
		padding: 0 5%;
	}

	#lead-block .lead__photos ul {
		flex-wrap: wrap;
	}

	#lead-block .lead__photos li {
		width: 48%;
	}

	#lead-block .lead__photos-item {
		height: 180px;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}
	#lead-block li:nth-of-type(odd) .lead__photos-item {
		margin-bottom: 64px;
	}
	#lead-block li:nth-of-type(even) .lead__photos-item {
		margin-top: 64px;
	}


	/* 会社概要 */
	#company-block .company__item {
		flex-direction: column;
		padding: 24px 0;
	}

	#company-block .company__item dt {
		width: 100%;
	}

	#company-block .company__item dd {
		width: 100%;
	}



}