/* シンプルでモダンなリセットCSS */

/* 1. 全要素のbox-sizingをborder-boxにする（パディングやボーダーを幅に含める） */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 2. デフォルトのマージンを削除 */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* 3. リストの点や数字、パディングを削除 */
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 4. bodyの基本設定 */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* 5. 画像をレスポンシブ対応し、下部の隙間を消す */
img,
picture {
    max-width: 100%;
    display: block;
}

/* 6. フォーム要素のフォントを親要素から継承する */
input,
button,
textarea,
select {
    font: inherit;
}

/* 7. リンクの下線を消す（必要に応じてstyle.cssで再設定） */
a {
    text-decoration: none;
    color: inherit;
}

/* 8. ボタンのデフォルトスタイルをリセット */
button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}