@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*----------------------------------------------------------------------
//////////■■■■base style■■■■//////////
----------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  /*
    font-family: 'Noto Sans JP',sans-serif;
    font-family: 'Noto Serif JP',serif;
    */
  font-family: 'Noto Sans JP',sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  color: #333333;
  min-width: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: -990;
}

p, span, dt, dd, div, li, a {
  font-size: 2rem;
  line-height: 1.75;
  letter-spacing: 0em;
  color: #333333;
}

@media screen and (max-width: 768px) {
  p, span, dt, dd, div, li, a {
    font-size: 1.4rem;
  }
}

a {
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
}