/**
/solution/solution/ai-gen/
 */

/* main visual */
.mainv {
  	position: relative;
    display: flex;
    flex-flow: row wrap;
	width: 100%;
    margin-top: var(--header-height);
	background-color: #001523;
    overflow: hidden;
	.mainv_eyecatch {
		width: 100%;
		img {
			width: 100%;
			height: calc(180 /390 * 100vw);
			object-fit: cover;
			object-position: center center;
		}
	}
	.container {
		margin-top: -64px;
		padding: 0 0 48px 0;
		.subtitle {
			display: inline-block;
			margin-bottom: 1em;
			padding: .75em 2em;
			background-color: #001523;
			border: 1px solid var(--color-Text-White);
			border-radius: 999px;
			color: var(--color-Text-White);
			font-size: 16px;
			font-weight: bold;
			line-height: 1;
			letter-spacing: .05em;
		}
		h1 {
			font-size: clamp(24px, 5.0vw, 48px);
			font-weight: 700;
			line-height: 1.5;
			letter-spacing: .05em;
			color: var(--color-Text-White);
		}
		.lead {
			margin-top: 32px;
			p {
				color: var(--color-Text-White);
				font-size: 14px;
				font-weight: bold;
				line-height: 1.75;
			}
		}
		.main-button-wrap {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			margin-top: 32px;
			.cta-button {
				margin: 0 auto;
				width: 100%;
				max-width: 368px;
				p {
					.btn {
						/*font-size: clamp(18px, 2.5vw, 24px); */
						font-size: 18px;
						font-weight: bold;
						line-height: 1.5;
						letter-spacing: .05em;
					}
				}
			}
		}
	}
}

@media (min-width: 768px) {
    .mainv {
        align-items: center;
    	background-image: url(/web/jp/channel/solution/gen-ai/img/mainv_bg.png);
		background-position: center center;
		background-size: cover;
		.container {
			margin-top: 0;
			padding: 48px 0 48px 0;
			.subtitle {
				font-size: 18px;
			}
			.lead {
				margin-top: 32px;
				padding-left: 24px;
				border-left: 1px solid var(--color-Text-White);
				max-width: clamp(440px, 55.0vw, 620px);
			}
			.main-button-wrap {
				justify-content: flex-start;
				margin-top: 48px;
				.cta-button {
					margin-left: 0;
				}
			}
		}
	}
}

/* section problem */
.sec-problem {
	background-color: var(--color-Background-Secondary);
	.container {
		.common-new-heading {
			margin-bottom: calc(2em - 16px);
			p {
				margin-top: 12px;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.5;
				width:fit-content;
				margin-inline: auto;
				text-align: left;
			}
		}
		.content {
			display: flex;
			flex-flow: row wrap;
			gap: 32px;
			.problem-wrap {
				width: 100%;
				.problem-heading {
					display: flex;
					align-items: flex-end;
					gap: 8px;
					width: 100%;
					overflow-wrap: break-word;
					margin-bottom: 16px;
					.text {
						min-width: 0;
						font-size: 18px;
						font-weight: bold;
						line-height: 1.5;
						}
					.icon {
						flex-shrink: 0;
						margin-bottom: 5px;
						width: 38px;
						height: 38px;
						position: relative;
						background-size: contain;
						&::before {
							content: "";
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							left: 0;
							top: 0;
							background-size: contain;
							background-position: center;
							background-repeat: no-repeat;

						}
					}
				}
				.problem-items {
					.problem-item {
						width:  100%;
						padding: 12px;
						background-color: var(--color-Text-White);
						border-radius: 4px;
						border-width: 1px;
						border-style: solid;
						display: flex;
						flex-flow: row wrap;
						align-items: center;
						gap: 16px;
						figure {
							padding-right: 12px;
							border-right: 1px dotted var(--color-Gray-Dark);
							img {
								width: 56px;
							}
						}
						.text {
							flex: 1;
							h4 {
								margin-bottom: 8px;
								font-size: 14px;
								font-weight: bold;
								line-height: 1.5;
							}
							p {
								font-size: 14px;
								line-height: 1.5;
							}
						}
						& + .problem-item {
							margin-top: 16px;
						}
					}
				}
				&.traditional {
					.problem-heading {
						color: var(--color-Accent-Primary);
						.icon {
							&::before {
								background-image: url("/web/jp/channel/solution/gen-ai/img/icon_problem_heading_before01.svg");
							}
						}
					}
					.problem-items {
						.problem-item {
							border-color: var(--color-Accent-Primary);
						}
					}
				}
				&.ai {
					.problem-heading {
						color: var(--color-Design02);
						.icon {
							&::before {
								background-image: url("/web/jp/channel/solution/gen-ai/img/icon_problem_heading_before02.svg");
							}
						}
					}
					.problem-items {
						.problem-item {
							border-color: var(--color-Design02);
						}
					}
				}
			}
		}
	}
}

