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

.pro_intro {
  padding: 80px 0;
  @media screen and (max-width: 767px) {
    padding: 64px 0;
  }
}
.pro_intro .container {
  &::before {
    background: url(../img/pro_intro.webp)no-repeat center;
    background-size: contain;
    width: 556px;
    height: 393px;
    left: -12em;
  }
}

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

.page_pro--hgroup {
  hgroup p span {
    display: block;
    font-size: 1.6rem;
  }
}

/* 特有 */
.note_block {
  margin-top: 40px;
  h3 {
    margin-bottom: 24px;
    color: var(--sub-color);
    font-weight: bold;
    font-size: 2.4rem;
  }
  h3 + p {
    padding: 24px 28px;
    border: 1px solid var(--sub-color);
  }
  @media screen and (max-width: 767px) {
    font-size: 2rem;
    h3 + p {
      padding: 24px 5%;
      font-size: 1.4rem;
    }
  }
}