@import url("./variable.css");

@import url("./common.css");
@import url("./elem.css");
@import url("./img.css");
@import url("./layout.css");
@import url("./tit.css");

@import url("./page/about.css");
@import url("./page/home.css");

body,
html {
  color: var(--black-1);
  font-family: var(--kozuka-gothic-pr6n);
  font-size: 16px;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  scroll-behavior: smooth;
}

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

@media screen and (min-width: 1536px) {
  body,
  html {
    font-size: 18px;
  }
}

@media screen and (max-width: 1279px) {
  body,
  html {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  body,
  html {
    font-size: 14px;
  }
}