/* =====================================================
   登録キャリアコンサルタント一覧
   デザイン方針：安心感 × 品質感（最終FIX）
===================================================== */


/* =========================================
   一覧レイアウト（2カラム / SP1カラム）
========================================= */
.consultant-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:28px;
  max-width:1080px;
  margin:0 auto;
  padding:32px 16px 56px;
}


/* =========================================
   カード本体
========================================= */
.consultant-card{
  background:#fff;
  border:1px solid #e6eef4;
  border-radius:18px;
  padding:24px 22px 28px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease;
}

.consultant-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}


/* =========================================
   写真・ロゴ
========================================= */
.consultant-photo img{
  width:96px;
  height:96px;
  object-fit:contain;
  border-radius:50%;
  background:#f5f7fa;
  margin-bottom:14px;
}


/* =========================================
   名前
========================================= */
.consultant-name{
  font-size:18px;
  font-weight:700;
  margin:2px 0 10px;
  color:#222;
}


/* =========================================
   等級バッジ（縦並び・カラーFIX）
========================================= */
.consultant-grades{
  display:flex;
  flex-direction:column;   /* ← 縦並びの核心 */
  align-items:center;
  gap:8px;
  margin:10px 0 14px;
}

.grade-badge{
  min-width:220px;
  padding:7px 14px;
  font-size:13px;
  font-weight:700;
  text-align:center;
  border-radius:999px;
  line-height:1.2;
  white-space:nowrap;
  border:1px solid transparent;
}

/* 国家資格（信頼・ニュートラル） */
.grade-badge:contains("国家資格"),
.grade-badge{
  background:#F2F3F5;
  color:#555;
  border-color:#E0E3E7;
}

/* 技能士2級（ブルー） */
.grade-badge:contains("技能士2級"){
  background:#E3F2FF;
  color:#1E4E8C;
  border-color:#B7D8FF;
}

/* 技能士1級（ゴールド・最上位） */
.grade-badge:contains("技能士1級"){
  background:linear-gradient(135deg,#F6D365,#E6B94E);
  color:#5C4300;
  border-color:#E6C15A;
}


/* =========================================
   対応対象
========================================= */
.consultant-targets{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:center;
  margin-bottom:14px;
}

.target-badge{
  font-size:12px;
  padding:5px 9px;
  border-radius:6px;
  background:#f2f6fa;
  color:#444;
}


/* =========================================
   ひとこと（2行で揃える）
========================================= */
.consultant-catch{
  font-size:14px;
  color:#333;
  line-height:1.6;
  margin-bottom:18px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


/* =========================================
   CTAボタン
========================================= */
.consultant-btn{
  margin-top:auto;
  display:inline-block;
  padding:11px 26px;
  border-radius:999px;
  background:#1f9fad;
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:opacity .2s ease, transform .2s ease;
}

.consultant-btn:hover{
  opacity:.9;
  transform:translateY(-1px);
}


/* =========================================
   スマホ対応
========================================= */
@media (max-width:768px){
  .consultant-list{
    grid-template-columns:1fr;
    gap:20px;
  }

  .grade-badge{
    min-width:200px;
  }
}

/* ===== 等級タグ 共通 ===== */
.grade-badge{
  min-width:220px;
  padding:7px 14px;
  font-size:13px;
  font-weight:700;
  text-align:center;
  border-radius:999px;
  line-height:1.2;
  white-space:nowrap;
  border:1px solid transparent;
}

/* キャリアコンサルタント（基本資格） */
.grade-basic{
  background:#EAF9F1;
  color:#1F6A47;
  border-color:#CDEEDB;
}

/* 国家資格 */
.grade-national{
  background:#F2F3F5;
  color:#555;
  border-color:#E0E3E7;
}

/* 技能士2級 */
.grade-2{
  background:#E3F2FF;
  color:#1E4E8C;
  border-color:#B7D8FF;
}

/* 技能士1級（最上位） */
.grade-1{
  background:linear-gradient(135deg,#F6D365,#E6B94E);
  color:#5C4300;
  border-color:#E6C15A;
}

/* =========================
   対応対象タグ：カラー追加
   （デザイン維持）
========================= */

/* 学生 */
.target-student{
  background:#EAF9F1;
  color:#1F6A47;
  border:1px solid #CDEEDB;
}

/* 社会人 */
.target-worker{
  background:#FFF4E5;
  color:#8A5A1C;
  border:1px solid #F0D4A8;
}

/* 転職希望者 */
.target-career{
  background:#EAF3FF;
  color:#1C4E8A;
  border:1px solid #CFE1FF;
}

/* 第二新卒 */
.target-second{
  background:#F3EDFF;
  color:#4A2A8A;
  border:1px solid #D8CBFF;
}

/* その他 */
.target-other{
  background:#F2F6FA;
  color:#444;
  border:1px solid #E0E6ED;
}

/* =========================
   対応対象タグ：文字を少し太く
========================= */

.target-badge{
  font-weight:700;   /* ← 600 → 700 に */
  letter-spacing:0.02em; /* ← 可読性UP（ほんの少し） */
}