@charset "utf-8";
.page_pro {
  background: url(/products/img/page_title01.png) no-repeat center center;
  background-size: cover;
}

.pro_intro {
  padding: 56px 0;
}
.pro_intro .container {
  &::before {
    background: url(../img/pro_intro.png)no-repeat center;
    background-size: contain;
    width: 484px;
    height: 420px;
    left: -6em;
  }
}

.pro_feature {
  background: url(/common/img/pro_f_bg01.webp) no-repeat center;
  background-size: cover;
}

span.indent {display: block;}
span.indent_flex {
  display: flex;
  gap: 0 20px;
  span {
    padding-left: 1em;
    text-indent: -1em;
  }
  @media screen and (max-width: 767px) {
    flex-direction: column;
  }
}