/* =====================================================
   service.css
   サービス系下層ページ共通スタイル
   ルール：前半=PC / 後半=SP（交互に書かない）
===================================================== */

:root {
  --svc-max: 1240px;
  --svc-pad: 24px;
}

@media (max-width: 767px) {
  :root {
    --svc-pad: 1rem;
  }
}

/* =========================
   PC（デフォルト）
========================= */

/* Scope
   - 既存ページ（Tailwind）と衝突させないため、基本は .svc 配下に限定
*/
.svc {
  --svc-max: 1240px;
  --svc-pad: 24px;

  --svc-bg: #ffffff;
  --svc-surface: #f8fafc;
  --svc-ink: #0f172a;
  --svc-muted: #475569;
  --svc-line: #e2e8f0;
  --svc-blue: #3b82f6;
  --svc-red: #e11d48;
  --svc-radius: 18px;
  --svc-shadow: 0 10px 30px rgba(2, 6, 23, 0.10);

  /*
    ヘッダーが fixed のため、HTML側では <main class="pt-24"> で逃げが入っています。
    サービス系ページでは .svc-hero を画面上部から始めたいので、
    その分（pt-24 = 96px）だけ打ち消します。
    ※ヘッダー自体の被りは .svc-hero の上paddingで吸収します。
  */
  margin-top: -96px;
  padding-top: 32px;
  padding-bottom: 24px;
 background: var(--svc-bg);
}

.svc a {
  color: inherit;
}

.svc-hero { background: radial-gradient(1200px 600px at 20% 0%, rgba(59, 130, 246, 0.20), transparent 55%), radial-gradient(900px 500px at 100% 10%, rgba(225, 29, 72, 0.18), transparent 55%), linear-gradient(180deg, rgba(15, 23, 42, 0.90), rgba(15, 23, 42, 0.86)); color: #fff; padding: 72px 0 52px; }

.svc-hero__inner {
  max-width: var(--svc-max);
  margin: 0 auto;
  padding: 0 var(--svc-pad);
}

.svc-hero__kicker {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.18em;
  font-weight: 700;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 10px;
}

.svc-hero__title {
  margin: 0 0 18px;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.svc-hero__lead {
  max-width: 880px;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.88);
}

.svc-hero__lead p {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.88);
}

.svc-hero__cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}

/* Buttons */
.svc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  will-change: transform;
}

.svc-btn:hover {
  transform: translateY(-1px);
}

.svc-btn--primary {
  background: var(--svc-red);
  color: #fff;
  box-shadow: 0 12px 25px rgba(225, 29, 72, 0.25);
}

.svc-btn--primary:hover {
  background: #be123c;
}

.svc-btn--ghost {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.svc-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.50);
}



/* Sections */
.svc-section {
  padding: 56px 0;
  background: #ffffff;
}

.svc-section:nth-of-type(even) {
  background: transparent;
}

.svc-section__inner {
  max-width: var(--svc-max);
  margin: 0 auto;
  padding: 0 var(--svc-pad);
}

.svc-section__inner p:not(.svc-note):not(.svc-note-btn) {
  margin: 0 0 10px;
  color: var(--svc-muted);
  line-height: 1.9;
}

.svc-section__head {
  margin-bottom: 20px;
}


.svc-section__desc {
  margin: 8px 0 0;
  color: var(--svc-muted);
  line-height: 1.8;
}

/* Content blocks */


/* =========================
   SUMMARY（要点3行まとめ）
========================= */
.svc-summary{
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-template-areas:
    "head head"
    "body media";
  gap: 20px 32px;
  align-items: start;  /* ← center削除の代わりに明示 */
}

.svc-summary__head{ grid-area: head;  margin-bottom: 0; }
.svc-summary__body{ grid-area: body; }
.svc-summary__media{ grid-area: media; }

.svc-summary__media img{
  width: 100%;
  height: auto;
  display: block;
}

.svc-about-media img{
 margin-bottom: 30px;
}



.svc-block {
  max-width: 860px;
  padding: 0;
  margin: 0 auto 50px;
}

.svc-block p {
  margin: 0 0 10px;
  color: var(--svc-muted);
  line-height: 1.9;
}

.svc-block p:last-child {
  margin-bottom: 0;
}

.svc-note {
  margin-top: 10px;
  color: #64748b;
  font-size: 0.8125rem;
  line-height: 1.8;
}

