@charset "UTF-8";

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

/* ---------------------------------------------------- */
/* 変数 */
/* ---------------------------------------------------- */
:root {
  --co_white: #ffffff; /*  基本白 */
  --co_black: #5e5e5e; /*  基本黒 */
  --co_gray: #cccccc; /*  サブ黒：グレー（テキストで使用） */
  --co_gray_2: #999999; /*  サブ黒：グレー（テキストで使用） */
  --co_litegray: #e6e6e6; /*  サブ黒：薄グレー(lineで使用) */

  --co_primary: #054b94;
  --co_primary_shadow: #003368;
  --co_secondary: #a89162;
  --co_tertiary: #a89162;

  --co_primary-10: rgba(5, 75, 148, 0.1);
  --co_primary_shadow-10: rgba(0, 51, 104, 0.1);
  --co_secondary-10: rgba(168, 145, 98, 0.1);
  --co_tertiary-10: rgba(168, 145, 98, 0.1);

  --co_primary-65:rgba(5, 75, 148, 0.65);
  --co_primary-40:rgba(5, 75, 148, 0.4);
  --co_primary-5:rgba(5, 75, 148, 0.05);
  --co_primary_shadow-65: rgba(0, 51, 104, 0.65);
  --co_primary_shadow-40: rgba(0, 51, 104, 0.4);
  --co_primary_shadow-5: rgba(0, 51, 104, 0.05);
  --co_secondary-65: rgba(168, 145, 98, 0.65);
  --co_secondary-40: rgba(168, 145, 98, 0.4);
  --co_secondary-5: rgba(168, 145, 98, 0.05);
  --co_secondary-30: rgba(168, 145, 98, 0.3);


  --co_ltprimary: rgba(189, 196, 182, 0.07); /*  サブ（背景）青 */
  --co_stprimary: rgba(168, 145, 98, 0.05); /*  サブ（背景）水色 */
  --co_mixprimary: rgba(168, 145, 98, 0.05); /*  サブ（背景）緑 */

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

  --co_red: #cf2e2e;

  --font-family-main: "Zen Kaku Gothic New", sans-serif;
  --font-family-en: "Zen Kaku Gothic New", sans-serif;
  --font-family-design: "Zen Kaku Gothic New", sans-serif;
  --font-family-ico: "Font Awesome 6 Free";
}