/* Customer Voice: Figma PC artboard 3197:719 and SP main visual 3932:36. */
.customer-voice-page,
.customer-voice-page :where(div, section, article, header, nav, span, p, h1, h2, h3, ul, li, a, img) {
	box-sizing: border-box;
}

.customer-voice-page {
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	background: #fff;
	color: #454545;
	font-family: "Zen Old Mincho", "Yu Mincho", YuMincho, serif;
}

.customer-voice-page :where(h1, h2, h3, p, ul) {
	margin: 0;
}

.customer-voice-page img {
	display: block;
	max-width: none;
}

.customer-voice-stage {
	position: relative;
	overflow: hidden;
}

.customer-voice-stage--pc {
	display: block;
	width: 1440px;
	height: 2474px;
	margin-inline: auto;
}

.customer-voice-artboard {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	overflow: hidden;
	transform-origin: top left;
	background: #fff;
}

.customer-voice-artboard--pc {
	width: 1440px;
	height: 2474px;
}

.customer-voice-stage--sp {
	display: none;
}

.customer-voice-artboard--sp {
	width: 375px;
	height: 3544px;
}

.customer-voice-bg {
	position: absolute;
	left: -297px;
	top: -1px;
	width: 2034px;
	height: 1271px;
	pointer-events: none;
}

.customer-voice-header {
	position: absolute;
	inset: 0;
	z-index: 5;
}

.customer-voice-brand {
	position: absolute;
	left: 109px;
	top: 31px;
	width: 166px;
	height: 33px;
}

.customer-voice-brand img {
	width: 166px;
	height: 33px;
}

.customer-voice-nav {
	position: absolute;
	left: 344px;
	top: 31px;
	width: 620px;
	height: 29px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.00165;
	white-space: nowrap;
}

.customer-voice-nav .pc-nav__list {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 620px;
	height: 29px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.customer-voice-nav .pc-nav__list li {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.customer-voice-nav .pc-nav__list li:first-child a {
	color: #37b1ff;
}

.customer-voice-nav .pc-nav__list a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

.customer-voice-cta {
	position: absolute;
	top: 27px;
	width: 165px;
	height: 38px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.00165;
	white-space: nowrap;
}

.customer-voice-cta--shop { left: 989px; }
.customer-voice-cta--tax { left: 1167px; }

.customer-voice-cta img {
	position: absolute;
	left: -1.8px;
	top: -0.8px;
	width: 170.6001px;
	height: 43.6px;
	pointer-events: none;
}

.customer-voice-cta span {
	position: absolute;
	left: 23px;
	top: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 29px;
}

.customer-voice-page-title,
.customer-voice-section-title {
	position: absolute;
	left: 81px;
	width: 633px;
	height: 120px;
	color: #006db2;
	font-weight: 900;
}

.customer-voice-page-title { top: 217px; }

.customer-voice-page-title h1 {
	width: 609px;
	height: 87px;
	font-size: 60px;
	font-weight: 900;
	line-height: 87px;
	letter-spacing: -3.6px;
	white-space: nowrap;
}

.customer-voice-page-title p,
.customer-voice-section-title p {
	width: 633px;
	height: 33px;
	font-size: 23px;
	font-weight: 900;
	line-height: 33.35px;
	letter-spacing: -1.38px;
	white-space: nowrap;
}

.customer-voice-breadcrumb {
	position: absolute;
	left: 1194px;
	top: 432px;
	width: 166px;
	height: 23px;
	color: #006db2;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
	white-space: nowrap;
}

.customer-voice-breadcrumb a,
.customer-voice-breadcrumb span {
	position: absolute;
	top: 0;
	height: 23px;
}

.customer-voice-breadcrumb a { left: 0; width: 48px; }
.customer-voice-breadcrumb img { position: absolute; left: 64px; top: 6px; width: 8px; height: 12px; }
.customer-voice-breadcrumb span { left: 86px; width: 80px; }

.customer-voice-hero {
	position: absolute;
	left: 81px;
	top: 463px;
	width: 1359px;
	height: 415px;
}

.customer-voice-toc {
	position: absolute;
	left: 1043px;
	top: 972px;
	width: 335px;
	height: 32px;
	color: #454545;
	font-size: 22px;
	font-weight: 700;
	line-height: 31.9px;
	white-space: nowrap;
}

.customer-voice-toc > a {
	position: absolute;
	inset: 0;
	display: block;
}

.customer-voice-toc > a > span:first-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 317px;
	height: 32px;
}

.customer-voice-toc__icon {
	position: absolute;
	left: 317px;
	top: 10.5px;
	width: 18px;
	height: 11px;
}

.customer-voice-toc__icon img {
	position: absolute;
	left: 3.5px;
	top: -3.5px;
	width: 11px;
	height: 18px;
	transform: rotate(90deg);
	transform-origin: center;
}

.customer-voice-section-title {
	top: 1018px;
	width: 473px;
	height: 106px;
	scroll-margin-top: 20px;
}

.customer-voice-section-title h2 {
	width: 473px;
	height: 73px;
	font-size: 50px;
	font-weight: 900;
	line-height: 72.5px;
	letter-spacing: -3px;
	white-space: nowrap;
}

.customer-voice-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 1440px;
	height: 2474px;
}

