/*default
-----------------------------------------------------------*/

*, *::before, *::after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

html { -ms-overflow-style:scrollbar!important;}

html, body {
  height: 100%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "メイリオ", "Meiryo", "平成角ゴシック", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  font-size: 16px;
  line-height: 200%;
  color: #222;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

ul, ol {
  list-style: none;
}

img, video, picture, canvas, svg {
  display: block;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  word-break: break-word;
}

p {
  word-break: break-word;
}

img {
  user-select: none;
  -webkit-user-drag: none;
}

:root {
  font-size: 16px;
}
