@charset "UTF-8";
  :root {
    --border-color: #333;
    font-size: 12pt;
    line-height: 1.875;
    letter-spacing: .6pt;
  }

  html{
    scroll-behavior: smooth;
  }

  html, body {
    scroll-padding-top: 64px;
  }

  body{
    margin:0 auto;
    font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,"ＭＳ ゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    color:#333;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition:opacity .3s;
    transition:opacity .3s
  }
  
  header {
    height: 63px;
    margin-bottom: 1em;
  }

  footer {
    margin-top:1em;
  }

  nav {
    opacity: 0.8;
  }

  a:hover img {
    opacity: 0.6;
  }