@charset "UTF-8";
/****************************************
 color
**************************************/
/***********************

flex box

***********************/
/***********************

レスポンシブ

***********************/
/****************************************
 font
**************************************/
html {
  height: 100%;
  font-size: 0.9375vw;
  overflow-x: hidden;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media (width <= 768px) {
  html {
    font-size: 1.8229166667vw;
  }
}
@media (width <= 450px) {
  html {
    font-size: 3.1111111111vw;
  }
}

body {
  width: 100%;
  max-height: 100%;
  letter-spacing: 1.5px;
  color: #444;
  font-weight: 500;
  background: #fcf9f4;
}

p, h1, h2, h3, h4, span, li, a {
  letter-spacing: 1.5px;
  line-height: 1.8;
}

p {
  font-size: clamp(14px, 1rem, 18px);
  font-weight: 500;
}
@media (width <= 768px) {
  p {
    font-size: max(14px, 1rem);
  }
}

a {
  color: #444;
}

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

.inner {
  padding: 0 5vw;
}
@media (width <= 768px) {
  .inner {
    padding: 0 15px;
  }
}

.inner02 {
  padding: 0 min(300px, 15.625vw);
}
@media (width <= 768px) {
  .inner02 {
    padding: 0 15px;
  }
}

/***********************
responsive
**********************/
.pc-only {
  display: block;
}
@media (width <= 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media (width <= 768px) {
  .sp-only {
    display: block;
  }
}/*# sourceMappingURL=base.css.map */