/* =========================================================

	custom property

========================================================= */
:root {
	--px: min(1px, (1 / 1080) * 100vw);
	--sp: calc((1 / 750) * 100vw);
}




/*==================================================================================================

	* 企業ロゴ

==================================================================================================*/

/* 企業ロゴ分余白追加
================================================ */
#content .p-recruit-philosophy,
#content .p-recruit-philosophy {
	margin-top: 15rem;
}

@media screen and (max-width: 767px) {
	#content .p-recruit-philosophy,
	#content .p-recruit-philosophy {
		margin-top: 5rem;
		margin-top: 6rem;
	}
}


#content .p-recruit-kv {
	& .p-recruit-kv__company {
		position: absolute;
		bottom: calc(var(--px) * -83);
		left: 0;
		z-index: 2;
		display: flex;
		width: 100%;
		overflow: hidden;

		& .p-recruit-kv__company-inner {
			display: flex;
			width: max-content;
			will-change: transform;
			transition: none;
		}

		& .p-recruit-kv__company-item {
			flex-shrink: 0;
			width: 100%;
			max-width: calc(var(--px) * 130);
			padding-right: calc(var(--px) * 20);
			will-change: transform;
		}
	}
}

@media screen and (max-width: 750px) {
	#content .p-recruit-kv {
		& .p-recruit-kv__company {
			position: absolute;
			bottom: calc(var(--sp) * -70);

			& .p-recruit-kv__company-item {
				max-width: calc(var(--sp) * 200);
				padding-right: calc(var(--sp) * 15);
				border-radius: calc(var(--sp) * 10);
				overflow: hidden;
			}
		}
	}
}