.svc-note-btn {
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  justify-content: flex-end;
}

.svc-note-btn a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  color: #3b82f6;
  font-size: 0.8125rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.svc-note-btn a:hover {
  background: #3b82f6;
  color: #fff;
}

.svc-ex {
  background: var(--svc-surface);
  border: 1px dashed rgba(15, 23, 42, 0.20);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0;
  color: #334155;
  font-weight: 700;
}


/* Lists */
.svc-card .svc-list {
  margin-left: 0;
  margin-right: 0;
}

.svc-list {
  max-width: 860px;
  margin: 10px auto 12px;
  color: var(--svc-muted);
  line-height: 1.9;
}

.svc-list li {
  margin: 4px 0 0 20px;;
  list-style-type:disc;
}

/* Chips list */
.svc-chiplist {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.svc-chiplist li {
  background: var(--svc-bg);
  border: 1px solid var(--svc-line);
  border-radius: 999px;
  padding: 10px 14px;
  color: #334155;
  font-weight: 700;
  line-height: 1.5;
}

/* Program Types */

.svc-types {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

/* クリックできそうに見せない */
.svc-type {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: center;

  padding: 16px 16px;
  border: 1px solid rgba(15, 23, 42, 0.10); /* 薄い枠線 */
  border-radius: 14px;
  background: transparent; /* ボタン感を避ける */
  box-shadow: none; /* 影なし */
  cursor: default; /* pointer禁止 */
}

.svc-type__title {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: var(--ideaNavy, #0f172a);
}

.svc-type__desc {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(15, 23, 42, 0.70);
}

/* アイコン土台 */
.svc-type__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(59, 130, 246, 0.22);
  background: rgba(59, 130, 246, 0.06);

  /* アイコン画像 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
}

/* それぞれのアイコン（SVGをdata URIで埋め込み） */

/* 街録・インタビュー（クロスライン／インタビュー演出） */
.svc-type--interview .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%222%22 width=%228%22 height=%2220%22 rx=%222%22/%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%221.5%22/%3E%3Cpath d=%22M10 11h4%22/%3E%3Cpath d=%22M10 14h4%22/%3E%3Cpath d=%22M10 17h4%22/%3E%3C/svg%3E');
}


/* 観光・グルメ・体験ロケ（カメラ） */
.svc-type--travel .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3l2-2h8l2 2h3a2 2 0 0 1 2 2z%22/%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223%22/%3E%3C/svg%3E');
}

/* ドキュメンタリー（書籍・資料） */
.svc-type--docu .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 19.5A2.5 2.5 0 0 1 6.5 17H20%22/%3E%3Cpath d=%22M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z%22/%3E%3Cpath d=%22M8 7h8%22/%3E%3Cpath d=%22M8 11h8%22/%3E%3C/svg%3E');
}

/* ニュース・情報番組（ニュース枠） */
.svc-type--news .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h16%22/%3E%3Cpath d=%22M4 12h10%22/%3E%3Cpath d=%22M4 17h16%22/%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3C/svg%3E');
}

/* 衝撃映像・警察密着・トラブル系（警告アイコン） */
.svc-type--incident .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 9v4%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3Cpath d=%22M10.3 3h3.4L22 20H2z%22/%3E%3C/svg%3E');
}

/* スポーツ（ボール） */
.svc-type--sports .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M7 7l10 10%22/%3E%3Cpath d=%22M17 7L7 17%22/%3E%3C/svg%3E');
}

/* エンタメ・芸能取材（モニター＋再生マーク） */
.svc-type--ent .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 4h10%22/%3E%3Cpath d=%22M7 20h10%22/%3E%3Cpath d=%22M5 6h14v12H5z%22/%3E%3Cpath d=%22M9 10l6 2-6 2z%22/%3E%3C/svg%3E');
}

/* SNS向け短尺動画・ネット企画（スマートフォン） */
.svc-type--sns .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3Cpath d=%22M9 6h6%22/%3E%3C/svg%3E');
}

/* スタジオ収録の会話通訳（ヘッドセット） */
.svc-type--studio .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12a8 8 0 0 1 16 0%22/%3E%3Cpath d=%22M4 12v4a2 2 0 0 0 2 2h2v-6H6a2 2 0 0 0-2 2%22/%3E%3Cpath d=%22M20 12v4a2 2 0 0 1-2 2h-2v-6h2a2 2 0 0 1 2 2%22/%3E%3Cpath d=%22M15 19a3 3 0 0 1-3 3h-2%22/%3E%3Cpath d=%22M12 22h-1%22/%3E%3C/svg%3E');
}

