/* team */
.content-ttl::before {
  background: url("/en/img/team/icon-pagettl.svg");
}

.team-section {
  padding: 0 clamp(0px, 137/1920 * 100vw, 137px);
}

@media screen and (max-width: 768px) {
  .team-section {
    padding: 0;
  }
}

.team-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0px, 80/1440 * 100vw, 80px);
  width: 100%;
  max-width: 1920px;
  padding: 0 min(calc(135 / 1440 * 100vw), calc(120 / 1440 * 1920px));
  margin: 0 auto 18px;
  color: #0d0f1d;
}

.team-list::after {
  display: block;
  width: 336px;
  content: "";
}

.team-list-item {
  display: flex;
  flex-direction: column;
  width: clamp(0px, 336/1440 * 100vw, 336px);
}
.team-list-item > .ph {
  position: relative;
  margin-bottom: 14px;
}

.team-list-item > .name {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 400;
}

.team-list-item > .position {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.3;
}

.icon-LinkedIn {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/en/common/img/icon-sns-li.svg") 0 0 no-repeat;
  filter: invert(32%) sepia(89%) saturate(5332%) hue-rotate(199deg)
    brightness(87%) contrast(92%);
}
.team-list-item .icon-LinkedIn {
  float: right;
}

.btn-details {
  position: relative;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #3a4479;
  border-bottom: 1px solid #3a4479;
}

.btn-details::after {
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: url("/en/common/img/icon-btn-detail.svg") no-repeat center /
    contain;
}

@media screen and (max-width: 768px) {
  .team-list {
    gap: 10.2564vw 2.0512vw;
    width: 100%;
    max-width: 100%;
    padding: 0 2.5641vw;
    margin-bottom: 12.8205vw;
  }

  .team-list-item {
    width: calc(50% - 1.03vw);
  }

  .team-list-item > .ph {
    margin-bottom: 2.0512vw;
  }

  .team-list-item > .name {
    font-size: 3.5897vw;
  }

  .team-list-item > .position {
    margin-bottom: 2.5641vw;
    font-size: 3.0769vw;
  }

  .icon-LinkedIn {
    width: 5.3846vw;
    height: 5.3846vw;
  }

  .btn-details {
    width: calc((53 / var(--sp-best-view)) * var(--vw-base));
    padding-bottom: calc((2 / var(--sp-best-view)) * var(--vw-base));
    font-size: calc((12 / var(--sp-best-view)) * var(--vw-base));
  }

  .btn-details::after {
    bottom: 1.0256vw;
    width: 2.0512vw;
    height: 2.0512vw;
  }
}

/* team member */
.team-member-box {
  display: flex;
  gap: 110px;
}

.team-member-ph {
  flex-shrink: 0;
  order: 1;
  width: 472px;
}

.team-member-txt {
  order: 2;
}

.team-member-txt > .name {
  font-size: 48px;
  letter-spacing: 0;
}

.team-member-txt > .position {
  padding: 8px 0 12px;
  font-size: 16px;
}

.team-member-txt .txt {
  margin-top: 40px;
  font-size: 16px;
}

.team-member-txt .txt p + p {
  margin-top: 20px;
}

.activity-ttl {
  margin-bottom: 20px;
  font-size: 26px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .activity-ttl {
    margin-bottom: 3.3333vw;
    font-size: 4.6153vw;
  }
}

.top-insights {
  padding: 88px 0 0;
}
@media screen and (max-width: 768px) {
  .top-insights {
    padding: 6vw 0 0;
  }
}