@charset "UTF-8";

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

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

  --co_primary: #1aa0e6;
  --co_primary_shadow: #003670;
  --co_secondary: #003670;
  --co_tertiary: #337ab7;

  --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: #f7fbf6; /*  サブ（背景）青 */
  --co_stprimary: #ebf1f5; /*  サブ（背景）水色 */
  --co_mixprimary: #f5f7f6; /*  サブ（背景）緑 */

  --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: "Josefin Sans", sans-serif;
  --font-family-design: "Noto Sans JP", sans-serif;
  --font-family-ico: "Font Awesome 6 Free";
}