/*    Settings
=====================================================*/
:root {
  /* Contents */
  --cont-width: 1200px;
  --cont-width-sm: 1100px;
  --cont-width-xs: 800px;


  /* Color */
  --color-main: #333;
  --color-sub: #003782;
  --color-border: #E0E7F0;
  --color-border2: #eaeaea;
  --color-bg: #fff;
  --color-bg2: #E0E7F0;
  --color-bg3: #f2f2f2;
  --color-bg4: #2C2C2C;
  --color-bg5: #eaeaea;
  --color-bg-triangle: #EDF1F7;
  --color-text: #333;
  --color-hover: #bbb;
  --color-reverse: #fff;

  /* Text */
  --font-en: "Roboto";
  --font-jp: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  /* --font-jp: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic"; */
  --font-jp-min: "EB Garamond" , "Noto Serif JP" , serif;
  --fz-main: 15px;
  --line-height: 1.6;

  /* Other */
  --opacity: 0.7;
  --transition: 0.2s;
}