@charset "UTF-8";
/*
  /asuracore/asset/css/foundation/f-base.css
  ベース用CSS（タイポグラフィ・基本デザイン）

  リセットは f-reset.css が担当します。このファイルにリセットを重複させないこと。
  読み込み順は f-reset.css → u-common.css → f-base.css です。
  （f-base.css はトークンを参照するため u-common.css より後に読み込みます）
*/

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--text-main);
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", sans-serif;
  font-feature-settings: "palt" 1;
  text-align: left;
  background-color: var(--white);

  @media screen and (max-width: 840px) {
    font-size: 15px;
  }
}

a {
  color: var(--link);
  transition: 200ms ease all;
}

/* フォーカスリング（アクセシビリティ：キーボード操作時のみ表示） */
:focus-visible {
  outline: 2px solid var(--ui-hover);
  outline-offset: 2px;
}

/* 選択範囲 */
::selection {
  background-color: var(--ui-hover);
  color: var(--white);
}