@charset "UTF-8";
/*
 * ***********************************************************
 * color settings
 * ***********************************************************
*/
:root {
  --DEF   : #000;
  --MAIN  : #ddddcb;
  --ACC   : #f29600;
  --OTH   : #2ca6e0;
  --GRY   : #ddd;
  --LGRY  : #f5f5f5;
  --DGRY  : #707070;
  --WHT   : #fff;
  --LINK  : #000;
  --RED   : #D00;
  --LMAIN : #fafaf0;
  --LACC  : #ea6da4;
  --LOTH  : #8dc21f;
  --COLOR01  : #006c40;
  --COLOR02  : #e73828;
  --COLOR03  : #00a199;
}
/* Setting the border color(columns default color) */
:root {
  --borderColumnColor: var(--GRY);
}
/*
 * ***********************************************************
 * font family
 * ***********************************************************
*/
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/dcms_media/other/Metropolis-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

.metropolis-font {
  font-family: 'Metropolis', sans-serif;
}

:root {
  --fntBase: 'M PLUS 1p','Noto Sans JP',Meiryo,sans-serif;
  --fntEN: 'Roboto', sans-serif;
}