*, *::after, *::before {
    box-sizing: border-box;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
  background: #2b2b2b;
}

h1,h2,h3,h4,h5,h6,p,li,span,dt,dd{
    margin:0;
    color: #fff;
}

h1,h2,h3,h4,h5,h6,p,li,span,dt,dd,a{
      font-family: '游明朝体','Yu Mincho', 'YuMincho','HiraMinProN-W3',YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
}

ul{
    list-style: none;
    margin:0;
    padding:0;
}

a{
    text-decoration: none;
    color: #fff;
}

.container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 2.5%;
}

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}