@charset "UTF-8";
strong {
	font-weight: bold;
}


/*　FV
--------------------------------------------------------*/
.l-fv {
	background: linear-gradient(180deg, rgba(237, 240, 255, 0) 0%, rgba(237, 240, 255, 1) 100%),url(https://tp-img.imgix.net/s/ai-talk-plus/sales/sp/bg/bg_fv.svg);
	background-size: auto, 60%;
	background-repeat: no-repeat;
	background-position: left top 13em;
	padding: 20px 2% 80px;
	position: relative;
	z-index: 0;
	overflow-x: hidden;
}

@media (min-width:769px) {
	.l-fv {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ECF4FF 100%), url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/bg/bg_fv.svg);
		background-size: auto, contain;
		background-repeat: no-repeat;
		background-position: right top;
		padding: 20px 0 40px;
	}
}

.p-fv-list {
	max-width: 1200px;
	width: 94%;
	margin: auto;

	@media (min-width:769px) {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	li {

		&:last-child {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			position: relative;
			z-index: 1;
		}
	}
}

.p-fv-list__box {
	width: fit-content;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;

	@media (min-width:769px) {
		align-items: start;
	}
}

.p-fv-list__lead {
	font-size: clamp(20px, calc(13.735px + 0.815vw), 24px);
	color: #ffffff;
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
	margin-bottom: 0.3em;

	@media (min-width:769px) {
	}
}

.p-fv-list__desc {
	font-size: clamp(28px, calc(-3.324px + 4.073vw), 48px);
	color: #14293C;
	font-weight: bold;
	text-align: center;

	@media (min-width:769px) {
		text-align: unset;
	}
}

.p-fv-list__title {
	font-size: clamp(28px, calc(-3.324px + 4.073vw), 48px);
	font-weight: bold;
	color: #3B7DD8;
	margin-bottom: 0.6em;

	@media (min-width:769px) {
		margin-bottom: 0.2em;
	}
}

.p-fv-list__note {
	color: #14293C;
	margin-bottom: 1.5em;
	text-align: center;

	@media (min-width:769px) {
		font-size: clamp(11px, calc(3.169px + 1.018vw), 16px);
		text-align: unset;
	}
}

.p-fv-list__cta {
	max-width: 370px;
	display: flex;
	justify-content: center;
	gap: 24px;
	margin: auto;

	@media (min-width:769px) {
		max-width: clamp(270px, calc(37.674px + 30.211vw), 370px);
	}

	li {

		a {
			display: inline-block;
			position: relative;

			span {
				color: #3B7DD8;
				font-weight: bold;
				position: relative;
				padding-right: 15px;

				@media (min-width:769px) {
					font-size: clamp(13px, calc(6.03px + 0.906vw), 16px);
				}

				&::after {
					content: '';
					width: 10px;
					height: 10px;
					border: 0;
					border-top: solid 1px #3B7DD8;
					border-right: solid 1px #3B7DD8;
					position: absolute;
					top: 8px;
					right: 0;
					transform: rotate(45deg);
					transition: all 0.2s ease-in-out 0s;
				}
			}

			&::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 1px;
				background: #3B7DD8;
				transform: scaleX(0);
				transform-origin: left;
				transition: transform 0.3s;
				z-index: 1;
			}

			&:hover::after,
			&:focus::after {
				transform: scaleX(1);
			}
		}
	}
}

h1 {
	text-align: center;
}

h1 img {
	max-width: 320px;
	margin-bottom: 1em;
}

@media (min-width:414px) {
	h1 img {
		max-width: 340px;
	}
}

@media (min-width:428px) {
	h1 img {
		max-width: 350px;
	}
}

@media (min-width:769px) {
	h1 img {
		max-width: 100%;
	}
}

.l-fv .btn-inner {
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 370px;
	width: 100%;
	padding: 20px 0;
	border-radius: 50px;
	text-align: center;
	background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
	letter-spacing: -0.01em;
	position: relative;
	margin: 0 auto 15px;
}

@media (min-width:769px) {
	.l-fv .btn-inner {
		max-width: clamp(270px, calc(37.674px + 30.211vw), 370px);
		font-size: clamp(15px, calc(3.384px + 1.511vw), 20px);
		padding: 15px 0;
		margin: 0 0 1em;
	}
}

