@charset "utf-8";

@use "./functions" as *;

// layout
// ----------------------------------------------------------
// break point - width
$breakpointW: (
  xxlg: 1821px,
  xlg: 1536px,
  lg: 1300px,
  xmd: 1100px,
  md: 768px,
  sm: 375px,
  xs: 321px,
) !default;

// break point - height
$breakpointH: (
  xmd: 845px,
  md: 668px,
  sm: 635px,
  xs: 549px,
) !default;

// mainW
$mainW: rem(1280);

// Basis vw
$basis: 1280;
$smBasis: 375;

// Basis space
$space: (
  lg: rem(50),
  sm: rem(20),
);

// headerH
$headerH: (
  lg: rem(100),
  sm: rem(60),
);

// font
// ----------------------------------------------------------
$fontFamily: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;

// color
// ----------------------------------------------------------
$color: (
  color-white: #fff,
  color-black: #000,
);

// 基本easing
// ----------------------------------------------------------
$easeInSine: cubic-bezier(.47, 0, .745, .715);
$easeOutSine: cubic-bezier(.39, .575, .565, 1);
$easeInOutSine: cubic-bezier(.445, .05, .55, .95);
$easeInQuad: cubic-bezier(.55, .085, .68, .53);
$easeOutQuad: cubic-bezier(.25, .46, .45, .94);
$easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
$easeInCubic: cubic-bezier(.55, .055, .675, .19);
$easeOutCubic: cubic-bezier(.215, .61, .355, 1);
$easeInOutCubic: cubic-bezier(.645, .045, .355, 1);
$easeInQuart: cubic-bezier(.895, .03, .685, .22);
$easeOutQuart: cubic-bezier(.165, .84, .44, 1);
$easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
$easeInQuint: cubic-bezier(.755, .05, .855, .06);
$easeOutQuint: cubic-bezier(.23, 1, .32, 1);
$easeInOutQuint: cubic-bezier(.86, 0, .07, 1);
$easeInExpo: cubic-bezier(.95, .05, .795, .035);
$easeOutExpo: cubic-bezier(.19, 1, .22, 1);
$easeInOutExpo: cubic-bezier(1, 0, 0, 1);
$easeInCirc: cubic-bezier(.6, .04, .98, .335);
$easeOutCirc: cubic-bezier(.075, .82, .165, 1);
$easeInOutCirc: cubic-bezier(.785, .135, .15, .86);
$easeInBack: cubic-bezier(.6, -.28, .735, .045);
$easeOutBack: cubic-bezier(.175, .885, .32, 1.275);
$easeInOutBack: cubic-bezier(.68, -.55, .265, 1.55);

// 汎用easing変数
// ----------------------------------------------------------
$comMS: 400ms;
$comES: ease;