@charset "UTF-8";

/* Web fonts
----------------------------------------------- */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

/* variable
----------------------------------------------- */
:root {
  /* font */
  /* --font-family: 'Noto Sans JP', sans-serif; */
  --font-family: 'BIZ UDPGothic', sans-serif;
  --font-color: #333;
  --link-color: #194593;
  --link-color-hover: #C70026;
  /* color green */
  --clr-deep-green: #014A07;
  --clr-green: #65B539;
  --clr-light-green: #B6E163;
  --clr-ex-light-green: #F5FBEA;
  /* color blue */
  --clr-blue: #78CCF0;
  --clr-light-blue: #d6f0fa;
  /* color red */
  --clr-deep-red: #E02727;
  --clr-red: #FF9394;
  --clr-light-red: #FFF5F2;
  /* color gray */
  --clr-deep-gray: #333;
  --clr-gray: #b3b3b3;
  --clr-light-gray: #ccc;
  --clr-ex-light-gray: #F2F2F2;
  /* transition */
  --transition: all 0.25s ease-in-out;
}