/*
theme Name: Template_04
Author: Life with Design
Description: original theme
Version: 1.0
*/
/****************************************

  Reset CSS

*****************************************/
html, body, div, span, iframe, blockquote,
h1, h2, h3, h4, h5, h6, p, a, picture, figure, img, ol, ul, li,
article, aside, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #303030;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, footer, header, menu, nav, section, img {
  display: block;
}

html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background-color: #fffffe;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  background-color: #fffffe;
}
@media screen and (min-width: 560px) {
  body {
    font-size: 1.6rem;
  }
}

main {
  margin-top: 64px;
  min-height: calc(100vh - 128px);
  background-color: #fffffe;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: 72px;
  }
}
@media screen and (min-width: 1024px) {
  main {
    margin-top: 0;
  }
}

footer {
  margin-top: auto;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}
/*# sourceMappingURL=style.css.map */