/* ドキュメンタリー（調査・レンズ付き資料） */
.svc-type--docu2 .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z%22/%3E%3Cpath d=%22M14 2v5h5%22/%3E%3Cpath d=%22M8 12h4%22/%3E%3Cpath d=%22M8 16h3%22/%3E%3Ccircle cx=%2217%22 cy=%2216%22 r=%223%22/%3E%3Cpath d=%22M20 19l2 2%22/%3E%3C/svg%3E');
}

/* 国際イベント・フェス関連の取材（地球儀） */
.svc-type--event .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a15 15 0 0 1 0 18%22/%3E%3Cpath d=%22M12 3a15 15 0 0 0 0 18%22/%3E%3C/svg%3E');
}

/* 環境問題（葉） */
.svc-type--environment .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 4c-6 0-11 4-13 10-1 3 1 6 4 6 6 0 10-7 9-16z%22/%3E%3Cpath d=%22M4 20c5-5 9-7 13-8%22/%3E%3C/svg%3E');
}

/* 報道、国際関連（地球＋ニュース枠） */
.svc-type--globalnews .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%226%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Ccircle cx=%229%22 cy=%2213%22 r=%224%22/%3E%3Cpath d=%22M5 13h8%22/%3E%3Cpath d=%22M9 9a10 10 0 0 1 0 8%22/%3E%3Cpath d=%22M9 9a10 10 0 0 0 0 8%22/%3E%3Cpath d=%22M14 10h6%22/%3E%3Cpath d=%22M14 14h6%22/%3E%3Cpath d=%22M14 18h4%22/%3E%3C/svg%3E');
}

/* 技術、科学分野（フラスコ） */
.svc-type--science .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 2v6l-5 9a4 4 0 0 0 3.5 6h7A4 4 0 0 0 19 17l-5-9V2%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3Cpath d=%22M9 2h6%22/%3E%3C/svg%3E');
}

/* 専門家、研究者インタビュー（人物＋吹き出し） */
.svc-type--expert .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%228%22 cy=%229%22 r=%223%22/%3E%3Cpath d=%22M3 20a5 5 0 0 1 10 0%22/%3E%3Cpath d=%22M13 6h8v6h-5l-2 2v-2h-1z%22/%3E%3Cpath d=%22M16 9h3%22/%3E%3C/svg%3E');
}

/* バラエティ企画（クラッパーボード） */
.svc-type--variety .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M4 8l3-4h16l-3 4%22/%3E%3Cpath d=%22M8 4l-3 4%22/%3E%3Cpath d=%22M14 4l-3 4%22/%3E%3Cpath d=%22M20 4l-3 4%22/%3E%3Cpath d=%22M7 13h10%22/%3E%3Cpath d=%22M7 17h6%22/%3E%3C/svg%3E');
}

/* マイク（ハンドマイク） */
.svc-type--mic .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%222%22 width=%228%22 height=%2210%22 rx=%224%22/%3E%3Cpath d=%22M12 12v4%22/%3E%3Cpath d=%22M9 20h6%22/%3E%3Cpath d=%22M10 20v-2a2 2 0 0 1 4 0v2%22/%3E%3Cpath d=%22M9 6h.01%22/%3E%3Cpath d=%22M12 6h.01%22/%3E%3Cpath d=%22M15 6h.01%22/%3E%3C/svg%3E');
}

/* 職人、クラフト（ハンマー） */
.svc-type--craft .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 7l2 2%22/%3E%3Cpath d=%22M3 21l7-7%22/%3E%3Cpath d=%22M8 6l4-4 6 6-4 4z%22/%3E%3Cpath d=%22M10 14l-2-2%22/%3E%3C/svg%3E');
}

/* 宗教・歴史（柱／遺跡） */
.svc-type--history .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8h12%22/%3E%3Cpath d=%22M7 8V5h10v3%22/%3E%3Cpath d=%22M8 8v11%22/%3E%3Cpath d=%22M12 8v11%22/%3E%3Cpath d=%22M16 8v11%22/%3E%3Cpath d=%22M5 19h14%22/%3E%3Cpath d=%22M4 22h16%22/%3E%3C/svg%3E');
}

