@charset "utf-8";

:root {
	/* ページ全体の背景色 */
	--body-bg: #daf1ec;

	/* メインの文字色 */
	--main-text-color: #252833;

	/* アクセントカラー */
	--accent: #3674B5;

	/* レイアウトボックスの背景色 */
	--sub-bg-color: #f2fff8;

	/* 赤文字の色 */
	--red: #e55a17;

	/* レイアウトボックスの角丸 */
	--radius: 1rem;

	/* レイアウトボックスのドロップシャドウ */
	--shadow: drop-shadow(0 1px 1px var(--text-color-20));

	/* メインのフォントファミリー */
	--main-font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Segoe UI", "Meiryo", sans-serif;
}
body::before{
	background: var(--body-bg) linear-gradient(180deg, var(--body-bg) 30%, var(--accent-30) 100%);
	background-size: cover;
	content: "";
	inset: 0;
	position: fixed;
	z-index: -1;
}