/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.s-blog-intro {
  background: #f7f7f7;
}
.s-blog-intro__inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
.s-blog-intro__title {
  margin: 0;
  color: #1c1c1c;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 2px;
}
.s-blog-intro__title {
  font-size: 32px;
}
@media screen and (min-width: 569px) {
  .s-blog-intro__title {
    font-size: calc(32px + 7 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-blog-intro__title {
    font-size: 2.4375rem;
  }
}
.s-blog-intro__mark {
  display: block;
  width: 23px;
  height: auto;
  margin: 28px auto;
}
.s-blog-intro__text {
  color: #333;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
.s-blog-intro__text {
  font-size: 16px;
}
@media screen and (min-width: 569px) {
  .s-blog-intro__text {
    font-size: calc(16px + 1 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-blog-intro__text {
    font-size: 1.0625rem;
  }
}
.s-blog-intro__text p {
  margin: 0;
}
.s-blog-intro__text a {
  color: #e1433c;
  font-weight: 700;
  text-decoration: none;
}
.s-blog-intro__text a:hover {
  text-decoration: underline;
}