@charset "utf-8";

/*====================
  LEADERSHIPページ
====================*/
.l-contentsAboutLeadership_body {
  position: relative;
  max-width: 154.3rem;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_body {
    max-width: 76.5rem;
  }
}

.l-contentsAboutLeadership_title {
  font-weight: 400;
  font-size: 4.4rem;
  line-height: calc(60 / 44);
  text-align: center;
  margin: 7rem 0;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin: 7rem 0;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_title {
    margin: 5.5rem 15%;
    font-size: 2rem;
  }
}

/*----- 一覧 -----*/
.l-contentsAboutLeadership_list {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

/*----- 一覧：アイテム -----*/
.l-contentsAboutLeadership_list--item {
  cursor: pointer;
  position: relative;
  flex-basis: calc(100% / 3);
  height: 53.2rem;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--item {
    height: 25.6rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_list--item {
    flex-basis: 50%;
  }
}

.l-contentsAboutLeadership_list--item:hover {
  z-index: 10;
}

.l-contentsAboutLeadership_list--item_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.l-contentsAboutLeadership_list--item::after {
  transition: 0.3s ease;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}

.l-contentsAboutLeadership_list--item_text {
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 12rem 5rem 3rem;
}

@media screen and (max-width: 767px) {
.l-contentsAboutLeadership_list--item_text {  
  display: none; 
  }
}

.l-contentsAboutLeadership_list--item_text--position {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 3.5rem;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.l-contentsAboutLeadership_list--item_text--position::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 2.4rem;
  height: 0.2rem;
  background: currentColor;
}

.l-contentsAboutLeadership_list--item_text--position .line1,
.l-contentsAboutLeadership_list--item_text--position .line2 {
  display: block;
}

.l-contentsAboutLeadership_list--item_text--name {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.4;
}

.l-contentsAboutLeadership_list--item_text--name .line1,
.l-contentsAboutLeadership_list--item_text--name .line2 {
  display: block;
}

/* ホバー時 */
.l-contentsAboutLeadership_list--item:hover::after {
  background: rgba(255, 255, 255, 0.5);
}

.l-contentsAboutLeadership_list--item:hover .l-contentsAboutLeadership_list--item_text {
  opacity: 1;
}

/* アクティブ時 */
.l-contentsAboutLeadership_list--item.active::after {
  display: none;
}

.l-contentsAboutLeadership_list--item.active .l-contentsAboutLeadership_list--item_text {
  display: none;
}

/*----- プロフィール（PC用） -----*/
.l-contentsAboutLeadership_list--profile {
  position: relative;
  z-index: 10;
  flex-basis: 100%;
  display: flex;
  align-items: flex-start;
  background: #fff;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--profile {
    display: block;
    padding: 0 19%;
  }
}

.l-contentsAboutLeadership_list--profile:not(.active) {
  display: none;
}

.l-contentsAboutLeadership_list--profile_close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 9rem;
  height: 9rem;
  background: #c8c7c4;
}

.l-contentsAboutLeadership_list--profile_close--bar {
  position: absolute;
  top: calc(50% - 0.05rem);
  left: calc(50% - 2.1rem);
  width: 4.2rem;
  height: 0.1rem;
  background: #000;
}

.l-contentsAboutLeadership_list--profile_close--bar.top {
  transform: rotate(-45deg);
}

.l-contentsAboutLeadership_list--profile_close--bar.bottom {
  transform: rotate(45deg);
}

.l-contentsAboutLeadership_list--profile_head {
  flex-basis: 24%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 6% 0 3rem;
  padding-right: calc(100% * 0.24 * 0.25);
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--profile_head {
    margin: 0;
  }
}

.l-contentsAboutLeadership_list--profile_head--position {
  position: relative;
  margin: 3rem 0;
  padding-bottom: 3.5rem;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--profile_head--position {
    margin: 6rem 0 2rem;
    padding-bottom: 2rem;
  }
}

.l-contentsAboutLeadership_list--profile_head--position::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 2.4rem;
  height: 0.2rem;
  background: currentColor;
}

.l-contentsAboutLeadership_list--profile_head--position .line1,
.l-contentsAboutLeadership_list--profile_head--position .line2 {
  display: inline-block;
}

