@charset "UTF-8";

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

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

  --co_primary: #0004a4;
  --co_primary_shadow: #070069;
  --co_secondary: #ff0044;
  --co_tertiary: #6800aa;

  --co_primary-10: rgba(26, 160, 230, 0.1);
  --co_primary_shadow-10: rgba(53, 160, 88, 0.1);
  --co_secondary-10: rgba(56, 127, 112, 0.1);
  --co_tertiary-10: rgba(27, 106, 120, 0.1);

  --co_primary_bg: #f8f9fe;
  --co_primary_shadow_bg: #e5e3fa;
  --co_secondary_bg: #fffafc;
  --co_tertiary_bg: #fcf9fe;

  --co_ltprimary: #e8e9fc; /*  サブ（背景）青 */
  --co_stprimary: #f5ecfb; /*  サブ（背景）水色 */
  --co_mixprimary: #ffeff3; /*  サブ（背景）緑 */

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

  --co_red: #ff0044;
  --co_red_bg: #fcf5f2;
  --co_yellow: #f7ff55;

  --font-family-main: "Josefin Sans","Kosugi", sans-serif;
  --font-family-en: "Josefin Sans", sans-serif;
  --font-family-design: "Josefin Sans","Kosugi", sans-serif;
  --font-family-ico: "Font Awesome 6 Free";
}