/* =========================================================
   upnow media「サービスを探す」ページ用 追加CSS
   対象：/service/（page-id-70）のみ
   トーン：upnow.jp（イエロー #FFF200 × ブラック × ライトグレー／角丸・フラット）
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) {
  --un-yellow: #FFF200;
  --un-yellow-soft: #FFFBB8;
  --un-black: #000;
  --un-text: #1a1a1a;
  --un-sub: #666;
  --un-line: #E6E6E6;
  --un-bg: #F2F2F2;
  --un-white: #fff;
  --un-radius: 16px;
  --un-en: 'Montserrat', 'Noto Sans JP', sans-serif;
}

/* ---------- ページ全体 ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) #content,
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) #container { background: var(--un-bg); }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) #entry {
  background: transparent;
  box-shadow: none;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content {
  font-size: calc(1em + 4px); /* テーマ標準の本文サイズ＋4px */
  color: var(--un-text);
  font-feature-settings: "palt";
}

/* ---------- ページタイトル ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .page-header { padding: 8px 0 0; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .page-title {
  position: relative;
  display: inline-block;
  font-size: clamp(30px, calc(4vw + 4px), 42px);
  font-weight: 700;
  color: var(--un-black);
  letter-spacing: .02em;
  line-height: 1.4;
  padding-top: 0;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .page-title::before {
  content: "SERVICE DIRECTORY";
  display: table;
  margin-bottom: 8px;  /* ラベルとタイトルの間隔 */
  font-family: var(--un-en);
  font-size: 16px;
  letter-spacing: .14em;
  color: var(--un-black);
  background: var(--un-yellow);
  padding: 2px 10px;
  border-radius: 999px;
}

/* ---------- リード文＋注記チップ ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content > p:first-child {
  font-size: 20px;
  line-height: 1.9;
  background: var(--un-white);
  border-radius: var(--un-radius);
  padding: 22px 24px;
  margin-bottom: 12px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content > p:first-child + ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 0;
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content > p:first-child + ul > li {
  font-size: 16px;
  padding: 6px 14px;
  background: var(--un-white);
  border-radius: 999px;
  color: var(--un-sub);
}

/* ---------- カテゴリ見出し（h2） ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 {
  position: relative;
  font-size: clamp(26px, calc(3vw + 4px), 32px);
  font-weight: 700;
  line-height: 1.45;
  color: var(--un-black);
  background: none;
  border: 0;
  padding: 30px 0 0;
  margin: 72px 0 18px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2::before {
  content: "CATEGORY";
  position: absolute;
  top: 0; left: 0;
  font-family: var(--un-en);
  font-size: 16px;
  letter-spacing: .16em;
  color: var(--un-sub);
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 6px;
  margin-top: 12px;
  background: var(--un-yellow);
  border-radius: 999px;
}
/* カテゴリ説明文 */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 + p {
  font-size: 19px;
  line-height: 1.9;
  color: #333;
}

/* ---------- サービスカード：見出し（h3）＋直後のリスト（ul）で1枚 ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--un-black);
  background: var(--un-white);
  border: 0;
  border-radius: var(--un-radius) var(--un-radius) 0 0;
  padding: 24px 24px 8px;
  margin: 28px 0 0;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h3::before,
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h3::after { content: none; }

:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul {
  background: var(--un-white);
  border: 0;
  border-radius: 0 0 var(--un-radius) var(--un-radius);
  padding: 8px 24px 24px;
  margin: 0 0 16px;
  list-style: none;
  transition: box-shadow .2s;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li {
  position: relative;
  font-size: 18px;
  line-height: 1.8;
  padding: 12px 0;
  border-top: 1px solid var(--un-line);
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:first-child { border-top: 0; }

/* 「運営会社：」「料金：」などのラベル */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > strong {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--un-black);
  background: var(--un-bg);
  border-radius: 6px;
  padding: 2px 10px;
  margin-right: 8px;
}

