:root {
      --bg: #ffcccc;
      --text: #333631;
      --muted: #333631;
      --line: #2a2a2a;
    }

    * {
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 8px;
    padding: 0;
    }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      line-height: 1.9;
      letter-spacing: 0.03em;
      text-align: center;
    }

    a {
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid var(--muted);
    margin-top: 0px;
    }

    header {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 6vw;
    }

    .hero {
      max-width: 640px;
      width: 100%;
    }

    h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: clamp(26px, 30vw, 26px);
	font-weight: 500;
	margin-bottom: 32px;
    }

    h2 {
      font-size: clamp(20px, 4.5vw, 24px);
      font-weight: 500;
      margin-bottom: 32px;
    }

    p {
      color: var(--muted);
      margin-bottom: 24px;
    }

    .cta {
      display: inline-block;
      margin-top: 32px;
      padding: 16px 36px;
      border: 1px solid var(--text);
      font-size: 14px;
      letter-spacing: 0.1em;
    }

    section {
      display: flex;
      justify-content: center;
      padding: 96px 6vw;
      /*border-top: 1px solid var(--line);*/
    }

    .container {
  text-align: left;
      max-width: 640px;
      width: 100%;
      font-size: 14px;
    }

    ul {
      list-style: none;
      margin-top: 32px;
    }

    ul li {
      color: var(--muted);
      margin-bottom: 16px;
    }

    .steps li {
      margin-bottom: 20px;
    }

    footer {
      padding: 64px 6vw;
      border-top: 1px solid var(--line);
      font-size: 12px;
      color: var(--muted);
    }

    @media (max-width: 480px) {
      section {
        padding: 72px 6vw;
      }

      p {
        font-size: 14px;
      }
    }

/* 制作の流れ */
.flow {
  text-align: left;
}

.flow ul {
  margin-left: 0;
  padding-left: 0;
}

.flow li {
  line-height: 1.8;
}

.flow ul li {
    text-indent: -1.5em;
    list-style-position: inside;
}

.flow p {
  text-align: left;
}
/* Title */
.logo {
  font-size: 14px;
  letter-spacing: 0.35em;
  margin-bottom: 48px;
  color: var(--muted);
}

.logo .end {
  margin-right: 0.25em;
}

.logo::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  background: var(--line);
  margin: 16px auto 0;
}
.title {
    display: block;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;	
}