/* reset.css */
*{
    /* font-size: 1em; */ /* 全体リセットは避けるか、html, body に基本サイズを指定 */
    /* font-weight: normal; */
    /* font-style: normal; */
    /* font-family: sans-serif; */ /* body で指定推奨 */
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    box-sizing: border-box; /* 必須 */
    color: #000000; /* 基本文字色 */
    text-decoration: none; /* aタグの下線消去 */
}

/* 基本的なHTML要素のデフォルトスタイルを調整 */
body {
    font-family: sans-serif; /* 基本フォント */
    font-size: 16px; /* 基本フォントサイズ */
    line-height: 1.6; /* 基本行間 */
    color: #333; /* 少し柔らかい黒 */
    background-color: #f8f9fa; /* 背景色 */
}

a {
    color: #007bff; /* リンク色 */
    text-decoration: none;
}

a:hover {
    text-decoration: underline; /* ホバー時に下線 */
}

img {
    max-width: 100%; /* 画像がはみ出さないように */
    height: auto;
    vertical-align: middle; /* 画像下の隙間対策 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 親要素のフォントを継承 */
    font-size: inherit; /* 親要素のサイズを継承 */
    line-height: inherit; /* 親要素の行間を継承 */
    /* border: 1px solid #ccc; */ /* 必要なら基本の枠線 */
}

button {
    cursor: pointer;
}

hr {
    border: none;
    border-top: 1px solid #eee; /* 細い線に変更 */
    margin: 1em 0; /* 上下に余白 */
}