.l-contentsAboutLeadership_list--profile_head--name {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.l-contentsAboutLeadership_list--profile_head--name .line1,
.l-contentsAboutLeadership_list--profile_head--name .line2 {
  display: inline-block;
}

.l-contentsAboutLeadership_list--profile_head--sns {
  display: flex;
  margin-top: 3rem;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--profile_head--sns {
    margin-top: 3.5rem;
  }
}

.l-contentsAboutLeadership_list--profile_head--sns_item {
  flex-basis: 8.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  line-height: 8.5rem;
  height: 8.5rem;
  background: #c8c7c4;
}

.l-contentsAboutLeadership_list--profile_head--sns_item:hover {
  color: rgba(0, 0, 0, 0.6);
}

.l-contentsAboutLeadership_list--profile_article {
  flex-basis: 50%;
  padding: 14rem 0 20rem;
  margin-right: auto;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_list--profile_article {
    padding: 4rem 0 6.5rem;
  }
}

.l-contentsAboutLeadership_list--profile_article p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 4.5rem;
}

/*----- パララックス用 -----*/
.l-contentsAboutLeadership_parallax--container {
  pointer-events: none;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 2rem;
  right: 0;
  color: #fff;
}

.l-contentsAboutLeadership_parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.l-contentsAboutLeadership_parallax:nth-child(2) {
  top: 46.3%;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax:nth-child(2) {
    top: 179rem;
  }
}

.l-contentsAboutLeadership_list.active .l-contentsAboutLeadership_parallax {
  display: none;
}

.l-contentsAboutLeadership_parallax--item {
  transition: 0.5s ease-in-out;
  opacity: 0;
  position: absolute;
  font-weight: 600;
  font-size: 2.1rem;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item {
    position: static;
    font-size: 1.5rem;
  }
}

.l-contentsAboutLeadership_parallax--item.show {
  opacity: 1;
}

