@charset "UTF-8";

:root {
	--color-base: #fff8f5;/* 背景色 */
	--color-main: #525992; /* アクセント部分 */
	--color-accent: #4a9eff; /* 緑の部分 */
	--color-text: #0b0c1d; /* 文字の色 */
	--color-marker: #c7e1ff; /* 文字のマーカー部分の色 */
	--color-light: #d4ced3;
	--font-primary: 'Noto Sans JP', Meiryo, メイリオ, sans-serif; /* 日本語フォント */
	--font-alphanumeric: 'Noto Sans JP','Outfit', sans-serif; /* 英数フォント */
	--font-icon: 'Font Awesome 6 Free'; /* アイコンフォント */
}

@media screen and (min-width: 769px) {
	:root {
		--margin-base: 50px;
		--border-radius: 20px;
	}

}

@media screen and (max-width: 768px) {
	:root {
		--margin-base: 25px;
		--border-radius: 10px;
	}

}