/**
 * Used → Services スライドトランジション
 *
 * #used-services-wrapper が ScrollTrigger でピン留めされ、
 * Services セクションが右から縮小状態でスライドインする。
 */

.used-services-wrapper {
	position: relative;
	width: 100%;
	background-color: var( --fs-navy, #1a2b48 );
	overflow: hidden;
}

.used-services-wrapper > #section-services {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	will-change: transform;
	box-sizing: border-box;
	/* かぶせ時に Used / 紺が下から覗かないようviewportを覆う */
	min-height: 100vh;
	min-height: 100dvh;
}

/* pin-spacer の白い隙間対策 */
div.pin-spacer:has( > .used-services-wrapper ) {
	background-color: var( --fs-navy, #1a2b48 ) !important;
}