.how-to-brew {
  color: rgba(6, 6, 6, 0.8);
  background-color: #faf7f0;
}
.how-to-brew h1,
.how-to-brew h2,
.how-to-brew h3,
.how-to-brew h4,
.how-to-brew h5,
.how-to-brew h6 {
  font-family: "futura-pt", "Noto Sans JP", "Noto Sans", sans-serif;
}
.how-to-brew .title {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .how-to-brew .title {
    margin-bottom: 75px;
  }
}
.how-to-brew .title p {
  text-align: justify;
  opacity: 0.6;
}
.how-to-brew .txt-content h1,
.how-to-brew .txt-content h2,
.how-to-brew .txt-content h3,
.how-to-brew .txt-content h4,
.how-to-brew .txt-content h5,
.how-to-brew .txt-content h6 {
  font-family: "futura-pt", "Noto Sans JP", "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2em;
  text-wrap: auto;
}
.how-to-brew .txt-content ul {
  padding-left: 38px;
}
.how-to-brew p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.125em;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 1em 0;
  font-family: "Inter", "Noto Sans JP", "Noto Sans", sans-serif;
  font-style: normal;
}
.how-to-brew strong {
  font-family: "Inter", "Noto Sans JP", "Noto Sans", sans-serif;
  font-style: normal;
  font-size: 1em;
  font-weight: 700;
}
.how-to-brew .mb-60 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .how-to-brew .mb-60 {
    margin-bottom: 60px;
  }
}
.how-to-brew .pb-180 {
  padding-bottom: 50px;
}
@media (min-width: 1200px) {
  .how-to-brew .pb-180 {
    padding-bottom: 180px;
  }
}
.how-to-brew .text-opacity-80 {
  opacity: 0.8;
}
.how-to-brew .container {
  max-width: 1180px;
  padding: 0;
  justify-self: center;
}
@media (max-width: 576px) {
  .how-to-brew .container {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .how-to-brew .container {
    max-width: 720px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .how-to-brew .container {
    max-width: 960px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1233px) {
  .how-to-brew .container {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1300px) {
  .how-to-brew .container {
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*# sourceMappingURL=how_to_brew.css.map */