/*--------------------------------------------------------------
  Reset CSS
  使いやすいリセットCSS。以下のコードは基本的なリセットを行い、
  ブラウザ間でのスタイルのばらつきを防ぎます。
--------------------------------------------------------------*/

/* 全要素の余白・パディングのリセット */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* HTML5 の要素の表示をブロックに */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block;
}

/* body の基本スタイル */
body {
    line-height: 1.5;
    font-family: sans-serif;
    background-color: #fff;
    color: #333;
}

/* リストのスタイルをリセット */
ul,
ol {
    list-style: none;
}

/* 引用とブロック引用のスタイルリセット */
blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

/* テーブルのボーダー、スペースのリセット */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* リンクの下線を削除（必要に応じてスタイルを追加） */
a {
    text-decoration: none;
    color: inherit;
}

/* 画像の最大幅を制限し、ブロック要素に */
img {
    max-width: 100%;
    display: block;
}

/* フォーム要素のフォント継承 */
input,
button,
textarea,
select {
    font: inherit;
}

/*----------------------------------------------
  追加の調整（必要に応じて）
----------------------------------------------*/