@media (min-width: 768px) {
	.sec-problem {
		.container {
			.common-new-heading {
				p {
					font-size: 16px;
				}
			}
			.content {
				gap: 24px;
				.problem-wrap {
					width: calc(50% - 24px * 1 / 2);
				}
			}
		}
	}
}

@media (min-width: 1024px) {
	.sec-problem {
		.container {
			.content {
				.problem-wrap {
					.problem-heading {
						gap: 12px;
						margin-bottom: 24px;
						.text {
							font-size: 20px;
							}
						.icon {
							margin-bottom: 4px;
							width: 42px;
							height: 42px;
						}
					}
					.problem-items {
						.problem-item {
							padding: 16px;
							gap: 24px;
							figure {
								img {
									width: 80px;
								}
							}
							.text {
								h4 {
									font-size: 16px;
								}
							}
						}
					}
				}
			}
		}
	}
}

/* section process */
.sec-process {
	background-color: var(--color-Background-Primary);
	.container {
		.common-new-heading {
			margin-bottom: calc(2em - 16px);
			p {
				margin-top: 12px;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.5;
				width: fit-content;
				margin-inline: auto;
				text-align: left;
			}
		}
		.content {
			display: flex;
			flex-flow: row wrap;
			gap: 32px;
			.process-wrap {
				width: 100%;
				padding: 16px;
				border-width: 4px;
				border-style: solid;
				.process-heading {
					margin-bottom: 24px;
					font-size: 16px;
					font-weight: bold;
					line-height: 1.5;
				}
				.process-items {
					.process-item {
						position: relative;
						display: flex;
						flex-flow: row wrap;
						align-items: flex-start;
						gap: 16px;
						z-index: 10;
						.step {
							position: relative;
							margin-top: 4px;
							width: 64px;
							z-index: 10;
							p {
								margin-bottom: 8px;
								font-size: 10px;
								font-weight: bold;
								text-align: center;
								.number {
									font-size: 14px;
								}
							}
						}
						.text {
							flex: 1;
							padding-bottom: 32px;
							h4 {
								margin-bottom: 8px;
								font-size: 14px;
								font-weight: bold;
								line-height: 1.5;
							}
							.textbox {
								padding: 12px;
								p {
									font-size: 14px;
									line-height: 1.5;
								}
							}
						}
						&:not(:last-child) {
							&::before {
								display: block;
								content: "";
								position: absolute;
								bottom: 0;
								left: 32px;
								width: 0;
								height: calc(100% - 64px - 32px);
								border-left-width: 2px;
								border-left-style: dotted;
								z-index: 1;
							}
						}
						& + .process-item {
							margin-top: 4px;
						}
					}
				}
				.process-summary {
					display: flex;
					flex-flow: row wrap;
					align-items: center;
					gap: 12px;
					padding: 12px;
					border-radius: 4px;
					border-width: 1px;
					border-style: solid;
					.icon {
						width: 32px;
					}
					.text {
						flex: 1;
						font-size: 16px;
						font-weight: bold;
						line-height: 1.5;
					}
				}

				&.traditional {
					border-color:  transparent;
					.process-items {
						.process-item {
							.step {
								p {
									color: var(--color-Gray-Dark);
								}
							}
							.text {
								.textbox {
									background-color: var(--color-Gray-Light);
								}
							}
							&:not(:last-child) {
								&::before {
									border-color: var(--color-Gray-Dark);
								}
							}
						}
					}
					.process-summary {
						background-color: var(--color-Gray-Light);
						border-color: var(--color-Gray-Dark);
						.text {
							color: var(--color-Gray-Dark);
						}
					}
				}
				&.ai {
					border-color:  var(--color-Theme-Primary);
					.process-items {
						.process-item {
							.step {
								p {
									color: var(--color-Theme-Primary);
								}
							}
							.text {
								.textbox {
									background-color: var(--color-Theme-Light);
								}
							}
							&:not(:last-child) {
								&::before {
									border-color: var(--color-Theme-Primary);
								}
							}
						}
					}
					.process-summary {
						background-color: var(--color-Theme-Light);
						border-color: var(--color-Theme-Primary);
						.text {
							color: var(--color-Theme-Primary);
						}
					}
				}
			}
		}
	}
}
@media (min-width: 768px) {
	.sec-process {
		.container {
			.common-new-heading {
				margin-bottom: 2em;
				p {
					font-size: 16px;
				}
			}
			.content {
				gap: 0;
				.process-wrap {
					width: 50%;
					.process-heading {
						min-height: 54px;
					}
					.process-items {
						.process-item {
							min-height: 211px;
						}
					}
				}
			}
		}
	}
}
@media (min-width: 960px) {
	.sec-process {
		.container {
			.content {
				.process-wrap {
					.process-heading {
						min-height: inherit;
					}

					.process-items {
						.process-item {
							min-height: 169px;
						}
					}
				}
			}
		}
	}
}
@media (min-width: 1200px) {
	.sec-process {
		.container {
			.content {
				.process-wrap {
					padding: 24px;
					.process-heading {
						margin-bottom: 48px;
						font-size: 20px;
					}
					.process-items {
						.process-item {
							gap: 24px;
							min-height: 155px;
							.text {
								h4 {
									font-size: 16px;
								}
								.textbox {
									padding: 14px;
								}
							}
						}
					}
					.process-summary {
						.icon {
							width: 48px;
						}
						.text {
							font-size: 20px;
						}
					}
				}
			}
		}
	}
}

