@charset "UTF-8";
.card-history {
		padding: 0;
}
.card-history .wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-left: var(--side-block);
		padding-right: var(--side-block);
		gap: 16px;
}
.card-history .title {
		color: var(--accent);
}
.card-history .image-circle {
		width: 260px;
		height: 260px;
		position: relative;
		flex: 0 0 auto;
}
.style-geo .card-history .card-pattern:before {
		top: 0;
		left: 0;
		right: 0;
		height: var(--geo);
}
@media only screen and (max-width: 699.99px) {
		.card-history .wrap {
				padding-top: 16px;
				padding-bottom: 24px;
		}
		.card-history .image-circle {
				margin: 0 auto 16px auto;
				top: 16px;
		}
		.style-plant .card-history .card-pattern:before {
				bottom: 0;
				left: calc(50% - 30px);
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.style-plant .card-history .card-pattern:before {
				bottom: 0;
				left: calc(50% - 30px);
		}
		.card-history .image-circle {
				margin: 0 auto 24px auto;
				top: 24px;
		}
		.card-history .wrap {
				padding-top: 40px;
				padding-bottom: 30px;
		}
}
@media only screen and (min-width: 1200px) {
		.style-plant .card-history .card-pattern:before {
				bottom: -40px;
				right: 0;
		}
		.card-history .wrap {
				padding-right: 430px;
				padding-bottom: 30px;
				gap: 10px;
				min-height: 330px;
		}
		.style-geo .card-history .wrap {
				padding-top: calc(var(--geo) + 24px);
		}
		.style-plant .card-history .wrap {
				padding-top: 40px;
		}
		.card-history .wrap .btn {
				margin-top: 14px;
		}
		.card-history {
				flex-direction: row;
				align-items: center;
		}
		.card-history .image-circle {
				position: absolute;
				top: 50%;
				right: var(--side-block);
				transform: translate3d(0, -50%, 0);
		}
}