.l-fv .btn-inner:hover {
	transform: translateY(4px);
	box-shadow: none;
}

.l-fv .btn-inner::before {
	content: "";
	flex-shrink: 0;
	width: 16px;
	height: 21px;
	margin-right: 8px;
	background: url(https://tp-img.imgix.net/s/ai-talk-plus/pc/icon/icon_note.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out 0s;
}


	/*　共通パーツ h / p
--------------------------------------------------------*/
.c-heading-en {
	color: #FF8001;
	text-align: center;
}

.c-heading {
	font-size: clamp(32px, calc(6.941px + 3.259vw), 48px);
	color: #14293C;
	text-align: center;
	margin-bottom: 0.5em;
}

.c-description,
.c-description--sm {
	font-size: clamp(24px, calc(11.47px + 1.629vw), 32px);
	color: #3B7DD8;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.3em;
}

.c-description--sm {
	font-size: clamp(20px, calc(1.206px + 2.444vw), 32px);
}

.c-note {
	color: #14293C;
	text-align: center;
}

.c-note--sm {
	font-size: var(--12px);
	color: #888888;
	text-align: center;
}

.c-caution {
	color: #888888;
	font-size: var(--14px);
	text-align: center;
}

.c-highlight {
	font-weight: bold;
	border-radius: 6px;
	padding-left: 5px;
	background: #FEF43B;
}


	/*　よくある課題
--------------------------------------------------------*/
.l-challenge {
	position: relative;

	.l-challenge__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 1em 0 2em;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
		}
	}

	.p-challenge-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
		margin-top: 1.5em;

		@media (min-width:769px) {
			gap: 32px;
			margin: 3em 20px 0;
		}

		@media screen and (min-width:1200px) {
			margin: 3em 0 0;
		}

		li {
			width: 100%;
			color: #ffffff;
			text-align: center;
			padding: 16px 24px 20px 24px;
			border-radius: 8px;
			background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);

			@media (min-width:769px) {
				width: calc((100% - 32px) / 2);
				padding: 16px clamp(8px, calc(-17.059px + 3.259vw), 24px) 20px;
			}

			@media screen and (min-width:1010px) {
				width: calc((100% - 32px * 2) / 3);
			}
		}
	}

	.p-challenge-list_title {
		font-size: var(--20px);
		margin-bottom: 0.3em;

		@media (min-width:769px) {
			font-size: clamp(18px, calc(8.603px + 1.222vw), 24px);
		}
	}

	.p-challenge-list_text {

		@media (min-width:769px) {
			font-size: clamp(13px, calc(8.301px + 0.611vw), 16px);
		}
	}
}


	/*　3つの特徴
--------------------------------------------------------*/
.l-solution {
	background: #ECF4FF;
	position: relative;

	&::before {
		content: "";
		position: absolute;
		top: 40px;
		left: 0;
		width: 40%;
		aspect-ratio: 321 / 656;
		background: url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/bg/bg_scene.svg) left top / contain no-repeat;
		z-index: 0;
		pointer-events: none;

		@media (min-width:769px) {
			width: 340px;
			top: 50px;
		}
	}

	.l-solution__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 3em 0 2em;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 5em 0 3em;
		}
	}

	.p-solution-list {
		display: grid;
		grid-template-columns: 1fr;
		gap: 40px;
		background: #ffffff;
		padding: 20px;
		margin: 2em 0;
		border-left: solid 2px #77C2E5;

		@media (min-width:769px) {
			grid-template-columns: 3.5fr 5.5fr;
			padding: 40px 25px clamp(10px, calc(-59.698px + 9.063vw), 40px) 25px;
			margin: 3em 0;
		}

		img {
			width: 100%;
		}
	}

	.p-solution-list--reverse {
		border-left: none;
		border-right: solid 2px #77C2E5;

		@media (min-width:769px) {
			grid-template-columns: 5.5fr 3.5fr;
			margin: 0 0 3em;

			li:first-child {
				order: 2;
			}

			li:last-child {
				order: 1;
			}
		}
	}

	.p-solution-list__box {
		position: relative;
	}

	.p-solution-list__sub {
		font-size: clamp(11px, calc(3.169px + 1.018vw), 16px);
		display: inline-block;
		color: #ffffff;
		padding: 0 8px 2px 8px;
		margin-bottom: 0.8em;
		background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
	}

	.p-solution-list__num--sky {
		font-size: var(--130px);
		color: transparent;
		-webkit-text-stroke: 1px #77C2E5;
		text-stroke: 1px #77C2E5;
		position: absolute;
		top: -70px;
		right: 0;
		z-index: 0;

		@media (min-width:769px) {
			font-size: var(--160px);
			top: -80px;
		}
	}

	.p-solution-list__title {
		font-size: var(--24px);
		color: #14293C;
		margin-bottom: 0.8em;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			font-size: clamp(20px, calc(1.414px + 2.417vw), 32px);
			letter-spacing: 0.64px;
		}
	}

	.p-solution-list__text {
		color: #14293C;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			font-size: clamp(14px, calc(9.353px + 0.604vw), 16px);
		}
	}
}


	/*　導入事例
--------------------------------------------------------*/
.l-case {
	background: linear-gradient(180deg, #FFF 0%, #ECF4FF 100%);
	position: relative;

	.l-case__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 3em 0;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 5em clamp(10px, calc(33.233px + -3.021vw), 0px);
		}
	}

	.p-case-list {
		/* display: grid;
		grid-template-columns: 1fr; */
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
		gap: 25px;
		margin-top: 2em;

		@media (min-width:769px) {
			width: 100%;
			/* grid-template-columns: repeat(2, 1fr); */
			gap: 48px;
			margin-top: 3em;
		}

		/* @media (min-width:1010px) {
			grid-template-columns: repeat(3, 1fr);
		} */

		>li {
			border-radius: 8px;
			overflow: hidden;
			display: flex;
			flex-direction: column;

      @media (min-width:769px) {
        width: calc((100% - 48px) / 2);
				/* width: calc((100% - 32px) / 2);
        padding: 16px clamp(8px, calc(-17.059px + 3.259vw), 24px) 20px; */
      }

      @media screen and (min-width:1010px) {
        width: calc((100% - 48px * 2) / 3);
				/* width: calc((100% - 32px * 2) / 3); */
      }

			img {
				width: 100%;
			}
		}
	}

	.p-case-list__box {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 10px 0;
		margin-top: 0.5em;
	}

	.p-case-list__sub {
		width: fit-content;
		color: #ffffff;
		padding: 0 8px 2px 8px;
		margin-bottom: 0.8em;
		background: #3B7DD8;
	}

	.p-case-list__title {
		font-size: var(--24px);
		color: #3B7DD8;
		margin-bottom: 0.6em;

		@media (min-width:769px) {
			font-size: clamp(20px, calc(13.735px + 0.815vw), 24px);
		}
	}

	.p-case-list__text {
		color: #14293C;
		margin-bottom: 1.2em;
	}

	.p-case-list__button {
		color: #3B7DD8;
		display: flex;
		width: 200px;
		padding: 10px 0;
		margin: auto;
		justify-content: center;
		align-items: center;
		border-radius: 40px;
		background: #FFF;
		box-shadow: 0 2px 0 0 #77C2E5;
		transition: all 0.3s ease-in-out 0s;
		position: relative;

		&::after {
			content: "";
			flex-shrink: 0;
			width: 8px;
			height: 8px;
			margin-left: 10px;
			border-top: 2px solid #3B7DD8;
			border-right: 2px solid #3B7DD8;
			transform: translateY(-52%) rotate(45deg);
			position: absolute;
			top: 52%;
			right: 20px;
		}

		&:hover {
			transform: translateY(4px);
			box-shadow: none;
		}
	}

}


	/*　主な機能紹介
--------------------------------------------------------*/
.l-function {
	position: relative;

	&::before {
		content: "";
		position: absolute;
		top: 40px;
		right: 0;
		width: 40%;
		aspect-ratio: 321 / 656;
		background: url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/bg/bg_function.svg) right top / contain no-repeat;
		z-index: 0;
		pointer-events: none;

		@media (min-width:769px) {
			width: 340px;
			top: 10px;
		}
	}

	.l-function__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 3em 0;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 5em clamp(10px, calc(33.233px + -3.021vw), 0px);
		}
	}

	.p-function-list {
		/* display: grid;
		grid-template-columns: 1fr; */
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
		gap: 25px;
		margin-top: 2em;

		@media (min-width:769px) {
			width: 100%;
			/* grid-template-columns: repeat(2, 1fr); */
			gap: 48px;
			margin-top: 3em;
		}

		/* @media (min-width:1010px) {
			grid-template-columns: repeat(3, 1fr);
		} */

		>li {
			display: flex;
			flex-direction: column;

			@media (min-width:769px) {
        width: calc((100% - 48px) / 2);
      }

      @media screen and (min-width:1010px) {
        width: calc((100% - 48px * 2) / 3);
      }

			img {
				width: 100%;
			}
		}
	}

	.p-function-list__image {
		display: flex;
		padding: 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
		border-radius: 8px;
		background: #F5F5F5;
		box-shadow: 4px 4px 0 0 #77C2E5;
	}

	.p-function-list__box {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 10px 0 0;
		margin-top: 0.5em;
	}

	.p-function-list__title {
		font-size: var(--24px);
		color: #3B7DD8;
		margin-bottom: 0.6em;

		@media (min-width:769px) {
			font-size: clamp(20px, calc(13.735px + 0.815vw), 24px);
		}
	}

	.p-function-list__text {
		color: #14293C;
	}

}


	/*　選ばれる理由
--------------------------------------------------------*/
.l-choose {
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(236, 244, 255, 1) 100%);
	position: relative;

	.l-choose__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 3em 0;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 5em clamp(10px, calc(33.233px + -3.021vw), 0px);
		}
	}

	.p-choose-list {
		/* display: grid;
		grid-template-columns: 1fr; */
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
		gap: 25px;
		margin-top: 2em;

		@media (min-width:769px) {
			width: 100%;
			/* grid-template-columns: repeat(2, 1fr); */
			gap: 48px;
			margin: 3em 0;
		}

		/* @media (min-width:1010px) {
			grid-template-columns: repeat(3, 1fr);
		} */

		>li {
			display: flex;
			flex-direction: column;

			@media (min-width:769px) {
        width: calc((100% - 48px) / 2);
      }

      @media screen and (min-width:1010px) {
        width: calc((100% - 48px * 2) / 3);
      }

			img {
				width: 100%;
			}
		}
	}

	.p-choose-list__box {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 10px 0 0;
		margin-top: 0.5em;
	}

	.p-choose-list__title {
		font-size: var(--24px);
		color: #3B7DD8;
		margin-bottom: 0.6em;

		@media (min-width:769px) {
			font-size: clamp(20px, calc(13.735px + 0.815vw), 24px);
		}
	}

	.p-choose-list__text {
		color: #14293C;
	}

	.p-choose_note {
		font-size: var(--12px);
		color: #888888;
		text-align: center;
		margin-top: 1em;
	}

}


	/*　料金
--------------------------------------------------------*/
.l-cost {
	background: linear-gradient(180deg, #FFF 0%, #ECF4FF 100%);
	position: relative;

	.l-cost__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 3em 0 1em;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 5em clamp(10px, calc(33.233px + -3.021vw), 0px) 2em;
		}
	}

	.l-cost__title-img {
		display: block;
		width: 300px;
		margin: 0 auto 0.8em;
	}

	.p-cost-list {
		/* display: grid;
		grid-template-columns: 1fr; */
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
		gap: 60px;
		margin: 3em 0 4em;

		@media (min-width:769px) {
			width: 100%;
			/* grid-template-columns: repeat(2, 1fr); */
		}

		@media (min-width:1010px) {
			/* grid-template-columns: repeat(3, 1fr); */
			gap: 25px;
		}

		>li {
			text-align: center;
			display: flex;
			flex-direction: column;
			width: 100%;
			padding: 30px 4%;
			border-radius: 8px;
			background: #FFF;
			box-shadow: 4px 4px 0 0 #77C2E5;
			position: relative;

			@media (min-width:769px) {
        width: calc((100% - 60px) / 2);
      }

      @media screen and (min-width:1010px) {
        width: calc((100% - 25px * 2) / 3);
      }


			img {
				position: absolute;
				bottom: -35px;
				right: 0;
				width: 100px;
				height: 100px;
			}
		}
	}

	.p-cost-list__title {
		color: #ffffff;
		display: flex;
		width: 235px;
		height: 42px;
		padding: 5px 15px;
		margin: -50px auto 20px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 50px;
		background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
	}

	.p-cost-list__text {
		font-size: var(--18px);
		color: #14293C;
		margin-bottom: 0.6em;

		@media (min-width:769px) {
			font-size: var(--20px);
		}
	}

	.p-cost-list__desc {
		font-size: var(--22px);
		line-height: 1;
		color: #14293C;
		font-weight: bold;

		@media (min-width:769px) {
			font-size: var(--26px);
		}
	}

	.p-cost-list__sub {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: var(--90px);
		font-size: var(--44px);
		line-height: 1;
		color: #14293C;

		@media (min-width:769px) {
			font-size: var(--54px);
		}
	}

	.p-cost-list__sub-text {
		font-weight: bold;
		display: flex;
		align-items: baseline;
		position: relative;
		z-index: 0;

		&::after {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -5px;
			height: 15px;
			background: #FEF43B;
			z-index: -1;
		}
	}

	.p-cost-list__sub--large {
		font-size: var(--73px);
		font-weight: bold;

		@media (min-width:769px) {
			font-size: var(--90px);
		}
	}

	.p-cost-list__num {
		font-weight: bold;
	}

	.p-cost-list__currency {
		font-size: var(--37px);
		line-height: 1;
		color: #14293C;
		font-weight: bold;

		@media (min-width:769px) {
		}
	}
}

	.l-cost .btn-inner,
	.l-business .btn-inner {
		font-size: clamp(var(--14px),(100vw - 768px) * 4 / 331 + var(--16px),var(--16px));
		color: #fff;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 310px;
		padding: 25px 0;
		border-radius: 50px;
		text-align: center;
		background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
		letter-spacing: -0.01em;
		position: relative;
		margin: 30px auto 15px;

		@media (min-width:769px) {
			max-width: 360px;
			margin: 0 auto 1.5em;
		}

		&:hover {
			transform: translateY(4px);
		}

		&:has(> span)::after {
			content: "";
			flex-shrink: 0;
			width: 10px;
			height: 10px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			transform: rotate(45deg);
			position: absolute;
			right: 30px;
		}

		span {
			color: #11273C;
			font-size: var(--15px);
			font-style: normal;
			font-weight: 600;
			line-height: normal;
			letter-spacing: 0.3px;
			white-space: nowrap;
			border-radius: 40px;
			border: 1px solid #FFF;
			background: #F7DA24;
			position: absolute;
			transform: translate(-50%, -50%);
			top: 0;
			left: 50%;
			padding: 3px 10px;
			
			&::after {
				content: "";
				width: 10px;
				height: 10px;
				clip-path: polygon(0 0, 100% 0, 50% 100%);
				background: #F7DA24;
				position: absolute;
				bottom: -10px;
				left: 50%;
				transform: translateX(-50%);
			}
		}
	}


	/*　さまざまなシーンでご活用いただけます
--------------------------------------------------------*/
.l-business .btn-inner::before {
	content: "";
	flex-shrink: 0;
	width: 16px;
	height: 21px;
	margin-right: 8px;
	background: url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/icon/icon_mail.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out 0s;
}

