@charset "utf-8";
/**********************************
  デザイントークン
  ここを変更すればサイト全体のカラー・余白・ブレークポイントに反映される
**********************************/
:root {
  /* カラー */
  --color-text: #535761;
  --color-body-bg: #ffffff;
  --color-primary: #555555;
  --color-primary-dark: #333333;
  --color-border: #dddddd;
  --color-white: #ffffff;

  /* フォント */
  --font-family-base: 'Roboto', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  /* レイアウト */
  --container-width: 1080px;
  --header-height: 80px;

  /* ブレークポイント(メディアクエリでは直接数値を使用。参照用) */
  --breakpoint-sp: 768px;
}