section.page-company {
	padding: 0 100px 50px 100px;
	@media (max-width: 1023px) {
		padding: 0 20px 50px 20px;
	}
}

.page-company .card-container {
	margin-top: 50px;
	display: flex;
	gap: 20px;
	@media (max-width: 639px) {
		flex-direction: column;
	}
}

.page-company .card {
	display: flex;
	overflow: hidden;
	border-radius: 50px;
	@media (max-width: 1023px) {
		flex-direction: column-reverse;
	}
}

.page-company .card .text {
	width: 50%;
	height: 100%;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: var(--color-gray);
	@media (max-width: 1023px) {
		width: 100%;
	}
}

.page-company .card .text h2 {
	margin-bottom: 20px;
	font-size: var(--font-l-text);
	color: var(--color-primary);
}

.page-company .card .text p {
	text-align: left;
}

.page-company .card .image {
	width: 50%;
	padding-top: 30%;
	position: relative;
	overflow: hidden;
	@media (max-width: 1023px) {
		width: 100%;
		padding-top: 50%;
	}
}

.page-company .card .image img {
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}