@import url('./header.css');
@import url('./footer.css');
@import url('./sidebar.css');
@import url('./reset.css');
@import url('./components.css');

:root {
  /* fonts */
  --font-zen-kaku-new-type: "Zen Kaku Gothic New", sans-serif;
  --font-noto-sans-jp: "Noto Sans JP", sans-serif;
  --font-rubik: "Rubik", sans-serif;
  
  /* color */
  --white: #fff;
  --black: #000;
  --blue: #0860A8;
  --navy: #025496;
  --text-color: #2E2825;
  --light-text-color: #706764;
  --secondary-color: #06C755;
  --tertiary-color: #51443B;
  --global-bg-color: #F0EEE9;
  --page-title-bg-color: #5E5A54;
  --lightGray: #B7AEAE;
  --border-color: #D3CBB8;
}

.sp {
  display: none;
}

@media screen and (max-width: 1023px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}