@charset "UTF-8";
/* =========================================================
   トップページ（front-page.php）専用の上書き
   - style.css はSCSSビルド成果物のため直接編集せず、ここで上乗せ（is_front_page で読込）。
   - アニメーション（FVフェード/レーダーkeyframes/カルーセル）には触れない。配置・フォントのみ。
   ========================================================= */

/* ===== 【1】FV：黒背景の高さを固定（PC=777px / SP=648px） ===== */
.fv {
  height: 648px; /* SP */
  min-height: auto;
}
@media screen and (min-width: 768px) {
  .fv {
    height: 777px; /* PC */
  }
}
/* レーダーあしらい：SP/midは元が vh 基準のため、固定高でも中心位置を保てるよう FV高基準(%)へ置換。
   ※内部リング/スイープのアニメは不変。配置(top)のみ調整。PC(≥768)は元から top:% でFV基準のため据置。 */
@media screen and (max-width: 767.98px) {
  .fv__deco {
    top: calc(67% - 0.39 * var(--deco-w) * 1vw);
  }
}

/* ===== 【2】FV説明文（小手先のリライト〜）：PC18px / SP14px・w500(medium) ===== */
.fv__text {
  font-weight: 500;
}
@media screen and (max-width: 767.98px) {
  .fv__text {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .fv__text {
    font-size: 18px;
  }
}

/* ===== 【3】SERVICE本文：PC16px / SP14px・w400(regular) ===== */
.service-item__text {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .service-item__text {
    font-size: 16px; /* SPは既存の14pxのまま */
  }
}

/* ===== 【1】SERVICE 箇条書き・運営メディア説明文：PC16px / SP14px・w400(regular) =====
   - 主な支援内容（WEBコンサル/転職）のチェック項目 = .check-list__item
   - 運営メディアの説明文 = .service-media__desc
   - チェックマーク(✓)は ::before の別描画のため位置・デザインは不変。
   - 見出し .service-media__name（w700）は触らない。 */
.service-item__list .check-list__item,
.service-media__desc {
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .service-item__list .check-list__item,
  .service-media__desc {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .service-item__list .check-list__item,
  .service-media__desc {
    font-size: 16px;
  }
}

/* ===== 【5】POLICY本文（バリュー説明＋経歴）：PC16px / SP14px・w400(regular) ===== */
.policy-value__text,
.policy__career {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .policy-value__text,
  .policy__career {
    font-size: 16px; /* SPは既存の14pxのまま */
  }
}

/* ===== 【4】WORKカード（front-page .work-card）：会社名廃止 → タイトル昇格＋要約＋カテゴリ ===== */
/* 記事タイトル the_title()：PC22px / SP20px・w700(bold) */
.work-card__title {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .work-card__title {
    font-size: 22px;
  }
}
/* 要約（ACF work_summary・空なら非出力）：PC16px / SP14px・w500(medium) */
.work-card__summary {
  margin-top: 0.625rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: justify;
  color: #2b2b2b;
}
@media screen and (min-width: 768px) {
  .work-card__summary {
    font-size: 16px;
  }
}
/* カテゴリ（work_cat）＝既存の青枠 #1178a8 を維持（top-pc / top-sp と一致のため変更なし） */

/* 〔追加〕WORKカード上部を直角に（現状 1.3125rem 1.3125rem 0 0 → 0）。
   画像上端はカードの overflow:hidden でクリップされ自動で直角に。 */
.work-card {
  border-radius: 0;
}

/* =========================================================
   2026-06-30 追加対応
   ========================================================= */

/* ===== 〔追加4 / 改〕SERVICE 見出し3箇所（.service-item__sub）に太い帯下線 =====
   - 対象は「主な支援内容」×2・「運営メディア」×1 の .service-item__sub のみ。
   - border-bottom だと箱幅いっぱいになるため、背景グラデのハイライター方式で
     「テキスト幅+3px・テキスト下端に接する帯」を出す（背景は文字背面に描画＝文字は読める）。
   - 帯：PC 9px / SP 7px・色 #D8DDDF。太字・サイズ・margin-top（style.css）は維持。
   - inline-block でテキスト幅に収縮（背景 100% = テキスト幅）。
   - マーカー風：帯はテキストの下端〜下半分の背面に重ねる（background は文字背面に描画＝文字は読める）。
     padding は付けず background-position:left bottom で文字下部に帯がかかる状態にする。
   ※ 実装後、帯の縦位置と文字可読性をブラウザ確認し、ズレれば background-position を微調整。 */
.service-item__sub {
  display: inline-block;
  background-image: linear-gradient(#d8dddf, #d8dddf);
  background-repeat: no-repeat;
  background-position: left bottom; /* 帯をテキスト下部の背面へ（マーカー風） */
  background-size: calc(100% + 3px) 7px; /* SP：帯7px・テキスト幅+3px */
}
@media screen and (min-width: 768px) {
  .service-item__sub {
    background-size: calc(100% + 3px) 9px; /* PC：帯9px */
  }
}