.p-inner {
  position: relative;
  width: 83%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 1401px) {
  .p-inner {
    width: calc(100% - 210px);
    max-width: 1600px;
  }
}
@media screen and (max-width: 850px) {
  .p-inner {
    width: 89%;
  }
}

.p-bio {
  margin-top: 70px;
}
@media screen and (max-width: 850px) {
  .p-bio {
    margin-top: 40px;
  }
}
.p-bio__inner {
  transform: translateY(10px);
  opacity: 0;
}
.on-load .p-bio__inner {
  transform: translateX(0);
  opacity: 1;
  transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1.4s, opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1) 1.4s;
}
.p-bio__photo img {
  width: 100%;
}
.p-bio__info {
  margin-top: 35px;
  line-height: 1.75;
}
@media screen and (max-width: 850px) {
  .p-bio__info {
    margin-top: 20px;
    font-size: 13px;
  }
}