header nav ul li a[href="quality.html"] {
  box-shadow: 0 -2px #596efb inset;
}

.area2 {
  height: 1170px;
}

.article1,
.article2,
.article3 {
  max-width: 944px;
}
.area2 h3,
.area2 p {
  position: absolute;
}

.area2 h3 {
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
}

.area2 h3::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 47px;
  left: 0;
  background: #596efb;
}
.area2 p {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
article {
  position: relative;
  margin: 0 auto;
}
.article1 {
  height: 290px;
  top: 56px;
}
.article1 img {
  height: 290px;
}
.article1 h3 {
  top: 83px;
  left: 40.78%;
}
.article1 p {
  width: 59.2%;
  top: 166px;
  left: 40.78%;
}

.article2 {
  height: 296px;
  top:83px;
}
.article2 img {
  height: 296px;
  position: absolute;
  right: 0;
}
.article2 h3 {
  top: 108px;
  left: 0;
}
.article2 p {
  width: 59.2%;
  top: 189px;
  left: 0;
}

.article3 {
  height: 250px;
  top:172px
}
.article3 img {
  height: 250px;
}
.article3 h3 {
  top: 83px;
  left: 40.78%;
}
.article3 p {
  width: 59.2%;
  top: 166px;
  left: 40.78%;
}