@charset "utf-8";
/* reset */
html,
body,
h1,
h2,
h3,
p,
ul,
li,
table,
tr,
th,
td,
a {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
}

html {
  font-size: 62.5%;
  /*10px*/
}

body {
  font-size: 1.6rem;
  background: #fff;
}
h2 {
  color: #333;
}
h3 {
  color: #333;
}
p,
li,
ol,
th,
td {
  color: #333;
}

.sp_max {
  display: none;
}
.sp_plus {
  display: none;
}
.sp_8 {
  display: none;
}
.sp_se {
  display: none;
}

@media screen and (max-width: 428px) {
  .sp_max {
    display: block;
  }
}

@media screen and (max-width: 414px) {
  .sp_plus {
    display: block;
  }
}

@media screen and (max-width: 390px) {
  .sp_8 {
    display: block;
  }  
}

@media screen and (max-width: 330px) {
  .sp_se {
    display: block;
  }  
}