.l-business {
	background: #ECF4FF;
	position: relative;

	&::before {
		content: "";
		position: absolute;
		top: 20px;
		left: 0;
		width: 40%;
		aspect-ratio: 321 / 656;
		background: url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/bg/bg_scene.svg) left top / contain no-repeat;
		z-index: 0;
		pointer-events: none;

		@media (min-width:769px) {
			width: 340px;
			top: -10em;
		}
	}

	.l-business__inner {
		max-width: 1200px;
		width: 92%;
		margin: auto;
		padding: 2em 0;
		position: relative;
		z-index: 1;

		@media (min-width:769px) {
			width: 100%;
			padding: 3em clamp(10px, calc(33.233px + -3.021vw), 0px);
		}
	}

	.p-business-list {
		counter-reset: p-business-list-num;
		display: grid;
		grid-template-columns: 1fr;
		gap: 25px;
		margin: 2em 0 3em;

		@media (min-width:769px) {
			width: 100%;
			grid-template-columns: repeat(2, 1fr);
			gap: 48px;
			margin: 3em 0 4em;
		}

		@media (min-width:1010px) {
			grid-template-columns: repeat(3, 1fr);
		}

		>li {
			display: flex;
			flex-direction: column;

			img {
				width: 100%;
			}
		}
	}

	.p-business-list__box {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 20px 6%;
		background: #ffffff;
		border-radius: 0 0 8px 8px;

		@media (min-width:769px) {
			padding: 10px 6% 30px;
		}
	}

	.p-business-list__title {
		font-size: var(--24px);
		color: #3B7DD8;
		margin-bottom: 0.6em;
		padding-left: 40px;
		position: relative;

		@media (min-width:769px) {
			font-size: clamp(20px, calc(10.707px + 1.208vw), 24px);
		}

		&::before {
			counter-increment: p-business-list-num;
			content: counter(p-business-list-num, decimal-leading-zero);
			color: #ffffff;
			font-size: var(--16px);
			font-weight: bold;
			position: absolute;
			width: 36px;
			height: 36px;
			background: #3B7DD8;
			display: flex;
			justify-content: center;
			align-items: center;
			left: 0;
		}
	}

	.p-business-list__text {
		color: #14293C;
		margin-bottom: 0.4em;
	}

	.p-business-list__text-highlight {
		font-weight: bold;
	}

	.p-business-list__sub{

		li {
			list-style: disc;
			margin-left: 1.5em;
		}
	}

}

	/*　導入の流れ
--------------------------------------------------------*/
.l-flow {
	background: #ffffff;
	padding: 3em 0;

	@media (min-width:769px) {
		padding: 5em 0;
		/* padding: 0 clamp(10px, calc(33.233px + -3.021vw), 0px) 5em; */
	}

	.p-flow-list {
		max-width: 1200px;
		width: 92%;
		margin: 2em auto 0;
		display: grid;
		grid-template-columns: 1fr;
		gap: 40px;
		justify-content: center;
		position: relative;

		@media (min-width:769px) {
			width: 100%;
			grid-template-columns: repeat(3,1fr);
			/* img / h4 / desc の3行。各行高はカード間で共有され揃う */
			grid-template-rows: auto auto auto;
		}

		li {
			display: grid;
			grid-template-columns: 3fr 7fr;
			gap: 10px;
			position: relative;

			@media (min-width:769px) {
				grid-row: span 3;
				grid-template-rows: subgrid;
				grid-template-columns: none;
				row-gap: 0;
			}
		}

		li:not(:last-child)::after {
			content: "";
			position: absolute;
			background: #EC8403;
			z-index: 0;
			/* SP: 縦線（円の下から次の円へ） */
			top: 64px;
			left: 64px;
			width: 2px;
			height: calc(100% + 40px);
			transform: translateX(-50%);

			@media (min-width:480px) {
				left: 15%;
			}

			@media (min-width:769px) {
				/* PC: 横線（円の右から次の円へ） */
				top: clamp(90px, calc(20.302px + 9.063vw), 120px);
				left: 50%;
				width: calc(100% + 40px);
				height: 2px;
				transform: none;
			}
		}

		.p-flow-list__image {
			width: 128px;
			height: 128px;
			aspect-ratio: 1/1;
			background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 auto 1em;
			position: relative;
			z-index: 1;

			@media (min-width:769px) {
				width: clamp(180px, calc(40.604px + 18.127vw), 240px);
				height: clamp(180px, calc(40.604px + 18.127vw), 240px);
			}

			img {
				width: 60%;
				height: 60%;
				object-fit: contain;

				@media (min-width:769px) {
					width: clamp(100px, calc(53.535px + 6.042vw), 120px);
					height: clamp(100px, calc(53.535px + 6.042vw), 120px);
				}
			}
		}

		.p-flow-list__box {

			@media (min-width:769px) {
				/* ラッパーを透過し h4 / desc を親グリッドの行に乗せる */
				display: contents;
			}
		}

		.p-flow-list__title {
			font-size: var(--24px);
			color: #14293C;
			margin-bottom: 0.3em;

			@media (min-width:769px) {
				font-size: clamp(20px, calc(10.707px + 1.208vw), 24px);
				text-align: center;
			}
		}

		.p-flow-list__text {
			color: #14293C;

			@media (min-width:769px) {
				font-size: clamp(14px, calc(9.353px + 0.604vw), 16px);
				text-align: center;
			}
		}
	}
}


	/*　よくある質問
--------------------------------------------------------*/
.l-faq {
	max-width: 1200px;
	width: 92%;
	margin: auto;
	background: #ECF4FF;
	background: url(https://tp-img.imgix.net/s/ai-talk-plus/sales/pc/bg/bg_question.svg) center top / 70% no-repeat,#ECF4FF;
	padding: 1.5em;
	margin-bottom: 2em;
	border-radius: 16px;

	@media (min-width:769px) {
		width: 96%;
		padding: 4em;
		margin-bottom: 4em;
	}

	@media (min-width:1010px) {
		width: 100%;
	}

	.l-faq__box {
		background: #ffffff;
		padding: 1em;
		border-radius: 16px;

		@media (min-width:769px) {
			border-radius: initial;
			padding: 1.5em;
		}

		& + & {
			margin-top: 1.5em;
		}
	}

	.l-faq__content {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: start;
		column-gap: 0.5em;
		row-gap: 1.8em;

		@media (min-width:769px) {
			column-gap: 1em;
		}

		.l-faq__content--q {
			align-self: start;
			color: #ffffff;
			width: 30px;
			height: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
		}

		.l-faq__content--a {
			color: #ffffff;
			width: 30px;
			height: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
		}

		.l-faq__content__list {
			margin-left: 1.6em;

			li {
				list-style-type: disc;
			}
		}
	}
}


	/*　override common.css
--------------------------------------------------------*/
/* Header Gnavi */
#header-sales {
	position: sticky;
	top: 0;
	z-index: 100;
}

