/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
.p_about_us_info {
  background: #F1F3F5;
  padding: clamp(32rem, 2.52vw + 30.07rem, 34.9rem) 0 0;
}
.p_about_us_info__ttl_en {
  position: absolute;
  top: -3.6458333333vw;
  left: 0.8333333333vw;
  letter-spacing: 0;
  text-transform: uppercase;
  z-index: 2;
}
.p_about_us_info__ttl_en span {
  font-size: clamp(10rem, 8.68vw + 3.33rem, 20rem);
}
.p_about_us_info__ttl_en.c__decore.d200 span {
  font-size: clamp(10rem, 8.68vw + 3.33rem, 20rem);
}
.p_about_us_info__img {
  position: absolute;
  top: clamp(-45rem, -7.82vw - 29.98rem, -38rem);
  width: clamp(32rem, 29.51vw + 9.33rem, 66rem);
  left: clamp(62rem, 60.34vw + 0.16rem, 116rem);
}

.p_about_us_info__content {
  position: relative;
  background: #fff;
  padding: 11.875vw 14.0625vw 14.8958333333vw 12.7604166667vw;
}
.p_about_us_info__content .des {
  font-size: 2rem;
  line-height: 3em;
  letter-spacing: 0;
}
.p_about_us_info__content .c_ttl {
  position: relative;
  left: 12px;
}

.p_about_philosophy__wrap {
  position: relative;
  background: #344454;
  padding: 268px 0 355px;
}
.p_about_philosophy__wrap::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  max-width: 1406px;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(52, 68, 84, 0) 0%, rgb(52, 68, 84) 25%, rgba(52, 68, 84, 0.86) 75%, rgba(52, 68, 84, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(52, 68, 84, 0) 0%, rgb(52, 68, 84) 25%, rgba(52, 68, 84, 0.86) 75%, rgba(52, 68, 84, 0) 100%);
  z-index: 2;
}
.p_about_philosophy__content {
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.p_about_philosophy__content .c_ttl {
  text-align: center;
  margin-bottom: 67px;
}
.p_about_philosophy__des {
  text-align: center;
}
.p_about_philosophy__des .des {
  color: #fff;
  line-height: 2;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 48px;
}
.p_about_philosophy__des .des:last-child {
  margin-bottom: 0;
}

.p_about_philosophy__img {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.p_about_philosophy__img img {
  opacity: 0.63;
}
.p_about_philosophy__img .img01, .p_about_philosophy__img .img03 {
  position: absolute;
  width: 36.4583333333vw;
}
.p_about_philosophy__img .img01 {
  top: 217px;
  right: calc(50% + 5.0520833333vw);
}
.p_about_philosophy__img .img02 {
  position: absolute;
  bottom: 534px;
  left: calc(50% + 17.5vw);
  width: 27.7604166667vw;
}
.p_about_philosophy__img .img03 {
  right: calc(50% + 13.5416666667vw);
  bottom: 190px;
}

@media screen and (max-width: 1024px) {
  .p_about_us_info__img {
    top: clamp(-48.5rem, -33.2vw - 14.5rem, -40rem);
    left: clamp(43rem, 74.22vw - 14rem, 62rem);
  }
}
@media screen and (max-width: 767px) {
  .p_about_philosophy__content .c_ttl {
    margin-bottom: 35px;
  }
  .p_about_philosophy__wrap {
    padding: 80px 0;
  }
  .p_about_philosophy__wrap::before {
    max-width: 70vw;
  }
  .p_about_philosophy__des {
    text-align: left;
  }
  .p_about_philosophy__des .des {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .p_about_philosophy__img .img01, .p_about_philosophy__img .img03 {
    right: auto;
    width: 300px;
  }
  .p_about_philosophy__img .img01 {
    left: 5vw;
    top: 10vw;
  }
  .p_about_philosophy__img .img03 {
    bottom: 5vw;
    left: 0;
  }
  .p_about_philosophy__img .img02 {
    right: 0;
    left: auto;
    width: 280px;
    bottom: 30%;
  }
  .p_about_us_info {
    padding: 110px 0 0;
  }
  .p_about_us_info__img {
    right: 3vw;
    left: auto;
    width: 38vw;
    top: -135px;
  }
  .p_about_us_info__content {
    padding: 18vw 20px 50px;
  }
  .p_about_us_info__ttl_en {
    position: relative;
    top: 0;
    left: 5px;
    margin-bottom: 30px;
  }
  .p_about_us_info__ttl_en.c__decore.d200 span {
    font-size: 7.2rem;
    line-height: 1;
  }
  .p_about_us_info__content .des {
    line-height: 1.8;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 425px) {
  .p_about_philosophy__content {
    padding: 0 7px;
  }
  .p_about_us_info__img {
    width: 46vw;
  }
  .p_about_us_info__img {
    width: 200px;
  }
  .p_about_us_info__ttl_en.c__decore.d200 span {
    font-size: 5.2rem;
  }
  .p_about_us_info__content {
    padding: 90px 20px 50px;
  }
  .p_about_philosophy__des .des {
    font-size: 1.5rem;
  }
  .p_about_philosophy__img .img01, .p_about_philosophy__img .img03 {
    width: 280px;
  }
  .p_about_philosophy__img .img02 {
    width: 260px;
    bottom: 280px;
  }
}

/*# sourceMappingURL=about.css.map */