@charset "UTF-8";
/*-----------------------

         変数

-----------------------*/
:root {
  --baseColor: #000000;
  --mainColor: #333333;
  --subColor: #7b7b7bff;
  --accentColor: #******;
  --colorW: #fff;
  --base50Color: #808080;
  --main50Color: #999999;
  --sub50Color: #BDBDBD;
  --accent50Color: #******;
  --base10Color: #1A1A1A;
  --main10Color: #474747;
  --sub10Color: #888888;
  --accent10Color: #******;
}
/*-----------------------

         COMMON

-----------------------*/
body {
  width: 100%;
  color: var(--baseColor);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  /* 読みやすくモダンなゴシック体 */
  font-family: "Noto Sans JP", sans-serif;
  /* 明朝体。落ち着いた印象 */
  /* font-family: 'Noto Serif JP', serif; */
  /* 丸みのある親しみやすいゴシック体 */
  /* font-family: 'Zen Maru Gothic', sans-serif; */
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1368px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:559px) {}
@media screen and (max-width:375px) {}
@media screen and (max-width:361px) {}