/* ************************************************************************
   ************************************************************************

    COMMON SETTINGS

   ************************************************************************
   ************************************************************************ */
/* ------------------------------
    RESPONSIVE SETTINGS
  ------------------------------ */
/* ------------------------------
    FONT
  ------------------------------ */
.t__min {
  font-family: serif !important;
}

/* ------------------------------
    COLOR SETTINGS
  ------------------------------ */
/* ------------------------------
    MIXIN
  ------------------------------ */
/* ------------------------------
    KEYFRAME
  ------------------------------ */
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  70% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes scrollDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  70% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}
@-webkit-keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loopClY {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes loopClY {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes countDown {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0% 0 0);
  }
}
@keyframes countDown {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0% 0 0);
  }
}
@-webkit-keyframes rotateInf {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
@keyframes rotateInf {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
body {
  font-family: var(--font-main);
}

#headerNav {
  mix-blend-mode: difference;
}

.peopleSingle {
  background: #fff;
  color: rgb(var(--color-bk, 46 54 50));
}

.headerMenuBtn .btnBorder,
.headerMenuBtn::before, .headerMenuBtn::after {
  background: black;
}

.peopleSingleHead {
  border-bottom: 1px solid rgba(var(--color-bk, 46 54 50), 0.08);
}
@media screen and (min-width: 320px) {
  .peopleSingleHead {
    padding: 16rem 5vw 0;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead {
    padding: 28rem 5vw 56px;
  }
}
.peopleSingleHead__inner {
  margin: 0 auto;
}
.peopleSingleHead__label {
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 320px) {
  .peopleSingleHead__label {
    font-size: 1.8rem;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead__label {
    font-size: 3.8rem;
    margin-bottom: 48px;
  }
}
.peopleSingleHead__label span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#ff7a59), color-stop(#ff9f43), to(#ffd166));
  background: linear-gradient(90deg, #ff7a59, #ff9f43, #ffd166);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.peopleSingleHead__title {
  margin: 0;
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 320px) {
  .peopleSingleHead__title {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead__title {
    font-size: 6.4rem;
  }
}
.peopleSingleHead__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 28px;
  font-size: 12px;
  letter-spacing: 0.04em;
}
.peopleSingleHead__metaTags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .peopleSingleHead__metaTags {
    gap: 6px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead__metaTags {
    gap: 6px;
  }
}
.peopleSingleHead__metaTime, .peopleSingleHead__metaTaglink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e61a3f;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 3px;
  border: solid 1px;
}
@media screen and (min-width: 320px) {
  .peopleSingleHead__metaTime, .peopleSingleHead__metaTaglink {
    font-size: 1.1rem;
    gap: 4px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead__metaTime, .peopleSingleHead__metaTaglink {
    font-size: 1.6rem;
    gap: 4px;
  }
}
.peopleSingleHead__metaTime svg, .peopleSingleHead__metaTaglink svg {
  display: block;
  fill: #e61a3f;
}
@media screen and (min-width: 320px) {
  .peopleSingleHead__metaTime svg, .peopleSingleHead__metaTaglink svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleHead__metaTime svg, .peopleSingleHead__metaTaglink svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.peopleSingleHead__metaTime {
  border: none;
  color: rgba(0, 0, 0, 0.56);
}
.peopleSingleHead__metaTime svg {
  fill: rgba(0, 0, 0, 0.56);
}

.peopleSingleLayout {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0 auto;
  padding: 56px 0 96px;
}
@media screen and (min-width: 320px) {
  .peopleSingleLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 5vw 8rem;
    gap: 0;
  }
}
@media screen and (min-width: 600px) {
  .peopleSingleLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 56px 5vw 8rem;
    gap: 48px;
  }
}
@media screen and (min-width: 1025px) {
  .peopleSingleLayout {
    display: grid;
    grid-template-columns: 380px calc(100% - 480px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.peopleSingleLayout.isArchive {
  background: white;
  color: black;
}

@media screen and (min-width: 320px) {
  .peopleSidebar {
    position: relative;
    top: auto;
    margin-top: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .peopleSidebar {
    position: sticky;
    top: 24rem;
    margin-top: 0;
  }
}

.peopleSideProfile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: solid 1px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
}
@media screen and (min-width: 320px) {
  .peopleSideProfile {
    padding: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile {
    padding: 24px;
  }
}
.peopleSideProfile__label {
  width: 100%;
  margin: 0 0 18px;
  letter-spacing: 0.18em;
  font-weight: 700;
  color: rgba(var(--color-bk, 46 54 50), 0.48);
}
@media screen and (min-width: 320px) {
  .peopleSideProfile__label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile__label {
    font-size: 1.4rem;
  }
}
.peopleSideProfile__figure {
  width: 96px;
  height: 96px;
  margin: 0 0 18px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(var(--color-main, 34 156 42), 0.08);
}
.peopleSideProfile__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 320px) {
  .peopleSideProfile__textwrapper {
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile__textwrapper {
    width: calc(100% - 160px);
  }
}
.peopleSideProfile__name {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
}
.peopleSideProfile__role {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: rgba(var(--color-bk, 46 54 50), 0.62);
}
.peopleSideProfile__block {
  margin-top: 20px;
}
.peopleSideProfile__blockTitle {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.12em;
  font-weight: 700;
  color: rgb(var(--color-main, 34 156 42));
}
.peopleSideProfile__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: rgba(var(--color-bk, 46 54 50), 0.72);
}
.peopleSideProfile__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 12px;
}
.peopleSideProfile__ctaLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: 8px;
  background: #1b1d22;
  color: white;
  padding: 4px;
}
.peopleSideProfile__ctaText {
  font-weight: 700;
}
@media screen and (min-width: 320px) {
  .peopleSideProfile__ctaText {
    font-size: 1.6rem;
    padding: 0 0 0 12px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile__ctaText {
    font-size: 1.6rem;
    padding: 0 0 0 12px;
  }
}
.peopleSideProfile__ctaButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 320px) {
  .peopleSideProfile__ctaButtons {
    gap: 4px;
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile__ctaButtons {
    gap: 4px;
  }
}
.peopleSideProfile__ctaButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
}
@media screen and (min-width: 320px) {
  .peopleSideProfile__ctaButton {
    width: 4.8rem;
    height: 4.8rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleSideProfile__ctaButton {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.peopleSideProfile__ctaButton svg {
  display: block;
  width: 64%;
  height: 64%;
  fill: white;
}
.peopleSideProfile__ctaButton.--web {
  background: #eb5b49;
}
.peopleSideProfile__ctaButton.--line {
  background: #06c755;
}

.peopleSideNav {
  margin-top: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(var(--color-bk, 46 54 50), 0.1);
}
.peopleSideNav__title {
  margin: 0 0 14px;
  font-size: 11px;
  letter-spacing: 0.18em;
  font-weight: 700;
  color: rgba(var(--color-bk, 46 54 50), 0.48);
}
.peopleSideNav__list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.peopleSideNav__list a {
  display: inline-block;
  font-size: 12px;
  line-height: 1.7;
  color: rgba(var(--color-bk, 46 54 50), 0.72);
  text-decoration: none;
}
.peopleSideNav__list a:hover {
  color: rgb(var(--color-main, 34 156 42));
}

.peopleSideInstagram {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 132px;
  min-height: 42px;
  margin-top: 28px;
  padding: 0 20px;
  border-radius: 999px;
  background: rgb(var(--color-bk, 46 54 50));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.peopleArticle {
  min-width: 0;
}
.peopleArticle__eyecatch {
  margin: 0 0 48px;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(var(--color-bk, 46 54 50), 0.04);
}
.peopleArticle__eyecatchImg {
  width: 100%;
  height: auto;
  display: block;
}
.peopleArticle__content {
  margin-top: 56px;
}
.peopleArticle__content > *:first-child {
  margin-top: 0;
}
.peopleArticle__content h2 {
  position: relative;
  margin: 72px 0 24px;
  padding: 16px 0;
  font-size: clamp(22px, 2.8vw, 30px);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.peopleArticle__content h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), color-stop(40%, #ff6b6b), color-stop(70%, #ff9f43), to(#ffd166));
  background: linear-gradient(90deg, #ff8a5c 0%, #ff6b6b 40%, #ff9f43 70%, #ffd166 100%);
}
.peopleArticle__content h3 {
  margin: 48px 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(var(--color-bk, 46 54 50), 0.12);
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.peopleArticle__content p {
  margin: 0 0 1.7em;
  font-size: 16px;
  line-height: 2.15;
  letter-spacing: 0.04em;
}
.peopleArticle__content strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(62%, transparent), color-stop(62%, rgba(var(--color-yl, 255 233 70), 0.55)));
  background: linear-gradient(transparent 62%, rgba(var(--color-yl, 255 233 70), 0.55) 62%);
  font-weight: 700;
}
.peopleArticle__content blockquote {
  margin: 40px 0;
  padding: 28px 32px;
  border-left: none;
  border-radius: 14px;
  background: rgba(var(--color-main, 34 156 42), 0.08);
}
.peopleArticle__content blockquote p {
  margin: 0;
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 2;
  font-weight: 700;
}
.peopleArticle__content ul,
.peopleArticle__content ol {
  margin: 28px 0;
  padding-left: 1.4em;
}
.peopleArticle__content ul li,
.peopleArticle__content ol li {
  margin-bottom: 0.8em;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.04em;
}
.peopleArticle__content figure {
  margin: 48px 0;
}
.peopleArticle__content img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}
.peopleArticle__content figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  color: rgba(var(--color-bk, 46 54 50), 0.54);
}
.peopleArticle__content a {
  color: rgb(var(--color-main, 34 156 42));
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.peopleArticle__content .wp-block-separator {
  margin: 64px 0;
  border: none;
  border-top: 1px solid rgba(var(--color-bk)/0.12);
}
.peopleArticle__content .wp-block-gallery {
  display: grid;
}
@media screen and (min-width: 320px) {
  .peopleArticle__content .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleArticle__content .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.peopleArticle__content .wp-block-gallery figure {
  margin: 0;
}

.peopleLead {
  background: rgba(var(--color-main, 34 156 42), 0.055);
  border: solid 1px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 320px) {
  .peopleLead {
    border-radius: 8px;
    padding: 24px 32px;
  }
}
@media screen and (min-width: 600px) {
  .peopleLead {
    border-radius: 16px;
    padding: 32px 40px;
  }
}
.peopleLead__label {
  font-weight: 700;
  margin-bottom: 14px;
  opacity: 0.72;
}
@media screen and (min-width: 320px) {
  .peopleLead__label {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleLead__label {
    font-size: 1.4rem;
  }
}
.peopleLead__text {
  margin: 0;
  line-height: 2.1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 320px) {
  .peopleLead__text {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  .peopleLead__text {
    font-size: 1.8rem;
  }
}

.peopleToc {
  margin-top: 40px;
  padding: 30px 34px;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.06);
}
.peopleToc__title {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.peopleToc__list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 2.4em;
}
.peopleToc__list li {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.04em;
  list-style-type: decimal;
}
.peopleToc__list a {
  color: rgb(var(--color-bk, 46 54 50));
  text-decoration: none;
}
.peopleToc__list a:hover {
  color: rgb(var(--color-main, 34 156 42));
}

.peopleCta {
  margin-top: 88px;
}
.peopleCta__inner {
  padding: clamp(40px, 6vw, 64px);
  border-radius: 24px;
  text-align: center;
  background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.22), transparent 36%), rgb(var(--color-main, 34 156 42));
  color: #fff;
}
.peopleCta__label {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: 0.18em;
  font-weight: 700;
  opacity: 0.82;
}
.peopleCta__title {
  margin: 0;
  font-size: clamp(25px, 3.4vw, 40px);
  line-height: 1.55;
  letter-spacing: 0.04em;
}
.peopleCta__text {
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.04em;
}
.peopleCta__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 220px;
  min-height: 54px;
  margin-top: 34px;
  padding: 0 32px;
  border-radius: 999px;
  background: #fff;
  color: rgb(var(--color-main, 34 156 42));
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.peopleComment {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 40px 0;
}
@media screen and (min-width: 600px) {
  .peopleComment {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
  }
}
.peopleComment__icon {
  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;
  width: 58px;
  height: 58px;
  margin: 0 !important;
}
@media screen and (min-width: 600px) {
  .peopleComment__icon {
    width: 72px;
    height: 72px;
  }
}
.peopleComment__icon figcaption {
  color: inherit !important;
  margin-top: 3px !important;
}
.peopleComment__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.peopleComment__body {
  position: relative;
  padding: 22px 24px;
  border-radius: 16px;
  background: #f0f0f0;
}
.peopleComment__body::before {
  content: "";
  position: absolute;
  top: 24px;
  left: -9px;
  width: 18px;
  height: 18px;
  background: inherit;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.peopleComment__name {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgb(var(--color-main));
}
.peopleComment__text {
  margin: 0 !important;
  font-size: clamp(16px, 1.8vw, 20px) !important;
  line-height: 2 !important;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.peopleRelated {
  margin-top: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(var(--color-bk), 0.1);
}
.peopleRelated__list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.peopleRelated__item {
  margin: 0;
}
.peopleRelated__link {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: inherit;
  text-decoration: none;
}
.peopleRelated__link:hover .peopleRelated__title {
  color: rgb(var(--color-main));
}
.peopleRelated__link:hover .peopleRelated__img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.peopleRelated__figure {
  width: 54px;
  height: 54px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(var(--color-main), 0.08);
}
.peopleRelated__img, .peopleRelated__noimg {
  display: block;
  width: 100%;
  height: 100%;
}
.peopleRelated__img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.peopleRelated__noimg {
  background: linear-gradient(135deg, rgba(var(--color-main), 0.16), rgba(var(--color-main), 0.04));
}
.peopleRelated__body {
  min-width: 0;
}
.peopleRelated__name {
  margin: 0 0 3px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.peopleRelated__role {
  margin: 0 0 6px;
  font-size: 10px;
  line-height: 1.5;
  color: rgba(var(--color-bk), 0.54);
}
.peopleRelated__title {
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
  color: rgba(var(--color-bk), 0.72);
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.peopleRelated__none {
  opacity: 0.64;
}
@media screen and (min-width: 320px) {
  .peopleRelated__none {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleRelated__none {
    font-size: 1.6rem;
  }
}

.peopleCtafooter {
  background: white;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter {
    padding: 0 5vw 5vw;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter {
    padding: 0 5vw 5vw;
  }
}
.peopleCtafooter__inner {
  position: relative;
  background: rgb(var(--color-rd));
  overflow: hidden;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__inner {
    padding: 48px 0 0;
    border-radius: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__inner {
    padding: 64px 0 0;
    border-radius: 16px;
  }
}
.peopleCtafooter__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  mix-blend-mode: soft-light;
}
.peopleCtafooter__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.peopleCtafooter__main {
  position: relative;
  z-index: 1;
  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;
}
.peopleCtafooter__mainBlocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainBlocks {
    padding: 24px 5vw 0;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainBlocks {
    padding: 32px 10vw 0;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainBlock:first-child {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainBlock:first-child {
    width: 40%;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainBlock:last-child {
    width: 100%;
    padding-top: 24px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainBlock:last-child {
    width: 50%;
    padding-top: calc(4.8rem + 32px);
  }
}
.peopleCtafooter__mainSuben {
  font-weight: 700;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainSuben {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainSuben {
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 32px;
  }
}
.peopleCtafooter__mainEn {
  font-weight: 900;
  line-height: 0.7;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainEn {
    font-size: 8rem;
    margin-top: 48px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainEn {
    font-size: 19.8rem;
    margin-top: 64px;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainEn span:first-child {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainEn span:first-child {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainEn span:last-child {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainEn span:last-child {
    display: block;
  }
}
.peopleCtafooter__mainJa {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainJa {
    font-size: 3.6rem;
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainJa {
    font-size: 6.4rem;
    text-align: left;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainDesc {
    font-size: 1.4rem;
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainDesc {
    font-size: 2rem;
    text-align: left;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainDesc .sp {
    display: none;
  }
}
.peopleCtafooter__mainButtons {
  grid-template-columns: repeat(1, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainButtons {
    display: grid;
    gap: 4px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainButton {
    margin-top: 4px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainButton {
    margin-top: 16px;
  }
}
.peopleCtafooter__mainButton a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 999vw;
  background: black;
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainButton a {
    padding: 4px 32px 4px 4px;
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainButton a {
    padding: 4px 32px 4px 4px;
    font-size: 2.2rem;
  }
}
.peopleCtafooter__mainButton span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
@media screen and (min-width: 320px) {
  .peopleCtafooter__mainButton span:first-child {
    width: 4.2rem;
    height: 4.2rem;
    margin-right: 12px;
  }
}
@media screen and (min-width: 600px) {
  .peopleCtafooter__mainButton span:first-child {
    width: 6.4rem;
    height: 6.4rem;
    margin-right: 12px;
  }
}
.peopleCtafooter__mainButton span.web {
  background: white;
}
.peopleCtafooter__mainButton span.web svg {
  fill: black;
}
.peopleCtafooter__mainButton span.line {
  background: #06c755;
}
.peopleCtafooter__mainButton span svg {
  display: block;
  fill: white;
  width: 64%;
  height: 64%;
}

.peopleList {
  display: grid;
}
@media screen and (min-width: 320px) {
  .peopleList {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleList {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
.peopleList__linkimg {
  -webkit-box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.16);
}
.peopleList__linkimg:hover .peopleList__thumb img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.peopleList__thumb .imgWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 133.33%;
  overflow: hidden;
}
@media screen and (min-width: 320px) {
  .peopleList__thumb .imgWrapper {
    border-radius: 16px;
  }
}
@media screen and (min-width: 600px) {
  .peopleList__thumb .imgWrapper {
    border-radius: 16px;
  }
}
.peopleList__thumb img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}/*# sourceMappingURL=single-people.css.map */