/* ---------------------------------------------------------
intro_area
--------------------------------------------------------- */
.intro_area {
  margin: 0 0 .6rem 0;
}

@media screen and (max-width: 750px) {
  .intro_area {
    margin: 0 0 1.1rem 0;
    padding: 0 .62rem;
  }
}

.intro_area .bg {
  background: #fff;
}

@media screen and (min-width: 751px) {
  .intro_area .bg {
    padding: .5rem 1.38rem .5rem .32rem;
    border-radius: 0 .2rem .2rem 0;
    width: calc(50% + 4.5rem);
  }
}

@media screen and (max-width: 750px) {
  .intro_area .bg {
    padding: .5rem;
    border-radius: .2rem;
  }
}

@media screen and (min-width: 751px) {
  .intro_area .inner {
    margin: 0 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 9.52rem;
  }
}

.intro_area h2 {
  padding: .1rem 0 0 0;
  position: relative;
  font-weight: bold;
  font-size: .44rem;
}

@media screen and (min-width: 751px) {
  .intro_area h2 {
    width: 3.28rem;
  }
}

@media screen and (max-width: 750px) {
  .intro_area h2 {
    margin: 0 0 .12rem 0;
  }
}

.intro_area h2::before {
  position: absolute;
  top: 0;
  left: 0;
  width: .6rem;
  height: .05rem;
  content: '';
  background: #f3385b;
}

.intro_area .txt_area {
  line-height: 1.85;
}

@media screen and (min-width: 751px) {
  .intro_area .txt_area {
    width: calc(100% - 3.28rem);
    font-size: .16rem;
  }
}

@media screen and (max-width: 750px) {
  .intro_area .txt_area {
    font-size: .28rem;
  }
}
/*# sourceMappingURL=top_intro.css.map */