@charset "utf-8";

/*~~*/

header {
	background: var(--bg-qa);
	.logo::before,
	.menu,
	.deco::before {
		background: var(--bg-qa);
	}
}

main {
	box-shadow: inset 0 20px 0 var(--bd-base-light);
	.head.-cnte {
		background: var(--bg-qa);
	}
	.body {
		/*スマホ用をここに記述*/
	}
}

/*SP*/
@media screen and (max-width: 768px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

main {
	.body {
		padding: 15px;
		/*スマホ用に特化する箇所がある場合はここに記述
		*/
	}
}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}

/*PC*/
@media screen and (min-width: 769px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

main {
	.head p > span:nth-child(3) {
		margin-left: 10px;
	}
	.body {
		margin-top: 30px;
		/*PC用はここに記述*/
	}
}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}