@charset "utf-8";
/* CSS Document */
:root{
  --baseWidth: 1300px;
  --fullWidth: 94%;
  --fullHeight: calc(100vh - var(--headH));
  --maxHeight: calc(100vh - var(--headHS) - 3em);
  
  --headH: 6.25em;
  --headHS: 9em;

  --siteC: #153487;
  --siteC2: #69a0e0;
  --siteC3: #262261;
  --siteC4: #f5f5f5;
  --siteC5: #dce6ff;
  --siteC6: #eea301;
  
  --siteCfil: invert(14%) sepia(86%) saturate(3482%) hue-rotate(339deg) brightness(94%) contrast(101%);
  --siteCfil2: invert(42%) sepia(95%) saturate(4879%) hue-rotate(347deg) brightness(103%) contrast(84%);
  --siteCfil3: invert(11%) sepia(59%) saturate(4475%) hue-rotate(207deg) brightness(93%) contrast(109%);

  --brC1: #bec7dd;
  
  --crWhite: #fff;
  --crBlack: #000;
  --crGray: #edf1f2;
  --crRed: #ed1839;
  --whitefil: brightness(0) invert(1);
  --Blackfil: brightness(0) invert(0);
  --crfilRE: invert(1);

  --gramain: linear-gradient(90deg, rgba(105,160,224,1) 50%, rgba(25,56,137,1) 50%);
  --gra1: linear-gradient(125deg, #3bc3ef 0%, #003b84 100%);
  
  --crGrad1: linear-gradient(to right,var(--siteC),var(--siteC4));
  --crGrad2: linear-gradient(to bottom,var(--gradC5),var(--gradC2)); 
  --crGrad3: linear-gradient(180deg, rgba(0,0,0,0.06) 25%, rgba(17,17,17,0.35) 70%);

  --bgblack1: rgba(0,0,0, .265);
  
  --snsIn:#e82155;
  --snsFb:#2167be;
  --snsYt:#ed3023;
  --snsKa:#f7e111;
  --snsNv:#07bb58;
  --snsTw:#1d9bf0;
}