.customer-voice-card,
.customer-voice-results {
	position: absolute;
}

.customer-voice-card__surface,
.customer-voice-results__surface {
	position: absolute;
	inset: 0;
	border: 1px solid #006db2;
	background: #fff;
	pointer-events: none;
}

.customer-voice-card__rule {
	position: absolute;
	left: 16px;
	top: 27px;
	width: 33px;
	height: 1px;
	background: #006db2;
}

.customer-voice-card h3,
.customer-voice-card p,
.customer-voice-results {
	font-weight: 700;
	color: #454545;
}

.customer-voice-card h3 {
	position: absolute;
	left: 68px;
	top: 12px;
	height: 29px;
	font-size: 20px;
	line-height: 29px;
	white-space: nowrap;
}

.customer-voice-card p {
	position: absolute;
	left: 16px;
	top: 63px;
	font-size: 18px;
	line-height: 26.1px;
}

.customer-voice-card__run {
	color: inherit;
	font-weight: inherit;
}

.customer-voice-card__highlight {
	color: #006db2;
}

.customer-voice-card--featured {
	left: 81px;
	top: 1164px;
	width: 945px;
	height: 312px;
}

.customer-voice-card--featured p {
	width: 912px;
	height: 234px;
}

.customer-voice-card--short {
	width: 452px;
	height: 145px;
}

.customer-voice-card--short p {
	width: 418px;
	min-height: 26px;
}

.customer-voice-card--left-top { left: 81px; top: 1516px; }
.customer-voice-card--right-top { left: 574px; top: 1516px; }
.customer-voice-card--left-bottom { left: 81px; top: 1701px; }
.customer-voice-card--right-bottom { left: 574px; top: 1701px; }

.customer-voice-card--left-bottom .customer-voice-card__rule,
.customer-voice-card--right-bottom .customer-voice-card__rule { top: 40px; }

.customer-voice-card--left-bottom h3,
.customer-voice-card--right-bottom h3 { top: 25px; }

.customer-voice-card--left-bottom p,
.customer-voice-card--right-bottom p { top: 76px; }

.customer-voice-results {
	left: 81px;
	top: 1886px;
	width: 945px;
	height: 406px;
	font-size: 18px;
	line-height: 26.1px;
	white-space: nowrap;
}

.customer-voice-results ul {
	position: absolute;
	top: 23px;
	height: 364px;
	padding: 0 0 0 27px;
	list-style-position: outside;
}

.customer-voice-results__left { left: 3px; width: 261px; }
.customer-voice-results__right { left: 299px; width: 630px; }

.customer-voice-disclaimer {
	position: absolute;
	left: 81px;
	top: 2292px;
	width: 784px;
	height: 60px;
	color: #a7a7a7;
	font-size: 14px;
	font-weight: 700;
	line-height: 20.3px;
	white-space: nowrap;
}

.customer-voice-disclaimer p { height: auto; }

@media (min-width: 700px) and (max-width: 1439.98px) {
	.customer-voice-stage--pc {
		width: 100vw;
		height: 171.805556vw;
		margin: 0;
	}

	.customer-voice-artboard--pc {
		transform: scale(calc(100vw / 1440px));
	}
}

