/* ============================================================================================
	FEATURED STRENGTH / PATTERN
============================================================================================ */
.matsunaga-local-first {
	position: relative;
	background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)),
	url(../images/local-first-bg.webp) no-repeat center center / cover;
}
.matsunaga-local-first-inner {
	flex-flow: column;
	gap: 40px 4% !important
}
.matsunaga-local-first-left,
.matsunaga-local-first-center {
	width: 90%;
	max-width: 400px
}
.matsunaga-local-first-heading {
	font-size: clamp(22px, 4vw, 30px)
}
.matsunaga-local-first-right-image {
	padding: 1% 1% 6% 1%;
	background: white
}
.matsunaga-local-first-right-image:first-of-type {
	transform: rotate(-4deg) translateY(8%)
}
.matsunaga-local-first-right-image:nth-of-type(2) {
	transform: rotate(2deg)
}

.matsunaga-local-first-text-image {
	width: 80%;
	max-width: 400px;
	margin-top: 2em !important
}

@media screen and (min-width: 768px) {
	.matsunaga-local-first-inner {
		flex-flow: row wrap;
	}
	.matsunaga-local-first-left,
	.matsunaga-local-first-center {
		width: calc(50% - 3%);
		max-width: initial
	}
	.matsunaga-local-first-center {
		margin-top: 2em !important
	}
	.matsunaga-local-first-right {
		width: 100%
	}
}
@media screen and (min-width: 881px) {
	.matsunaga-local-first-inner {
		flex-flow: row nowrap
	}
	.matsunaga-local-first-right {
		width: 36%
	}
	.matsunaga-local-first-left,
	.matsunaga-local-first-center {
		flex: 1;
		min-width: 0
	}
}
@media screen and (min-width: 1310px) {
	.matsunaga-local-first-text-image {
		position: absolute;
		bottom: 8%;
		left: 30%;
		margin-top: 0 !important
	}
}