/*
※背景、ロゴ分離型用
背景画像 → bg.png
ロゴ画像 → logo_page.png
を用意して本テンプレートを使用する
*/

.l-mainVisual-single {
	background-image: url(../images/bg.png);
	background-size: cover;
	background-position: center center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}
.l-mainVisual-single img {
	display: none;
}

/* ロゴ */
.l-logo {
	background-image: url(../images/logo_page.png);
	background-size: 90%;
	background-position: center center;
}

/* 下矢印（＞）の色 */
.l-logo a::after,
.l-mainVisual-single a::after {
	border-color: #000;
}

/* ボタン色 */
.c-button_link-buy {
	background-color: #109333;
}
.c-button_link-try {
	background-color: #f35e00;
}

/* 見出しフォント色 */
.c-title-section {
	color: #109333;
}

/* PC */
@media screen and (min-width: 768px) {
/* 背景画像 */
	body::before {
		background-image: url(../images/bg.png);
		background-size: cover;
		background-position: center 60px;
		/*background-attachment: fixed;*/
		background-repeat: no-repeat;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}
	.l-mainVisual-single {
		display: none;
	}

	/* ロゴサイズ */
	.l-logo {
		display: block;
		background: none;
	}
	.l-logo::before {
		background-size: 900px;
		background-image: url(../images/logo_page.png);
		background-position: center center;
	}
}