/* 料金行を目立たせる（2項目目＝料金） */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:nth-child(2) {
  font-weight: 700;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:nth-child(2) > strong {
  background: var(--un-yellow);
}

/* 入れ子リスト（特徴・料金内訳）：チェック付き */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul ul {
  border: 0;
  padding: 8px 0 0;
  margin: 0;
  list-style: none;
  font-weight: 400;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul ul > li {
  position: relative;
  padding: 4px 0 4px 30px;
  font-size: 18px;
  line-height: 1.7;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul ul > li::before {
  content: "";
  position: absolute;
  left: 2px; top: 10px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--un-yellow);
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul ul > li::after {
  content: "";
  position: absolute;
  left: 8px; top: 14px;
  width: 6px; height: 3px;
  border-left: 2px solid var(--un-black);
  border-bottom: 2px solid var(--un-black);
  transform: rotate(-45deg);
}

/* ---------- CTA：URL行をボタン化 ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:has(> a[href^="http"]:not([href*="media.upnow.jp"])) {
  border-top: 0;
  padding-top: 16px;
  font-size: 0;           /* 「URL：」テキストを非表示 */
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:has(> a[href^="http"]:not([href*="media.upnow.jp"])) > strong { display: none; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > a[href^="http"]:not([href*="media.upnow.jp"]) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 16px 24px;
  font-size: 0;           /* 生URLを非表示 */
  color: var(--un-black);
  background: var(--un-yellow);
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s, background .15s;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > a[href^="http"]:not([href*="media.upnow.jp"])::before {
  content: "公式サイトで詳しく見る";
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .04em;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > a[href^="http"]:not([href*="media.upnow.jp"])::after {
  content: "→";
  font-size: 20px;
  font-weight: 700;
  transition: transform .15s;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > a[href^="http"]:not([href*="media.upnow.jp"]):hover {
  transform: translateY(-2px);
  background: #FFE600;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > a[href^="http"]:not([href*="media.upnow.jp"]):hover::after {
  transform: translateX(4px);
}
/* 「※当メディア運営会社のサービスです」注記 */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li:has(> a[href^="http"]:not([href*="media.upnow.jp"])) + li {
  border-top: 0;
  padding-top: 4px;
  font-size: 16px;
  color: var(--un-sub);
  text-align: center;
}

/* ---------- カテゴリ内の補足リスト（清掃の確認ポイント・運営代行の相場） ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 ~ p + ul:not(:is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 0;
  padding: 0;
  margin: 12px 0 8px;
  list-style: none;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 ~ p + ul:not(:is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul) > li {
  font-size: 17px;
  font-weight: 700;
  padding: 8px 16px;
  background: var(--un-white);
  border: 2px solid var(--un-black);
  border-radius: 999px;
}

/* カード直後の注意書き（事業系ごみ等） */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul + p {
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  background: var(--un-yellow-soft);
  border-radius: 12px;
  padding: 14px 18px 14px 50px;
  position: relative;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul + p::before {
  content: "!";
  position: absolute;
  left: 16px; top: 15px;
  width: 24px; height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  color: var(--un-yellow);
  background: var(--un-black);
  border-radius: 50%;
}

/* ---------- 「このページについて」 ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2:last-of-type { margin-top: 88px; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2:last-of-type::before { content: "ABOUT"; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2:last-of-type + ul {
  background: var(--un-white);
  border: 0;
  border-radius: var(--un-radius);
  padding: 20px 24px 20px 40px;
  font-size: 17px;
  color: var(--un-sub);
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2:last-of-type + ul > li { padding: 3px 0; }

/* ---------- サービス目次（カスタムHTMLブロックで追加） ---------- */
html:has(body:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296)) { scroll-behavior: smooth; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2,
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h3 { scroll-margin-top: 24px; }

:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc {
  background: var(--un-white);
  border-radius: var(--un-radius);
  padding: 24px;
  margin: 0 0 48px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__head {
  font-family: var(--un-en);
  font-size: 16px;
  letter-spacing: .14em;
  color: var(--un-sub);
  margin: 0 0 16px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__cat {
  background: var(--un-bg);
  border-radius: 12px;
  padding: 16px 16px 14px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__cat > a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: var(--un-black);
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__cat > a small {
  font-family: var(--un-en);
  font-size: 14px;
  font-weight: 700;
  background: var(--un-yellow);
  border-radius: 999px;
  padding: 1px 9px;
  flex-shrink: 0;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__cat > a:hover { text-decoration: underline; text-decoration-color: var(--un-yellow); text-decoration-thickness: 4px; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__need {
  display: block;
  font-size: 15px;
  color: var(--un-sub);
  margin: 4px 0 10px;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  border: 0;
  padding: 0;
  margin: 0;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list li { padding: 0; margin: 0; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list li::before,
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list li::after { content: none; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list a {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--un-black);
  background: var(--un-white);
  border: 1.5px solid var(--un-line);
  border-radius: 999px;
  padding: 6px 12px;
  text-decoration: none;
  transition: border-color .15s, background .15s;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__list a:hover {
  border-color: var(--un-black);
  background: var(--un-yellow);
}
@media (min-width: 768px) {
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-toc__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- 掲載募集バナー（任意：カスタムHTMLブロックで追加） ---------- */
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-listing {
  background: var(--un-black);
  color: var(--un-white);
  border-radius: var(--un-radius);
  padding: 28px 24px;
  margin: 64px 0 0;
  text-align: center;
}
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-listing p { color: #ccc; font-size: 18px; margin: 8px 0 18px; }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-listing b { font-size: 24px; color: var(--un-white); }
:is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .un-listing a {
  display: inline-block;
  background: var(--un-yellow);
  color: var(--un-black);
  font-weight: 700;
  border-radius: 999px;
  padding: 14px 32px;
  text-decoration: none;
}

/* ---------- スマホ ---------- */
@media (max-width: 599px) {
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content > p:first-child { padding: 18px; font-size: 19px; }
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 { margin-top: 56px; }
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h3 { font-size: 22px; padding: 20px 18px 6px; }
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul { padding: 6px 18px 20px; }
  :is(.page-id-70,.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296,.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content :is(h2, h3, h2 + .un-shot, h3 + .un-shot) + ul:not(.un-related):not(.un-sv):not(.un-fact) > li > strong { display: table; margin: 0 0 6px; }
}

/* =========================================================
   upnow media 記事本文用 追加CSS（投稿ページ全体に適用）
   トーン：upnow.jp／「サービスを探す」ページと共通
   （イエロー #FFF200 × ブラック × ライトグレー／角丸・フラット）
   ※「サービスを探す」ページ用CSSの下に、続けて貼り付けてください
   ========================================================= */

.single-post {
  --un-yellow: #FFF200;
  --un-yellow-soft: #FFFBB8;
  --un-black: #000;
  --un-text: #1a1a1a;
  --un-sub: #666;
  --un-line: #E6E6E6;
  --un-bg: #F2F2F2;
  --un-white: #fff;
  --un-radius: 16px;
  --un-en: 'Montserrat', 'Noto Sans JP', sans-serif;
  --un-body: 19px;   /* 本文サイズ：ここ1か所で調整 */
}

/* ---------- 記事の土台 ---------- */
.single-post #content,
.single-post #container { background: var(--un-bg); }
.single-post #entry {
  background: var(--un-white);
  border-radius: var(--un-radius);
  box-shadow: none;
  overflow: hidden;
}

/* ---------- タイトル・アイキャッチ ---------- */
.single-post .entry-title {
  position: relative;
  font-size: clamp(26px, calc(3vw + 8px), 36px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .02em;
  color: var(--un-black);
  margin-top: 8px;
}
.single-post .entry-title::before {
  content: "ARTICLE";
  display: table;
  margin-bottom: 8px;
  font-family: var(--un-en);
  font-size: 14px;
  letter-spacing: .14em;
  color: var(--un-black);
  background: var(--un-yellow);
  padding: 2px 10px;
  border-radius: 999px;
}
.single-post .post-thumbnail { padding: 0 25px; }
.single-post .post-thumbnail img { border-radius: 12px; }

/* ---------- 本文 ---------- */
.single-post .entry-content {
  color: var(--un-text);
  font-feature-settings: "palt";
  counter-reset: un-sec;
}
.single-post .entry-content > p {
  font-size: var(--un-body);
  line-height: 2;
  margin: 0 0 1.4em;
}

/* 導入文（最初のh2より前の段落）：グレーの枠でまとめる */
.single-post .entry-content > p:not(h2 ~ p) {
  background: var(--un-bg);
  margin: 0;
  padding: 0 24px 1.2em;
}
.single-post .entry-content > p:not(h2 ~ p):first-child,
.single-post .entry-content > :first-child + p:not(h2 ~ p) {
  border-radius: 12px 12px 0 0;
  padding-top: 22px;
}
.single-post .entry-content > p:not(h2 ~ p):has(+ h2) {
  border-radius: 0 0 12px 12px;
  padding-bottom: 22px;
}

/* 本文中リンク */
.single-post .entry-content > p a {
  color: var(--un-black);
  text-decoration: none;
  background: linear-gradient(transparent 62%, var(--un-yellow) 62%);
  font-weight: 700;
  word-break: break-all;
}
.single-post .entry-content > p a:hover { background: var(--un-yellow); }

/* 強調（太字・マーカー）：使う場合は黄色マーカー */
.single-post .entry-content strong,
.single-post .entry-content mark {
  font-weight: 700;
  color: inherit;
  background: linear-gradient(transparent 60%, var(--un-yellow) 60%);
}

/* ---------- 大見出し（h2）：SECTION番号つき ---------- */
.single-post .entry-content > h2 {
  counter-increment: un-sec;
  position: relative;
  font-size: clamp(24px, calc(2.4vw + 6px), 30px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--un-black);
  background: none;
  border: 0;
  padding: 30px 0 0;
  margin: 80px 0 24px;
}
.single-post .entry-content > h2::before {
  content: "SECTION " counter(un-sec, decimal-leading-zero);
  position: absolute;
  top: 0; left: 0;
  font-family: var(--un-en);
  font-size: 15px;
  letter-spacing: .16em;
  color: var(--un-sub);
}
.single-post .entry-content > h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 6px;
  margin-top: 12px;
  background: var(--un-yellow);
  border-radius: 999px;
}
/* 最後のh2（まとめ）は SUMMARY 表記 */
.single-post .entry-content > h2:last-of-type::before { content: "SUMMARY"; }

/* ---------- 中見出し（h3）：黄色バー ---------- */
.single-post .entry-content > h3 {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--un-black);
  background: none;
  border: 0;
  padding: 2px 0 2px 20px;
  margin: 48px 0 16px;
}
.single-post .entry-content > h3::before {
  content: "";
  position: absolute;
  left: 0; top: 4px; bottom: 4px;
  width: 6px;
  background: var(--un-yellow);
  border-radius: 999px;
}
.single-post .entry-content > h3::after { content: none; }
.single-post .entry-content > h2 + h3 { margin-top: 32px; }
/* 本文が見出しから始まる記事：アイキャッチ直下の余白を詰める */
.single-post .entry-content > h2:first-child { margin-top: 8px; }

/* ---------- 参照URL（rel=nofollow のリンクを含む段落） ---------- */
.single-post .entry-content > p:has(> a[rel~="nofollow"]) {
  font-size: 14px;
  line-height: 1.8;
  color: var(--un-sub);
  background: var(--un-bg);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 8px 0 32px;
}
.single-post .entry-content > p:has(> a[rel~="nofollow"]) a {
  display: block;
  font-weight: 400;
  color: var(--un-sub);
  background: none;
  text-decoration: underline;
  text-decoration-color: #bbb;
  margin-top: 4px;
}
.single-post .entry-content > p:has(> a[rel~="nofollow"]) a:hover { color: var(--un-black); }

/* ---------- CTAボタン（upnow.jp へのリンクだけの段落） ---------- */
.single-post .entry-content > p:has(> a[href^="https://upnow.jp"]:only-child) {
  text-align: center;
  margin: 24px 0 48px;
}
.single-post .entry-content > p > a[href^="https://upnow.jp"]:only-child {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 420px;
  justify-content: center;
  padding: 18px 28px;
  font-size: 19px;
  font-weight: 700;
  color: var(--un-black);
  background: var(--un-yellow);
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s;
}
.single-post .entry-content > p > a[href^="https://upnow.jp"]:only-child::after {
  content: "→";
  transition: transform .15s;
}
.single-post .entry-content > p > a[href^="https://upnow.jp"]:only-child:hover {
  transform: translateY(-2px);
  background: #FFE600;
}
.single-post .entry-content > p > a[href^="https://upnow.jp"]:only-child:hover::after {
  transform: translateX(4px);
}

/* ---------- 今後使う可能性のあるブロック ---------- */
/* 箇条書き */
.single-post .entry-content > ul,
.single-post .entry-content > ol {
  font-size: var(--un-body);
  line-height: 1.8;
  background: var(--un-bg);
  border: 0;
  border-radius: 12px;
  padding: 18px 24px 18px 28px;
  margin: 0 0 1.6em;
  list-style: none;
}
.single-post .entry-content > ul > li,
.single-post .entry-content > ol > li {
  position: relative;
  padding: 4px 0 4px 26px;
}
.single-post .entry-content > ul > li::before {
  content: "";
  position: absolute;
  left: 4px; top: .85em;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--un-yellow);
  border: 2px solid var(--un-black);
}
.single-post .entry-content > ol { counter-reset: un-ol; }
.single-post .entry-content > ol > li { counter-increment: un-ol; padding-left: 36px; }
.single-post .entry-content > ol > li::before {
  content: counter(un-ol);
  position: absolute;
  left: 0; top: 7px;
  width: 26px; height: 26px;
  line-height: 26px;
  text-align: center;
  font-family: var(--un-en);
  font-size: 14px;
  font-weight: 700;
  background: var(--un-yellow);
  border-radius: 50%;
}
/* 表 */
.single-post .entry-content .wp-block-table table {
  font-size: 16px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--un-line);
  border-radius: 12px;
  overflow: hidden;
}
.single-post .entry-content .wp-block-table th,
.single-post .entry-content .wp-block-table td {
  border: 0;
  border-bottom: 1px solid var(--un-line);
  padding: 12px 14px;
}
.single-post .entry-content .wp-block-table thead th,
.single-post .entry-content .wp-block-table tr > th:first-child {
  background: var(--un-bg);
  font-weight: 700;
}
.single-post .entry-content .wp-block-table tr:last-child > * { border-bottom: 0; }
/* 引用 */
.single-post .entry-content blockquote {
  font-size: 17px;
  background: var(--un-bg);
  border: 0;
  border-left: 6px solid var(--un-yellow);
  border-radius: 0 12px 12px 0;
  padding: 18px 22px;
  margin: 0 0 1.6em;
}
.single-post .entry-content blockquote::before { display: none; }
/* 画像 */
.single-post .entry-content .wp-block-image img { border-radius: 12px; }
.single-post .entry-content .wp-block-image figcaption {
  font-size: 14px;
  color: var(--un-sub);
  text-align: center;
}

/* ---------- スマホ ---------- */
@media (max-width: 599px) {
  .single-post { --un-body: 17px; }
  .single-post .post-thumbnail { padding: 0 16px; }
  .single-post .entry-content > p:not(h2 ~ p) { padding-left: 18px; padding-right: 18px; }
  .single-post .entry-content > h2 { margin-top: 64px; }
  .single-post .entry-content > h3 { font-size: 20px; }
  .single-post .entry-content > p > a[href^="https://upnow.jp"]:only-child {
    font-size: 16px;
    padding: 16px 18px;
    gap: 6px;
  }
}

/* =========================================================
   upnow media ヘッダーメニューのボタン化（全ページ共通）
   トーン：upnow.jp（丸ボタン／イエロー×ブラック）
   ========================================================= */

/* ---------- PC ---------- */
.header .desktop-nav ul.menu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 62px;
}
.header .desktop-nav li { height: auto; }
.header .desktop-nav li::after,
.header .desktop-nav li a::after { display: none !important; } /* テーマ標準の下線アニメを消す */

.header .desktop-nav li a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  line-height: 1;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #000;
  background: #F2F2F2;
  border: 2px solid transparent;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, border-color .15s, transform .15s;
}
.header .desktop-nav li a:hover {
  background: #fff;
  border-color: #000;
  transform: translateY(-1px);
}

/* 「#自社サイトを作る」（upnow.jp）＝メインCTA：黄色 */
.header .desktop-nav li a[href^="https://upnow.jp/"]:not([href*="contact"]) {
  background: #FFF200;
}
.header .desktop-nav li a[href^="https://upnow.jp/"]:not([href*="contact"]):hover {
  background: #FFE600;
  border-color: #000;
}

/* 「#お問い合わせ」＝黒 */
.header .desktop-nav li a[href*="contact"] {
  color: #fff;
  background: #000;
}
.header .desktop-nav li a[href*="contact"]:hover {
  color: #000;
  background: #fff;
}

/* 現在表示中のページ */
.header .desktop-nav li.current-menu-item a {
  background: #fff;
  border-color: #000;
}

/* ---------- スマホ・タブレット：ロゴ下に横スクロールで表示 ---------- */
@media (max-width: 1023px) {
  .header #inner-header {
    flex-wrap: wrap;
    height: auto;
  }
  .header .desktop-nav {
    display: block !important;
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 0 10px;
  }
  .header .desktop-nav::-webkit-scrollbar { display: none; }
  .header .desktop-nav ul.menu {
    display: flex;
    height: auto;
    gap: 6px;
    padding: 0 16px;
    width: max-content;
  }
  .header .desktop-nav li a {
    height: 34px;
    padding: 0 14px;
    font-size: 13px;
  }
}

/* =========================================================
   upnow media「運営会社」ページ（/company/・page-id-235）用 追加CSS
   ========================================================= */

.page-id-235 {
  --un-yellow: #FFF200;
  --un-black: #000;
  --un-text: #1a1a1a;
  --un-sub: #666;
  --un-line: #E6E6E6;
  --un-bg: #F2F2F2;
  --un-white: #fff;
  --un-radius: 16px;
  --un-en: 'Montserrat', 'Noto Sans JP', sans-serif;
}

/* ---------- 土台・タイトル ---------- */
.page-id-235 #content,
.page-id-235 #container { background: var(--un-bg); }
.page-id-235 #entry { background: transparent; box-shadow: none; }
.page-id-235 .page-title {
  font-size: clamp(30px, calc(4vw + 4px), 42px);
  font-weight: 700;
  color: var(--un-black);
  line-height: 1.4;
}
.page-id-235 .page-title::before {
  content: "COMPANY";
  display: table;
  margin-bottom: 8px;
  font-family: var(--un-en);
  font-size: 16px;
  letter-spacing: .14em;
  color: var(--un-black);
  background: var(--un-yellow);
  padding: 2px 10px;
  border-radius: 999px;
}

/* ---------- 共通 ---------- */
.page-id-235 .un-co {
  color: var(--un-text);
  font-size: 18px;
  line-height: 1.9;
  font-feature-settings: "palt";
}
.page-id-235 .un-co p { margin: 0 0 1em; }
.page-id-235 .un-co section { margin: 0 0 20px; }
.page-id-235 .un-co__sec {
  background: var(--un-white);
  border-radius: var(--un-radius);
  padding: 36px 32px;
}
.page-id-235 .un-co__label {
  font-family: var(--un-en);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--un-sub);
  margin: 0 0 4px !important;
}
.page-id-235 .un-co .un-co__h {
  font-size: clamp(24px, calc(2.4vw + 6px), 30px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--un-black);
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 20px;
}
.page-id-235 .un-co .un-co__h::before { content: none; }
.page-id-235 .un-co .un-co__h::after {
  content: "";
  display: block;
  width: 48px;
  height: 6px;
  margin-top: 12px;
  background: var(--un-yellow);
  border-radius: 999px;
}

/* ---------- リード ---------- */
.page-id-235 .un-co__lead {
  background: var(--un-black);
  color: var(--un-white);
  border-radius: var(--un-radius);
  padding: 40px 32px;
}
.page-id-235 .un-co__lead p { color: #ddd; margin: 0; }
.page-id-235 .un-co__lead .un-co__catch {
  font-size: clamp(24px, calc(2.6vw + 8px), 34px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--un-white);
  margin: 0 0 16px;
}

/* ---------- タグ ---------- */
.page-id-235 .un-co__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  border: 0;
  padding: 0;
  margin: 8px 0 0;
}
.page-id-235 .un-co__tags li {
  font-size: 15px;
  font-weight: 700;
  padding: 6px 14px;
  background: var(--un-bg);
  border-radius: 999px;
}
.page-id-235 .un-co__tags li::before { content: "#"; }

/* ---------- サービスカード ---------- */
.page-id-235 .un-co__svc {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.page-id-235 .un-co__card {
  display: block;
  background: var(--un-bg);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 22px 22px 20px;
  color: var(--un-text);
  text-decoration: none;
  transition: border-color .15s, transform .15s;
}
.page-id-235 .un-co__card:hover { border-color: var(--un-black); transform: translateY(-2px); }
.page-id-235 .un-co__card small {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  background: var(--un-yellow);
  border-radius: 999px;
  padding: 1px 10px;
}
.page-id-235 .un-co__card b {
  display: block;
  font-size: 22px;
  color: var(--un-black);
  margin: 8px 0 6px;
}
.page-id-235 .un-co__card span {
  display: block;
  font-size: 16px;
  line-height: 1.8;
}
.page-id-235 .un-co__card em {
  display: inline-block;
  font-style: normal;
  font-size: 15px;
  font-weight: 700;
  color: var(--un-black);
  margin-top: 12px;
}
.page-id-235 .un-co__card em::after { content: " →"; }

/* ---------- 会社概要 ---------- */
.page-id-235 .un-co__table { margin: 0; }
.page-id-235 .un-co__table div {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid var(--un-line);
}
.page-id-235 .un-co__table div:first-child { border-top: 0; }
.page-id-235 .un-co__table dt {
  font-size: 15px;
  font-weight: 700;
  color: var(--un-black);
}
.page-id-235 .un-co__table dd {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

/* ---------- お問い合わせ ---------- */
.page-id-235 .un-co__contact {
  background: var(--un-yellow);
  border-radius: var(--un-radius);
  padding: 36px 32px;
  text-align: center;
}
.page-id-235 .un-co__contact .un-co__label { color: var(--un-black); }
.page-id-235 .un-co__contact .un-co__h::after { background: var(--un-black); margin-left: auto; margin-right: auto; }
.page-id-235 .un-co__contact p { font-size: 16px; }

/* ---------- ボタン ---------- */
.page-id-235 .un-co__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  padding: 16px 24px;
  font-size: 17px;
  font-weight: 700;
  color: var(--un-white);
  background: var(--un-black);
  border: 2px solid var(--un-black);
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s, background .15s, color .15s;
}
.page-id-235 .un-co__btn::after { content: "→"; }
.page-id-235 .un-co__btn:hover { transform: translateY(-2px); background: var(--un-white); color: var(--un-black); }
.page-id-235 .un-co__btn--sub { color: var(--un-black); background: var(--un-white); }
.page-id-235 .un-co__btn--sub:hover { background: var(--un-yellow); }

/* ---------- プライバシー・免責 ---------- */
.page-id-235 .un-co__legal {
  padding: 8px 8px 0;
}
.page-id-235 .un-co__legal p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--un-sub);
}
.page-id-235 .un-co__legal b {
  display: block;
  color: var(--un-black);
  margin-bottom: 2px;
}
.page-id-235 .un-co__legal a { color: var(--un-black); }

/* ---------- PC ---------- */
@media (min-width: 768px) {
  .page-id-235 .un-co__svc { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- スマホ ---------- */
@media (max-width: 599px) {
  .page-id-235 .un-co { font-size: 16px; }
  .page-id-235 .un-co__sec,
  .page-id-235 .un-co__contact { padding: 28px 20px; }
  .page-id-235 .un-co__lead { padding: 30px 22px; }
  .page-id-235 .un-co__lead .un-co__catch br { display: none; }
  .page-id-235 .un-co__table div { grid-template-columns: 1fr; gap: 2px; }
}

/* =========================================================
   upnow ご利用ガイド（/guide/ 以下の固定ページ）用 追加CSS
   本文を <div class="ug"> で囲んだページにだけ効きます
   ※追加CSSの末尾に続けて貼り付け
   ========================================================= */

.ug {
  --ug-yellow: #FFF200;
  --ug-black: #000;
  --ug-text: #1a1a1a;
  --ug-sub: #666;
  --ug-line: #E6E6E6;
  --ug-bg: #F2F2F2;
  --ug-white: #fff;
  --ug-radius: 16px;
  --ug-en: 'Montserrat', 'Noto Sans JP', sans-serif;
  color: var(--ug-text);
  font-size: 17px;
  line-height: 1.9;
  font-feature-settings: "palt";
}

/* ---------- ページ土台・タイトル ---------- */
body:has(.ug) #content,
body:has(.ug) #container { background: #F2F2F2; }
body:has(.ug) #entry { background: transparent; box-shadow: none; }
body:has(.ug) .page-title {
  font-size: clamp(26px, calc(3vw + 8px), 38px);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
body:has(.ug) .page-title::before {
  content: "UPNOW GUIDE";
  display: table;
  margin-bottom: 8px;
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  letter-spacing: .14em;
  color: #000;
  background: #FFF200;
  padding: 2px 10px;
  border-radius: 999px;
}

/* =========================================================
   ガイドTOP（.ug-hub）
   ========================================================= */
.ug-hub section { margin: 0 0 20px; }
.ug-hub p { margin: 0 0 1em; }

.ug-hero {
  background: var(--ug-black);
  color: #ddd;
  border-radius: var(--ug-radius);
  padding: 36px 32px;
}
.ug-hero p { color: #ddd; }
.ug-hero .ug-hero__catch {
  font-size: clamp(22px, calc(2.4vw + 8px), 30px);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 12px;
}
.ug-hero__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.ug-hero__links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ug-black);
  background: var(--ug-yellow);
  border-radius: 999px;
  text-decoration: none;
}
.ug-hero__links a + a { background: var(--ug-white); }
.ug-hero__links a::after { content: "→"; }

.ug-sec {
  background: var(--ug-white);
  border-radius: var(--ug-radius);
  padding: 32px 28px;
}
.ug-label {
  font-family: var(--ug-en);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--ug-sub);
  margin: 0 0 4px !important;
}
.ug .ug-h {
  font-size: clamp(22px, calc(2vw + 8px), 28px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--ug-black);
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 18px;
}
.ug .ug-h::before { content: none; }
.ug .ug-h::after {
  content: "";
  display: block;
  width: 48px;
  height: 6px;
  margin-top: 10px;
  background: var(--ug-yellow);
  border-radius: 999px;
}

/* お知らせリスト */
.ug-list { list-style: none; border: 0; padding: 0; margin: 0; }
.ug-list li { border-top: 1px solid var(--ug-line); padding: 0; }
.ug-list li:first-child { border-top: 0; }
.ug-list li::before { content: none; }
.ug-list a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--ug-black);
  text-decoration: none;
}
.ug-list a::after { content: "→"; flex-shrink: 0; }
.ug-list a:hover { background: var(--ug-bg); }

/* はじめての方へカード */
.ug-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.ug-card {
  display: block;
  background: var(--ug-bg);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 16px 18px;
  color: var(--ug-text);
  text-decoration: none;
  transition: border-color .15s, transform .15s;
}
.ug-card:hover { border-color: var(--ug-black); transform: translateY(-2px); }
.ug-card b { display: block; font-size: 17px; color: var(--ug-black); }
.ug-card span { display: block; font-size: 14px; color: var(--ug-sub); line-height: 1.6; }

/* 初期設定ステップ */
.ug-steps { list-style: none; border: 0; padding: 0; margin: 0; display: grid; gap: 10px; }
.ug-steps li { padding: 0; }
.ug-steps li::before { content: none; }
.ug-steps a {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--ug-yellow);
  border: 2px solid var(--ug-yellow);
  border-radius: 12px;
  padding: 16px 18px;
  color: var(--ug-black);
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
.ug-steps a:hover { background: var(--ug-white); border-color: var(--ug-black); }
.ug-steps small {
  font-family: var(--ug-en);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--ug-white);
  background: var(--ug-black);
  border-radius: 999px;
  padding: 2px 10px;
  flex-shrink: 0;
}
.ug-steps b { font-size: 17px; }

/* 機能チップ */
.ug-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; border: 0; padding: 0; margin: 0; }
.ug-chips li { padding: 0; }
.ug-chips li::before { content: none; }
.ug-chips a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--ug-black);
  background: var(--ug-white);
  border: 1.5px solid var(--ug-line);
  border-radius: 999px;
  padding: 8px 14px;
  text-decoration: none;
  transition: border-color .15s, background .15s;
}
.ug-chips a:hover { border-color: var(--ug-black); background: var(--ug-yellow); }

/* お問い合わせ */
.ug-contact {
  background: var(--ug-yellow);
  border-radius: var(--ug-radius);
  padding: 32px 28px;
  text-align: center;
}
.ug-contact .ug-label { color: var(--ug-black); }
.ug-contact .ug-h::after { background: var(--ug-black); margin-left: auto; margin-right: auto; }
.ug-contact p { font-size: 15px; }
.ug-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 340px;
  padding: 15px 24px;
  font-size: 16px;
  font-weight: 700;
  color: var(--ug-white);
  background: var(--ug-black);
  border: 2px solid var(--ug-black);
  border-radius: 999px;
  text-decoration: none;
}
.ug-btn::after { content: "→"; }
.ug-btn:hover { background: var(--ug-white); color: var(--ug-black); }

.ug-legal { display: flex; flex-wrap: wrap; gap: 6px 20px; list-style: none; border: 0; padding: 8px 8px 0; margin: 0; }
.ug-legal li { padding: 0; font-size: 14px; }
.ug-legal li::before { content: none; }
.ug-legal a { color: var(--ug-sub); }

/* =========================================================
   各ガイドページ本文（.ug-article）
   ========================================================= */
.ug-article {
  background: var(--ug-white);
  border-radius: var(--ug-radius);
  padding: 32px 28px;
}
.ug-article p { margin: 0 0 1.2em; }
.ug-article a { color: var(--ug-black); text-decoration-color: var(--ug-yellow); text-decoration-thickness: 3px; text-underline-offset: 3px; font-weight: 700; word-break: break-all; }

.ug-article h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ug-black);
  background: none;
  border: 0;
  padding: 0;
  margin: 48px 0 18px;
}
.ug-article h2::before { content: none; }
.ug-article h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 5px;
  margin-top: 10px;
  background: var(--ug-yellow);
  border-radius: 999px;
}
.ug-article > h2:first-child { margin-top: 0; }
.ug-article h3 {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ug-black);
  background: none;
  border: 0;
  padding: 2px 0 2px 18px;
  margin: 36px 0 14px;
}
.ug-article h3::before {
  content: "";
  position: absolute;
  left: 0; top: 4px; bottom: 4px;
  width: 6px;
  background: var(--ug-yellow);
  border-radius: 999px;
}
.ug-article h3::after { content: none; }
.ug-article h4 {
  font-size: 17px;
  font-weight: 700;
  color: var(--ug-black);
  background: none;
  border: 0;
  padding: 0;
  margin: 24px 0 8px;
}
.ug-article h4::before, .ug-article h4::after { content: none; }

