/* ============================================================================================
	FEATURED LAND USE REASON / PATTERN
============================================================================================ */
/* header */
.matsunaga-land-use-reason-header-inner {
	flex-flow: column;
	align-items: flex-start
}
.matsunaga-land-use-reason-header {
	position: relative;
	width: 100%
}
.matsunaga-land-use-reason-heading {
	font-size: clamp(20px, 4vw, 32px)
}

@media screen and (min-width: 768px) {
	.matsunaga-land-use-reason-header-inner {
		flex-flow: row nowrap;
		align-items: center;
		gap: 0 6% !important
	}
	.matsunaga-land-use-reason-heading {
		flex-shrink: 0
	}
}

.matsunaga-land-use-reason-list {
	flex-flow: column;
	gap: 1em !important
}
.matsunaga-land-use-reason-title {
	container-type: inline-size;

	gap: 1em !important
}
.matsunaga-land-use-reason-icon {
	margin-top: .5em !important
}
.matsunaga-land-use-reason-icon img {
	width: 20cqw
}
.matsunaga-land-use-reason-num {
	flex: 1;
	min-width: 0;
	line-height: 1.2
}
.matsunaga-land-use-reason-desc {
	margin-top: 1em !important
}
.matsunaga-land-use-reason-text-image {
	width: 60%;
	max-width: 300px
}

@media screen and (min-width: 581px) {
	.matsunaga-land-use-reason-list {
		flex-flow: row wrap;
		gap: 1em !important
	}
	.matsunaga-land-use-reason-item {
		width: calc(50% - .5em)
	}
}
@media screen and (min-width: 961px) {
	.matsunaga-land-use-reason-list {
		flex-flow: row nowrap
	}
	.matsunaga-land-use-reason-item {
		flex: 1;
		min-width: 0
	}
}