.first-project {
	position: relative;
	width: 100%;
	margin: 0 !important;
}
.first-project img {
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none;     /* IE/Edge */
	pointer-events: none;
}
.first-project__header {
	width: 90rem;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 5.0625rem;
	padding-bottom: 6.75rem;
}
.first-project__title {
	color: var(--Shinnec-Color-Primary-Primary, #006B1D);
	font-family: Lexend;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; 
	letter-spacing: -0.0625rem;
	text-transform: uppercase;
	margin-right: 7.25rem;
	flex: 1 0 0;
}
.first-project__desc {
	padding-top: 0.9375rem;
	width: 36.4875rem;
	color: var(--Text-Text-Grey-87-body-text-1, rgba(0, 18, 36, 0.87));
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: -0.01125rem;
	flex-shrink: 0;
  display: flex;
  align-items: end;
	flex-direction: column;
}

.compound-btn-gradient-wrapper {
  margin-top: 1rem;
}

.first-project__footer {
	padding-bottom: 1.0625rem;
}
.first-project__column-list {
	position: relative;
	display: flex;
	width: 100%;
	height: 27.625rem;
}
.first-project__column-item:nth-child(1),
.first-project__column-item:nth-child(2),
.first-project__column-item:nth-child(3) {
	position: relative;
	height: 100%;
}
.first-project__column-item:nth-child(1) {
	flex: 1 0 0;
	background: #136EC9;
}
.first-project__column-item:nth-child(2) {
	width: 33.375rem;
	flex-shrink: 0;
	background: #fff;
}
.first-project__column-item:nth-child(3) {
	width: 29.9375rem;
	flex-shrink: 0;
	background: #fff;
}
.first-project__story {
	position: absolute;
	width: 32.8125rem;
	color: var(--text-text-grey-0, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.025rem;
	top: 2.5625rem;
	left: 2.25rem;
}

.first-project__column-list--pc .img_c1-n1,
.first-project__column-list--pc .img_c1-n2,
.first-project__column-list--pc .img_c2-n1,
.first-project__column-list--pc .img_c2-n2,
.first-project__column-list--pc .img_c2-n3,
.first-project__column-list--pc .img_c3-n1 {
	position: absolute;
}
.first-project__column-list--pc .img_c1-n1 {
	width: 27.73131rem;
	height: 9.2075rem;
	bottom: 0;
	left: 0;
}
.first-project__column-list--pc .img_c1-n2 {
	width: 9.22963rem;
	height: 9.22975rem;
	bottom: 0;
	right: 0;
}
.first-project__column-list--pc .img_c2-n1 {
	width: 14rem;
	height: 13.71769rem;
	top: 0;
	left: 0;

}
.first-project__column-list--pc .img_c2-n2 {
	width: 19.54588rem;
	height: 13.71769rem;
	top: 0;
	right: 0;
}
.first-project__column-list--pc .img_c2-n3 {
	width: 100%;
	height: 13.86006rem;
	bottom: 0;
	left: 0;

}
.first-project__column-list--pc .img_c3-n1  {
	width: 29.9375rem;
	height: 27.625rem;
	top: 0;
	left: 0;
}

@media (max-width: 639.98px) {
	.first-project {
		padding-bottom: 0rem;
		background: rgba(250, 251, 253, 1);
	}
	.first-project__header {
		width: 100%;
		flex-direction: column;
		padding: 1rem 0.75rem 2rem;
	}
	.first-project__title {
		padding: 0;
		width: 100%;
		color: var(--Shinnec-Color-Primary-Primary, #006B1D);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%;
		letter-spacing: -0.0625rem;
		text-transform: uppercase;
		margin-bottom: 1rem;
		margin-right: 0;
	}
	.first-project__title br {
		display: none;
	}
	.first-project__desc {
		width: 100%;
		color: var(--text-body-75, rgba(46, 46, 46, 0.75));
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: -0.01rem;
		padding: 0;
		align-items: start;
	}
	.first-project__column-list {
		flex-direction: column;
		height: auto;
		width: 100%;
	}
	.first-project__column-item:nth-child(1),
	.first-project__column-item:nth-child(2),
	.first-project__column-item:nth-child(3) {
		width: 100%;
		overflow: hidden;
	}
	.first-project__column-item:nth-child(1) {
		height: 24.9375rem;
		flex: unset;
		border-radius: 3.75rem 0rem 0rem 0rem;
		background: #136EC9;
	}
	.first-project__column-item:nth-child(2) {
		height: 19.375rem;
	}
	.first-project__column-item:nth-child(3) {
		height: 21.5625rem;
	}
	.first-project__story {
		color: #fff;
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: -0.01rem;
		padding: 0 1.5rem;
		left: 0;
		right: 0;
		width: 100%;
		top: 2.25rem;
	}
	.first-project__column-list--pc .img_c2-n1 {
		width: 9.75rem;
		height: 9.7rem;
	}
	.first-project__column-list--pc .img_c2-n2 {
		width: 13.75rem;
		height: 9.7rem;
	} 
	.first-project__column-list--pc .img_c2-n3 {
		width: 23.4375rem;
		height: 9.75rem;
	}
	.first-project__column-list--pc .img_c3-n1 {
		width: 100%;
		height: 100%;
	}
	.first-project__column-list--pc .img_c1-n1 {
		height: 5.86788rem;
		width: auto;
	}
	.first-project__column-list--pc .img_c1-n2 {
		width: 5.88194rem;
		height: 5.882rem;
	}
	.first-project__footer {
		padding-bottom: 0rem;
	}
}