/************************************************************
 * MEMBER（メンバー紹介）一覧 / member.css
 * - PC: 4列 / Tablet: 3列 / SP: 2列
 * - カード全体クリック（a.member-card-link を上書き）
 * - 表示：画像 → 肩書き → 氏名（JA）→ 氏名（EN）
 ************************************************************/

.member .member__title-wrapper .sec-title__ja {
	font-weight: 400;
}

.single-member .breadcrumb a {
	color: #B6AA96;
}

/* ===== グリッド ===== */
.member .member__content{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:40px 30px;
  padding: 80px 56px;
}

/* ===== クリック領域（カード全体を a にする前提） ===== */
.member .member__content > a.member-card-link{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  text-decoration:none !important;
  color:inherit !important;
  background:transparent !important;
}
.member .member__content > a.member-card-link:hover,
.member .member__content > a.member-card-link:focus{
  text-decoration:none !important;
  color:inherit !important;
}

/* ===== カード本体 ===== */
.member .member__content-item{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* 画像 */
.member .member__content-item-img{
  width:100%;
  aspect-ratio:359/275;
  overflow:hidden;
  background:#000;
}
.member .member__content-item-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
}

/* テキストブロック */
.member .member__content-item-body{ padding-top:16px; }

/* 肩書き */
.member .member-card__role{
  font-size:14px;
  line-height:1.8;
  color:#5f5c5d;
  font-weight:400;
  margin-top:12px;
}

/* 氏名（JA） */
.member .member-card__name{
  margin:8px 0 4px;
  font-size:20px;
  color:#5f5c5d;
}

/* 氏名（EN） */
.member .member-card__en{
  font-size:14px;
  line-height:1.45;
  color:#b6aa96;
  font-weight:400;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* 一覧では非表示にする要素（詳細で使用する既存要素） */
.member .member__content-item-text,
.member .member__content-item-company,
.member .member__content-item-works{
  display:none !important;
}

/* ===== Breakpoints ===== */
/* Tablet: 3列 */
@media (max-width:1024px){
  .member .member__content{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:36px 24px;
    padding:88px 20px;
  }
  .member .member-card__role{ font-size:16px; }
  .member .member-card__name{ font-size:24px; }
  .member .member-card__en{   font-size:15px; }
}

/* SP: 2列 */
@media (max-width:600px){
  .member .member__content{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 16px;
    padding:56px 20px;
  }
  .member .member__content-item-img{ aspect-ratio:268/205; }
  .member .member-card__role{
    font-size:12px;
    line-height:1.7;
    letter-spacing:.08em;
  }
  .member .member-card__name{
    font-size:20px;
    line-height:1.5;
  }
  .member .member-card__en{
    font-size:13px;
    line-height:1.4;
  }
}