/* ============================================================================================
	SPLASH SCREEN / PATTERN
============================================================================================ */
.matsunaga-ab-orbit-info-inner {
	flex-flow: column
}
.ab-orbit-info-image {
	width: 100%;
	margin-bottom: 3em !important
}
.matsunaga-orbit-info-main-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 6% 3%
}
.matsunaga-orbit-info-wrapper {
	flex-flow: column;
	gap: 40px 4% !important
}

/* image group */
.matsunaga-orbit-info-image-group,
.matsunaga-orbit-info-sub {
	gap: 8px !important
}
.matsunaga-orbit-info-info-group {
	width: 100%
}
.matsunaga-orbit-info-image-main {
	position: relative
}
.matsunaga-orbit-info-image-main-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
	pointer-events: none
}
.matsunaga-orbit-info-main-text-image {
	width: 80%;
	max-width: 300px;
	margin-bottom: 2em !important
}
.matsunaga-orbit-info-equipment-large {
	margin-bottom: 1em !important;
	font-size: clamp(18px, 4vw, 24px)
}
.matsunaga-orbit-info-info-group {
	width: 100%;
	max-width: 600px;
	margin: 0 auto
}

/* buttons */
.matsunaga-ab-orbit-info-inquiry-buttons {
	flex-flow: column
}
.matsunaga-ab-orbit-info-inquiry-button {
	width: 100%;
	max-width: 500px
}

@media screen and (min-width: 768px) {
	.matsunaga-ab-orbit-info-inner {
		flex-flow: row
	}
	.ab-orbit-info-image {
		width: 50%;
		margin-bottom: 0 !important
	}
	.matsunaga-orbit-info-info-group {
		flex: 1;
		min-width: 0
	}
	.matsunaga-ab-orbit-info-inquiry-buttons {
		flex-flow: row nowrap
	}
	.matsunaga-ab-orbit-info-inquiry-button {
		flex: 1;
		min-width: 0;
		max-width: initial
	}
}
@media screen and (min-width: 960px) {
	.matsunaga-orbit-info-wrapper {
		flex-flow: row nowrap
	}
	.matsunaga-orbit-info-image-group {
		width: 66%
	}
	.matsunaga-orbit-info-info-group {
		flex: 1;
		min-width: 0
	}
}

/* lightbox trigger */
.ab-orbit-info-image .lightbox-trigger {
	opacity: 1 !important;
	top: -2em !important;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--wp--preset--color--accent) !important;
	border-radius: 50%
}