.paragraph--type-full-page {
  position: relative;
  overflow: hidden;
}

.ph-0 h2 {
  position: absolute;
  color: white;
  font-weight: lighter;
  top: 10%;
  left: 6%;
  font-size: 6vw;
}
.ph-0 p {
  position: absolute;
  color: white;
  text-align: justify;
  top: 23%;
  width: 75%;
  left: 15%;
}
.ph-0 p::before {
  position: absolute;
  display: block;
  content: "";
  height: 0.4em;
  width: 1.5em;
  background: #ff7139;
  left: -11%;
  top: 0.5em;
}

.ph-1 .pic-3 {
  height: 40vw;
}

.ph-2 h2 {
  position: absolute;
  font-weight: lighter;
  top: 22%;
  left: 6%;
  font-size: 6vw;
}
.ph-2 p {
  position: absolute;
  text-align: justify;
  top: 34%;
  width: 75%;
  left: 15%;
}
.ph-2 p::before {
  position: absolute;
  display: block;
  content: "";
  height: 0.4em;
  width: 1.5em;
  background: #ff7139;
  left: -11%;
  top: 0.5em;
}

.ph-3 p {
  position: absolute;
  color: white;
  text-align: justify;
  top: 8%;
  width: 80%;
  left: 10%;
}

@media (min-width: 992px) {
  .ph-0 h2 {
    top: 11%;
    left: 8%;
    font-size: 1.976vw;
  }
  .ph-0 p {
    top: 23%;
    width: 36%;
    left: 12%;
  }
  .ph-1 .pic-3 {
    height: unset;
  }
  .ph-2 h2 {
    top: 18%;
    left: 8%;
    font-size: 1.976vw;
  }
  .ph-2 p {
    top: 31%;
    width: 40%;
    left: 12%;
  }
  .ph-2 p::before {
    left: -9%;
  }
  .ph-3 p {
    top: 23%;
    width: 36%;
    left: 12%;
  }
}
@media (min-width: 1200px) {
  .ph-0 h2 {
    font-size: calc(0.026 * var(--yoh-main-width));
  }
  .ph-2 h2 {
    font-size: calc(0.026 * var(--yoh-main-width));
  }
}/*# sourceMappingURL=about_yg.css.map */