@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("lib/ress.min.css");
.p-about {
  background: url(../img/about_heading.webp) no-repeat 50% 0/100vw auto;
}
@media screen and (max-width: 767px) {
  .p-about {
    background: url(../img/about_heading_sp.webp) no-repeat 50% 6rem/100vw auto;
  }
}
.p-about .p-features {
  background: url(../img/about_features_bg.webp) no-repeat 50% 100%/100vw auto;
  padding: 12rem 0 7.3rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-features {
    padding: 5.8rem 0;
  }
}
.p-about .p-features-items {
  display: flex;
  justify-content: space-between;
  padding: 3rem 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-features-items {
    flex-direction: column;
    gap: 2rem;
    padding: 2.2rem 0;
  }
}
.p-about .p-features-item, .p-about .p-features-diff {
  background: linear-gradient(0deg, rgba(211, 245, 228, 0.4) 0%, rgba(200, 233, 251, 0.4) 100%);
  border-radius: 2rem;
  padding: 1rem 1rem 3.2rem;
  text-align: center;
  width: 35.333rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-features-item, .p-about .p-features-diff {
    padding: 1.3rem 1.4rem 2.5rem;
    width: 100%;
  }
}
.p-about .p-features-item img, .p-about .p-features-diff img {
  border-radius: 1.2rem;
}
.p-about .p-features-item .ttl, .p-about .p-features-diff .ttl {
  color: #1A96D5;
  font-size: 2rem;
  padding: 2.5rem 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-features-item .ttl, .p-about .p-features-diff .ttl {
    font-size: 1.6rem;
    padding: 1.5rem 0 0.8rem;
  }
}
.p-about .p-features-item p, .p-about .p-features-diff p {
  font-weight: 500;
  line-height: 1.625;
}
@media screen and (max-width: 767px) {
  .p-about .p-features-item p, .p-about .p-features-diff p {
    line-height: 1.5714285714;
  }
}
.p-about .p-features-diff {
  background: unset;
  padding-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-about .p-features-diff {
    padding: 0;
    margin-top: -1.2rem;
  }
}
.p-about .p-standards {
  background: linear-gradient(-90deg, #c8e9fb 0%, #d3f5e4 80.3%, #eafcf3 100%);
  padding: 10.2rem 0 11.2rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-standards {
    padding: 4.51rem 0 7.05rem;
  }
}
.p-about .p-standards:before {
  background: url(../img/aboug_standards_bg.webp) no-repeat 0 0/contain;
  content: " ";
  display: block;
  height: 47.228rem;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
}
.p-about .p-standards .c-ttl-1 {
  margin: 0 auto;
}
.p-about .p-standards-items {
  display: flex;
  justify-content: space-between;
  padding: 5.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about .p-standards-items {
    flex-direction: column;
    gap: 1.58rem;
    padding: 3rem 0 0;
  }
}
.p-about .p-standards-item {
  background: #fff;
  border-radius: 2rem;
  font-weight: 500;
  padding: 4.3rem 0 3.5rem;
  text-align: center;
  width: 35.333rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-standards-item {
    padding: 2rem 0;
    width: 100%;
  }
}
.p-about .p-standards-item .ttl {
  color: #1A96D5;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-about .p-standards-item .ttl {
    font-size: 1.6rem;
    margin: 0 0 0.5rem;
    white-space: nowrap;
  }
}/*# sourceMappingURL=about.css.map */