/* 社会インフラ（橋） */
.svc-type--infrastructure .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 18h18%22/%3E%3Cpath d=%22M5 18V9a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v9%22/%3E%3Cpath d=%22M7 18v-5%22/%3E%3Cpath d=%22M17 18v-5%22/%3E%3Cpath d=%22M9 13h6%22/%3E%3C/svg%3E');
}

/* サッカー（サッカーボール） */
.svc-type--soccer .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpolygon points=%2212,7 15,9 14,13 10,13 9,9%22/%3E%3Cpath d=%22M9 9l-3-1.5%22/%3E%3Cpath d=%22M15 9l3-1.5%22/%3E%3Cpath d=%22M10 13l-2 3%22/%3E%3Cpath d=%22M14 13l2 3%22/%3E%3C/svg%3E');
}

/* 受話器（電話ハンドセット） */
.svc-type--receiver .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.5v2a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.5 4.2 2 2 0 0 1 4.5 2h2a2 2 0 0 1 2 1.7c.1.8.3 1.5.6 2.2a2 2 0 0 1-.5 2.1L7.2 9.8a16 16 0 0 0 6 6l1.8-1.4a2 2 0 0 1 2.1-.5c.7.3 1.4.5 2.2.6A2 2 0 0 1 22 16.5z%22/%3E%3C/svg%3E');
}

/* 伝統（家紋風・紋章） */
.svc-type--tradition .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M12 3v4%22/%3E%3Cpath d=%22M12 17v4%22/%3E%3Cpath d=%22M3 12h4%22/%3E%3Cpath d=%22M17 12h4%22/%3E%3Cpath d=%22M6.5 6.5l2.8 2.8%22/%3E%3Cpath d=%22M14.7 14.7l2.8 2.8%22/%3E%3Cpath d=%22M17.5 6.5l-2.8 2.8%22/%3E%3Cpath d=%22M9.3 14.7l-2.8 2.8%22/%3E%3C/svg%3E');
}

/* 社会問題（人々＋注意） */
.svc-type--social .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%228%22 cy=%229%22 r=%223%22/%3E%3Ccircle cx=%2216%22 cy=%229%22 r=%223%22/%3E%3Cpath d=%22M3 20a5 5 0 0 1 10 0%22/%3E%3Cpath d=%22M11 20a5 5 0 0 1 10 0%22/%3E%3Cpath d=%22M12 6v3%22/%3E%3Cpath d=%22M12 11h.01%22/%3E%3C/svg%3E');
}

/* テレビカメラ（放送用カメラ） */
.svc-type--tvcamera .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2211%22 height=%228%22 rx=%222%22/%3E%3Ccircle cx=%2214%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M17 9l4-2v10l-4-2z%22/%3E%3Cpath d=%22M6 16v2%22/%3E%3Cpath d=%22M11 16v2%22/%3E%3C/svg%3E');
}

/* ボクシンググローブ */
.svc-type--boxing .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 11c0-4 3-6 6-6 2.5 0 4 1.5 4 4 0 2-1 3-3 4l-1 1H7z%22/%3E%3Cpath d=%22M7 11v5a3 3 0 0 0 3 3h3a3 3 0 0 0 3-3v-1%22/%3E%3Cpath d=%22M10 8c0 1 1 2 2 2%22/%3E%3C/svg%3E');
}

/* 拳（フィスト） */
.svc-type--fist .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%222.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.2 11.5c0-2.6 2.1-4.7 4.7-4.7h5.9c2.6 0 4.7 2.1 4.7 4.7v3.6c0 2.6-2.1 4.7-4.7 4.7H10c-2.6 0-4.8-2.1-4.8-4.7z%22/%3E%3Cpath d=%22M9 6.8v4.7%22/%3E%3Cpath d=%22M12 6.8v4.7%22/%3E%3Cpath d=%22M15 6.8v4.7%22/%3E%3Cpath d=%22M13.7 15.2h4.2c1.2 0 2.2 1 2.2 2.2v1.1c0 1.2-1 2.2-2.2 2.2h-4.2c-1.2 0-2.2-1-2.2-2.2v-1.1c0-1.2 1-2.2 2.2-2.2z%22/%3E%3C/svg%3E');
}

/* フォーク（中央バランス修正版） */
.svc-type--fork .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 3v7%22/%3E%3Cpath d=%22M12 3v7%22/%3E%3Cpath d=%22M15 3v7%22/%3E%3Cpath d=%22M12 10v11%22/%3E%3C/svg%3E');
}


