/* ==========================================================================
   サービスLP v2 — 既存テーマ整合の上書き（style.min.css の後に読み込む）
   ========================================================================== */

/* --------------------------------------------------------------------------
   CTAボタン：既存テーマ .btn（._red/._grey）のデザイン・挙動を完全再現
   - 本体：斜め2色グラデ（-61deg）＋background-size:300%
   - 挙動：hoverでbackground-positionが 100%→0 に移動（テーマと同一）
   - ::after：右側の斜めクリップ（濃色）  ::before：矢印SVG
   - v2独自の .btn__arrow は非表示（テーマの::before矢印に統一）
   マッピング：btn--primary/btn--submit → _red ／ btn--secondary → _grey
   -------------------------------------------------------------------------- */
.svlp .btn {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start; /* v2のspace-betweenを解除＝テキスト左寄せ */
	gap: 0;                       /* v2のgap解除 */
	border-radius: 0.3125rem;
	box-shadow: none;            /* v2の影を解除（テーマは影なし） */
	color: #fff;
	line-height: 1.2857142857;
	letter-spacing: 0.024em;
	text-align: left;
	padding: 0 3.375rem 0 1rem;  /* 右=矢印スペース3.375rem／左=1rem */
	background-position: 100%;
	background-size: 300%;
	transition: 0.4s ease;
	transition-property: background-position;
}
.svlp .btn--primary,
.svlp .btn--submit {
	background-image: linear-gradient(-61deg, #db521f 50%, #a63e17 50%);
}
.svlp .btn--secondary {
	background-image: linear-gradient(-61deg, #666666 50%, #4d4d4d 50%);
}
.svlp .btn:hover,
.svlp .btn:active {
	background-position: 0;
}
.svlp .btn::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3.375rem;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	-webkit-clip-path: polygon(53.703703703% 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(53.703703703% 0, 100% 0%, 100% 100%, 0% 100%);
}
.svlp .btn--primary::after,
.svlp .btn--submit::after {
	background-color: #a63e17;
}
.svlp .btn--secondary::after {
	background-color: #4d4d4d;
}
.svlp .btn::before {
	content: "";
	position: absolute;
	inset: auto;                 /* v2の inset:0 を解除（左寄せの原因） */
	right: 0.625rem;
	left: auto;
	top: 50%;
	bottom: auto;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	z-index: 2;
	clip-path: none;             /* v2 wedgeのクリップを解除 */
	-webkit-clip-path: none;
	background: url(../img/common/btn-arrow.svg) no-repeat center / 100% auto;
}
/* v2独自の矢印要素は非表示（テーマの::before矢印を使用） */
.svlp .btn__arrow {
	display: none;
}

/* FVフォームの送信ボタンが過大（v2は88px/24px）→ テーマ寄りの適正サイズへ縮小 */
.svlp .btn--submit {
	--btn-h: 56px;
	min-height: 56px;
	font-size: 1.125rem; /* 18px */
	letter-spacing: 0.024em;
}

/* --------------------------------------------------------------------------
   パンくず下余白の圧縮（FV内での過剰スペース＝フォームはみ出しの是正）
   -------------------------------------------------------------------------- */
.svlp .breadcrumb {
	padding-bottom: 20px;
}