:root {
  --header-height: 103px;
  --max-width: 768px;
  --font-size: 16px;
}

#main .page-title {
  font-size: 3.3rem;
}
#main .section-title {
  margin-top: 8rem;
  font-size: 2rem;
}

.content-width {
  padding-inline: 5%;
}


#set01 .flex,
.size-choice .flex {
  flex-direction: column;
}

#set01 .content-width {
  margin-inline: 8%;
}

.btn {
  margin-inline:auto;
  padding: 1rem 3rem;
  white-space: nowrap;
}

.size-choice .text {
  margin-top: 2rem;
}

#set01,
.blog-section {
  padding: 8rem 0;
}

@media screen and (max-width: 599px) {
  .blog-item {
    flex-direction: column-reverse;
  }
}
.product-image {
  flex-direction: column;
}

.flex-col .text {
  order: 1;
}

.circle {
  justify-content: center;
}