.ug-article ul, .ug-article ol {
  border: 0;
  background: none;
  padding: 0 0 0 1.4em;
  margin: 0 0 1.2em;
}
.ug-article li { padding: 2px 0; }
.ug-article li p { margin: 4px 0 8px; }
.ug-article strong { background: linear-gradient(transparent 62%, var(--ug-yellow) 62%); }

/* 注意書き（Notionのコールアウト） */
.ug-note {
  background: var(--ug-bg);
  border-left: 6px solid var(--ug-yellow);
  border-radius: 0 12px 12px 0;
  padding: 18px 22px;
  margin: 0 0 1.4em;
}
.ug-note > :last-child { margin-bottom: 0; }

/* 画像 */
.ug-img { margin: 8px 0 20px; text-align: center; }
.ug-img img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--ug-line);
  border-radius: 12px;
}
.ug-img figcaption { font-size: 13px; color: var(--ug-sub); margin-top: 6px; }

/* 2カラム（Notionの列） */
.ug-cols { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 1.2em; }
@media (min-width: 768px) {
  .ug-cols { grid-template-columns: repeat(2, 1fr); align-items: center; }
}

/* 表 */
.ug-article .wp-block-table { margin: 0 0 1.6em; overflow-x: auto; }
.ug-article table {
  width: 100%;
  font-size: 15px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--ug-line);
  border-radius: 12px;
  overflow: hidden;
}
.ug-article th, .ug-article td {
  border: 0;
  border-bottom: 1px solid var(--ug-line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
.ug-article tr > :first-child { background: var(--ug-bg); font-weight: 700; width: 36%; }
.ug-article tr:last-child > * { border-bottom: 0; }

/* 関連ページリンク */
.ug-pagelink { margin: 0 0 8px !important; }
.ug-pagelink a,
.ug-bookmark a {
  display: block;
  background: var(--ug-bg);
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 10px 16px;
  text-decoration: none;
}
.ug-pagelink a:hover, .ug-bookmark a:hover { border-color: var(--ug-black); }

/* 会員登録ボタン */
.ug-cta { text-align: center; margin: 24px 0 !important; }
.ug-cta a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  color: var(--ug-black);
  background: var(--ug-yellow);
  border-radius: 999px;
  text-decoration: none;
}
.ug-cta a::after { content: "→"; }

/* トグル */
.ug-toggle { border: 1px solid var(--ug-line); border-radius: 12px; padding: 12px 16px; margin: 0 0 10px; }
.ug-toggle summary { font-weight: 700; cursor: pointer; }

/* ページ下部 */
.ug-foot {
  border-top: 1px solid var(--ug-line);
  margin-top: 40px;
  padding-top: 24px;
  text-align: center;
}
.ug-foot p { font-size: 14px; color: var(--ug-sub); margin: 14px 0 0; }
.ug-foot .ug-foot__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 15px;
  color: var(--ug-white);
  background: var(--ug-black);
  border-radius: 999px;
  text-decoration: none;
}
.ug-foot .ug-foot__back::before { content: "←"; }


/* 初期設定のステップ表示 */
.ug-article .ug-stepbar {
  list-style: none;
  display: grid;
  gap: 6px;
  padding: 0;
  margin: 0 0 24px;
}
.ug-article .ug-stepbar li {
  background: var(--ug-bg);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ug-sub);
}
.ug-article .ug-stepbar li a { color: var(--ug-sub); text-decoration: none; }
.ug-article .ug-stepbar li.is-current { background: var(--ug-yellow); color: var(--ug-black); }
@media (min-width: 768px) {
  .ug-article .ug-stepbar { grid-template-columns: repeat(3, 1fr); }
}

/* 次のページへ */
.ug-next { margin: 32px 0 0 !important; }
.ug-next a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: var(--ug-yellow);
  border-radius: 12px;
  color: var(--ug-black);
  text-decoration: none;
}
.ug-next a::after { content: "→"; font-size: 18px; }

/* アップデート日付 */
.ug-date {
  font-family: var(--ug-en);
  font-size: 13px;
  font-weight: 700;
  color: var(--ug-sub);
  margin: 20px 0 6px !important;
}

/* 参照 */
.ug-source { font-size: 13px; color: var(--ug-sub); }
.ug-source a { font-weight: 400; color: var(--ug-sub); }

/* ホスト管理画面：カテゴリ別 */
.ug-cats { display: grid; grid-template-columns: 1fr; gap: 12px; }
.ug-cat {
  background: var(--ug-bg);
  border-radius: 12px;
  padding: 18px 18px 8px;
  scroll-margin-top: 24px;
}
.ug .ug-cat__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 8px !important;
}
.ug-cat__head small {
  flex-shrink: 0;
  font-family: var(--ug-en);
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  width: 28px; height: 28px;
  text-align: center;
  background: var(--ug-yellow);
  border-radius: 50%;
}
.ug-cat__head span { display: block; font-size: 13px; line-height: 1.5; color: var(--ug-sub); }
.ug-cat__head b { display: block; font-size: 17px; line-height: 1.5; color: var(--ug-black); }
.ug .ug-cat__list { list-style: none; padding: 0; margin: 0; border: 0; }
.ug .ug-cat__list > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e0e0e0; }
.ug .ug-cat__list > li::before { content: none; }
.ug-cat__list a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 2px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ug-black);
  text-decoration: none;
}
.ug-cat__list a::after { content: "→"; color: var(--ug-sub); flex-shrink: 0; }
.ug-cat__list a:hover::after { color: var(--ug-black); }

/* カテゴリへのジャンプボタン */
.ug-jump { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.ug-jump a {
  font-size: 13px;
  font-weight: 700;
  color: var(--ug-black);
  background: var(--ug-white);
  border: 1.5px solid var(--ug-line);
  border-radius: 999px;
  padding: 6px 12px;
  text-decoration: none;
}
.ug-jump a:hover { background: var(--ug-yellow); border-color: var(--ug-black); }
html:has(.ug-hub) { scroll-behavior: smooth; }

@media (min-width: 768px) {
  .ug-cats { grid-template-columns: repeat(2, 1fr); align-items: start; }
}

/* テーマの箇条書き記号を消す */
.ug .ug-steps > li,
.ug .ug-stepbar > li,
.ug .ug-list > li,
.ug .ug-chips > li,
.ug .ug-legal > li { list-style: none; margin-left: 0; }
.ug .ug-steps, .ug .ug-stepbar, .ug .ug-list, .ug .ug-chips, .ug .ug-legal { padding-left: 0; }

/* ---------- PC ---------- */
@media (min-width: 768px) {
  .ug-grid { grid-template-columns: repeat(2, 1fr); }
  .ug-steps { grid-template-columns: repeat(3, 1fr); }
  .ug-steps a { flex-direction: column; align-items: flex-start; gap: 8px; height: 100%; }
}

/* ---------- スマホ ---------- */
@media (max-width: 599px) {
  .ug { font-size: 16px; }
  .ug-hero, .ug-sec, .ug-contact, .ug-article { padding: 26px 18px; }
  .ug-article h2 { font-size: 21px; }
  .ug-article h3 { font-size: 18px; }
  .ug-article tr > :first-child { width: 40%; }
}
/* =========================================================
   固定ページ：サイドバーを非表示にして1カラム表示
   ========================================================= */
body.page:not(.home) #sidebar1 { display: none; }
@media only screen and (min-width: 769px) {
  body.page:not(.home) #main {
    max-width: var(--wp--custom--wrap--default-width);
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
  }
}

/* =========================================================
   upnow media：TOP（入口）・読者別ハブ・このメディアについて
   名前空間 .um（トーンは upnow.jp と共通：イエロー×ブラック×ライトグレー）
   ========================================================= */
