.parplay-people {
  padding: clamp(2.4rem, 5.7142857143vw, 8rem) 0 0;
}

.pg-container {
  width: calc(100% - max(30px, 8.3333333333vw) * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: 80px clamp(2.4rem, 5.7142857143vw, 8rem);
}
@media (max-width: 48em) {
  .pg-container {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 48.0625em) {
  .pg-container {
    grid-template-columns: clamp(28rem, 28.5714285714vw, 40rem) minmax(0, 1fr);
  }
}

.pg-side__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px min(48px,12.5%);
}
@media (min-width: 48.0625em) {
  .pg-side__inner {
    position: sticky;
    top: calc(var(--fixed-header-height) + 40px);
    height: calc(100vh - var(--active-header-height) - 40px);
  }
}

.pg-introduction {
  position: relative;
}
.pg-introduction__heading {
  font-family: "Roboto", sans-serif;
  font-size: clamp(4.4rem, 4vw, 5.6rem);
  font-weight: bold;
  line-height: 1;
}
.pg-introduction__heading span {
  font-weight: bold;
  color: var(--clr-green);
}
.pg-introduction__subheading {
  font-size: clamp(1.6rem, 1.4285714286vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  margin-top: 12px;
}
.pg-introduction__leadtext {
  font-size: 1.3rem;
  line-height: 1.8;
  margin-top: 16px;
}
.pg-introduction .c-character--bee {
  position: absolute;
  width: clamp(7rem, 5.5714285714vw, 7.8rem);
  top: 64px;
  right: 24px;
  -webkit-animation: fuwafuwa 3.5s 0.5s ease-in-out infinite;
          animation: fuwafuwa 3.5s 0.5s ease-in-out infinite;
}

@media (min-width: 48.0625em) {
  .pg-side-navi {
    position: sticky;
    bottom: 48px;
  }
}
.pg-side-navi__items {
  display: grid;
  gap: 0.4rem;
}
.pg-side-navi__item {
  font-size: clamp(1.2rem, 1vw, 1.4rem);
}
.pg-side-navi__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  text-decoration: underline !important;
  -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-side-navi__item a::after {
  content: "";
  --size: 8px;
  --clr: currentColor;
  --bdrw: 2px;
  display: block;
  width: var(--size, 8px);
  height: var(--size, 8px);
  border-top: var(--bdrw, 2px) solid var(--clr, currentColor);
  border-right: var(--bdrw, 2px) solid var(--clr, currentColor);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (min-width: 48.0625em) {
  .pg-side-navi__item a:hover {
    color: var(--clr-green);
    text-decoration: underline !important;
  }
}
.pg-side-navi__item.is-current a {
  color: var(--clr-green);
}

.pg-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pg-categories__item {
  height: clamp(2.8rem, 2.5714285714vw, 3.6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--clr-green);
  padding: 0 2.4rem;
  line-height: 1.1;
  border-radius: 50px;
  color: var(--clr-green);
  font-weight: bold;
  font-size: clamp(1.1rem, 1vw, 1.4rem);
}

.pg-article:not(:first-child) {
  margin-top: clamp(1.6rem, 2vw, 2.8rem);
}
.pg-article > h2 {
  font-size: clamp(2rem, 2.2857142857vw, 3.2rem);
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
.pg-article > h2 b {
  font-size: clamp(1.3rem, 1.4285714286vw, 2rem);
  display: block;
  margin-bottom: 12px;
  font-weight: inherit;
}
.pg-article > h2 span {
  font-size: clamp(1.4rem, 1.7142857143vw, 2.4rem);
  font-weight: inherit;
}
.pg-article > h2 + * {
  margin-top: clamp(4.8rem, 4vw, 5.6rem);
}
.pg-article > h3 {
  font-size: clamp(1.8rem, 1.7142857143vw, 2.4rem);
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 16px;
  border-bottom: 2px solid #000;
}
.pg-article > h3:not(:first-child) {
  margin-top: clamp(8rem, 9.1428571429vw, 12.8rem);
}
.pg-article > h3 + * {
  margin-top: clamp(2rem, 1.7142857143vw, 2.4rem);
}
.pg-article > p {
  font-size: clamp(1.4rem, 1.1428571429vw, 1.6rem);
}
.pg-article > p b {
  font-size: clamp(1.5rem, 1.2857142857vw, 1.8rem);
  font-weight: bold;
}
.pg-article > picture + *,
.pg-article > img + * {
  margin-top: clamp(3.2rem, 3.4285714286vw, 4.8rem);
}
* + .pg-article > picture,
* + .pg-article > img {
  margin-top: clamp(3.2rem, 3.4285714286vw, 4.8rem);
}

.pg-information {
  border-bottom: 2px solid #000;
  padding-bottom: clamp(3.2rem, 2.8571428571vw, 4rem);
  text-align: center;
}
.pg-information:not(:first-child) {
  margin-top: clamp(8rem, 11.4285714286vw, 16rem);
}
.pg-information__heading {
  display: block;
  border-bottom: 2px solid #000;
  font-size: clamp(1.3rem, 1.1428571429vw, 1.6rem);
  font-weight: bold;
  text-align: center;
  padding-bottom: 4px;
  margin-bottom: clamp(3.2rem, 2.8571428571vw, 4rem);
  width: 100%;
}
.pg-information__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pg-information__content > h6 {
  font-size: clamp(1.8rem, 1.4285714286vw, 2rem);
  font-weight: bold;
}
.pg-information__content > h6 + * {
  margin-top: 12px;
}
.pg-information__content > p {
  font-size: clamp(1.2rem, 1vw, 1.4rem);
  line-height: 1.4;
}
.pg-information__content > p em {
  font-style: normal;
  font-weight: bold;
}
.pg-information__button {
  position: relative;
  border: 2px solid #000;
  padding: 12px 26px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.pg-information__button a {
  font-size: clamp(1.4rem, 1.1428571429vw, 1.6rem);
  font-weight: bold;
}
.pg-information__button a::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pg-information__button:not(:first-child) {
  margin-top: 20px;
}
.pg-information__button:has([target=_blank]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.pg-information__button:has([target=_blank])::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url("/static/full/andperse/parplay/img/common/icon-blank@2x.png") center center no-repeat;
  background-size: contain;
}

.pg-fill-button {
  position: relative;
  border: 1px solid #000;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 360px;
  height: clamp(7.2rem, 5.7142857143vw, 8rem);
  margin: auto;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pg-fill-button a {
  color: #fff;
  font-size: clamp(1.4rem, 1.1428571429vw, 1.6rem);
  font-weight: bold;
  -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-fill-button a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pg-fill-button:not(:first-child) {
  margin-top: clamp(6.4rem, 6.8571428571vw, 9.6rem);
}
@media (min-width: 48.0625em) {
  .pg-fill-button:hover {
    background-color: #fff;
  }
  .pg-fill-button:hover a {
    color: #000;
  }
}

.pg-concept {
  margin-top: clamp(3.2rem, 3.4285714286vw, 4.8rem);
  padding: clamp(2.4rem, 2.8571428571vw, 4rem);
  border: 1px solid var(--clr-green);
  color: var(--clr-green);
  font-size: clamp(1.2rem, 1vw, 1.4rem);
  line-height: 1.8;
}

.pg-footer {
  position: relative;
  margin-top: clamp(1.6rem, 5.1428571429vw, 7.2rem);
  overflow-x: hidden;
  padding: clamp(8rem, 9.1428571429vw, 12.8rem) 0;
}
.pg-footer__inner {
  max-width: clamp(20px, 90%, 1200px);
  margin-left: auto;
  margin-right: auto;
}
.pg-footer__logo {
  max-width: clamp(19.6rem, 27.1428571429vw, 38rem);
  margin: auto;
}
.pg-footer .c-character {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateX(var(--character-translate-x, 24px)) translateY(-50%) rotate(var(--character-rotate, -15deg));
          transform: translateX(var(--character-translate-x, 24px)) translateY(-50%) rotate(var(--character-rotate, -15deg));
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: var(--character-w);
}
.pg-footer .c-character img {
  aspect-ratio: auto;
  height: clamp(11.6rem, 14.2857142857vw, 20rem);
  -webkit-animation: yurayura-left 3.5s 0.5s ease-in-out infinite;
          animation: yurayura-left 3.5s 0.5s ease-in-out infinite;
}
.pg-footer .c-character:not(.is-animated) {
  --character-translate-x: 120%;
}
.pg-footer .c-character--left {
  --character-rotate: 15deg;
  --character-translate-x: -24px;
  left: 0;
  right: auto;
}
.pg-footer .c-character--left:not(.is-animated) {
  --character-translate-x: -120%;
}
.pg-footer .c-character--horizon img {
  width: clamp(11.4rem, 14.1428571429vw, 19.8rem);
  height: auto;
}/*# sourceMappingURL=people.css.map */