@media (max-width: 699px) {
	.customer-voice-stage--pc { display: none; }

	.customer-voice-stage--sp {
		display: block;
		width: 100vw;
		height: 945.066667vw;
		margin: 0;
	}

	.customer-voice-artboard--sp {
		transform: scale(calc(100vw / 375px));
	}

	.customer-voice-sp-mainvisual {
		position: relative;
		width: 375px;
		height: 463px;
		overflow: hidden;
	}

	.customer-voice-sp-bg {
		position: absolute;
		left: -183px;
		top: 0;
		width: 742px;
		height: 463px;
		object-fit: cover;
		pointer-events: none;
	}

	.customer-voice-sp-brand {
		position: absolute;
		left: 15px;
		top: 18px;
		z-index: 3;
		width: 126px;
		height: 25px;
	}

	.customer-voice-sp-brand img {
		width: 126px;
		height: 25px;
	}

	.customer-voice-sp-page-title {
		position: absolute;
		left: 15px;
		top: 86px;
		z-index: 2;
		color: #006db2;
		font-weight: 900;
	}

	.customer-voice-sp-page-title h1,
	.customer-voice-sp-page-title p,
	.customer-voice-sp-section-title h2,
	.customer-voice-sp-section-title p {
		margin: 0;
		white-space: nowrap;
	}

	.customer-voice-sp-page-title h1 {
		width: 325px;
		height: 46px;
		font-size: 32px;
		font-weight: 900;
		line-height: 46px;
		letter-spacing: -1.92px;
	}

	.customer-voice-sp-page-title p {
		width: 96px;
		height: 29px;
		font-size: 20px;
		font-weight: 900;
		line-height: 29px;
		letter-spacing: -1.2px;
	}

	.customer-voice-sp-breadcrumb {
		position: absolute;
		right: 15px;
		top: 185px;
		z-index: 3;
		display: flex;
		align-items: center;
		gap: 8px;
		height: 17px;
		color: #006db2;
		font-size: 12px;
		font-weight: 700;
		line-height: 17px;
		white-space: nowrap;
	}

	.customer-voice-sp-breadcrumb img {
		width: 6px;
		height: 9px;
	}

	.customer-voice-sp-hero {
		position: absolute;
		left: 0;
		top: 210px;
		z-index: 2;
		width: 375px;
		height: 115px;
		overflow: hidden;
	}

	.customer-voice-sp-hero img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scaleX(-1);
	}

	.customer-voice-sp-section-title {
		position: absolute;
		left: 16px;
		top: 368px;
		z-index: 2;
		width: 110px;
		height: 77px;
		color: #006db2;
		font-weight: 900;
	}

	.customer-voice-sp-section-title h2 {
		height: 44px;
		font-size: 30px;
		font-weight: 900;
		line-height: 44px;
		letter-spacing: -1.8px;
	}

	.customer-voice-sp-section-title p {
		height: 33px;
		font-size: 23px;
		font-weight: 900;
		line-height: 33px;
		letter-spacing: -1.38px;
	}

	.customer-voice-sp-content {
		position: absolute;
		left: 0;
		top: 463px;
		display: flex;
		flex-direction: column;
		width: 375px;
		padding: 39px 16px 80px;
		background: #ffffff;
	}

	.customer-voice-sp-card {
		position: relative;
		width: 343px;
		padding: 0 15px 22px;
		border: 1px solid #006db2;
		background: #ffffff;
		color: #454545;
	}

	.customer-voice-sp-card__header {
		display: flex;
		align-items: center;
		gap: 17px;
		min-height: 57px;
	}

	.customer-voice-sp-card__header > span {
		flex: 0 0 auto;
		width: 33px;
		height: 1px;
		background: #006db2;
	}

	.customer-voice-sp-card h3 {
		font-size: 18px;
		font-weight: 700;
		line-height: 27px;
	}

	.customer-voice-sp-card > p {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.9;
		letter-spacing: .01em;
		overflow-wrap: anywhere;
	}

	.customer-voice-sp-card > p + p {
		margin-top: 15px;
	}

	.customer-voice-sp-short-list {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 343px;
		margin-top: 20px;
	}

	.customer-voice-sp-card--short {
		min-height: 132px;
	}

	.customer-voice-sp-card--short strong {
		color: #006db2;
		font-weight: 700;
	}

	.customer-voice-sp-results {
		width: 343px;
		margin-top: 54px;
		padding: 27px 20px 29px;
		border: 1px solid #006db2;
		background: #ffffff;
		color: #454545;
	}

	.customer-voice-sp-results h3 {
		margin: 0 0 21px;
		color: #006db2;
		font-size: 20px;
		font-weight: 900;
		line-height: 30px;
		letter-spacing: -.04em;
	}

	.customer-voice-sp-results ul {
		display: flex;
		flex-direction: column;
		gap: 7px;
		margin: 0;
		padding-left: 20px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.75;
	}

	.customer-voice-sp-results li::marker {
		color: #006db2;
	}

	.customer-voice-sp-disclaimer {
		width: 343px;
		margin-top: 28px;
		color: #8f8f8f;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.75;
	}

	.customer-voice-sp-disclaimer p + p {
		margin-top: 9px;
	}

	.customer-voice-sp-purchase {
		width: 343px;
		margin-top: 84px;
	}

	.customer-voice-sp-purchase__heading {
		color: #006db2;
		font-weight: 900;
	}

	.customer-voice-sp-purchase__heading h2,
	.customer-voice-sp-purchase__heading p {
		margin: 0;
	}

	.customer-voice-sp-purchase__heading h2 {
		font-size: 30px;
		line-height: 44px;
		letter-spacing: -1.8px;
	}

	.customer-voice-sp-purchase__heading p {
		font-size: 23px;
		line-height: 33px;
		letter-spacing: -1.38px;
	}

	.customer-voice-sp-purchase__lead {
		margin-top: 38px;
		font-size: 17px;
		font-weight: 700;
		line-height: 28px;
	}

	.customer-voice-sp-purchase__buttons {
		display: flex;
		gap: 13px;
		margin-top: 28px;
	}

	.customer-voice-sp-purchase__buttons a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 165px;
		height: 44px;
		border-radius: 22px;
		background: #007bbb;
		color: #ffffff;
		font-size: 17px;
		font-weight: 700;
		line-height: 24px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 18%);
	}

	.customer-voice-sp-purchase__buttons .customer-voice-sp-purchase__tax {
		background: #00b105;
	}
}
