@charset "UTF-8";

:root {
	--rgb_w: 255, 255, 255;		/* #fff */
	--rgb_bk0: 0, 0, 0;		/* #000 */
	--rgb_bk3: 51, 51, 51;		/* #333 */
	--rgb_bk6: 102, 102, 102;	/* #666 */
	--rgb_bk9: 153, 153, 153;	/* #999 */
	--rgb_bkc: 204, 204, 204;	/* #ccc */
	--rgb_bke: 238, 238, 238;	/* #eee */
	--rgb_r: 255, 0, 0;		/* 赤	red */
	--rgb_b: 240, 100, 100;		/* 青	blue */
	--rgb_y: 255, 255, 0;		/* 黄	yellow */
	--rgb_g: 0, 128, 0;		/* 緑	green */
	--rgb_o: 255, 165, 0;		/* 橙	orange */
	--rgb_mb: 25, 25, 112;		/* 濃紺	midnightblue */
	--rgb_n: 0, 0, 128;		/* 紺	navy */
	--rgb_lm: 0, 81, 61;		/* 深緑	logo main */
	--rgb_ls: 14, 149, 115;		/* 薄緑	logo sub */
	--rgb_lf: 0, 56, 42;		/* 深緑	logo footer */
	--rgb_wp: 255, 229, 229;	/* 白桃 #FFE5E5 */
	--rgb_sb: 0, 150, 244;		/* 空青 #0096F4 */
	--rgb_lb: 142, 211, 255;	/* 薄青 #8ED3FF */
	--rgb_gd: 255, 215, 0;		/* 金色 #ffd700 */

	/* 基本フォントサイズ（スマホ基準） */
	--ft8: 8px;
	--ft9: 9px;
	--ft10: 10px;
	--ft11: 11px;
	--ft12: 12px;
	--ft13: 13px;
	--ft14: 14px;
	--ft15: 15px;
	--ft16: 16px;
	--ft17: 17px;
	--ft18: 18px;
	--ft20: 20px;
	--ft21: 21px;
	--ft22: 22px;
	--ft24: 24px;
	--ft26: 26px;
	--ft28: 28px;
	--ft30: 30px;
	--ft32: 32px;
	--ft36: 36px;
	--ft44: 44px;
	--ft50: 50px;

	/* 見出しサイズ（スマホ基準） */
	--h1: 30px;
	--h2: 24px;
	--h3: 20px;
	--h4: 18px;
}