@charset "UTF-8";

/* ==========================================================================
   ボイストレーニングLP固有スタイル
   lp-common.css の後に読み込む。
   ボイスの色はデフォルト値（オレンジ系）と同じため、ここでは画像のみ指定。
   別 LP で色を変える場合は、各 style.css で --lp-color-* を上書きする。
   ========================================================================== */

.lpvt {
	--lp-color-primary:       #FA6E57; /* CVボタン、見出し下線、流れSTEPなどメインアクセント（単色用） */
}

/* CVボタン：右側に矢印アイコン */
.lp-sec-mv  .lp-cv-btn {
  margin: auto;
}
.lp-cv-btn a {
	background-image: url('./lp-yajirusi.svg');
	background-repeat: no-repeat;
	background-position: center right 32px;
}

/* メインビジュアル：背景画像 */
.lp-sec-mv {
	background-image: url('./lp-fv-pc.jpg');
}
@media only screen and (max-width: 768px) {
	.lp-sec-mv {
		background-image: url('./lp-fv-sp.jpg');
	}
}
.lp-mv-title h1 {
	margin: 0 auto;
}


/* 導入：悩み枠の女の子画像 */
.lp-intro-frame {
	background-image: url('./lp-girl.png');
}

/* 導入：悩みリストのチェックアイコン */
.lp-intro-list li {
	background-image: url('./lp-check.png');
}
.lp-merit-text p {
	font-weight: bold;
}
.lp-sec-promise h2 {
	color: var(--lp-color-primary-light);
}

/* 料金：「人気」「おすすめ」バッジ */
.lp-pop-ninki th::before {
	background-image: url('./lp-pop-ninki.png');
}
.lp-pop-osusume th::before {
	background-image: url('./lp-pop.png');
}

/* オファー：背景画像 */
.lp-sec-offer {
	background-image: url('./lp-cv-bg.jpg');
}

/* 流れ：ステップ間の矢印アイコン */
.lp-flow-list > li::after {
	background-image: url('./lp-flow-icon.png');
}