@charset "utf-8";


/*--------------------------------------------------------------
    未来創造教室事業
  --------------------------------------------------------------*/

#enterprise {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
}

#enterprise h3 {
	font-size: clamp(1.8rem, 2.0vw, 3.0rem);
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
}

#enterprise .enterprise-grid {
	margin: 0 10% 0 10%;
	display: grid;
	grid-template-columns: 3fr 2fr;
}

#enterprise .text-area {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#enterprise .text-area>div {
	margin: 0 0 1rem 0;
	background-color: rgb(255 255 255 / 0.8);
	border-radius: 0;
	padding: 1rem;
	text-align: center;
}

#enterprise .text-area>div h3 {
	margin: 0 0 0.5rem 0;
	font-size: clamp(2.0rem, 2.5vw, 3rem);
	text-wrap: nowrap;
}

#enterprise .text-area>div p {
	margin: 2rem 0 0 0;
}

#enterprise .label {
	margin: auto;
	background-color: #000;
	color: #fff;
	padding: 0.1rem 1rem 0.2rem 1rem;
	font-size: 1rem;
	line-height: 1rem;
}

@media (max-width: 767.98px) {

	/* sm 以下の画面サイズの場合のスタイル */
	#enterprise {
		height: unset;
		background-position-x: 30%;
	}

	#enterprise .enterprise-grid {
		margin: 0;
		padding: 1rem;
		display: grid;
		grid-template-columns: 1fr;
	}

	#enterprise .enterprise-grid>div:first-child {
		display: none;
	}

	#enterprise .enterprise-grid>div.text-area {
		display: flex;
		flex-direction: column;
		justify-content: end;
		align-items: center;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {

	/* md の画面サイズの場合のスタイル */
	#enterprise {
		height: unset;
		background-position-x: 30%;
	}

	#enterprise .enterprise-grid {
		margin: 0;
		padding: 1rem;
		display: grid;
		grid-template-columns: 1fr;
	}

	#enterprise .enterprise-grid>div:first-child {
		display: none;
	}

	#enterprise .enterprise-grid>div.text-area {
		display: flex;
		flex-direction: column;
		justify-content: end;
		align-items: center;
	}
}

@media (min-width: 992px) {
	/* lg 以上の画面サイズの場合のスタイル */
}