/* section solution */
.sec-solution {
	padding-top: 0;
	background-color: var(--color-Background-Primary);
	.container {
		padding-top: var(--section-padding);
		border-top: 2px solid var(--color-Theme-Primary);
		text-align: left;
		&::before,
		&::after {
			display: block;
			position: absolute;
			top: 0;
			left: 50%;
			z-index: 1;
			margin: 0 0 0 -15px;
			border-top: 20px solid var(--color-Theme-Primary);
			border-right: 15px solid transparent;
			border-left: 15px solid transparent;
			content: "";
		}
		&::after {
			top: -3px;
			border-top-color: var(--color-Background-Primary);
		}
		hgroup {
			.solution {
				margin-bottom: 10px;
				line-height: 1.0;
				img {
					width: 69px;
				}
			}
		}
		.content {
			padding: 16px;
			background-color: var(--color-Theme-Light);
			.solution-items {
				display: flex;
				flex-flow: row wrap;
				gap: 16px;
				max-width: 500px;
				margin-inline: auto;
				.solution-item {
					width:  100%;
					padding: 16px;
					background-color: var(--color-Text-White);
					border-radius: 4px;
					border: 1px solid var(--color-Theme-Primary);
					.before {
						display: flex;
						flex-flow: row wrap;
						align-items: center;
						gap: 16px;
						figure {
							width: 64px;
						}
						p {
							flex: 1;
							font-size: 16px;
							font-weight: bold;
							line-height: 1.5;
						}
					}
					.arrow {
						margin-bottom: 12px;
						img {
							display: block;
							width: 32px;
							margin-inline: auto;
						}
					}
					.after {
						display: flex;
						flex-flow: row wrap;
						align-items: flex-start;
						gap: 16px;
						figure {
							width: 64px;
						}
						p {
							flex: 1;
							font-size: 14px;
							font-weight: bold;
							line-height: 1.5;
						}
					}
				}
			}
		}
	}
}

@media (min-width: 768px) {
	.sec-solution {
		.container {
			.content {
				.solution-items {
					max-width: inherit;
					.solution-item {
						width: calc(33.333334% - 16px * 2 / 3);
					}
				}
			}
		}
	}
}

