.parplay-people {
  padding: clamp(1.5rem, 5.5555555556vw, 5rem) 0 0;
}

.pg-container {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 1200px);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
  display: grid;
  gap: 80px clamp(1.5rem, 5.5555555556vw, 5rem);
}
@media (max-width: 48em) {
  .pg-container {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 48.0625em) {
  .pg-container {
    grid-template-columns: clamp(17.5rem, 27.7777777778vw, 25rem) 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(2.75rem, 3.8888888889vw, 3.5rem);
  font-weight: bold;
  line-height: 1;
}
.pg-introduction__heading span {
  font-weight: bold;
  color: var(--clr-green);
}
.pg-introduction__subheading {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  font-weight: bold;
  line-height: 1.4;
  margin-top: 12px;
}
.pg-introduction__leadtext {
  font-size: 0.8125rem;
  line-height: 1.8;
  margin-top: 16px;
}
.pg-introduction .c-character--bee {
  position: absolute;
  width: clamp(4.375rem, 5.4166666667vw, 4.875rem);
  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(0.75rem, 0.9722222222vw, 0.875rem);
}
.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;
  --bdw: 2px;
  --clr: currentColor;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: var(--global-settings-duration, 0.4s);
          transition-duration: var(--global-settings-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(1.75rem, 2.5vw, 2.25rem);
  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(0.6875rem, 0.9722222222vw, 0.875rem);
}

.pg-article:not(:first-child) {
  margin-top: clamp(1rem, 1.9444444444vw, 1.75rem);
}
.pg-article > h2 {
  font-size: clamp(1.25rem, 2.2222222222vw, 2rem);
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
.pg-article > h2 b {
  font-size: clamp(0.8125rem, 1.3888888889vw, 1.25rem);
  display: block;
  margin-bottom: 12px;
  font-weight: inherit;
}
.pg-article > h2 span {
  font-size: clamp(0.875rem, 1.6666666667vw, 1.5rem);
  font-weight: inherit;
}
.pg-article > h2 + * {
  margin-top: clamp(3rem, 3.8888888889vw, 3.5rem);
}
.pg-article > h3 {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 16px;
  border-bottom: 2px solid #000;
}
.pg-article > h3:not(:first-child) {
  margin-top: clamp(5rem, 8.8888888889vw, 8rem);
}
.pg-article > h3 + * {
  margin-top: clamp(1.25rem, 1.6666666667vw, 1.5rem);
}
.pg-article > p {
  font-size: clamp(0.875rem, 1.1111111111vw, 1rem);
}
.pg-article > p b {
  font-size: clamp(0.9375rem, 1.25vw, 1.125rem);
  font-weight: bold;
}
.pg-article > picture,
.pg-article > img {
  display: block;
}
.pg-article > picture + *,
.pg-article > img + * {
  margin-top: clamp(2rem, 3.3333333333vw, 3rem);
}
* + .pg-article > picture,
* + .pg-article > img {
  margin-top: clamp(2rem, 3.3333333333vw, 3rem);
}

.pg-information {
  border-bottom: 2px solid #000;
  padding-bottom: clamp(2rem, 2.7777777778vw, 2.5rem);
  text-align: center;
}
.pg-information:not(:first-child) {
  margin-top: clamp(5rem, 11.1111111111vw, 10rem);
}
.pg-information__heading {
  display: block;
  border-bottom: 2px solid #000;
  font-size: clamp(0.8125rem, 1.1111111111vw, 1rem);
  font-weight: bold;
  text-align: center;
  padding-bottom: 4px;
  margin-bottom: clamp(2rem, 2.7777777778vw, 2.5rem);
  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.125rem, 1.3888888889vw, 1.25rem);
  font-weight: bold;
}
.pg-information__content > h6 + * {
  margin-top: 12px;
}
.pg-information__content > p {
  font-size: clamp(0.75rem, 0.9722222222vw, 0.875rem);
  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(0.875rem, 1.1111111111vw, 1rem);
  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("/public/assets/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(4.5rem, 5.5555555556vw, 5rem);
  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(0.875rem, 1.1111111111vw, 1rem);
  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(4rem, 6.6666666667vw, 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(2rem, 3.3333333333vw, 3rem);
  padding: clamp(1.5rem, 2.7777777778vw, 2.5rem);
  border: 1px solid var(--clr-green);
  color: var(--clr-green);
  font-size: clamp(0.75rem, 0.9722222222vw, 0.875rem);
  line-height: 1.8;
}

.pg-footer {
  position: relative;
  margin-top: clamp(1rem, 5vw, 4.5rem);
  overflow-x: hidden;
  padding: clamp(5rem, 8.8888888889vw, 8rem) 0;
}
.pg-footer__inner {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1200px);
  margin-left: auto;
  margin-right: auto;
}
.pg-footer__logo {
  max-width: clamp(12.25rem, 26.3888888889vw, 23.75rem);
  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(7.25rem, 13.8888888889vw, 12.5rem);
  -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(7.125rem, 13.75vw, 12.375rem);
  height: auto;
}/*# sourceMappingURL=people.css.map */