/*
**********************************************
reset
**********************************************
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 2px;
  /*transform: translate3d(0,0,0);*/
}
@media (max-width: 414px) {
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
    font-size: 14px;
  }
}

img {
  border: 0;
  vertical-align: top;
  transform: translate3d(0, 0, 0);
  max-width: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  transform: translate3d(0, 0, 0);
  font-weight: normal;
}

ul li {
  list-style: none;
}

caption, th {
  text-align: left;
}

a {
  width: 100%;
  height: auto;
  text-decoration: none;
  outline: none;
  /*transform: translate3d(0,0,0);*/
}

btn, label {
  outline: none;
}

/*
**********************************************
defalt
**********************************************
*/
/*body{
  display: none;
}*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure, button, a, span {
  font-family: 'Noto Sans JP', YuGothic, Verdana, Meiryo, sans-serif;
  font-weight: 400;
  /*transition: all .4s;*/
}

img {
  transition: opacity .4s;
  width: 100%;
}

a:hover img {
  opacity: .7;
}

a {
  transition: opacity .4s;
}

a:hover {
  opacity: .7;
}

a:link, a:visited {
  color: #0C2041;
}

body {
  /* transform: translate3d(0,0,0);*/
  position: relative;
}

strong {
  color: #ff3d7f;
}

::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
}