@media (min-width: 1100px) {
	.sec-solution {
		.container {
			.content {
				padding: 48px;
				.solution-items {
					.solution-item {
						padding: 24px;
						.before {
							gap: 24px;
						}
						.after {
							gap: 24px;
						}
					}
				}
			}
		}
	}
}

/* section usecase */
.sec-usecase {
	background-color: var(--color-Background-Secondary);
	.container {
		.content {
			max-width: 540px;
			margin-inline: auto;
			padding : 24px 16px 16px;
			background-color: var(--color-Text-White);
			.usecase-list {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 12px;
				width: fit-content;
				margin-inline: auto ;
				li {
					position: relative;
					font-size: 16px;
					font-weight: bold;
					line-height: 1.5;
					padding-left: 24px;
					&::before {
						content: "";
						position: absolute;
						top: 4px;
						left: 0;
						width: 16px;
						height: 16px;
						background-position: center;
						background-repeat: no-repeat;
						background-size: contain;
						background-image: url(/web/jp/channel/top/img/new/icn_checkbox.svg);
					}
				}
			}
		}

		.img-usecase {
			max-width: 540px;
			margin-inline: auto;
			img {
				border: 16px solid #fff;
			}
		}
		.more-button {
			display: flex;
			flex-flow: row wrap;
			gap: 24px;
			& > * {
				width: 100%;
			}
		}
	}
}
@media (min-width: 768px) {
	.sec-usecase {
		padding-top: 0;
		.container {
			padding-top: 120px;
			.content {
				position: relative;
				max-width: inherit;
				width: 640px;
				margin-left: 0;
				padding : min(calc(56 / 1200 * 100vw), 56px);
				border-radius: 4px;
				z-index: 10;
				.common-new-heading {
					text-align: left;
				}

				.usecase-list {
					gap: 16px;
					margin-left: 0;
				}
			}
			.img-usecase {
				position: absolute;
				top: 40px;
				right: 0;
				max-width: inherit;
				width: min(calc(720 / 1200 * 100vw), 720px);
				margin-inline: inherit;
				img {
					border: none;
				}
			}
			.more-button {
				max-width: 960px;
				& > * {
					width: calc(50% - 24px * 1 / 2);
				}
			}
		}
	}
}

