@charset "UTF-8";

html,body{
  height:100%;
}
html{
  font-size:16px;
  overflow-y:scroll;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,img,figure,form,input{
  margin:0;
  padding:0;
  border:none;
  line-height:100%;
  list-style-type:none;
  font-style:normal;
  font-weight:normal;
  font-family:'Noto Sans JP',sans-serif;
  font-weight:400;
  color:#333333;
  letter-spacing:1px;
  -webkit-text-size-adjust:100%;
}
a{
  color:#333333;
}
a:hover{
  text-decoration:none;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -webkit-transition:0.1s ease-in-out;
  -moz-transition:0.1s ease-in-out;
  -o-transition:0.1s ease-in-out;
  transition:0.1s ease-in-out;
}
body{
  width:100%;
  word-break:break-all;
  -webkit-appearance:none;
  -webkit-text-size-adjust:100%;
}
h1,h2,h3,h4,h5{
  line-height:1;
}
p{
  line-height:1.5;
}
img{
  max-width:100%;
  vertical-align:bottom;
}
input,button,textarea,select{
  margin:0;
  padding:0;
  background:none;
  border:none;
  border-radius:0;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.sp-only{
  display:none;
}
@media screen and (max-width:767px){
  body{
    min-width:inherit;
  }
  img{
    max-width:100%;
    height:auto;
  }
  .sp-only{
    display:inline-block;
  }
}