:root {
  --header-height: 103px;
  --max-width: 768px;
  --section-spacing: 8rem;
  --font-size-l: clamp(23px, calc(15.1875px + 2.232142857142857vw), 33px);
}
#main .container {
  margin-inline: 5%;
}

h1 {
  font-size: var(--font-size-l);
}

#woodgrain .flex {
  overflow: hidden;
  padding: 10px 0;
}

.woodgrain-img {
  float: left;
  margin-right: 20px;
}

.woodgrain-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* テキスト要素: .text */
#woodgrain .text {
  line-height: 1.6;
}
#woodgrain .flex {
  flex-direction: column;
}

#banner {
  margin-top: 8rem;
}

.product-layout-container ul {
  padding-left: 0.5em;
  padding-block: 0.85em;
  margin-top: 1em;
  background-color: var(--blue);
  border: 1px solid var(--base-color);

  li {
    list-style: "・" inside;
  }
}

#about hgroup {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

#about hgroup > * {
  width: fit-content;
}

#banner .section-lead {
  margin-inline: auto;
}
#banner .section-lead {
  img {
    width: 80px;
  }
}