/* ============================================================================================
	FEATURED LAND USE SERVICE FLOW / PATTERN
============================================================================================ */
.matsunaga-land-use-service-flow-item {
	width: 100%
}
.matsunaga-land-use-service-flow-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	max-width: 100px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgb(245,245,245)
}
.matsunaga-land-use-service-flow-icon {
	width: 46%
}
.matsunaga-land-use-service-flow-item-content {
	flex: 1;
	min-width: 0
}

.matsunaga-land-use-service-flow-list {
	flex-flow: wrap;
	gap: 1em !important;
	margin-top: 30px !important;
	margin-left: -4px !important
}
.matsunaga-land-use-service-flow-item-inner {
    width: 100%;
	gap: 0 1em !important
}
.matsunaga-land-use-service-flow-item-num {
    position: relative
}
.matsunaga-land-use-service-flow-item-num::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}
.matsunaga-land-use-service-flow-item:last-of-type .matsunaga-land-use-service-flow-item-num::before {
    content: none
}

@media screen and (min-width: 614px) {
	.matsunaga-land-use-service-flow-item {
		width: calc(50% - .5em)
	}
}
@media screen and (min-width: 821px) {
    .matsunaga-land-use-service-flow-item {
        width: calc(calc(100% / 3) - calc(1em * 2 / 3))
    }
}
@media screen and (min-width: 1280px) {
	.matsunaga-land-use-service-flow-list {
		flex-flow: nowrap
	}
	.matsunaga-land-use-service-flow-item {
		flex: 1;
		min-width: 0
	}
}