body {

  font-family: "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;

  font-size: 100%;

  line-height: 1.5;

  margin: 0;

  padding: 0;

  color: #222;

  background-color: transparent

}



html,

body,

header,

nav,

article,

section,

time,

footer,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

p,

pre,

blockquote,

table,

th,

td {

  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  letter-spacing: .05em

}



ul,

ol {

  list-style: none

}



a {

  text-decoration: none;

  color: #222;

/*--  word-break: break-all--*/

}



a:hover {

  text-decoration: none;

  color: #222

}



body::after {

  content: '';

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

  z-index: 9999;

  pointer-events: none;

  opacity: 0;

  -webkit-transition: opacity .8s ease;

  -ms-transition: opacity .8s ease;

  -moz-transition: opacity .8s ease;

  transition: opacity .8s ease

}



img {

  max-width: 100%;

  vertical-align: top

}