/* ============================================================================================
	HEADER AB FREE-IE / PATTERN
============================================================================================ */
.matsunaga-header-ab-free-ie {
	flex-flow: column-reverse;
	gap: 2em;
	width: 100%
}
.matsunaga-header-ab-free-ie-inner {
	width: 100%
}
.matsunaga-header-ab-free-ie-cover {
	min-height: inherit !important;
	min-height: 30lvh
}
.matsunaga-header-ab-free-ie-content {
	width: 90%;
	margin: 2em auto
}
.matsunaga-header-ab-free-ie-heading {
	font-size: clamp(30px, 6vw, 42px);
	animation-delay: .5s
}
.observe_is_active .matsunaga-header-ab-free-ie-heading {
	animation-delay: .5s
}
.observe_is_active .matsunaga-header-ab-free-ie-heading-sub {
	animation-delay: .7s
}
.observe_is_active .matsunaga-header-ab-free-ie-heading-sub-small {
	animation-delay: .9s
}

@media screen and (min-width: 768px) {
	.matsunaga-header-ab-free-ie {
		flex-flow: row nowrap;
		gap: 0
	}
	.matsunaga-header-ab-free-ie-content {
		width: 42%;
		margin: 0
	}
	.matsunaga-header-ab-free-ie-inner {
		flex: 1;
		min-width: 0
	}
}
@media screen and (min-width: 1121px) {
	.matsunaga-header-ab-free-ie-cover {
		min-height: 600px !important
	}
}

.matsunaga-header-ab-free-ie-text-image {
	width: 80%;
	max-width: 400px
}

.matsunaga-header-ab-free-ie-sub-text {
	padding-left: 1em;
	border-left: 1px solid currentColor;
	letter-spacing: 2px
}
.matsunaga-header-ab-free-ie-buttons {
	justify-content: flex-end
}