*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding: 0;
  margin: 0;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto;
  padding: 0;
  color: #231814;
  max-width: 1440px;
  width: 100%;
  background-color: #FCF7EB;
}
body a {
  color: #231814;
  -webkit-tap-highlight-color: #231814;
  text-decoration: none;
}
body a :focus {
  outline: none;
}
body img {
  vertical-align: bottom;
  max-width: 100%;
  width: 100%;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0;
  padding: 0;
}
body h1 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 3.8vw;
}
body h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 2.3vw;

}
body h3 {
  font-family: 'BIZ UDMincho', serif;
  font-weight: 400;
  font-size: 35px;
}
body h4 {
  font-family: 'BIZ UDMincho', serif;
  font-weight: 400;
  font-size: 35px;
}
body h5 {
  font-size: 24px;
}
body h6 {
  font-size: 22px;
}
body p {
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
  font-size: 18px;
}
body code, body kbd, body samp, body pre,
body sub, body sup {
  font-size: 20px;
}
body ul {
  list-style-type: none;
}
body section {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-1440px);
          transform: translateX(-1440px);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
body section.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);


}
@media screen and (max-width: 768px) {
  body h1 {
    font-size: 75px;
  }
  body h2 {
    font-size: 60px;
  }
  body h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 650px) {
  body h1 {
    font-size: 45px;
  }

  body h2 {
    font-size: 40px;
  }
  body h3 {
    font-size: 35px;
  }
}