/* 
  Modern Reset CSS 
  ブラウザのデフォルトスタイルをリセットし、
  サイズ計算を扱いやすくします。
*/

/* 全要素のサイズ計算を border-box に統一（パディングを含めたサイズ指定） */
*, *::before, *::after {
    box-sizing: border-box;
  }
  
  /* デフォルトの余白をリセット */
  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0;
  }
  
  /* リストの記号を消す */
  ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  /* 画像を扱いやすくする（親要素からはみ出さない、下に隙間を作らない） */
  img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  
  /* リンクの装飾をリセット */
  a {
    text-decoration: none;
    color: inherit;
  }
  
  /* ボタンのデフォルトスタイルをリセット */
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
  }
  
  /* フォーム要素のフォントを継承 */
  input, button, textarea, select {
    font: inherit;
  }
  
  /* bodyの基本設定（文字化け防止と滑らかなフォント表示） */
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
  }