.um {
  --um-yellow: #FFF200;
  --um-black: #000;
  --um-text: #1a1a1a;
  --um-sub: #666;
  --um-line: #E6E6E6;
  --um-bg: #F2F2F2;
  --um-white: #fff;
  --um-radius: 16px;
  --um-en: 'Montserrat', 'Noto Sans JP', sans-serif;
  color: var(--um-text);
  font-feature-settings: "palt";
  line-height: 1.8;
}
.um p { margin: 0 0 1em; }
.um a { text-decoration: none; }
.um-label {
  font-family: var(--um-en);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--um-sub);
  margin: 0 0 4px !important;
}
.um-h2 {
  font-size: clamp(20px, calc(1.6vw + 10px), 26px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--um-black);
  margin: 0 0 16px !important;
}
.um-h2::after {
  content: "";
  display: block;
  width: 44px; height: 5px;
  margin-top: 10px;
  background: var(--um-yellow);
  border-radius: 999px;
}
.um-home { max-width: 1120px; margin: 24px auto 8px; padding: 0 16px; }
.um-hero {
  background: var(--um-black);
  color: #ddd;
  border-radius: var(--um-radius);
  padding: 36px 32px 30px;
}
.um-hero .um-label { color: var(--um-yellow); }
.um-hero__title {
  font-size: clamp(24px, calc(2.6vw + 12px), 38px);
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  margin: 0 0 12px !important;
}
.um-hero__lead { font-size: 15px; color: #ccc; max-width: 46em; }
.um-search { display: flex; gap: 8px; max-width: 520px; margin-top: 18px; }
.um-search input[type="search"] {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0 18px;
  font-size: 15px;
  border: 0;
  border-radius: 999px;
  background: #fff;
}
.um-search button {
  height: 46px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 700;
  color: var(--um-black);
  background: var(--um-yellow);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
}
.um-entry { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 16px 0; }
.um-entry__card {
  display: block;
  background: var(--um-white);
  border: 2px solid transparent;
  border-radius: var(--um-radius);
  padding: 22px 22px 18px;
  color: var(--um-text);
  transition: border-color .15s, transform .15s;
}
.um-entry__card:hover { border-color: var(--um-black); transform: translateY(-2px); }
.um-entry__card small {
  display: inline-block;
  font-family: var(--um-en);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  background: var(--um-yellow);
  border-radius: 999px;
  padding: 2px 10px;
}
.um-entry__card b { display: block; font-size: 20px; color: var(--um-black); margin: 10px 0 4px; }
.um-entry__card span { display: block; font-size: 14px; color: var(--um-sub); line-height: 1.7; }
.um-entry__card em {
  display: inline-block;
  margin-top: 12px;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  color: var(--um-black);
}
.um-entry__card em::after { content: " →"; }
.um-feature { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 16px; }
.um-feature__item {
  display: flex;
  gap: 14px;
  align-items: center;
  background: var(--um-white);
  border-radius: 12px;
  padding: 16px 18px;
  color: var(--um-text);
  border: 2px solid transparent;
}
.um-feature__item:hover { border-color: var(--um-black); }
.um-feature__item small {
  flex-shrink: 0;
  font-family: var(--um-en);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--um-white);
  background: var(--um-black);
  border-radius: 999px;
  padding: 3px 10px;
}
.um-feature__item b { font-size: 15px; line-height: 1.5; color: var(--um-black); }
.um-home__about { font-size: 13px; color: var(--um-sub); text-align: right; margin: 0 4px 8px !important; }
.um-home__about a { color: var(--um-sub); text-decoration: underline; }
@media (min-width: 768px) {
  .um-entry { grid-template-columns: repeat(3, 1fr); }
  .um-feature { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 599px) {
  .um-hero { padding: 28px 20px 24px; }
  .um-search button { padding: 0 16px; }
}
body:has(.um-hub) #content,
body:has(.um-hub) #container,
body:has(.um-about) #content,
body:has(.um-about) #container { background: #F2F2F2; }
body:has(.um-hub) #entry,
body:has(.um-about) #entry { background: transparent; box-shadow: none; }
body:has(.um-hub) .page-title::before,
body:has(.um-about) .page-title::before {
  content: "UPNOW MEDIA";
  display: table;
  margin-bottom: 8px;
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  letter-spacing: .14em;
  color: #000;
  background: #FFF200;
  padding: 2px 10px;
  border-radius: 999px;
}
.um-hub, .um-list, .um-about { margin-bottom: 20px; }
.um-sec {
  background: var(--um-white);
  border-radius: var(--um-radius);
  padding: 28px 26px;
  margin: 0 0 20px;
}
.um-hub__lead { font-size: 16px; }
.um-steps { list-style: none; padding: 0 !important; margin: 0 !important; border: 0 !important; display: grid; gap: 10px; }
.um-steps > li { list-style: none; margin: 0 !important; padding: 0 !important; }
.um-steps > li::before { content: none !important; }
.um-steps a {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--um-bg);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 16px 18px;
  color: var(--um-text);
}
.um-steps a:hover { border-color: var(--um-black); }
.um-steps small {
  flex-shrink: 0;
  font-family: var(--um-en);
  font-size: 13px;
  font-weight: 700;
  width: 34px; height: 34px;
  line-height: 34px;
  text-align: center;
  background: var(--um-yellow);
  border-radius: 50%;
}
.um-steps b { display: block; font-size: 16px; line-height: 1.5; color: var(--um-black); }
.um-steps span { display: block; font-size: 13px; color: var(--um-sub); line-height: 1.7; margin-top: 2px; }
.um-list {
  background: #fff;
  border-radius: 16px;
  padding: 28px 26px;
}
.um-list .wp-block-post-template { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.um-list .wp-block-post-template > li { list-style: none; margin: 0; padding: 16px 0; border-top: 1px solid #E6E6E6; }
.um-list .wp-block-post-template > li:first-child { border-top: 0; }
.um-list .wp-block-post-template > li::before { content: none !important; }
.um-list .wp-block-post-title { font-size: 17px !important; line-height: 1.5; margin: 0 0 4px; padding: 0; border: 0; background: none; }
.um-list .wp-block-post-title::before, .um-list .wp-block-post-title::after { content: none !important; }
.um-list .wp-block-post-title a { color: #000; text-decoration: none; }
.um-list .wp-block-post-title a:hover { text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 4px; }
.um-list .wp-block-post-date { font-size: 12px; color: #666; }
.um-list .wp-block-post-excerpt { font-size: 14px; color: #444; margin: 4px 0 0; }
.um-list .wp-block-post-excerpt__more-text { display: none; }
.um-about .um-sec p { font-size: 15px; }
.um-pillars { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; }
.um-pillars div { background: var(--um-bg); border-radius: 12px; padding: 16px 18px; }
.um-pillars b { display: block; font-size: 16px; color: #000; margin-bottom: 4px; }
.um-pillars b a { color: #000; text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 4px; }
.um-pillars span { display: block; font-size: 14px; color: #555; line-height: 1.7; }
@media (min-width: 768px) { .um-pillars { grid-template-columns: repeat(3, 1fr); } }
.um-credit { font-size: 13px; color: #666; margin: 4px 0 16px; }
.um-credit a { color: #666; text-decoration: underline; }

/* TOP入口の幅を記事一覧にそろえる／PCヘッダーを1行に */
.um-home { max-width: var(--wp--custom--wrap--content-width, 1180px); padding: 0; }
@media (max-width: 1239px) { .um-home { width: 96%; } }
@media (max-width: 768px) { .um-home { width: auto; padding: 0 16px; } }
@media (min-width: 1024px) { .header .desktop-nav ul.menu { flex-wrap: nowrap; } }

/* =========================================================
   サイドバー（記事ページ・TOP）：検索／読者別／カテゴリー／独自データ
   ========================================================= */
.um-side { display: grid; gap: 16px; font-feature-settings: "palt"; }
.um-side__box { background: #fff; border-radius: 12px; padding: 18px 18px 10px; }
.um-side__title { font-size: 13px; font-weight: 700; letter-spacing: .06em; color: #666; margin: 0 0 8px !important; }
.um-side__entry, .um-side__cats { list-style: none; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.um-side__entry li, .um-side__cats li { list-style: none; margin: 0; padding: 0; border: 0; }
.um-side__entry li::before, .um-side__cats li::before { content: none !important; }
.um-side__entry li + li { border-top: 1px solid #eee; }
.um-side__entry a { display: block; padding: 10px 2px; color: #000; text-decoration: none; }
.um-side__entry a:hover b { text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 4px; }
.um-side__entry b { display: block; font-size: 15px; line-height: 1.5; }
.um-side__entry span { display: block; font-size: 12px; color: #666; }
.um-side__cats > li { padding: 6px 0 8px; }
.um-side__cats > li + li { border-top: 1px solid #eee; }
.um-side__cats > li > a { display: block; font-size: 15px; font-weight: 700; color: #000; text-decoration: none; padding: 4px 2px; }
.um-side__cats .children { list-style: none; margin: 2px 0 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
.um-side__cats .children a { display: inline-block; font-size: 13px; color: #000; text-decoration: none; background: #F2F2F2; border-radius: 999px; padding: 4px 12px; }
.um-side__cats .children a:hover { background: #FFF200; }
.um-side__data { display: block; background: #000; color: #fff !important; border-radius: 12px; padding: 18px; text-decoration: none; }
.um-side__data small { display: inline-block; font-size: 11px; font-weight: 700; color: #000; background: #FFF200; border-radius: 999px; padding: 2px 10px; }
.um-side__data b { display: block; font-size: 15px; line-height: 1.6; margin-top: 8px; color: #fff; }
.um-side__about { font-size: 12px; margin: 0 !important; text-align: right; }
.um-side__about a { color: #666; }
.um-side__search .wp-block-search__inside-wrapper { display: flex; gap: 6px; }
.um-side__search .wp-block-search__input { flex: 1; min-width: 0; height: 42px; padding: 0 16px; border: 1px solid #ddd; border-radius: 999px; font-size: 14px; background: #fff; }
.um-side__search .wp-block-search__button { height: 42px; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; background: #FFF200; color: #000; font-weight: 700; font-size: 13px; }

.um-side__cats a::before, .um-side__entry a::before { content: none !important; display: none !important; }

/* =========================================================
   記事の目次（.um-toc）／サイドバーのメール登録
   ========================================================= */
.single-post .entry-content > .um-toc,
.um-toc {
  background: #F2F2F2;
  border-radius: 12px;
  padding: 20px 22px 14px;
  margin: 28px 0 8px;
}
.um-toc__title { font-size: 14px !important; font-weight: 700; color: #000; margin: 0 0 8px !important; padding: 0 !important; background: none !important; }
.um-toc ol { counter-reset: um-toc; list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.um-toc li { counter-increment: um-toc; position: relative; list-style: none; margin: 0 !important; padding: 7px 0 7px 34px !important; border-top: 1px solid #e2e2e2; font-size: 15px; line-height: 1.6; }
.um-toc li:first-child { border-top: 0; }
.um-toc li::before {
  content: counter(um-toc) !important;
  position: absolute; left: 0; top: 8px;
  width: 22px; height: 22px; line-height: 22px;
  text-align: center; font-size: 12px; font-weight: 700;
  background: #FFF200; border: 0 !important; border-radius: 50%;
}
.um-toc a { color: #000 !important; background: none !important; font-weight: 700; text-decoration: none; }
.um-toc a:hover { text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 3px; }
html { scroll-padding-top: 16px; }
.um-side__subtext { font-size: 13px; color: #555; margin: 0 0 10px !important; }
.um-side__sub .wp-block-jetpack-subscriptions input[type="email"] { width: 100%; height: 42px; border: 1px solid #ddd !important; border-radius: 999px !important; padding: 0 16px !important; font-size: 14px; }
.um-side__sub .wp-block-jetpack-subscriptions button { width: 100%; height: 42px; margin-top: 8px !important; border: 0 !important; border-radius: 999px !important; background: #FFF200 !important; color: #000 !important; font-weight: 700; font-size: 14px; }

/* TOP入口カード：背景とのコントラスト */
.um-entry__card, .um-feature__item { background: #F2F2F2; }
.um-entry__card:hover, .um-feature__item:hover { background: #fff; }

/* 記事末の「あわせて読みたい」 */
.single-post .entry-content > .um-related, .um-related { background: #fff; border: 2px solid #000; border-radius: 12px; padding: 18px 22px 10px; margin: 32px 0; }
.um-related__title { font-size: 14px !important; font-weight: 700; margin: 0 0 6px !important; padding: 0 !important; background: none !important; }
.um-related ul { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.um-related li { position: relative; list-style: none; margin: 0 !important; padding: 8px 0 8px 22px !important; border-top: 1px solid #eee; font-size: 15px; line-height: 1.6; }
.um-related li:first-child { border-top: 0; }
.um-related li::before { content: "→" !important; position: absolute; left: 0; top: 8px; width: auto !important; height: auto !important; background: none !important; border: 0 !important; font-weight: 700; color: #000; }
.um-related a { color: #000 !important; background: none !important; font-weight: 700; text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 3px; }

/* メール購読のポップアップを出さない */
.jetpack-subscription-modal { display: none !important; }

/* ---------- TOP v2（BASE U型の構成）---------- */
.um-hero--photo {
  position: relative;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.25) 100%), var(--um-hero-img) center / cover no-repeat, var(--um-black);
  padding: 64px 40px 52px;
  min-height: 340px;
  display: flex; flex-direction: column; justify-content: center;
}
.um-hero--photo .um-hero__lead { color: #eee; }
.um-sec { margin: 40px 0 0; }
.um-sec__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.um-pick__nav { display: flex; gap: 8px; margin-bottom: 16px; }
.um-pick__nav button {
  width: 40px; height: 40px; border-radius: 999px; border: 2px solid var(--um-black);
  background: #fff; color: var(--um-black); font-size: 22px; line-height: 1; cursor: pointer; padding: 0;
}
.um-pick__nav button:hover { background: var(--um-yellow); }
.um-pick__track {
  display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 4px;
}
.um-pick__track::-webkit-scrollbar { display: none; }
.um-pick__card {
  flex: 0 0 82%; scroll-snap-align: start; display: block;
  background: #F2F2F2; border-radius: var(--um-radius); overflow: hidden; color: var(--um-text);
  border: 2px solid transparent; transition: border-color .2s, background .2s;
}
.um-pick__card:hover { border-color: var(--um-black); background: #fff; }
.um-pick__card img, .um-pick__noimg { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #ddd; margin: 0; }
.um-pick__body { display: block; padding: 14px 16px 18px; }
.um-pick__body small {
  display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 999px;
  background: var(--um-yellow); color: var(--um-black); margin-bottom: 8px;
}
.um-pick__body b {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 15px; line-height: 1.6; color: var(--um-black);
}
@media (min-width: 600px) { .um-pick__card { flex-basis: calc((100% - 16px) / 2); } }
@media (min-width: 960px) { .um-pick__card { flex-basis: calc((100% - 32px) / 3); } }
.um-worry__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.um-worry__grid a {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  min-height: 64px; padding: 12px 16px; border-radius: 12px; background: #F2F2F2;
  border: 2px solid transparent; color: var(--um-black); font-size: 14px; font-weight: 700; line-height: 1.5;
  transition: border-color .2s, background .2s;
}
.um-worry__grid a::after { content: "→"; flex: none; }
.um-worry__grid a:hover { border-color: var(--um-black); background: #fff; }
@media (min-width: 960px) { .um-worry__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 420px) { .um-worry__grid a { font-size: 13px; padding: 10px 12px; } }
.um-course { background: var(--um-black); border-radius: var(--um-radius); padding: 32px 28px; }
.um-course .um-label { color: var(--um-yellow); }
.um-course .um-h2 { color: #fff; }
.um-course__lead { color: #ccc; font-size: 14px; }
.um-course__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 10px; }
.um-course__list li { margin: 0; padding: 0; }
.um-course__list li::before { content: none; }
.um-course__list a, .um-course__list .is-soon {
  display: block; height: 100%; padding: 14px 16px; border-radius: 12px; background: #fff; color: var(--um-black);
  border: 2px solid transparent; transition: background .2s;
}
.um-course__list a:hover { background: var(--um-yellow); }
.um-course__list small { display: block; font-family: var(--um-en); font-size: 11px; font-weight: 700; letter-spacing: .12em; color: var(--um-sub); }
.um-course__list b { display: block; font-size: 15px; line-height: 1.5; }
.um-course__list .is-soon { background: #222; color: #888; }
.um-course__list .is-soon small { color: #777; }
.um-course__list .is-soon em { display: inline-block; font-style: normal; font-size: 11px; margin-top: 4px; padding: 1px 8px; border: 1px solid #555; border-radius: 999px; }
@media (min-width: 600px) { .um-course__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .um-course__list { grid-template-columns: repeat(5, 1fr); } }
.um-home--list { margin-top: 40px; margin-bottom: 0; }
.um-promo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;
  background: var(--um-yellow); border-radius: var(--um-radius); padding: 28px; margin: 32px 0 16px;
}
.um-promo__text { flex: 1 1 420px; }
.um-promo__tag { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 999px; background: var(--um-black); color: #fff; margin: 0 0 10px !important; }
.um-promo__title { font-size: clamp(18px, calc(1.2vw + 10px), 22px); font-weight: 700; line-height: 1.5; color: var(--um-black); margin: 0 0 6px !important; }
.um-promo__lead { font-size: 14px; color: #333; margin: 0 !important; }
.um-promo__btn { flex: none; display: inline-block; padding: 14px 28px; border-radius: 999px; background: var(--um-black); color: #fff !important; font-weight: 700; }
.um-promo__btn::after { content: " →"; }
.um-aboutband {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
  background: #F2F2F2; border-radius: var(--um-radius); padding: 24px 28px; margin: 0 0 32px;
}
.um-aboutband > div { flex: 1 1 420px; }
.um-aboutband__title { font-size: 18px; font-weight: 700; color: var(--um-black); margin: 0 0 4px !important; }
.um-aboutband__lead { font-size: 14px; color: var(--um-sub); margin: 0 !important; }
.um-aboutband__link { flex: none; font-weight: 700; color: var(--um-black); text-decoration: underline !important; }
@media (max-width: 768px) {
  .um-hero--photo { padding: 40px 20px 32px; min-height: 0; }
  .um-course { padding: 24px 16px; }
  .um-promo, .um-aboutband { padding: 22px 18px; }
}

/* ---------- TOP ヒーロー：左テキスト×右スライド ---------- */
.um-hero--split {
  display: grid; grid-template-columns: 42% 58%;
  padding: 0; overflow: hidden; min-height: 440px; background: var(--um-black);
}
.um-hero--split .um-hero__text { padding: 48px 36px; display: flex; flex-direction: column; justify-content: center; }
.um-hero--split .um-hero__title { font-size: clamp(24px, calc(1.9vw + 10px), 36px); }
.um-hero--split .um-hero__lead { color: #ccc; font-size: 14px; }
.um-hero__media { position: relative; min-height: 440px; overflow: hidden; background: #222; }
.um-slide { position: absolute; inset: 0; margin: 0 !important; opacity: 0; transition: opacity 1.2s ease; }
.um-slide.is-active { opacity: 1; }
.um-slide img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; transform: scale(1); transition: transform 7s linear; }
.um-slide.is-active img { transform: scale(1.06); }
.um-hero__cap {
  position: absolute; left: 16px; bottom: 16px; z-index: 2; margin: 0 !important;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: rgba(0,0,0,.78); border-radius: 12px; padding: 10px 14px;
}
.um-hero__use small { display: block; font-family: var(--um-en); font-size: 10px; font-weight: 700; letter-spacing: .14em; color: var(--um-yellow); line-height: 1.4; }
.um-hero__use b { display: block; font-size: 15px; color: #fff; line-height: 1.4; }
.um-hero__cap a { font-size: 12px; font-weight: 700; color: var(--um-black) !important; background: var(--um-yellow); border-radius: 999px; padding: 6px 12px; line-height: 1.3; }
.um-hero__cap a::after { content: " →"; }
.um-hero__dots { position: absolute; right: 16px; bottom: 22px; z-index: 2; display: flex; gap: 6px; }
.um-hero__dots i { width: 8px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.55); transition: width .3s, background .3s; }
.um-hero__dots i.is-active { width: 22px; background: var(--um-yellow); }
@media (prefers-reduced-motion: reduce) { .um-slide, .um-slide img { transition: none; } .um-slide.is-active img { transform: none; } }
@media (max-width: 900px) {
  .um-hero--split { grid-template-columns: 1fr; min-height: 0; }
  .um-hero__media { order: -1; min-height: 0; aspect-ratio: 16 / 10; }
  .um-hero--split .um-hero__text { padding: 24px 20px 26px; }
  .um-hero__cap { left: 10px; bottom: 10px; padding: 8px 10px; gap: 8px; }
  .um-hero__use b { font-size: 13px; }
  .um-hero__dots { right: 10px; bottom: 14px; }
}

@media (max-width: 900px) { .um-hero__dots { top: 12px; bottom: auto; right: 12px; } }

/* ---------- サービス比較：カテゴリページ・サービス別ページ ---------- */
:is(.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2 { padding-top: 0; margin-top: 56px; }
:is(.parent-pageid-70,.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .entry-content h2::before { content: none !important; }
.un-crumb { font-size: 13px; color: var(--un-sub); margin: 0 0 20px; line-height: 1.6; }
.un-crumb a { color: var(--un-sub); text-decoration: underline; }
.un-crumb i { font-style: normal; margin: 0 8px; }
.entry-content p.un-more { background: none !important; padding: 0 !important; margin: 4px 0 40px; }
.entry-content p.un-more::before { content: none !important; }
.un-more a { display: inline-block; font-size: 15px; font-weight: 700; color: var(--un-black, #000) !important; background: var(--un-yellow, #FFF200); border-radius: 999px; padding: 10px 20px; text-decoration: none !important; }
.un-more a::after { content: " →"; }
.entry-content p.un-confirm, .entry-content p.un-pending, .entry-content p.un-policy { font-size: 14px; line-height: 1.8; color: var(--un-sub, #666); background: none; padding: 0; }
.entry-content p.un-pending { background: var(--un-white, #fff) !important; border-radius: 12px; padding: 14px 18px !important; }
.un-points { background: var(--un-white, #fff); border: 0; border-radius: var(--un-radius, 16px); padding: 20px 24px 20px 44px !important; }
.un-points li { padding: 4px 0; }
.un-cmp { margin: 0 0 12px; overflow-x: auto; }
.un-cmp table { background: var(--un-white, #fff); font-size: 15px; min-width: 560px; }
.un-cmp th { background: var(--un-black, #000); color: #fff; font-weight: 700; white-space: nowrap; }
.un-cmp td:first-child { font-weight: 700; white-space: nowrap; }
.un-cmp td:first-child a { color: var(--un-black, #000); text-decoration: underline; text-decoration-color: var(--un-yellow, #FFF200); text-decoration-thickness: 3px; }
.entry-content ul.un-related { list-style: none; margin: 0 0 16px; padding: 0 !important; background: none !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.entry-content ul.un-related > li { padding: 0; margin: 0; }
.entry-content ul.un-related > li::before { content: none; }
.un-related a { display: block; height: 100%; padding: 14px 16px; background: var(--un-white, #fff); border: 2px solid transparent; border-radius: 12px; font-weight: 700; color: var(--un-black, #000) !important; text-decoration: none !important; }
.un-related a:hover { border-color: var(--un-black, #000); }
.un-catnav { margin: 56px 0 24px; }
.un-catnav__head { font-size: 14px; font-weight: 700; color: var(--un-sub, #666); margin: 0 0 8px !important; }
.un-catnav ul { list-style: none; margin: 0; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; background: none !important; }
.un-catnav li { margin: 0; padding: 0; }
.un-catnav li::before { content: none; }
.un-catnav a { display: inline-block; padding: 8px 16px; background: var(--un-white, #fff); border-radius: 999px; font-size: 14px; font-weight: 700; color: var(--un-black, #000) !important; text-decoration: none !important; }
.un-catnav a:hover { background: var(--un-yellow, #FFF200); }
.un-toc__more { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--un-black, #000) !important; background: var(--un-yellow, #FFF200); border-radius: 999px; padding: 6px 14px; text-decoration: none !important; }
.un-toc__more::after { content: " →"; }

.entry-content .un-cmp th { background: #000 !important; color: #fff !important; }

.un-toc .un-toc__cat a.un-toc__more { display: inline-block; width: auto; font-size: 13px; line-height: 1.4; padding: 6px 14px; margin-top: 10px; border-radius: 999px; }
.un-toc .un-toc__cat a.un-toc__more small { display: none; }

.entry-content .un-cmp td { vertical-align: top; font-size: 14px; line-height: 1.5; }
.entry-content .un-cmp td b { font-size: 20px; font-weight: 700; color: #000; line-height: 1.3; }
.entry-content .un-cmp td small { display: inline-block; font-size: 12px; color: #666; line-height: 1.4; margin-bottom: 4px; }

/* サービスカード内のサイト画像（見出しとリストの間） */
.entry-content h3 + .un-shot { background: var(--un-white, #fff); margin: 0 !important; padding: 8px 24px 4px; }
.entry-content h3 + .un-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--un-line, #E6E6E6); border-radius: 10px; }
.entry-content h3 + .un-shot figcaption { font-size: 12px; color: var(--un-sub, #666); margin: 6px 0 0; text-align: left; }

/* 投稿日を表示しない（記事・記事一覧・関連記事） */
.entry-meta time, time.entry-time, time.pubdate, time.updated, .sng-link-time, .post-date, .wp-block-post-date, .jp-relatedposts-post-date { display: none !important; }

.un-toc .un-toc__cat a.un-toc__more { display: block; width: 100%; box-sizing: border-box; text-align: center; font-size: 15px; line-height: 1.5; padding: 12px 16px; margin-top: 14px; border-radius: 999px; background: var(--un-black, #000); color: #fff !important; }
.un-toc .un-toc__cat a.un-toc__more::after { content: " →"; color: var(--un-yellow, #FFF200); }
.un-toc .un-toc__cat a.un-toc__more:hover { background: #333; }

/* サービス比較TOP：カテゴリカード（画像・関連記事・高さをそろえる） */
.un-toc .un-toc__cat { display: flex; flex-direction: column; padding: 0 16px 16px; overflow: hidden; }
.un-toc .un-toc__cat > a.un-toc__img { display: block; margin: 0 -16px 14px; padding: 0; background: #F0F0F0; }
.un-toc .un-toc__cat > a.un-toc__img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0; }
.un-toc .un-toc__cat > a.un-toc__img:hover { text-decoration: none; opacity: .9; }
.un-toc .un-toc__need { min-height: 3em; }
.un-toc .un-toc__list { flex-grow: 1; align-content: flex-start; }
.un-toc .un-toc__cat > a.un-toc__article { display: block; margin-top: 14px; padding: 10px 14px; background: #fff; border-radius: 10px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #000; text-decoration: none; }
.un-toc .un-toc__cat > a.un-toc__article small { display: block; font-family: inherit; font-size: 11px; font-weight: 700; color: #666; background: none; padding: 0; border-radius: 0; }
.un-toc .un-toc__cat > a.un-toc__article::after { content: " →"; }
.un-toc .un-toc__cat > a.un-toc__article:hover { text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 3px; }

/* 固定ページ用の共通アイキャッチは本文に表示しない（OGP・検索一覧用） */
.type-page .post-thumbnail:has(img[src*="upnow-media-ogp"]), .type-page .post-thumbnail:has(img[srcset*="upnow-media-ogp"]) { display: none !important; }

/* ご利用ガイドTOP：運営のヒント（mediaへの導線） */
.ug-tips .ug-card__tag { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; line-height: 1.4; color: #000; background: #FFF200; border-radius: 999px; padding: 2px 10px; margin: 0 0 6px; }
.ug-tips .ug-more { margin: 16px 0 0 !important; text-align: right; }
.ug-tips .ug-more a { font-size: 15px; font-weight: 700; color: #000; text-decoration: underline; text-decoration-color: #FFF200; text-decoration-thickness: 3px; text-underline-offset: 4px; }
.ug-tips .ug-more a::after { content: " →"; }

/* サイドバー整理：テーマ既定の枠・影を外し、グレーのカードで区切る */
#sidebar1 .widget:has(.um-side) { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; }
#sidebar1 .um-side { display: flex; flex-direction: column; gap: 16px; }
#sidebar1 .um-side > * { margin: 0 !important; }
#sidebar1 .um-side p:empty { display: none; }
#sidebar1 .um-side__box { background: #F2F2F2; border-radius: 12px; padding: 18px 18px 12px; }
#sidebar1 .um-side__title { font-size: 15px; font-weight: 700; letter-spacing: 0; color: #000; margin: 0 0 10px !important; }
#sidebar1 .um-side__title::after { content: ""; display: block; width: 28px; height: 4px; margin-top: 6px; background: #FFF200; border-radius: 999px; }
#sidebar1 .um-side__entry li, #sidebar1 .um-side__cats li { border: 0 !important; }
#sidebar1 .um-side__entry li + li, #sidebar1 .um-side__cats > li + li { border-top: 1px solid #E2E2E2 !important; }
#sidebar1 .um-side__entry a { position: relative; padding: 10px 22px 10px 2px; }
#sidebar1 .um-side__entry a::after { content: "→"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #000; }
#sidebar1 .um-side__cats .children a { background: #fff; }
#sidebar1 .um-side__search { margin: 0 !important; }
#sidebar1 .um-side__search .wp-block-search__inside-wrapper { display: flex; gap: 6px; border: 0; padding: 0; background: none; box-shadow: none; }
#sidebar1 .um-side__search .wp-block-search__input { height: 44px; padding: 0 16px; border: 1px solid #ddd !important; border-radius: 999px !important; box-shadow: none !important; font-size: 14px; background: #fff; }
#sidebar1 .um-side__search .wp-block-search__button { height: 44px; margin: 0; padding: 0 18px; border: 0; border-radius: 999px !important; background: #FFF200 !important; color: #000 !important; font-size: 14px !important; font-weight: 700; line-height: 44px; }
#sidebar1 .um-side__search .wp-block-search__button::before, #sidebar1 .um-side__search .wp-block-search__button::after { content: none !important; display: none !important; }
#sidebar1 .um-side__about { text-align: right; }
#sidebar1 .um-side__cats, #sidebar1 .um-side__cats ul, #sidebar1 .um-side__box ul { background: transparent !important; box-shadow: none !important; }
#sidebar1 .um-side__cats > li > a { padding-left: 2px; }
#sidebar1 .um-side__search .wp-block-search__button { flex: none; white-space: nowrap; width: auto; min-width: 64px; }
#sidebar1 .um-side__search .wp-block-search__input { flex: 1 1 auto; min-width: 0; }
#sidebar1 .um-side__entry b, #sidebar1 .um-side__cats > li > a { color: #000 !important; }

/* ---------- 記事冒頭「この記事の要点」ボックス ---------- */
.entry-content .um-digest { background: #fff !important; border: 2px solid #000; border-radius: 12px; padding: 20px 24px !important; margin: 28px 0 8px; }
.entry-content .um-digest p { margin: 0 0 10px; font-size: 15px; }
.entry-content .um-digest ul { border: 0 !important; background: none !important; margin: 0 !important; padding: 0 0 0 1.4em !important; }
.entry-content .um-digest li { margin: 0; padding: 3px 0; font-size: 15px; line-height: 1.8; }

/* ---------- 記事冒頭「取材対象の紹介」 ---------- */
.entry-content .um-profile { background: #F7F7F7; border-radius: 12px; padding: 20px 24px !important; margin: 28px 0 12px; overflow: hidden; }
.entry-content .um-profile p { margin: 0 0 8px; font-size: 15px; line-height: 1.9; }
.entry-content .um-profile p:last-child { margin-bottom: 0; }
.entry-content .um-profile__label { display: inline-block; font-family: var(--un-en, sans-serif); font-size: 11px; font-weight: 700; letter-spacing: .14em; background: #000; color: #fff; border-radius: 999px; padding: 3px 12px; margin: 0 0 10px !important; line-height: 1.6; }
.entry-content .um-profile__name { font-size: 17px !important; font-weight: 700; line-height: 1.5; }
.entry-content .um-profile__name small { display: block; font-size: 13px; font-weight: 400; color: #666; margin-top: 3px; }
.entry-content .um-profile__link { font-size: 14px !important; font-weight: 700; }
.entry-content .um-profile__img { float: right; width: 120px; margin: 0 0 12px 20px !important; }
.entry-content .um-profile__img img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; }
@media (max-width: 600px) {
  .entry-content .um-profile { padding: 16px 18px !important; }
  .entry-content .um-profile__img { float: none; width: 88px; margin: 0 0 12px !important; }
}

/* ---------- 記事末尾「よくある質問」 ---------- */
.entry-content .um-faq { margin: 8px 0 40px; }
.entry-content .um-faq__q { position: relative; font-weight: 700; font-size: 17px !important; line-height: 1.7; margin: 24px 0 8px !important; padding-left: 30px; }
.entry-content .um-faq__q::before { content: "Q"; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; font-family: var(--un-en, sans-serif); font-size: 13px; font-weight: 700; color: #000; background: var(--un-yellow, #FFF200); border-radius: 50%; }
.entry-content .um-faq__a { position: relative; margin: 0 !important; padding-left: 30px; font-size: 16px !important; line-height: 1.95; }
.entry-content .um-faq__a::before { content: "A"; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; font-family: var(--un-en, sans-serif); font-size: 13px; font-weight: 700; color: #fff; background: #000; border-radius: 50%; }
.entry-content .um-faq__q:first-child { margin-top: 0 !important; }
@media (max-width: 600px) {
  .entry-content .um-faq__q { font-size: 16px !important; padding-left: 26px; }
  .entry-content .um-faq__a { font-size: 15px !important; padding-left: 26px; }
  .entry-content .um-faq__q::before, .entry-content .um-faq__a::before { width: 19px; height: 19px; font-size: 11px; }
}

/* v7 detail pages */
.un-shot img{max-height:420px;object-fit:cover;object-position:top center}
.un-shot figcaption{font-size:11px;color:#8a8a8a;margin-top:6px}
.un-svc__shot img{max-height:300px;object-fit:cover;object-position:top center}


/* v7 detail page title hide (all service categories) */
:is(.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .page-title{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;white-space:nowrap !important;border:0 !important;clip-path:inset(50%) !important}
:is(.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .page-header{margin-bottom:0 !important;padding-bottom:0 !important}


/* v8 service detail design system */

.parent-pageid-861 .page-title{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0 !important;padding:0 !important}
.un-ota{margin:0 0 30px}
.un-ota__img{margin:18px 0 20px !important;border-radius:14px;overflow:hidden;background:#f4f4f4;line-height:0}
.un-ota__img img{width:100%;height:auto;max-height:400px;object-fit:cover;object-position:top center;display:block}
.un-ota__cat{display:inline-block;margin:0 0 12px !important;font-size:11px;font-weight:700;letter-spacing:.1em;color:#1a1a1a;background:#FFF200;border-radius:4px;padding:5px 10px;line-height:1}
.un-ota__name{margin:0 0 6px !important;font-size:32px;font-weight:700;line-height:1.35;color:#111;letter-spacing:-.01em;word-break:auto-phrase;line-break:strict}
.un-ota__by{margin:0 0 16px !important;font-size:14px;color:#8a8a8a;line-height:1.6}
.un-ota__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px !important;padding:0 !important;list-style:none !important}
.un-ota__tags li{margin:0 !important;list-style:none !important;font-size:12px;font-weight:600;line-height:1.4;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:6px 11px}
.un-ota__tags li::before{content:none !important}
.un-ota__tags li::marker{content:"" !important}
.un-ota__cta{margin:0 0 10px !important}
.un-ota__cta a{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff !important;font-size:15px;font-weight:700;line-height:1;padding:17px 30px;border-radius:8px;text-decoration:none !important;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.un-ota__cta a::after{content:"↗";font-size:13px;color:#FFF200}
.un-ota__cta a:hover{background:#000}
.un-ota__cap{margin:0 !important;font-size:11px;color:#a5a5a5;line-height:1.6}
.un-spec{margin:34px 0}
.un-spec__h{position:relative;margin:0 0 4px !important;padding:0 0 0 14px !important;font-size:13px;font-weight:700;letter-spacing:.08em;color:#8a8a8a;line-height:1.4}
.un-spec__h::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:#FFF200;border-radius:2px}
.un-spec__t{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0 0;border:1px solid #ededed;border-radius:12px;overflow:hidden}
.un-spec__t tr:not(:last-child) th,.un-spec__t tr:not(:last-child) td{border-bottom:1px solid #ededed}
.un-spec__t th{width:180px;background:#FBFBFB;border-right:1px solid #ededed;padding:18px 18px;text-align:left;vertical-align:top;font-size:13px;font-weight:700;color:#6b6b6b;letter-spacing:.02em;line-height:1.7;white-space:nowrap}
.un-spec__t td{padding:18px 20px;vertical-align:top;background:#fff}
.un-v{margin:0 !important;font-size:16px;font-weight:700;line-height:1.75;color:#111;word-break:auto-phrase;line-break:strict}
.un-vl{margin:0 !important;padding:0 !important;list-style:none !important}
.un-vl li{position:relative;margin:0 0 7px !important;padding:0 0 0 16px !important;list-style:none !important;font-size:15px;font-weight:600;line-height:1.85;color:#1a1a1a;word-break:auto-phrase;line-break:strict}
.un-vl li:last-child{margin-bottom:0 !important}
.un-vl li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#FFF200;box-shadow:0 0 0 1px #e3d500}
.un-vl li::marker{content:"" !important}
.un-sub{margin:8px 0 0 !important;font-size:13px;line-height:1.9;color:#777;word-break:auto-phrase;line-break:strict}
.un-na{display:inline-block;font-size:13px;font-weight:700;line-height:1;color:#9a9a9a;background:#f3f3f3;border-radius:5px;padding:7px 11px}
.un-url{margin:0 !important;font-size:14px;line-height:1.7}
.un-url a{color:#1a56c4 !important;text-decoration:underline !important;text-underline-offset:3px;word-break:break-all}
.un-url a::after{content:" ↗";font-size:11px;text-decoration:none}
.un-spec__note{margin:12px 2px 0 !important;font-size:12px;color:#9a9a9a;line-height:1.9}
@media(max-width:700px){.un-ota__name{font-size:23px}.un-spec__t{border-radius:10px}.un-spec__t,.un-spec__t tbody,.un-spec__t tr,.un-spec__t th,.un-spec__t td{display:block;width:auto}.un-spec__t th{border-right:0;border-bottom:1px solid #ededed;padding:12px 14px;white-space:normal}.un-spec__t td{padding:14px}.un-spec__t tr:not(:last-child) td{border-bottom:1px solid #ededed}.un-v{font-size:15px}.un-vl li{font-size:14px}}



/* v9 un-fit (向いているケース) */
.un-fit{margin:30px 0 26px;padding:22px 24px 20px;background:#FBFBFB;border:1px solid #ededed;border-radius:12px}
.un-fit > p{position:relative;margin:0 0 14px !important;padding-left:14px;font-size:15px;font-weight:700;letter-spacing:.04em;color:#111;line-height:1.5}
.un-fit > p::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:#FFF200}
.un-fit ul{margin:0 !important;padding:0 !important;list-style:none !important}
.un-fit li{position:relative;margin:0 0 10px !important;padding-left:20px;font-size:16px;font-weight:700;line-height:1.75;color:#111;list-style:none !important}
.un-fit li:last-child{margin-bottom:0 !important}
.un-fit li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:#FFF200;box-shadow:0 0 0 1px #e3d500}
@media(max-width:700px){.un-fit{padding:18px 16px 16px}.un-fit li{font-size:15px}}


/* v10 guide symptom + child footer */
.ug-sym__d{margin:0 0 16px !important;font-size:14px;color:#666;line-height:1.8}
.ug-sym__ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 !important;padding:0 !important;list-style:none !important}
.ug-sym__ul li{margin:0 !important;padding:0 !important;list-style:none !important}
.ug-sym__ul li::before{display:none !important}
.ug-sym__ul a{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px 12px 14px;font-size:15px;font-weight:700;line-height:1.5;color:#111 !important;text-decoration:none !important;background:#fff;border:1px solid #e4e4e4;border-radius:10px;transition:border-color .15s,background .15s}
.ug-sym__ul a::before{content:"";flex:0 0 auto;width:4px;align-self:stretch;margin:2px 0;border-radius:2px;background:#FFF200}
.ug-sym__ul a:hover{border-color:#111;background:#FBFBFB}
@media(max-width:700px){.ug-sym__ul{grid-template-columns:1fr}.ug-sym__ul a{font-size:14px;min-height:50px}}
.ug-foot{margin:40px 0 0;padding:22px 0 0;border-top:1px solid #ededed}
.ug-foot__s{display:flex;gap:8px;align-items:stretch;margin:0 0 22px}
.ug-foot__i{height:48px;flex:1;min-width:0;padding:0 14px;font-size:16px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;color:#1a1a1a;box-sizing:border-box;-webkit-appearance:none;margin:0}
.ug-foot__b{height:48px;flex:0 0 auto;padding:0 20px;font-size:14px;font-weight:700;color:#fff;background:#111;border:0;border-radius:10px;cursor:pointer}
.ug-foot__h{margin:0 0 10px !important;font-size:13px;font-weight:700;letter-spacing:.06em;color:#6b6b6b}
.ug-foot__ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 16px !important;padding:0 !important;list-style:none !important}
.ug-foot__ul li{margin:0 !important;padding:0 !important;list-style:none !important}
.ug-foot__ul li::before{display:none !important}
.ug-foot__ul a{display:block;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.5;color:#111 !important;text-decoration:none !important;background:#FBFBFB;border:1px solid #ededed;border-radius:8px}
.ug-foot__ul a:hover{border-color:#111}
.ug-foot__back{display:inline-block;font-size:14px;font-weight:700;color:#111 !important;text-decoration:none !important;border-bottom:2px solid #FFF200;padding-bottom:2px}
.ug-foot__ask{margin:20px 0 6px !important;font-size:13px;color:#555;line-height:1.9}
.ug-foot__ask a{color:#1a56c4 !important;text-decoration:underline !important}
.ug-foot__upd{margin:0 !important;font-size:12px;color:#9a9a9a}
@media(max-width:700px){.ug-foot__ul{grid-template-columns:1fr}}


/* v11 guide foot override */
.ug-foot{text-align:left !important}
.ug-foot p{text-align:left;margin:14px 0 0}
.ug-foot .ug-foot__back{display:inline-block !important;align-items:initial;gap:0 !important;padding:0 0 2px !important;font-size:14px !important;font-weight:700 !important;color:#111 !important;background:none !important;border-radius:0 !important;border-bottom:2px solid #FFF200 !important;text-decoration:none !important}
.ug-foot .ug-foot__back::before{content:"" !important;display:none !important}
.ug-foot .ug-foot__ul a{text-align:left !important}
.ug-foot .ug-foot__ask{font-size:13px !important;color:#555 !important;margin:20px 0 6px !important;line-height:1.9}
.ug-foot .ug-foot__upd{font-size:12px !important;color:#9a9a9a !important;margin:0 !important}
.ug-foot .ug-foot__h{font-size:13px !important;color:#6b6b6b !important;margin:0 0 10px !important}


/* v12 guide hero audience + use cases */
.ug-hero .ug-hero__for{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px !important;font-size:13px;font-weight:700;letter-spacing:.04em;color:#fff}
.ug-hero .ug-hero__for span{display:inline-block;padding:5px 10px;font-size:11px;letter-spacing:.1em;color:#111;background:#FFF200;border-radius:4px}
.ug-hero .ug-hero__d{margin:12px 0 20px !important;font-size:15px;line-height:1.9;color:rgba(255,255,255,.82)}
.ug-hero .ug-hero__guest{display:inline-block;padding:0 0 3px;font-size:14px;font-weight:700;color:#fff !important;text-decoration:none !important;background:none !important;border:0 !important;border-bottom:2px solid #FFF200 !important;border-radius:0 !important}
.ug-hero .ug-hero__guest:hover{border-bottom-color:#fff !important}
.ug-use__ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 !important;padding:0 !important;list-style:none !important}
.ug-use__ul li{margin:0 !important;padding:0 !important;list-style:none !important}
.ug-use__ul li::before{display:none !important}
.ug-use__ul a{display:block;height:100%;padding:18px 18px 16px;color:#111 !important;text-decoration:none !important;background:#fff;border:1px solid #e4e4e4;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.ug-use__ul a:hover{border-color:#111;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ug-use__ul b{display:block;position:relative;margin:0 0 8px;padding-left:12px;font-size:16px;font-weight:700;line-height:1.5}
.ug-use__ul b::before{content:"";position:absolute;left:0;top:4px;bottom:3px;width:4px;border-radius:2px;background:#FFF200}
.ug-use__ul span{display:block;padding-left:12px;font-size:13px;line-height:1.8;color:#666}
@media(max-width:900px){.ug-use__ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ug-use__ul{grid-template-columns:1fr}.ug-use__ul a{padding:15px 15px 14px}.ug-use__ul b{font-size:15px}}


/* v13 guide audience bar */
.ug-aud{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px !important;padding:10px 14px;font-size:13px;line-height:1.7;color:#666;text-align:left;background:#FBFBFB;border:1px solid #ededed;border-radius:8px}
.ug-aud > span{flex:0 0 auto;padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#111;background:#FFF200;border-radius:4px}
.ug-aud--g > span{color:#fff;background:#111}
.ug-aud a{color:#1a56c4 !important;text-decoration:underline !important}
@media(max-width:620px){.ug-aud{font-size:12px;padding:9px 12px}}


/* v14 guide audience bar fix */
.ug-aud{display:block !important}
.ug-aud > span{display:inline-block;margin:0 8px 0 0;position:relative;top:-1px}


/* v15 guide hero size */
.ug-hero .ug-hero__for{gap:12px;margin:0 0 16px !important;font-size:19px !important;font-weight:700;line-height:1.5}
.ug-hero .ug-hero__for span{padding:7px 12px;font-size:14px !important;letter-spacing:.06em;border-radius:5px}
.ug-hero .ug-hero__d{font-size:16px !important;line-height:1.95;color:rgba(255,255,255,.88)}
.ug-hero .ug-hero__guest{font-size:15px !important}
@media(max-width:620px){.ug-hero .ug-hero__for{font-size:17px !important;gap:10px}.ug-hero .ug-hero__for span{font-size:13px !important;padding:6px 10px}.ug-hero .ug-hero__d{font-size:15px !important}}


/* v16 course soon */
.um-course__list .um-course__soon > span{display:block;height:100%;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.3);border-radius:10px;cursor:default}
.um-course__list .um-course__soon small{opacity:.55}
.um-course__list .um-course__soon b{opacity:.6}
.um-course__list .um-course__soon em{display:inline-block;margin-top:8px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.06em;color:#111;background:#FFF200;border-radius:4px;opacity:.85}


/* v17 hub guide design system */

:is(.page-id-663,.page-id-1888,.page-id-1895) #main{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}
:is(.page-id-663,.page-id-1888,.page-id-1895) .entry-content{padding-left:0 !important;padding-right:0 !important}
@media(max-width:1000px){:is(.page-id-663,.page-id-1888,.page-id-1895) .entry-content{padding-left:16px !important;padding-right:16px !important}}
.ug-hero{background:#121212;color:#fff;border-radius:18px;padding:40px 44px;margin:6px 0 20px}
.ug-hero .ug-hero__label{margin:0 0 10px !important;font-size:11px;font-weight:700;letter-spacing:.18em;color:#FFF200}
.ug-hero .ug-hero__h{margin:0 0 14px !important;font-size:30px;font-weight:700;line-height:1.5;color:#fff;word-break:auto-phrase;line-break:strict}
.ug-hero .ug-hero__lead{margin:0 0 24px !important;font-size:15px;line-height:2;color:#c9c9c9;word-break:auto-phrase;line-break:strict}
.ug-hero__pics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ug-hero__pics span{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#2a2a2a;line-height:0}
.ug-hero__pics img{width:100%;height:100%;object-fit:cover;display:block}
.ug-jump{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);padding:12px 0;margin:0 0 28px;border-bottom:1px solid #ececec}
.ug-jump a{display:block;font-size:12px;font-weight:700;line-height:1.55;color:#444 !important;text-decoration:none !important;border:1px solid #e0e0e0;border-radius:10px;padding:10px 12px;background:#fff}
.ug-jump a small{display:block;font-size:10px;letter-spacing:.1em;color:#9a9a9a;margin:0 0 3px}
.ug-jump a:hover{border-color:#1a1a1a;color:#1a1a1a !important}
.ug-ch{border-top:2px solid #1a1a1a;padding:26px 0 34px;scroll-margin-top:76px}
.ug-ch .ug-ch__n{margin:0 0 8px !important;font-size:11px;font-weight:700;letter-spacing:.16em;color:#9a9a9a}
.ug-ch .ug-ch__h{margin:0 0 14px !important;font-size:26px;font-weight:700;line-height:1.55;color:#111;word-break:auto-phrase;line-break:strict}
.ug-ch .ug-ch__d{margin:0 0 22px !important;font-size:16px;line-height:2.05;color:#444;word-break:auto-phrase;line-break:strict}
.ug-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 !important;padding:0 !important;list-style:none !important}
.ug-cards li{margin:0 !important;list-style:none !important}
.ug-cards li::before{content:none !important}
.ug-cards a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:10px;text-decoration:none !important}
.ug-cards a:hover{border-color:#1a1a1a}
.ug-card__t{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#f2f2f2;margin:0 0 10px;line-height:0}
.ug-card__t img{width:100%;height:100%;object-fit:cover;display:block}
.ug-card__x{display:block;padding:0 4px 4px;font-size:14px;font-weight:700;line-height:1.7;color:#1a1a1a}
.ug-ch__svc{margin:18px 0 0 !important;font-size:15px;font-weight:700}
.ug-ch__svc a{display:inline-block;color:#1a1a1a !important;text-decoration:none !important;background:#FFF9B8;border-radius:999px;padding:11px 20px}
.ug-ch__svc a::after{content:" →"}
.ug-ch__svc a:hover{background:#FFF200}
.ug-next{border-top:2px solid #1a1a1a;padding:26px 0 10px}
.ug-next .ug-next__h{margin:0 0 16px !important;font-size:20px;font-weight:700}
.ug-next__g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ug-next__c{display:block !important;flex-direction:column !important;background:#FAFAFA;border:1px solid #ececec;border-radius:14px;padding:22px 24px;text-decoration:none !important}
.ug-next__c:hover{border-color:#1a1a1a}
.ug-next__c::after{content:none !important}
.ug-next__c b{display:block;font-size:18px;font-weight:700;line-height:1.5;color:#1a1a1a;margin:0 0 8px}
.ug-next__c b::after{content:" →"}
.ug-next__c span{display:block;font-size:14px;line-height:1.95;color:#555;word-break:auto-phrase;line-break:strict}
@media(max-width:1000px){.ug-jump{grid-template-columns:repeat(2,1fr)}.ug-cards{grid-template-columns:1fr 1fr}.ug-next__g{grid-template-columns:1fr}}
@media(max-width:700px){.ug-hero{padding:26px 20px}.ug-hero .ug-hero__h{font-size:22px}.ug-hero .ug-hero__lead{font-size:14px}.ug-ch .ug-ch__h{font-size:21px}.ug-ch .ug-ch__d{font-size:15px}.ug-jump a{font-size:11px;padding:9px 10px}}
.ug-about{background:#FAFAFA;border-radius:16px;padding:30px 32px;margin:0 0 26px}
.ug-about .ug-about__label{margin:0 0 8px !important;font-size:11px;font-weight:700;letter-spacing:.16em;color:#9a9a9a}
.ug-about .ug-about__h{margin:0 0 10px !important;font-size:22px;font-weight:700;line-height:1.5;color:#111}
.ug-about .ug-about__d{margin:0 0 20px !important;font-size:15px;line-height:2;color:#555;word-break:auto-phrase;line-break:strict}
.ug-about__g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ug-about__c{display:block !important;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:16px 18px;text-decoration:none !important}
.ug-about__c::after{content:none !important}
.ug-about__c:hover{border-color:#1a1a1a}
.ug-about__c b{display:block;font-size:15px;font-weight:700;line-height:1.5;color:#1a1a1a;margin:0 0 6px}
.ug-about__c b::after{content:" →"}
.ug-about__c span{display:block;font-size:12px;line-height:1.85;color:#666;word-break:auto-phrase;line-break:strict}
.ug-pts{margin:0 0 22px !important;padding:16px 20px !important;background:#FFFDF0;border-left:4px solid #FFF200;border-radius:0 12px 12px 0;list-style:none !important}
.ug-pts li{margin:0 0 8px !important;padding:0 0 0 22px !important;position:relative;font-size:15px;font-weight:700;line-height:1.8;color:#1a1a1a;list-style:none !important}
.ug-pts li:last-child{margin-bottom:0 !important}
.ug-pts li::before{content:"✓";position:absolute;left:0;top:0;color:#111;font-weight:700}
.ug-pts li::marker{content:"" !important}
.ug-ch--base{border-top-color:#ddd}
.ug-jump{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.ug-about__g{grid-template-columns:1fr 1fr}.ug-about{padding:22px 20px}.ug-jump{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ug-about .ug-about__h{font-size:19px}.ug-pts li{font-size:14px}}



/* v18 issues more link */
.ug-ch__more{margin:18px 0 0 !important}
.ug-ch__more a{display:inline-block;padding:0 0 2px;font-size:14px;font-weight:700;color:#111 !important;text-decoration:none !important;border-bottom:2px solid #FFF200}
.ug-ch__more a:hover{border-bottom-color:#111}


/* v19 header logo */
@media (min-width:1030px){
#inner-header .header-logo{flex:0 0 auto !important;margin-right:22px !important}
#inner-header .header-logo img{width:auto !important;max-width:none !important;height:54px !important}
#inner-header .desktop-nav > ul > li > a{padding-left:11px !important;padding-right:11px !important}
}
@media (min-width:1030px) and (max-width:1200px){
#inner-header .desktop-nav > ul > li > a{padding-left:8px !important;padding-right:8px !important;font-size:13px !important}
#inner-header .header-logo img{height:48px !important}
}


/* v20 header logo size */
@media (min-width:1201px){
#inner-header .header-logo{margin-right:34px !important}
#inner-header .header-logo img{height:66px !important;width:auto !important;max-width:none !important}
}
@media (min-width:1030px) and (max-width:1200px){
#inner-header .header-logo{margin-right:20px !important}
#inner-header .header-logo img{height:56px !important;width:auto !important;max-width:none !important}
}


/* v21 header narrow band */
@media (min-width:1030px) and (max-width:1120px){
#inner-header .header-logo{margin-right:10px !important}
#inner-header .header-logo img{height:48px !important}
#inner-header .desktop-nav > ul > li > a{padding-left:6px !important;padding-right:6px !important;font-size:12.5px !important}
}


/* v22 service eyecatch hide */
:is(.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .eyecatch{display:none !important}


/* v23 service thumb hide */
:is(.parent-pageid-840,.parent-pageid-845,.parent-pageid-850,.parent-pageid-855,.parent-pageid-861,.parent-pageid-867,.parent-pageid-1199,.parent-pageid-1216,.parent-pageid-1296) .article-header .post-thumbnail{display:none !important}


/* v24 category page blocks */
.un-lead{margin:0 0 40px;padding:26px 28px;background:#111;border-radius:14px}
.un-lead__h{margin:0 0 12px !important;font-size:22px;font-weight:700;line-height:1.5;color:#fff}
.un-lead__d{margin:0 0 20px !important;font-size:15px;line-height:1.9;color:rgba(255,255,255,.82)}
.un-lead__g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.un-lead__c{display:block;padding:16px 16px 14px;background:#fff;border-radius:10px;text-decoration:none !important;transition:transform .15s}
.un-lead__c:hover{transform:translateY(-2px)}
.un-lead__k{display:inline-block;margin:0 0 8px;padding:4px 9px;font-size:11px;font-weight:700;color:#111 !important;background:#FFF200;border-radius:4px}
.un-lead__c b{display:block;font-size:17px;font-weight:700;line-height:1.4;color:#111 !important}
.un-lead__v{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:#666 !important}
.un-lead__n{margin:16px 0 0 !important;font-size:12px;color:rgba(255,255,255,.6)}
.un-card{margin:0 0 20px;padding:24px 26px;background:#fff;border:1px solid #e4e4e4;border-radius:14px}
.un-card__h{display:flex;align-items:baseline;gap:10px;margin:0 0 6px !important;font-size:21px;font-weight:700;line-height:1.4;color:#111}
.un-card__n{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.08em;color:#111;background:#FFF200;border-radius:4px;padding:4px 8px}
.un-card__sum{margin:0 0 4px !important;font-size:15px;font-weight:700;line-height:1.6;color:#555}
.un-card__by{margin:0 0 16px !important;font-size:13px;color:#8a8a8a}
.un-card__spec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px !important;padding:0 !important;list-style:none !important}
.un-card__spec li{margin:0 !important;padding:11px 12px;background:#FBFBFB;border:1px solid #ededed;border-radius:8px;list-style:none !important}
.un-card__spec li::before{display:none !important}
.un-card__spec span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8a8a8a}
.un-card__spec b{display:block;margin-top:4px;font-size:16px;font-weight:700;line-height:1.4;color:#111}
.un-card__pt{margin:0 0 14px !important;padding:0 !important;list-style:none !important}
.un-card__pt li{position:relative;margin:0 0 8px !important;padding-left:20px;font-size:15px;line-height:1.8;color:#111;list-style:none !important}
.un-card__pt li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#FFF200;box-shadow:0 0 0 1px #e3d500}
.un-card__note{margin:0 0 18px !important;padding:11px 14px;font-size:13px;line-height:1.85;color:#6b6b6b;background:#FBFBFB;border-radius:8px}
.un-card__cta a{display:inline-block;padding:13px 24px;font-size:14px;font-weight:700;color:#111 !important;text-decoration:none !important;background:#FFF200;border-radius:999px}
.un-card__cta a:hover{filter:brightness(.95)}
.un-purp{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 10px}
.un-purp__i{padding:20px 22px;background:#FBFBFB;border:1px solid #ededed;border-radius:12px}
.un-purp__t{position:relative;margin:0 0 10px !important;padding-left:14px;font-size:17px;font-weight:700;line-height:1.5;color:#111}
.un-purp__t::before{content:"";position:absolute;left:0;top:4px;bottom:3px;width:4px;border-radius:2px;background:#FFF200}
.un-purp__d{margin:0 0 12px !important;font-size:14px;line-height:1.9;color:#555}
.un-purp__l a{display:inline-block;margin:0 8px 6px 0;padding:7px 14px;font-size:13px;font-weight:700;color:#111 !important;text-decoration:none !important;background:#fff;border:1px solid #d8d8d8;border-radius:999px}
.un-purp__l a:hover{border-color:#111}
.un-pol{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #ededed;border-radius:12px;overflow:hidden}
.un-pol th{width:150px;padding:13px 16px;text-align:left;font-size:13px;font-weight:700;color:#6b6b6b;background:#FBFBFB;border-bottom:1px solid #ededed;white-space:nowrap;vertical-align:top}
.un-pol td{padding:13px 16px;font-size:14px;line-height:1.85;color:#111;border-bottom:1px solid #ededed}
.un-pol tr:last-child th,.un-pol tr:last-child td{border-bottom:0}
@media(max-width:820px){.un-lead__g{grid-template-columns:1fr}.un-purp{grid-template-columns:1fr}}
@media(max-width:700px){.un-lead{padding:20px 18px}.un-lead__h{font-size:19px}.un-card{padding:18px 16px}.un-card__h{font-size:18px}.un-card__spec{grid-template-columns:1fr;gap:8px}.un-pol th{width:110px;padding:11px 12px;font-size:12px;white-space:normal}.un-pol td{padding:11px 12px;font-size:13px}}


/* v25 category full width */
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #main{max-width:none !important;width:100% !important;margin:0 auto !important;padding-right:0 !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #inner-content{max-width:1180px !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #entry,:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .entry-content{max-width:none !important;width:100% !important}


/* v26 card image layout */
.un-card{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start}
.un-card__img{grid-column:1;margin:0 !important;border-radius:10px;overflow:hidden;border:1px solid #ededed;background:#fafafa}
.un-card__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}
.un-card__body{grid-column:2;min-width:0}
.un-card__body > *:first-child{margin-top:0 !important}
@media(max-width:860px){.un-card{grid-template-columns:1fr;gap:16px}.un-card__img,.un-card__body{grid-column:1}}

/* ===== v27 category card left column ===== */
.un-card{grid-template-columns:300px 1fr !important;gap:24px !important}
.un-card__l{display:block}
.un-card__l .un-card__img{margin:0 0 12px !important}
.un-card__l .un-card__img img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;height:auto;display:block;border:1px solid #ededed;border-radius:8px}
.un-card__l .un-card__spec{display:block !important;grid-template-columns:none !important;gap:0 !important;margin:0 !important;border:1px solid #ededed;border-radius:8px;overflow:hidden}
.un-card__l .un-card__spec li{display:flex !important;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px !important;background:#FBFBFB;border:0 !important;border-radius:0 !important;border-top:1px solid #ededed !important}
.un-card__l .un-card__spec li:first-child{border-top:0 !important}
.un-card__l .un-card__spec span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8a8a8a;flex:0 0 auto}
.un-card__l .un-card__spec b{font-size:14px;line-height:1.5;text-align:right}
@media (max-width:860px){.un-card{grid-template-columns:1fr !important}.un-card__l .un-card__img img{aspect-ratio:16/9}}

/* ===== v28 category faq / readability / compare table ===== */
.un-faq{margin:0 0 26px}
.un-faq__i{border:1px solid #ededed;border-radius:10px;background:#fff;padding:18px 22px;margin:0 0 12px}
.un-faq__q{position:relative;margin:0 0 10px !important;padding-left:32px;font-size:17px;font-weight:700;line-height:1.6;color:#111}
.un-faq__q::before{content:"Q";position:absolute;left:0;top:2px;width:23px;height:23px;line-height:23px;text-align:center;border-radius:5px;background:#FFF200;color:#111;font-size:12px;font-weight:700}
.un-faq__a{padding-left:32px}
.un-faq__a p{margin:0 !important;font-size:15px;line-height:1.95;color:#333}
.un-axis__lead,.un-axis__d,.un-note__d{font-size:15px !important;line-height:1.95 !important;color:#333 !important}
.un-axis__t{font-size:16px !important}
.un-cmp table{font-size:14px}
.un-cmp th,.un-cmp td{padding:12px !important;vertical-align:top;line-height:1.7}
.un-cmp td:nth-child(3),.un-cmp td:nth-child(5){white-space:nowrap;font-weight:700}
.un-cmp td:nth-child(4){font-weight:700}
.un-cmp td:last-child{font-size:13px;color:#555}
@media (max-width:860px){.un-cmp{overflow-x:auto}.un-cmp table{min-width:780px}.un-faq__i{padding:16px}}

/* ===== v29 category hero ===== */
.un-hero{border:1px solid #ededed;border-radius:14px;background:#fff;padding:28px 30px;margin:0 0 22px}
.un-hero__lead{margin:0 0 22px !important;font-size:19px;line-height:1.85;font-weight:600;color:#111}
.un-hero__lead b{font-weight:800;background:linear-gradient(transparent 62%,#FFF200 62%)}
.un-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 26px !important;padding:0 !important;border:1px solid #ededed;border-radius:12px;overflow:hidden}
.un-hero__stats li{margin:0 !important;padding:16px 10px !important;background:#FBFBFB;border-left:1px solid #ededed;text-align:center;list-style:none !important}
.un-hero__stats li::before{display:none !important}
.un-hero__stats li:first-child{border-left:0}
.un-hero__stats b{display:block;font-size:30px;line-height:1.15;font-weight:800;color:#111;letter-spacing:-.01em}
.un-hero__stats b em{font-size:15px;font-style:normal;font-weight:700;margin-left:2px}
.un-hero__stats span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#8a8a8a}
.un-hero__h{margin:0 0 12px !important;font-size:12px;font-weight:800;letter-spacing:.1em;color:#8a8a8a}
.un-hero__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;list-style:none;margin:0 !important;padding:0 !important}
.un-hero__thumbs li{margin:0 !important;padding:0 !important;list-style:none !important}
.un-hero__thumbs li::before{display:none !important}
.un-hero__thumbs a{display:block;text-decoration:none !important;color:#111 !important}
.un-hero__thumbs img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;display:block;border:1px solid #ededed;border-radius:8px}
.un-hero__thumbs span{display:block;margin-top:8px;font-size:13px;font-weight:700;line-height:1.45}
.un-hero__thumbs a:hover img{border-color:#111}
.un-jump a{font-size:14px !important;padding:9px 16px !important}
@media (max-width:700px){
.un-hero{padding:20px 18px;border-radius:12px}
.un-hero__lead{font-size:17px;margin:0 0 18px !important}
.un-hero__stats{grid-template-columns:repeat(2,1fr)}
.un-hero__stats li:nth-child(3){border-left:0}
.un-hero__stats li:nth-child(n+3){border-top:1px solid #ededed}
.un-hero__stats b{font-size:25px}
.un-hero__thumbs{grid-template-columns:repeat(2,1fr);gap:12px}
}

/* ===== v30 hero slider + brief ===== */
.un-hero__slider{position:relative;overflow:hidden;margin:0 -30px}
.un-hero__slider::before,.un-hero__slider::after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
.un-hero__slider::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.un-hero__slider::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.un-hero__track{display:flex;gap:16px;width:max-content;list-style:none;margin:0 !important;padding:4px 0 !important;animation:un-marquee 45s linear infinite}
.un-hero__slider:hover .un-hero__track,.un-hero__slider:focus-within .un-hero__track{animation-play-state:paused}
@keyframes un-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 8px),0,0)}}
.un-hs{margin:0 !important;padding:0 !important;list-style:none !important;flex:0 0 232px}
.un-hs::before{display:none !important}
.un-hs a{display:block;height:100%;text-decoration:none !important;color:#111 !important;border:1px solid #e4e4e4;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.un-hs a:hover{border-color:#111;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.un-hs__img{display:block;background:#f4f4f4}
.un-hs__img img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;display:block}
.un-hs__n{display:block;padding:11px 13px 0;font-size:14px;font-weight:800;line-height:1.4}
.un-hs__d{display:block;padding:5px 13px 13px;font-size:12px;line-height:1.6;color:#666}
@media (prefers-reduced-motion:reduce){.un-hero__track{animation:none}}
.un-brief{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px}
.un-brief__a,.un-brief__b{border:1px solid #ededed;border-radius:12px;background:#fff;padding:20px 22px}
.un-brief__k{margin:0 0 14px !important;font-size:12px;font-weight:800;letter-spacing:.08em;color:#8a8a8a;padding-left:11px;border-left:4px solid #FFF200}
.un-brief__rate{list-style:none;margin:0 0 12px !important;padding:0 !important;display:grid;gap:8px}
.un-brief__rate li{margin:0 !important;padding:11px 14px !important;background:#FBFBFB;border-radius:8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;list-style:none !important}
.un-brief__rate li::before{display:none !important}
.un-brief__rate span{font-size:13px;font-weight:700;color:#555}
.un-brief__rate b{font-size:18px;font-weight:800;color:#111}
.un-brief__note{margin:0 !important;font-size:12px;line-height:1.7;color:#8a8a8a}
.un-brief__t{margin:0 0 10px !important;font-size:18px;font-weight:800;line-height:1.7;color:#111}
.un-brief__d{margin:0 !important;font-size:14px;line-height:1.85;color:#555}
@media (max-width:700px){.un-brief{grid-template-columns:1fr;gap:12px}.un-hs{flex:0 0 200px}.un-hero__slider{margin:0 -18px}}

/* ===== v31 brief balance ===== */
.un-brief__b{display:flex;flex-direction:column;justify-content:center}
.un-brief__b .un-brief__k{flex:0 0 auto}
@media (max-width:700px){.un-brief__b{display:block}}

/* ===== v32 no-image + sub cta ===== */
.un-card__img--none,.un-hs__img--none{display:flex !important;align-items:center;justify-content:center;aspect-ratio:16/10;background:#f4f4f4;border:1px solid #ededed;border-radius:8px;color:#b5b5b5;font-size:12px;font-weight:800;letter-spacing:.12em}
.un-hs__img--none{border-radius:0;border:0;border-bottom:1px solid #ededed}
.un-card__cta--sub a{background:none !important;color:#111 !important;border:1px solid #d5d5d5 !important;border-radius:999px !important;padding:10px 20px !important;font-size:13px !important;font-weight:700 !important;box-shadow:none !important}
.un-card__cta--sub a:hover{border-color:#111 !important}

/* ===== v33 service category masthead ===== */
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{position:relative;background:#111;border-radius:16px;padding:26px 32px 30px;margin:0 0 20px;overflow:hidden}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header::after{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:#FFF200}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb{margin:0 0 18px !important;padding:0 !important;background:none !important;border:0 !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb,:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb li,:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb span,:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb a{color:#9b9b9b !important;font-size:12px !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb a:hover{color:#fff !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb i,:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) #breadcrumb svg{color:#6a6a6a !important;fill:#6a6a6a !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .page-title{display:block !important;color:#fff !important;font-size:clamp(26px,calc(2.2vw + 14px),38px) !important;line-height:1.42 !important;letter-spacing:0 !important;margin:0 !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .page-title::before{font-size:13px !important;letter-spacing:.16em !important;margin-bottom:14px !important;padding:4px 12px !important}
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .page-title__sub{display:block;margin-top:12px;font-size:15px;font-weight:700;line-height:1.6;color:#b9b9b9;letter-spacing:.02em}
@media (max-width:700px){:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{padding:20px 18px 24px;border-radius:12px}:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .page-title__sub{font-size:13px;margin-top:9px}}

/* ===== v34 masthead width align ===== */
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 40px 20px !important}
@media (max-width:860px){:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 0 16px !important}}

/* ===== v35 masthead width align (sp) ===== */
@media (max-width:860px){:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 16px 16px !important}}

/* ===== v36 masthead gutter follows theme ===== */
:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 40px 20px !important}
@media (max-width:1040px){:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 25px 18px !important}}
@media (max-width:480px){:is(.page-id-840,.page-id-845,.page-id-850,.page-id-855,.page-id-861,.page-id-867,.page-id-1199,.page-id-1216,.page-id-1296) .article-header{margin:0 16px 16px !important}}