@charset "utf-8";

/* reset */
html {
  font-size: 16px;
  overflow-y: scroll;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
body,
input,
textarea,
select,
button,
table {
  font-family: "AppleSDGothicNeo", "Open Sans", sans-serif;
  font-size: 1rem;
  color: #323232;
  word-break: keep-all;
  -webkit-text-size-adjust: none;
}
img {
  display: block;
}
ul,
ol {
  list-style: none;
}
fieldset {
  border: none;
}
fieldset legend {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font: 0/0 Arial;
}
button {
  cursor: pointer;
}
header,
hgroup,
article,
nav,
footer,
figure,
figcaption,
canvas,
section,
time {
  display: block;
}
hr {
  clear: both;
  display: none;
}
li img,
dd img {
  vertical-align: top;
}
*,
::after,
::before {
  box-sizing: border-box;
}

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

::-webkit-input-placeholder {
  color: #999;
  font-weight: 300;
}
:-moz-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999 !important;
  font-weight: 200 !important;
}
:placeholder-shown {
  color: #999;
}

table caption {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font: 0/0 Arial;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: middle !important;
  margin: -2px 3px 0 0 !important;
  background: transparent;
}
input,
select {
  vertical-align: middle;
  background: #fff;
}
input,
textarea,
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background: none;
  border: 0;
  outline: none;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
}

/* user class */
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
  font-weight: 700;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}