@charset "UTF-8";
/* ============================================================================
 * reset.css
 * COLAVIA v1.000.0000
 *
 *   ブラウザ既定スタイルの初期化。
 *
 *   [hidden] { display: none !important; } を必ず残すこと。
 *   hidden 属性はクラス側の display 指定に負けて効かなくなる
 *   （display: grid を持つ要素に hidden を付けても消えない）。
 *   改訂 0.014.0001 で入れた対策。
 *
 *   出所: mock/css/common.css（ワイヤーフレームモックの共通スタイル）から
 *         該当部分を切り出したもの。§3.4 のディレクトリ構成に合わせて
 *         reset / tokens / base / layout / components の5本に分けている。
 *
 *   読み込む順序に意味がある（app_shell.php を参照）
 *     reset → tokens → base → layout → components → css/views/*.css
 * ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, p, ul, ol, li, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; background: none; border: none; }
button { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }

/* hidden 属性は、クラス側の display 指定に負けて効かなくなることがある。
   （例：display: grid を持つ要素に hidden を付けても消えない）
   非表示は必ず優先されるべきなので、ここで強制する。 */
[hidden] { display: none !important; }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}