/* 星（五角星） */
.svc-type--star .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpolygon points=%2212,3 14.9,9 21.5,9.3 16.3,13.5 18,20 12,16.8 6,20 7.7,13.5 2.5,9.3 9.1,9%22/%3E%3C/svg%3E');
}

/* 吹き出し（チャット） */
.svc-type--bubble .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 18l-3 3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H8z%22/%3E%3Cpath d=%22M8 8h8%22/%3E%3Cpath d=%22M8 12h5%22/%3E%3C/svg%3E');
}

/* ファッション（Tシャツ） */
.svc-type--fashion .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 stroke=%22%231e3a8a%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%231e3a8a%22%3E%3Cpath d=%22M9 3l3 2 3-2 4 3-2 3-2-1v11H9V8L7 9 5 6z%22/%3E%3C/svg%3E');
}

/* 芸術（パレット＋筆） */
.svc-type--art .svc-type__icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231e3a8a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3c-5 0-9 4-9 9 0 4 3 7 7 7h2a2 2 0 0 0 2-2 2 2 0 0 1 2-2h1a4 4 0 0 0 4-4c0-4.4-4.2-8-9-8z%22/%3E%3Ccircle cx=%228%22 cy=%2211%22 r=%221%22/%3E%3Ccircle cx=%2211%22 cy=%229%22 r=%221%22/%3E%3Ccircle cx=%2214%22 cy=%2211%22 r=%221%22/%3E%3Cpath d=%22M15 14l6 6%22/%3E%3Cpath d=%22M16.5 12.5l2-2%22/%3E%3C/svg%3E');
}


/* Link grid */
.svc-links {
  max-width: 860px;
  margin: 18px auto 0; /* 中央寄せしたい場合 */
  background: var(--svc-bg);
  border: 1px solid var(--svc-line);
  border-radius: var(--svc-radius);
  padding: 18px;
}

.svc-links__label {
  margin: 0 0 10px;
  color: var(--svc-muted);
  font-weight: 800;
}

.svc-linkgrid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.svc-linkgrid a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(59, 130, 246, 0.22);
  background: rgba(59, 130, 246, 0.08);
  color: #1e3a8a;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.svc-linkgrid a:hover {
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(59, 130, 246, 0.35);
  transform: translateY(-1px);
}

/* Card grid */
.svc-cardgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
  align-items: stretch;
}

/* 各言語ページのみ */
.svc-language-cardgrid {
 max-width: 860px;
 margin: 0 auto;
  grid-template-columns: 1fr;
}

.svc-card {
  background: var(--svc-bg);
  border: 1px solid var(--svc-line);
  border-radius: var(--svc-radius);
  padding: 22px;
  margin-bottom: 20px;
  box-shadow: var(--svc-shadow);
  display: flex;
  flex-direction: column;
}

.svc-card__media{
  margin: 0 0 14px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: var(--svc-surface);
}

.svc-card__media img{
  width: 100%;
  height: auto; 
  display: block;
}
.svc-card__title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: var(--svc-ink);
  line-height: 1.4;
}

.svc-card p:not(.svc-note):not(.svc-note-btn) {
  margin: 0 0 10px;
  color: var(--svc-muted);
  line-height: 1.9;
}

.svc-card p:last-child:not(.svc-note):not(.svc-note-btn) {
  margin-bottom: 0;
}

.svc-card__sub {
  margin-top: 12px;
  background: var(--svc-surface);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 12px 14px;
}

.svc-card__label {
  margin: 0 0 6px;
  font-weight: 900;
  color: #334155;
}

/* Steps */
.svc-steps {
  list-style: none;
  counter-reset: step;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.svc-steps li {
  counter-increment: step;
  background: var(--svc-bg);
  border: 1px solid var(--svc-line);
  border-radius: var(--svc-radius);
  padding: 18px 18px 18px 60px;
  position: relative;
}

.svc-steps li::before {
  content: counter(step);
  position: absolute;
  left: 18px;
  top: 18px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.15);
  color: #1e3a8a;
  font-weight: 900;
  display: grid;
  place-items: center;
}

.svc-steps h3 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 900;
  color: var(--svc-ink);
}

.svc-steps p {
  margin: 0;
  color: var(--svc-muted);
  line-height: 1.9;
}

