@charset "UTF-8";

/* =========================================================
   Minimal Reset CSS
   ========================================================= */

/* 1. ボックスサイズの計算を直感的にする（パディングを含めたサイズにする） */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. ブラウザが勝手につける余白（マージン・パディング）を初期化 */
body {
    margin: 0;
    padding: 0;
}

/* 3. リストの黒ポッチや数字を一旦リセット */
ul, ol {
    list-style: none;
}

/* 4. 画像や動画が親要素をはみ出さないようにする（レスポンシブの基本） */
img, picture, video, canvas, svg {
    display: block; /* 下にできる謎の隙間を消す */
    max-width: 100%;
    height: auto;
}

/* 5. フォーム部品のフォントがブラウザ標準になるのを防ぎ、親要素に合わせる */
input, button, textarea, select {
    font: inherit;
}

/* 6. aタグ（リンク）の青色や下線をリセット */
a {
    text-decoration: none;
    color: inherit;
}

/* 7. bodyの基本設定（美しく見せるための土台） */
body {
    min-height: 100vh;
    line-height: 1.6; /* 本文が読みやすい行間に設定 */
    /* シンプルでおしゃれに見える、モダンなフォント指定 */
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: var(--accent_text_color);
    background-color: #fff;
    /* テキストのレンダリングを滑らかにする（Mac等で綺麗に見えます） */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}