html,body,div,span,h1,h2,h3,h4,p,img,strong,footer, header,section,form,table,tr,th,td,
  article,aside,ul,li,section,picture {
  margin: 0 ;
  padding: 0;
  border:0;
  }
  html {
    -webkit-text-size-adjust: 90%;
    box-sizing: border-box;
  }
  body{
    width: 100%;
    height: auto;
    background-color: #fefefe;
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color: #313131;
  }
  .clearfix:after {
      display: block;
      clear: both;
      content: "";
    }
    li {
    list-style: none;
    }
    a {
      text-decoration: none;
      color:#313131;
    }
    a:hover {
      opacity:0.7;
    }
      *, *::before, *::after {
        box-sizing: inherit;
      }
      
      *{
        box-sizing: border-box;
      }
      
      img {
        width: 100%;
        height: auto;
      }
      hr {
        height: 2px;
        background-color: #525252;
        color: #525252;
        }
/* パソコンで見たときは"pc"のclassがついた画像が表示される*/
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される  */
@media only screen and (max-width:800px){
.pc { display: none !important; }
.sp { display: block !important; }
}

/* page-top 先頭へ戻るCSS */
#page-top {
  position: fixed;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
}
#page-top a {
  background: #00b49b;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 10px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: rgb(119, 255, 198);
}