/* FAQ */
.svc-faq {
  max-width: 860px;
  margin: 14px auto 0;
  margin-top: 14px;
  border: 1px solid var(--svc-line);
  border-radius: var(--svc-radius);
  overflow: hidden;
  background: var(--svc-bg);
}

.svc-faq__item {
  border-top: 1px solid var(--svc-line);
}

.svc-faq__item:first-child {
  border-top: none;
}

.svc-faq__item summary {
  cursor: pointer;
  list-style: none;
  padding: 16px 18px;
  font-weight: 900;
  color: var(--svc-ink);
  position: relative;
}

.svc-faq__item summary::-webkit-details-marker {
  display: none;
}

.svc-faq__item summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, 0.06);
  color: #334155;
  font-weight: 900;
}

.svc-faq__item[open] summary::after {
  content: "−";
}

.svc-faq__answer {
  padding: 0 18px 16px;
  color: var(--svc-muted);
  line-height: 1.9;
}

/* CTA section */
.svc-section--cta {
  background: rgba(15, 23, 42, 0.04);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.svc-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}

.svc-voice-inner{
  display:flex;
  align-items:center;
  gap:40px;
}

.svc-voice-media{
  flex:0 0 260px;
  display:flex;
  justify-content: top;
}

.svc-voice-img{
  width:100%;
  max-width:220px;
  height:auto;
  display:block;
}

.svc-voice-body{
  flex:1 1 auto;
  max-width:820px;
  line-height:2;
}


.svc-voice-body p{
  margin-bottom: 1em; !important;
}


/* ========================================
   英語番組通訳 相互リンクブロック
======================================== */

#related-interpret-en .svc-related {
 width: 75%;
  text-align: center;
  border: 2px solid #e5e7eb;
  padding: 30px 24px;
  margin: 0 auto;
  background: #F4F4F4;
}

#related-interpret-en .svc-related__text {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 28px;
}

#related-interpret-en .svc-related__btn {
  color: #ffffff !important; /* ボタン文字が黒になる対策 */
}



/* =========================
   SP
========================= */



/* ------------------------------------------------------------
   追加：言語別リンク（FAQ下）の幅は共通コンテナに合わせる
   （HTML側で .svc-section__inner 配下に入れる前提）
------------------------------------------------------------ */
#language-pages-2 {
  max-width: 100%;
}


