/*
 * corporate-base.css
 * 企業サイト（採用サイト以外の全ページ）共通のベーススタイル。個別ページは corporate-top.css /
 * corporate-inner.css。
 * ルール: @layer は使わない（親テーマがレイヤー化されていないため無効）。
 * 既存コンポーネントを再利用し、固有クラスは corp- 接頭辞。トークンは style.css の :root。
 */

.hero{
 position: relative;
	z-index: 1;
	width: 100%;
	overflow-x: clip;
		&::before{
		position: absolute;
		z-index: 3;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
/* 			max-width: clamp(15rem, 0.274rem + 62.83vw, 55.25rem); */
			max-width: clamp(15rem, -11.833rem + 55.9vw, 55.25rem);
			max-height: clamp(5.313rem, 2.912rem + 10.24vw, 11.875rem);
			background-color:var(--color-crosspile-blue-1);
			clip-path: polygon(0 0, 100% 0, 0 100%);
	}
	&::after{
		position: absolute;
		z-index: 3;
			content: "";
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background-color:var(--color-crosspile-blue-1);
			clip-path: polygon(100% 100%, 0 100%, 100% 0);
	}
}

.hero .hero-inner{
	position: absolute;
	bottom: 0;
	width: 100vw;
	overflow: hidden;
	height: 100%;
	background-color: #11111149;

	.entry-title {
		position: relative;
		top:50%;
		transform: translateY(-50%);
		margin-block-start:unset;
	}
}



/* 臨時クラス */
.imgtop img{width:	100%;max-width: 1920px;margin-inline: auto;}