/* 1000+ BRANDS */
.l-contentsAboutLeadership_parallax--item.brands {
  top: 21rem;
  left: 30%;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.brands {
    top: 16rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.brands {
    text-align: center;
    margin: 17.5rem auto 0;
  }
}

.l-contentsAboutLeadership_parallax--item.brands b {
  font-size: 550%;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.brands b {
    font-size: 6.7rem;
  }
}

.l-contentsAboutLeadership_parallax--item.brands b .tighten {
  letter-spacing: -13px;
  margin-left: -13px;
}

.l-contentsAboutLeadership_parallax--item.brands span.plus {
  display: block;
  font-weight: 400;
  font-size: 125%;
  line-height: 1;
  margin: 0.5rem 0 0.5rem -0.2em;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.brands span.plus {
    font-size: 3rem;
    margin: 1.5rem auto;
  }
}

/* Do more than expected */
.l-contentsAboutLeadership_parallax--item.expected {
  top: 112.4rem;
  left: 60%;
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.expected {
    top: 86.5rem;
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.expected {
    margin: 13rem auto;
    font-size: 2.9rem;
    text-align: center;
  }
}

/* 24K people */
.l-contentsAboutLeadership_parallax--item.people {
  top: 82rem;
  left: 60%;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.people {
    top: 62.4rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.people {
    text-align: center;
    margin: 17.5rem auto 0;
  }
}

.l-contentsAboutLeadership_parallax--item.people b {
  font-size: 550%;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.people b {
    font-size: 6.7rem;
  }
}

.l-contentsAboutLeadership_parallax--item.people span.plus {
  display: block;
  font-size: 125%;
  line-height: 1;
  margin: 0.5rem 0 0.5rem -0.2em;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.people span.plus {
    font-size: 3rem;
    margin: 1.5rem auto;
  }
}

/* Keep an open mind */
.l-contentsAboutLeadership_parallax--item.keep {
  font-weight: 400;
  top: 58.5rem;
  left: 30%;
  font-size: 3.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.keep {
    top: 44rem;
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.keep {
    font-size: 2.9rem;
    text-align: center;
    margin: 13rem auto;
  }
}

/* 100+ Countries */
.l-contentsAboutLeadership_parallax--item.countries {
  top: 117rem;
  left: 0;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.countries {
    top: 90rem;
  }
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.countries {
    text-align: center;
    margin: 17.5rem auto 0;
  }
}

.l-contentsAboutLeadership_parallax--item.countries b {
  font-size: 550%;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.countries b {
    font-size: 6.7rem;
  }
}

.l-contentsAboutLeadership_parallax--item.countries b .tighten {
  letter-spacing: -13px;
  margin-left: -13px;
}

.l-contentsAboutLeadership_parallax--item.countries span.plus {
  display: block;
  font-size: 125%;
  margin: 0.5rem 0 0.5rem -0.2em;
}

@media screen and (max-width: 767px) {
  .l-contentsAboutLeadership_parallax--item.countries span.plus {
    font-size: 3rem;
    margin: 1.5rem auto;
  }
}

/* Outthink. Outwork. Outcare. */
.l-contentsAboutLeadership_parallax--item.out {
  font-weight: 400;
  font-size: 2.9rem;
  line-height: 1.6;
  text-align: center;
  margin: 13rem auto;
}

/* Push ourselves */
.l-contentsAboutLeadership_parallax--item.ourselves {
  top: 161.5rem;
  left: 30%;
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.ourselves {
    top: 124rem;
    font-size: 2.8rem;
  }
}

/* Remember we're in this together */
.l-contentsAboutLeadership_parallax--item.remember {
  top: 189rem;
  left: 60%;
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 1199px) {
  .l-contentsAboutLeadership_parallax--item.remember {
    top: 145.5rem;
    font-size: 2.8rem;
  }
}

/*----- プロフィール一覧（SP用） -----*/
.l-contentsAboutLeadership_list--profileSp {
  position: relative;
  flex-basis: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}

.l-contentsAboutLeadership_list--profileSp:not(.active) {
  display: none;
}

.l-contentsAboutLeadership_list--profileSp_head {
  flex-basis: calc(100% - 10.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem 0 1.5rem;
}

.l-contentsAboutLeadership_list--profileSp_head--position {
  position: relative;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 1.3rem;
}

.l-contentsAboutLeadership_list--profileSp_head--position::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 3rem;
  height: 0.3rem;
  background: currentColor;
}

.l-contentsAboutLeadership_list--profileSp_head--position .line1,
.l-contentsAboutLeadership_list--profileSp_head--position .line2 {
  display: block;
}

.l-contentsAboutLeadership_list--profileSp_head--name {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4;
}

.l-contentsAboutLeadership_list--profileSp_head--name .line1,
.l-contentsAboutLeadership_list--profileSp_head--name .line2 {
  display: block;
}

.l-contentsAboutLeadership_list--profileSp_link {
  flex-basis: 10.5rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 11rem;
  text-align: center;
  text-transform: uppercase;
  height: 11rem;
  background: #c8c7c4;
}

/*----- プロフィール個別（SP用） -----*/
.l-contentsAboutLeadership_profile {
  color: #000;
  background: #fff;
}

.l-contentsAboutLeadership_profile--head {
  position: relative;
}

.l-contentsAboutLeadership_profile--head_image {
  width: 100%;
  max-height: 45rem;
  object-fit: cover;
  object-position: center;
}

.l-contentsAboutLeadership_profile--head_sns {
  position: absolute;
  z-index: 10;
  top: 18.5rem;
  left: 0;
}

.l-contentsAboutLeadership_profile--head_sns--item {
  display: block;
  line-height: 5.6rem;
  font-size: 2.5rem;
  text-align: center;
  width: 6.2rem;
  height: 5.6rem;
  background: #c8c7c4;
}

.l-contentsAboutLeadership_profile--meta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-contentsAboutLeadership_profile--meta_position {
  position: relative;
  padding-bottom: 2.5rem;
  margin: 2.5rem auto;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
  width: 87%;
}

.l-contentsAboutLeadership_profile--meta_position::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.5rem);
  display: block;
  content: "";
  z-index: 2;
  width: 3rem;
  height: 0.3rem;
  background: currentColor;
}

.l-contentsAboutLeadership_list--profile_head--position .line1,
.l-contentsAboutLeadership_list--profile_head--position .line2 {
  display: block;
}

.l-contentsAboutLeadership_profile--meta_name {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
  width: 55%;
  margin: 0 auto 4.5rem;
}

.l-contentsAboutLeadership_profile--meta_name .line1,
.l-contentsAboutLeadership_profile--meta_name .line2 {
  display: inline-block;
}

.l-contentsAboutLeadership_profile--article {
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  padding: 0 6.5% 6.5rem;
}

.l-contentsAboutLeadership_profile--article p {
  line-height: 1.8;
  margin-bottom: 4rem;
}