@media (max-width: 767px) {
  .svc {
    padding-top: 3.125rem;
  }

  .svc-hero {
    padding: 3.375rem 0 2.25rem;
  }

.svc-hero__kicker {
  letter-spacing: 0.1em;
  font-size: 0.75rem;
}

  .svc-hero__title {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .svc-hero__lead {
    font-size: 0.8125rem;
    line-height: 1.85;
  }

.svc-btn {
  font-weight: 700;
  font-size: 0.75rem;
}

  .svc-section {
    padding: 2.75rem 0;
  background: #ffffff;
  }

  .svc-block {
    padding: 1.125rem 0
  }

  .svc-chiplist {
    gap: 0.5rem;
  }

  .svc-chiplist li {
    padding: 0.5625rem 0.75rem;
    font-size: 0.8125rem;
  }
  

  .svc-types {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .svc-type {
    grid-template-columns: 3rem 1fr;
    padding: 0.875rem 0.875rem;
  }
  .svc-type__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 12px;
    background-size: 1.5rem 1.5rem;
  }
  .svc-type__title {
    font-size: 0.9375rem;
  }
  .svc-type__desc {
    font-size: 0.78125rem;
  }


  .svc-linkgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .svc-cardgrid {
    grid-template-columns: 1fr;
  }

/* 各言語ページのみ */
.svc-language-cardgrid {
	max-width:none;
  grid-template-columns: 1fr;
}

  .svc-card {
    padding: 1.125rem;
	margin-bottom: 0.9375rem;
    display: flex;
    flex-direction: column;
  }

  .svc-steps {
    grid-template-columns: 1fr;
	margin-bottom: 1.25rem;
  }
  


  .svc-steps li {
    padding: 1rem 1rem 1rem 3.375rem;
  }

  .svc-steps li::before {
    left: 0.875rem;
    top: 0.875rem;
  }
  
  .svc-steps li::after {
	margin-bottom: 3rem;
  }

  .svc-faq__item summary {
    padding-right: 3.375rem;
  }

  .svc-faq__item summary::after {
    right: 0.875rem;
  }
  
 .svc-voice-inner{
    flex-direction:column;
    align-items:stretch;
    gap:0; !important;
  }

  .svc-voice-media{
    display:block !important;
    width:auto !important;
    text-align:center;
margin:0 !important;
  }

  .svc-voice-img{
    width:15rem !important;   /* ← 好みで 220〜260 */
    max-width:15rem !important;
    height:auto !important;
    margin:0 auto !important;
    display:block !important;
  }

  .svc-voice-body{
    display:block !important;
  }

.svc-voice-body p:first-child{ margin-top:0 !important; }


  /* SUMMARY（SP） */
.svc-summary{
  grid-template-columns: 1fr;
  grid-template-areas:
    "head"
    "media"
    "body";
  gap: 0.75rem;
}

/* ========================================
   英語番組通訳 相互リンクブロック
======================================== */

#related-interpret-en .svc-related {
 width: 100%;
  text-align: center;
  border: 2px solid #e5e7eb;
  padding: 1.25rem 1.25rem;
  margin: 0 auto;
  background: #F4F4F4;
}

#related-interpret-en .svc-related__text {
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

#related-interpret-en .svc-related__btn {
  color: #ffffff !important; /* ボタン文字が黒になる対策 */
}

  .svc-hero__kicker {
    margin: 0 0 0.625rem;
  }

  .svc-hero__title {
    margin: 0 0 1.125rem;
  }

  .svc-hero__lead p {
    margin: 0 0 0.5rem;
  }

  .svc-hero__cta {
    gap: 0.875rem;
    margin-top: 1.375rem;
  }

  .svc-btn {
    gap: 0.625rem;
    padding: 0.75rem 1.125rem;
  }

  .svc-section__inner p:not(.svc-note):not(.svc-note-btn) {
    margin: 0 0 0.625rem;
  }

  .svc-section__head {
    margin-bottom: 1.25rem;
  }

  .svc-section__desc {
    margin: 0.5rem 0 0;
  }

  .svc-about-media img {
    margin-bottom: 1.875rem;
  }

  .svc-block {
    margin: 0 auto 3.125rem;
  }

  .svc-block p {
    margin: 0 0 0.625rem;
  }

  .svc-note {
    margin-top: 0.625rem;
  }

  .svc-note-btn {
    padding-top: 0.875rem;
  }

  .svc-note-btn a {
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
  }

  .svc-ex {
    padding: 0.75rem 0.875rem;
    margin: 0.75rem 0;
  }

  .svc-list {
    margin: 0.625rem auto 0.75rem;
  }

  .svc-list li {
    margin: 0.25rem 0 0 1.25rem;
  }

  .svc-chiplist {
    margin: 0.875rem 0 0;
  }

  .svc-types {
    margin: 1.125rem 0 0;
  }

  .svc-type {
    gap: 0.875rem;
  }

  .svc-type__desc {
    margin-top: 0.25rem;
  }

  .svc-links {
    margin: 1.125rem auto 0;
    padding: 1.125rem;
  }

  .svc-links__label {
    margin: 0 0 0.625rem;
  }

  .svc-linkgrid {
    gap: 0.625rem;
  }

  .svc-linkgrid a {
    padding: 0.625rem 0.75rem;
  }

  .svc-cardgrid {
    gap: 0.875rem;
    margin-top: 0.875rem;
  }

  .svc-card__media {
    margin: 0 0 0.875rem;
  }

  .svc-card__title {
    margin: 0 0 0.625rem;
    font-size: 1rem;
  }

  .svc-card p:not(.svc-note):not(.svc-note-btn) {
    margin: 0 0 0.625rem;
  }

  .svc-card__sub {
    margin-top: 0.75rem;
    padding: 0.75rem 0.875rem;
  }

  .svc-card__label {
    margin: 0 0 0.375rem;
  }

  .svc-steps {
    margin: 1.125rem 0 0;
    gap: 0.75rem;
  }

  .svc-steps li::before {
    width: 1.875rem;
    height: 1.875rem;
  }

  .svc-steps h3 {
    margin: 0 0 0.375rem;
    font-size: 1rem;
  }

  .svc-faq {
    margin: 0.875rem auto 0;
  }

  .svc-faq__item summary {
    padding: 1rem 1.125rem;
  }

  .svc-faq__item summary::after {
    width: 1.625rem;
    height: 1.625rem;
  }

  .svc-faq__answer {
    padding: 0 1.125rem 1rem;
  }

  .svc-cta {
    gap: 0.75rem;
    margin-top: 0.875rem;
  }

  .svc-acc__summary {
    padding: 1rem 1.125rem;
    gap: 0.375rem;
  }

  .svc-acc__summary::after {
    width: 0.625rem;
    height: 0.625rem;
    right: 1.125rem;
    top: 1.375rem;
  }

  details[open] > .svc-acc__summary::after {
    top: 1.625rem;
  }

  .svc-acc__meta {
    font-size: 0.875rem;
  }

  .svc-acc__summary--sub {
    padding: 0.875rem 1.125rem;
  }

  .svc-acc__body {
    padding: 0 1.125rem 1.125rem;
  }

  .svc-acc__body p {
    margin: 0.625rem 0 0;
  }

  .svc-achv__lead {
    margin: 0.625rem 0 0;
  }

  .svc-achv__list {
    margin: 0.625rem 0 0;
  }

  .svc-achv__list > li {
    margin: 0.5rem 0;
  }

}