/* section comparison */
.sec-comparison {
	background-color: var(--color-Background-Primary);
	.container {
		hgroup {
			.txt_comparison {
				margin-bottom: 4px;
				line-height: 1.0;
				img {
					width: 240px;
				}
			}
		}
		.content {
			position: relative;
			margin-inline: auto;
			max-width: 864px;
			table {
				width: 100%;
				min-width: 864px;
				table-layout: fixed;
				border-collapse: collapse;
				border-spacing: 0;
				th,
				td {
					line-height: 1.5;
					border: 1px solid #FFFFFF;
					text-align: center;
				}
				th:last-of-type,
				td:last-of-type {
					border-right: none;
				}
				tr:last-of-type th,
				tr:last-of-type td {
					border-bottom: none;
				}
				th {
					font-size: 16px;
					font-weight: bold;
				}
				td {
					width: 240px;
					vertical-align: top;
					div {
						width: 100%;
						display: flex;
						flex-flow: column;
						align-items: center;
						gap: 4px;
						overflow-wrap: break-word;
						padding: 12px;
						.text {
							min-width: 0;
							font-size: 14px;
						}
						.icon {
							flex-shrink: 0;
							width: 24px;
							height: 24px;
							position: relative;
							background-size: contain;
							&::before {
								content: "";
								display: block;
								width: 100%;
								height: 100%;
								position: absolute;
								left: 0;
								top: 0;
								background-size: contain;
								background-position: center;
								background-repeat: no-repeat;
							}
						}
					}

					&.good {
						background-color: var(--color-Theme-Light);
						div {
							.icon {
								&::before {
									background-image: url("/web/jp/channel/solution/gen-ai/img/icon_comparison_check.svg");
								}
							}
						}
					}
					&.average {
						background-color: #FFF5E5;
						div {
							.icon {
								&::before {
									background-image: url("/web/jp/channel/solution/gen-ai/img/icon_comparison_error.svg");
								}
							}
						}
					}
					&.bad {
						background-color: #F5F5F5;
						div {
							.icon {
								&::before {
									background-image: url("/web/jp/channel/solution/gen-ai/img/icon_comparison_cancel_gray.svg");
								}
							}
						}
					}
				}
				thead th {
					padding: 16px;
					background: var(--color-Gray-Medium);
					&.channel {
						background-color: var(--color-Theme-Primary);
						color: var(--color-Text-White);
					}
				}
				tbody th {
					padding: 16px 12px;
					background-color: #FAFAFA;
				}
				/* 固定する見出し */
				.sticky {
					position: sticky;
					width: 144px;
					top: 0;
					left: 0;
					background: none;
					border-right: none;
					z-index: 10;
				}
				.sticky:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: #FAFAFA;
					border-right: 1px solid #FFFFFF;
					box-sizing: content-box;
					z-index: -1;
				}
				thead th.sticky:before {
					background: var(--color-Gray-Medium);
				}
			}

			/* スクロールエリア */
			.scroll_content {
				overflow-x: auto;
				padding-bottom: 12px;
				&::-webkit-scrollbar {
					height: 8px;
				}
				&::-webkit-scrollbar-track {
					background: var(--color-Gray-Light);
					border-radius: 4px;
				}
				&::-webkit-scrollbar-thumb {
					background:var(--color-Gray-Medium);
					border-radius: 4px;
				}
			}
			.scrollindicate {
				margin: 12px 0 0 8px;
				width: 64px;
				color: var(--color-Theme-Primary);
				font-size: 14px;
				.scrollarrow {
					margin: -8px 0 0 -8px;
					width: 100%;
					height: 12px;
					border-bottom: 2px solid var(--color-Theme-Primary);
					border-right: 2px solid var(--color-Theme-Primary);
					transform: skew(40deg);
				}
			}
			@media (min-width: 864px) {
				.scrollindicate {
					display: none;
				}
			}
		}
	}
}

/* section effect */
.sec-effect {
	background-color: var(--color-Theme-Primary);
	.container {
		.common-new-heading {
			color: var(--color-Text-White) ;
			.effect-heading {
				display: inline-block;
				&::after {
					display: inline-block;
					content: "";
					background-repeat: no-repeat;
					background-size: 100% auto;
					width: min(calc(32 / 390 * 100vw), 32px);
					height: min(calc(32 / 390 * 100vw), 32px);
					margin: 0 0 -2px 8px;
					background-image: url(/web/jp/channel/solution/gen-ai/img/icon_problem_heading_after01.svg);
				}
			}
			p {
				margin-top: 12px;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.5;
				width:fit-content;
				margin-inline: auto;
				text-align: left;
			}
		}
		.content {
			.effect-items {
				display: flex;
				flex-flow: row wrap;
				gap: 16px;
				.effect-item {
					width:  100%;
					padding: 12px;
					background-color: var(--color-Text-White);
					border-radius: 4px;
					border: 4px solid var(--color-Accent-Secondary);
					display: flex;
					flex-flow: row wrap;
					align-items: center;
					gap: 24px;
					figure {
						padding-right: 12px;
						border-right: 1px dotted var(--color-Gray-Dark);
						img {
							width: 64px;
						}
					}
					.text {
						flex: 1;
						h3 {
							margin-bottom: 12px;
							font-size: 16px;
							font-weight: bold;
							line-height: 1.5;
						}
						p {
							font-size: 14px;
							line-height: 1.5;
						}
					}
				}
			}
		}
	}
}

@media (min-width: 768px) {
	.sec-effect {
		.container {
			.common-new-heading {
				.effect-heading {
					&::after {
						margin-left: 12px;
						width: min(calc(48 / 1200 * 100vw), 48px);
						height: min(calc(48 / 1200 * 100vw), 48px);
					}
				}
				p {
					font-size: 16px;
				}
			}
			.content {
				.effect-items {
					.effect-item {
						width: calc(50% - 16px * 1 / 2);
					}
				}
			}
		}
	}
}

