@charset "UTF-8";

/*********************************************************************
*
*  For ALL
*
*********************************************************************/

/* ---------------------------------------------------- */
/* 変数 */
/* ---------------------------------------------------- */
:root {
  --co_white: #ffffff; /*  基本白 */
  --co_black: #231815; /*  基本黒 */
  --co_black2: #3d3938; /*  基本黒 */
  --co_gray: #e6e6e6; /*  サブ黒：グレー（テキストで使用） */
  --co_litegray: #dedede; /*  サブ黒：薄グレー(lineで使用) */

  --co_primary: #e9aa00;
  --co_primary_shadow: #e46700;
  --co_secondary: #f89800;
  --co_tertiary: #f8bb14;

  --co_primary-10: rgba(26, 160, 230, 0.1);
  --co_primary_shadow-10: rgba(0, 54, 112, 0.1);
  --co_secondary-10: rgba(0, 54, 112, 0.1);
  --co_tertiary-10: rgba(51, 122, 184, 0.1);

  --co_ltprimary: #fcf9f0; /*  サブ（背景）青 */
  --co_stprimary: #fcf5f0; /*  サブ（背景）水色 */
  --co_mixprimary: #f8f7f4; /*  サブ（背景）緑 */

  --co_linegr: #00b900; /*  LINEの緑 */
  --co_xbk: #000000; /*  Xの黒 */
  --co_fbbl: #315096; /*  facebookの青 */

  --co_red: #cf2e2e;

  --font-family-main: "Noto Sans JP", sans-serif;
  --font-family-en: "Noto Sans JP", sans-serif;
  --font-family-design: "M PLUS 1p", sans-serif;
  --font-family-ico: "Font Awesome 6 Free";
}