/* =========================
   ADD: Achievements accordion
   既存クラスは触らず、追記のみで実装
========================= */

.svc-achv__inner{
  max-width: 860px;
  margin: 0 auto;
}

.svc-acc{
  margin-top: 18px;
  display: grid;
  gap: 12px;
}

.svc-acc__item,
.svc-acc__sub{
  background: var(--svc-bg);
  border: 1px solid var(--svc-line);
  border-radius: var(--svc-radius);
  box-shadow: var(--svc-shadow);
  overflow: hidden;
}

.svc-acc__sub{
  background: var(--svc-surface);
  box-shadow: none;
}

.svc-acc__summary{
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  position: relative;
}

.svc-acc__summary::-webkit-details-marker{
  display: none;
}

.svc-acc__summary::after{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(15, 23, 42, 0.55);
  border-bottom: 2px solid rgba(15, 23, 42, 0.55);
  transform: rotate(45deg);
  position: absolute;
  right: 18px;
  top: 22px;
  transition: transform 0.2s ease;
}

details[open] > .svc-acc__summary::after{
  transform: rotate(-135deg);
  top: 26px;
}

.svc-acc__title{
  font-weight: 900;
  color: var(--svc-ink);
  line-height: 1.35;
}

.svc-acc__meta{
  color: var(--svc-muted);
  font-size: 14px;
  line-height: 1.6;
}

.svc-acc__summary--sub{
  padding: 14px 18px;
}

.svc-acc__summary--sub::after{
  right: 18px;
  top: 20px;
}

details[open] > .svc-acc__summary--sub::after{
  top: 24px;
}

.svc-acc__body{
  padding: 0 18px 18px;
  color: var(--svc-muted);
  line-height: 1.9;
}

.svc-acc__body--sub{
  padding: 0 18px 16px;
}

.svc-acc__body p{
  margin: 10px 0 0;
}

.svc-achv__lead{
  margin: 10px 0 0;
}

.svc-achv__list{
  margin: 10px 0 0;
  padding-left: 1.2em;
  list-style: disc;
  list-style-position: outside;
}

/* 見出し（例：MLB〜）はマーカー不要 */
.svc-achv__list > li.svc-achv__group{
  list-style: none;
  margin: 8px 0;
  margin-left: -1.2em; /* マーカー無しでも本文位置を揃える */
}

/* 通常の1階層リスト（例：1-5以降）はマーカーあり */
.svc-achv__list > li{
  margin: 8px 0;
}

/* 見出し配下の入れ子リスト（例：大谷選手〜）はマーカーあり */
.svc-achv__list > li.svc-achv__group > ul{
  margin: 6px 0 0;
  padding-left: 1.2em;
  list-style: disc;
  list-style-position: outside;
}

/* それ以外の入れ子リストも念のため */
.svc-achv__list ul{
  margin: 6px 0 0;
  padding-left: 1.2em;
  list-style: disc;
  list-style-position: outside;
}

.svc-achv__list strong{
  color: var(--svc-ink);
  font-weight: 900;
}




/* Responsive */
@media (max-width: 960px){
  .svc-acc__summary{
    padding: 14px 16px;
  }
  .svc-acc__summary::after{
    right: 16px;
  }
  .svc-acc__body{
    padding: 0 16px 16px;
  }
}


/* サービス別の実績（#achievements）だけ横幅860pxに制限 */
#achievements .svc-section__inner{
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}