@media (min-width: 1024px) {
	.sec-effect {
		.container {
			.content {
				.effect-items {
					.effect-item {
						gap: 24px;
						width: calc(25% - 16px * 3 / 4);
						padding: 32px 24px 24px;
						border-width: 8px;
						& > * {
							width: 100%;
						}
						figure {
							padding-right: 0;
							border-right: none;
							img {
								display: block;
								margin-inline: auto;
								width: 88px;
							}
						}
						.text {
							h3 {
								margin-bottom: 16px;
								text-align: center;
							}
						}
					}
				}
			}
		}
	}
}

/* section cta-solution */
.sec-cta-solution {
	&::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -2;
		width: 100%;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/web/jp/channel/solution/gen-ai/img/cta_bg.png);
	}
	.container {
		max-width: 1024px;
		margin-inline: auto;
		.cta-headding {
			color: var(--color-Text-White);
			width: fit-content;
			max-width: 450px;
			margin: 0 auto 32px;
			h2 {
				display: inline-block;
				margin-bottom: 16px;
				padding: 12px;
				font-size: min(calc(16 / 390 * 100vw), 16px);
				font-weight: bold;
				line-height: 1.5;
				border: 1px solid var(--color-Text-White);
			}
			p {
				font-size: min(calc(16 / 390 * 100vw), 16px);
				font-weight: bold;
				line-height: 1.75;
			}
		}
		.cta-list {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
			width: fit-content;
			margin: 0 auto 64px;
			color: var(--color-Text-White);
			li {
				position: relative;
				font-size: min(calc(16 / 390 * 100vw), 16px);
				font-weight: bold;
				line-height: 1.5;
				padding-bottom: .25em;
				border-bottom: 2px dotted var(--color-Text-White);
				padding-left: calc((16 / 390 * 100vw) + 8px);
				&::before {
					content: "";
					position: absolute;
					top: min(calc(4 / 390 * 100vw), 4px);
					left: 0;
					width: min(calc(16 / 390 * 100vw), 16px);
					height: min(calc(16 / 390 * 100vw), 16px);
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-image: url(/web/jp/channel/top/img/new/icn_checkbox_white.svg);
				}
			}
		}
		.cta-wrap {
			max-width: 1024px;
			margin-inline: auto;
			.cta-items {
				display: flex;
				flex-flow: row wrap;
				justify-content: center;
				gap: 48px;
				.cta-item {
					position: relative;
					width: 100%;
					max-width: 400px;
					padding: 40px 20px 20px;
					background-color: var(--color-Background-Secondary);
					border-radius: 8px;
					.note {
						margin-top: 12px;
						font-size: 12px;
						line-height: 1.5;
						width: fit-content;
						margin-inline: auto;
					}
					.icon-cta {
						position: absolute;
						width: 64px;
						top: -24px;
						left: 50%;
						transform: translateX(-50%);
						img {
							aspect-ratio: 1/1;
						}
					}
					.cta-button {
						margin-top: 0;
						p {
							&::before {
								content: none;
							}
							.btn {
								font-size: 16px;
							}
						}
					}
				}
			}
		}
	}
}
@media (min-width: 768px) {
	.sec-cta-solution  {
		.container {
			.cta-headding {
				margin-left: 0;
				h2 {
					font-size: 16px;
				}
				p {
					font-size: 16px;
				}
			}
			.cta-list {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				gap: 20px;
				width: fit-content;
				margin-left: 0;
				li {
					font-size: 16px;
					padding-left: 22px;
					&::before {
						top: 4px;
						width: 16px;
						height: 16px;
					}
				}
			}
			.cta-wrap {
				padding: 56px 0 20px;
				border-radius: 16px;
				background-color: var(--color-Background-Secondary);
				.cta-items {
					justify-content: flex-start;
					gap: 0;
					background-color: var(--color-Background-Secondary);
					.cta-item {
						position: relative;
						width: 33.333334%;
						padding: 0 24px;
						border-radius: 0;
						& + .cta-item {
							border-left: 1px dotted var(--color-Gray-Dark);
						}
						.icon-cta {
							width: 80px;
							top: -80px;
						}
						.cta-button {
							margin-top: 0;
							p {
								&::before {
									content: none;
								}
								.btn {
									font-size: 16px;
								}
							}
						}
					}
				}
			}
		}
	}
}