#navArea {
  background-color: #7194bb;
}

article #sec01 {
  background: #7194bb;
  position: relative;
  padding-top: 40px;
}
article #sec01 img {
  width: 82%;
  padding-right: 30px;
  display: block;
  margin: 0 auto 45px;
}
article #sec01 p {
  padding: 0 10.5% 48px 12.2%;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06rem;
}
article #sec01::after {
  content: "";
  background: url(../images/triangle.svg);
  width: 100%;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -120px;
  background-position-y: -1px;
  z-index: 10;
}
article #sec02 h2, article #sec03 h2, article #sec04 h2, article #sec05 h2, article #sec06 h2 {
  font-size: 55px;
  font-weight: 700;
  letter-spacing: 0.08em;
  position: relative;
  margin-top: 0;
}
article #sec02 h2::after, article #sec03 h2::after, article #sec04 h2::after, article #sec05 h2::after, article #sec06 h2::after {
  content: "";
  width: 23px;
  height: 200px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
}
article #sec02 h3, article #sec03 h3, article #sec04 h3, article #sec05 h3, article #sec06 h3 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.8em;
  margin-bottom: 12px;
}
article #sec02 p, article #sec03 p, article #sec04 p, article #sec05 p, article #sec06 p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06rem;
}
article #sec02 {
  padding-top: 150px;
  background-color: #ded1c5;
  padding: 150px 10.5% 76px 12.2%;
}
article #sec02 h2::after {
  background: url(../images/page02_sttl01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
article #sec02 img {
  width: 92%;
  display: block;
  margin: 40px auto 55px;
}
article #sec03 {
  padding-top: 150px;
  background-color: #e98a7e;
  padding: 56px 10.5% 76px 12.2%;
}
article #sec03 h2::after {
  background: url(../images/page02_sttl02.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
article #sec03 img {
  width: 92%;
  display: block;
  margin: 50px auto 30px;
}
article #sec04 {
  padding-top: 150px;
  background-color: #fadf77;
  padding: 56px 10.5% 76px 12.2%;
}
article #sec04 h2::after {
  background: url(../images/page02_sttl03.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
article #sec04 img {
  width: 88%;
  display: block;
  margin: 60px auto 67px;
}
article #sec05 {
  padding-top: 150px;
  background-color: #c1cddc;
  padding: 56px 10.5% 76px 12.2%;
}
article #sec05 h2::after {
  background: url(../images/page02_sttl04.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
article #sec05 img {
  width: 87.6%;
  display: block;
  margin: 60px auto 77px;
}
article #sec06 {
  padding-top: 150px;
  background-color: #6a9d7b;
  padding: 56px 10.5% 76px 12.2%;
}
article #sec06 h2::after {
  background: url(../images/page02_sttl05.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
article #sec06 img {
  width: 86.7%;
  display: block;
  margin: 36px auto 68px;
}/*# sourceMappingURL=style.css.map */