/* 
 * common.css
 * コンポーネント以外で使用する共通スタイル
 */
body,
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', sans-serif, 'Hiragino Kaku Gothic Pro', Meiryo;
}

/* 
 * 文字サイズ指定のアクセシビリティ対応のためフォント指定は以下の形式で行う 
 * font-size: calc(20 / var(--root-font-size) * 1rem);
 */
:root {
  --root-font-size: 16;
}

/* 
 * フォント指定用クラス
 * ex)
 * <p class="ff-NotoSansJP">...</p>
 *
 * .ff-NotoSansJP {
 *   font-family: 'Noto Sans JP', sans-serif, 'Hiragino Kaku Gothic Pro', 'Meiryo';
 * }
 */