/* reset CSS */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, strong, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, dd {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  * {
      box-sizing: border-box;
  }
  
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  figure {
    margin: 0;
  }
  
  /* リンクのリセット */
  a {
    text-decoration: none; /* 下線を削除 */
    color: inherit; /* 親要素のテキストカラーを継承 */
    background: transparent; /* 背景を透明に */
    outline: none; /* フォーカス時の枠線を削除 */
  }
  
  /* フォーカスやホバー時のデフォルト装飾をなくす */
  a:focus,
  a:hover,
  a:active {
    text-decoration: none;
    color: inherit;
    outline: none;
  }
  
  /* ボタンやナビゲーション用のリセット */
  button,
  a.button,
  .nav a {
    display: inline-block;
    cursor: pointer;
  }
  
  /* 画像リンクのリセット */
  a img {
    border: none;
    vertical-align: middle;
  }
  .reason {
    position: relative;
    padding: 80px 0;
    background: #E6F0FA;
  }