.sec__header__logo__img {
	max-width: 180px;
}

.sec__header__nav__list > li {

	a {
		span {
			&::after {
				@media (min-width:1060px) {
					border-top: solid 2px #3B7DD8;
					border-right: solid 2px #3B7DD8;
				}
			}
		}

		&::after {
			background: #3B7DD8;
		}
	}
}

.hamburger-line {
	background-color: #3B7DD8;
}

 /*____________________ sp__nav */
.sp__nav {
	background: linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
}

.sp__nav .btn-inner {
	background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
}

/* お問い合わせ ボタン for SP */
.sec__header__logo__btn a {
	justify-content: center;
  padding: 8px 5px;
  color: #fff;
  border-radius: 40px;
	background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);

  &::before {
    display: none;
  }
}

/* お問い合わせ ボタン for PC */
.nav__btn .btn-inner {
	justify-content: center;
	width: 160px;
	height: 40px;
	/* width: clamp(170px, calc(88.365px + 10.616vw), 220px);
	height: clamp(36px, calc(19.673px + 2.123vw), 46px); */
	border-radius: 60px;
	margin-left: clamp(2px, calc(-19.225px + 2.76vw), 15px);
	padding-bottom: unset;
	padding-left: unset;
	/* padding-left: clamp(45px, calc(20.51px + 3.185vw), 60px); */
	background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
	font-size: var(--14px);
	/* font-size: clamp(11px, calc(4.469px + 0.849vw), 15px); */
}

.nav__btn .btn-inner::before {
	display: none;
}

/* CTA */
.sec__cta,.sec__cta--footer {
	background: url(https://tp-img.imgix.net/s/ai-talk-plus/pc/logo/logo_bg_cta_wht.svg) center / 65% no-repeat, linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);

	@media (min-width:769px) {
		background: url(https://tp-img.imgix.net/s/ai-talk-plus/pc/logo/logo_bg_cta_wht.svg) left 10em top -1em / 340px no-repeat, linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
	}

	.btn-inner {
		font-weight: bold;
		background: linear-gradient(90deg, #FF8001 0%, #FFA600 100%);
	}
}

/* CTA Footer */
.sec__cta--footer {
	padding: 2em 0 3em;
	background: url(https://tp-img.imgix.net/s/ai-talk-plus/pc/logo/logo_bg_cta_wht.svg) center / 65% no-repeat, linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);

	@media (min-width:769px) {
		background: url(https://tp-img.imgix.net/s/ai-talk-plus/pc/logo/logo_bg_cta_wht_large.svg) left center / 550px no-repeat, linear-gradient(89deg, #3B7DD8 0%, #77C2E5 98.45%);
		padding: 3em 0;
	}
}