@charset "utf-8";
/* ============================================================================
   common_rules.css — サービスサイト共通ルール（2026-11-11）
   根拠：スタジオ元月さんの数値表 Six_Sites_Current_vs_Target_Specs.docx「DesignBox」章
         （GlobalBox・HTML Mail Box で先に当てた形にそろえる。Q./A. 20px/700・ナビのホバー色＝サイトの青 は五月女承認済み）
   全ページで最後に読み込む（Setup/site_partials/designbox/head.html）。
   ヘッダー・フッターのHTMLは Setup/site_partials/designbox/ の部品から書き込む＝ここを直したら部品も確認する。
   既存の newtop.css 等は上書きを重ねた作りのため、ここでは新しいクラス（site-head / site-foot）に対して書く。
   ============================================================================ */
:root{
  --db-blue:#004CA0;
  --db-blue-hover:#003D7F;
  --db-blue-active:#003670;
  --db-cta:#BF5700;
  --db-cta-hover:#AD4E00;
  --db-cta-active:#9E4700;
  --db-text:#1A1A1A;
  --db-text-2:#4A4A4A;
  --db-line:#E2E6EE;
  --db-navy:#16283F;
}

/* ---------- ヘッダー ----------
   PC：高さ80px・左ロゴ（by B.A.D入り）／ナビ15px太字／「英語・中国語も対応可能」／右CTA 44px。
   1080px以下でメニューを畳む（ロゴ・区切り付きナビ・日英中ラベル・CTAで1060px必要＝実測。2026-11-11）。
   スマホ（767px以下）：高さ72px・1行。ロゴ（by B.A.Dなし）＋問い合わせアイコン＋メニュー（各44px・間8px） */
header.site-head{
  position:fixed;top:0;left:0;right:0;z-index:101;
  height:80px;margin:0;padding:0;background:#fff;border:0;border-bottom:1px solid var(--db-line);box-shadow:none;
  transition:box-shadow .2s ease;
}
header.site-head.is-scrolled{box-shadow:0 2px 8px rgba(0,76,160,.08)}
.site-head__wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.site-head .brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.site-head .brand picture,.site-head .brand img{display:block}
/* SVGの上下にブランドの安全余白が入っているため、見た目のロゴは約6割の高さになる */
.site-head .brand img{height:60px;width:auto;max-width:none}
.site-head .gnav{display:flex;align-items:center;gap:24px;margin:0;position:static;width:auto;background:none;padding:0}
.site-head .gnav ul{display:flex;gap:20px;margin:0;padding:0;list-style:none}
.site-head .gnav ul li{margin:0;padding:0;border:0;width:auto}
.site-head .gnav ul a{display:inline-flex;align-items:center;min-height:44px;padding:2px 0 0;color:var(--db-text);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border-bottom:2px solid transparent;line-height:1.4}
.site-head .gnav ul a:hover,.site-head .gnav ul a:focus-visible,.site-head .gnav ul a[aria-current]{color:var(--db-blue);border-bottom-color:var(--db-blue)}
/* 多言語対応のラベル「日・英・中対応」：1行・細い青枠（地球アイコンは言語切り替えボタンと誤解されるため付けない＝五月女決定）。/service/global/ へのリンク（2026-11-11 五月女決定・案A） */
.site-head .head-lang{display:inline-flex;align-items:center;gap:6px;height:32px;margin:0;padding:0 10px;border:1px solid var(--db-blue);border-radius:4px;background:#fff;color:var(--db-blue);font-size:14px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none}
.site-head .head-lang{font-feature-settings:"palt"}/* 中黒（・）の前後の空きを詰める */
.site-head .head-lang:hover{background:var(--db-blue);color:#fff}
.site-head .head-lang:active{background:var(--db-blue-active);color:#fff}
.site-head .head-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border:0;border-radius:4px;background:var(--db-cta);color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;line-height:1.4;white-space:nowrap;text-decoration:none}
.site-head .head-cta:hover{background:var(--db-cta-hover);color:#fff}
.site-head .head-cta:active{background:var(--db-cta-active)}
.site-head a:focus-visible,.site-head button:focus-visible{outline:2px solid var(--db-blue);outline-offset:3px}
.site-head .head-tools{display:none;align-items:center;gap:8px;margin-left:auto}
.site-head .head-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;color:#fff;cursor:pointer;text-decoration:none}
.site-head .head-ico--cta{background:var(--db-cta)}
.site-head .head-ico--cta:hover{background:var(--db-cta-hover)}
.site-head .head-ico--cta:active{background:var(--db-cta-active)}
.site-head .nav-toggle{background:var(--db-blue)}
.site-head .nav-toggle:hover{background:var(--db-blue-hover)}
.site-head .nav-toggle:active{background:var(--db-blue-active)}
.site-head .nav-toggle .i-close{display:none}
.site-head .nav-toggle[aria-expanded="true"] .i-open{display:none}
.site-head .nav-toggle[aria-expanded="true"] .i-close{display:block}
@media (max-width:1080px){
  .site-head .head-tools{display:flex}
  /* メニューはヘッダーの真下に縦に開く。白地・左右24px・1項目56px以上・区切り線1px #E5E5E5。長いときはパネルだけスクロール */
  .site-head .gnav{position:absolute;top:100%;bottom:auto;left:0;right:0;width:auto;display:none;background:#fff;padding:0 24px;
    border-bottom:1px solid var(--db-line);box-shadow:0 8px 16px rgba(0,0,0,.06);
    max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .site-head .gnav.is-open{display:block}
  .site-head .gnav ul{flex-direction:column;gap:0}
  .site-head .gnav ul li + li{border-top:1px solid #E5E5E5}
  .site-head .gnav ul a{display:flex;min-height:56px;padding:0;border-bottom:0;font-size:15px}
  .site-head .gnav ul a:hover,.site-head .gnav ul a:focus-visible,.site-head .gnav ul a[aria-current]{border-bottom:0;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
  .site-head .gnav ul a:focus-visible{outline-offset:-2px}
  /* パネルの中にCTAと対応言語は出さない（ヘッダーの問い合わせアイコンが常に見えている） */
  .site-head .gnav .head-cta,.site-head .gnav .head-lang{display:none}
}
@media (max-width:767px){
  header.site-head{height:72px}
  .site-head .brand img{height:52px}
  .site-head .gnav{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px)}
}
/* 固定ヘッダーの高さぶん、トップのMVを下げる（旧ヘッダーは89px） */
.nt-mv{margin-top:80px !important}
@media (max-width:767px){.nt-mv{margin-top:72px !important}}

/* ---------- ボタン：主ボタンは高さ60px・16px・角丸4px・枠なしの塗り（PC・スマホ共通） ---------- */
.nt-btn,.nt-form-submit .nt-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:60px;padding-top:0 !important;padding-bottom:0 !important;
  font-size:16px !important;line-height:1.4;border-radius:4px !important;box-shadow:none;
}
.nt-fixbar .nt-fixbar-btn{min-height:60px;font-size:16px;border-radius:4px}
@media (max-width:767px){.nt-fixbar .nt-fixbar-btn{font-size:15px}}

/* ---------- フォーム：1行の入力欄と選択欄は枠線込みで高さ50px。角丸4px ---------- */
.nt-form-box input[type=text],.nt-form-box input[type=email],.nt-form-box input[type=tel],.nt-form-box input[type=url],.nt-form-box select{
  height:50px !important;box-sizing:border-box;border-radius:4px !important;padding-top:0 !important;padding-bottom:0 !important;
}
.nt-form-box textarea{border-radius:4px !important}

/* ---------- FAQ：1問1枚のカード。押すと開く（最初は全部閉じる）
   トップ（.nt-faq-item）・記事（.db-faq）・更新代行（.wu-faq）・サービス各ページ（.dbs-faq）の4つの作りを同じ見た目にする。
   Q./A. は文字だけ・ブランドの青・20px/700（スマホ18px）。本文の始まりは左32px＋印27px＋間16px＝75px ---------- */
.nt-faq-item,details.db-faq,.wu-faq details,.dbs-faq details{
  display:block;margin:0 0 16px !important;padding:0 !important;background:#fff;border:1px solid var(--db-line) !important;border-radius:4px;box-shadow:none;
}
.nt-faq-item:last-child,details.db-faq:last-of-type,.wu-faq details:last-child,.dbs-faq details:last-child{margin-bottom:0 !important}
.nt-faq-q,details.db-faq > summary,.wu-faq summary,.dbs-faq summary{
  position:relative;display:block;margin:0;padding:24px 58px 24px 75px !important;background:none !important;
  font-size:16px;font-weight:700;line-height:26px;color:var(--db-text);cursor:pointer;list-style:none;
}
.nt-faq-q::-webkit-details-marker,details.db-faq > summary::-webkit-details-marker,.wu-faq summary::-webkit-details-marker,.dbs-faq summary::-webkit-details-marker{display:none}
.wu-faq summary h3,.nt-faq-q .nt-faq-qtxt{display:inline;margin:0;padding:0;font:inherit;color:inherit;background:none;border:0}
.wu-faq summary h3::before,.wu-faq summary h3::after{content:none}
.nt-faq-q .nt-faq-qico,.nt-faq-q .nt-faq-toggle{display:none !important}
.nt-faq-q::before,details.db-faq > summary::before,.wu-faq summary::before,.dbs-faq summary::before{
  content:"Q.";position:absolute;left:32px;top:24px;width:27px;font-size:20px;font-weight:700;line-height:26px;color:var(--db-blue);font-family:"Helvetica Neue",Arial,sans-serif;
}
.nt-faq-q::after,details.db-faq > summary::after,.wu-faq summary::after,.dbs-faq summary::after{
  content:"";position:absolute;right:32px;top:50%;width:10px;height:10px;margin-top:-7px;border:0;border-right:2px solid var(--db-blue);border-bottom:2px solid var(--db-blue);background:none;transform:rotate(45deg);transition:transform .15s;
}
.nt-faq-item[open] .nt-faq-q::after,details.db-faq[open] > summary::after,.wu-faq details[open] summary::after,.dbs-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.nt-faq-q:hover,details.db-faq > summary:hover,.wu-faq summary:hover,.dbs-faq summary:hover{color:var(--db-blue);background:none !important}
.nt-faq-q:focus-visible,details.db-faq > summary:focus-visible,.wu-faq summary:focus-visible,.dbs-faq summary:focus-visible{outline:2px solid var(--db-blue);outline-offset:-2px;border-radius:4px}
.nt-faq-a,.db-faq-body,.wu-faq-a,.dbs-faq .dbs-faq-a{
  position:relative;margin:0 32px !important;padding:24px 0 24px 43px !important;border-top:1px solid var(--db-line);
  font-size:16px !important;line-height:29px !important;color:var(--db-text-2);background:none;
}
.db-faq-body p{margin:0;font-size:inherit;line-height:inherit}
.nt-faq-a::before,.db-faq-body::before,.wu-faq-a::before,.dbs-faq .dbs-faq-a::before{
  content:"A.";position:absolute;left:0;top:24px;width:27px;font-size:20px;font-weight:700;line-height:29px;color:var(--db-blue);font-family:"Helvetica Neue",Arial,sans-serif;
}
.nt-faq-panel,.wu-faq,.dbs-faq{max-width:1080px;margin-left:auto;margin-right:auto}
@media (prefers-reduced-motion:reduce){.nt-faq-q::after,details.db-faq > summary::after,.wu-faq summary::after,.dbs-faq summary::after{transition:none}}
@media (max-width:767px){
  .nt-faq-item,details.db-faq,.wu-faq details,.dbs-faq details{margin-bottom:12px !important}
  .nt-faq-q,details.db-faq > summary,.wu-faq summary,.dbs-faq summary{padding:16px 44px 16px 54px !important;font-size:15px}
  .nt-faq-q::before,details.db-faq > summary::before,.wu-faq summary::before,.dbs-faq summary::before{left:18px;top:16px;width:24px;font-size:18px}
  .nt-faq-q::after,details.db-faq > summary::after,.wu-faq summary::after,.dbs-faq summary::after{right:18px}
  .nt-faq-a,.db-faq-body,.wu-faq-a,.dbs-faq .dbs-faq-a{margin:0 18px !important;padding:16px 0 16px 36px !important;font-size:15px !important;line-height:26px !important}
  .nt-faq-a::before,.db-faq-body::before,.wu-faq-a::before,.dbs-faq .dbs-faq-a::before{top:16px;width:24px;font-size:18px;line-height:26px}
}

/* ---------- フッター：ChinaBoxの骨格。左＝ロゴと会社情報／右＝サイト内リンク（3列）、
   下段＝B.A.Dのサービス、最下段＝規約類とコピーライト。文字14／13／12px。地色はDesignBoxの紺のまま ---------- */
/* 下の余白＝画面下に固定のバー（.nt-fixbar）の高さ。site_head.js が実測して --fixbar-h に入れる（無ければ104px）。
   これを0にすると最下段（規約・著作権）がバーの下に隠れる（2026-11-11 /dc で発見） */
footer.site-foot{padding:0 0 calc(var(--fixbar-h,104px) + env(safe-area-inset-bottom,0px)) !important;background:var(--db-navy);color:#fff;font-size:14px;line-height:1.9}
.site-foot .foot-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.site-foot .foot-wrap a{color:#fff;text-decoration:none}
.site-foot .foot-wrap a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-foot .foot-wrap a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.site-foot .foot-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px 64px;align-items:start;padding-top:48px;padding-bottom:32px}
.site-foot .foot-logo{display:inline-block;margin:0 0 4px -10px}/* SVGの左の余白ぶん戻して文章の左端にそろえる */
.site-foot .foot-logo img{display:block;height:48px;width:auto;max-width:none}
.site-foot .foot-co{margin:0 0 8px;font-size:14px;color:#fff}
.site-foot address{font-style:normal;font-size:14px;color:rgba(255,255,255,.88)}
.site-foot .foot-co-name{font-weight:700;color:#fff}
/* 旧 global.css の素の nav 指定（スマホで display:none・position:fixed）を打ち消す */
.site-foot .foot-nav{display:block;position:static;width:100%;max-width:none;margin:0;justify-self:stretch;padding:8px 0 0;background:none;vertical-align:baseline}
.site-foot .foot-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;margin:0;padding:0;list-style:none}
.site-foot .foot-nav li{margin:0;padding:0}
.site-foot .foot-nav a{display:inline-block;padding:6px 0;font-size:14px;line-height:1.6}
.site-foot .foot-svc{padding-bottom:28px}
.site-foot .nt-footer-svc{max-width:none;margin:0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.2);background:none}
.site-foot .nt-footer-svc h3{display:inline;margin:0 16px 0 0;font-size:13px;font-weight:700;color:#fff}
.site-foot .nt-footer-svc ul{display:inline;margin:0;padding:0;list-style:none}
/* li の間に空白が無いので inline-block にして項目ごとに折り返す。区切りは項目の後ろ（折り返した行の頭に「|」を出さない） */
.site-foot .nt-footer-svc li{display:inline-block;margin:0;padding:0;border:0;font-size:13px;line-height:1.9;white-space:nowrap}
.site-foot .nt-footer-svc li:not(:last-child)::after{content:"|";margin:0 12px;color:rgba(255,255,255,.35)}
.site-foot .nt-footer-svc a{display:inline-block;padding:3px 0;color:#fff;line-height:1.6}
.site-foot .foot-bottom{background:rgba(0,0,0,.18);padding:14px 0}
.site-foot .foot-bottom .foot-wrap{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap}
.site-foot .foot-legal{display:flex;flex-wrap:wrap;gap:4px 20px}
.site-foot .foot-bottom a,.site-foot .foot-bottom small{font-size:12px;color:rgba(255,255,255,.88)}
/* 押せる高さを24px以上に（WCAG 2.5.8）。見た目の行の位置は変えない */
.site-foot address a,.site-foot .foot-bottom a{display:inline-block;padding:6px 0;margin:-6px 0;line-height:1.6}
@media (max-width:767px){
  .site-foot .foot-main{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:36px}
  .site-foot .foot-nav{padding-top:0}
  .site-foot .foot-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .site-foot .foot-nav a{padding:8px 0}
  .site-foot .foot-bottom .foot-wrap{flex-direction:column;justify-content:center;text-align:center}
  .site-foot .foot-legal{justify-content:center}
}

/* 送信ボタンは枠なしの塗り（グラデーションをやめる）。オレンジの3つの状態 */
.nt-form-submit .nt-btn{background:var(--db-cta) !important;background-image:none !important;color:#fff;border:0 !important}
.nt-form-submit .nt-btn:hover{background:var(--db-cta-hover) !important;opacity:1}
.nt-form-submit .nt-btn:active{background:var(--db-cta-active) !important}
.nt-form-submit .nt-btn:focus-visible{outline:2px solid var(--db-blue);outline-offset:3px}

/* ---------- 文字の大きさ（2026-11-11 五月女決定）----------
   ・説明文・注記・ラベルなど 14px 未満の文字はすべて 14px に（12px は著作権表記だけ）
   ・トップ以外のページで本文として読ませる段落（14〜15.5px）は 16px に。ブログ記事の本文 17px はそのまま
   セレクタは全64ページ×2幅の実測（14px未満の文字・16px未満の段落）から作った。新しい部品を足したらここも測り直す */
a.fade > div.others_works_title > span,
article.db-capability-card.db-capability-card--standard > ul.db-capability-card__list.db-capability-card__list--small > li,
div.blogDetail_text > figure.db-fig > figcaption,
div.blogDetail_text > figure.dbx-fig > figcaption,
div.blog_tab > ul > li.blog-design,
div.blog_tab > ul > li.blog-knowledge,
div.blog_tab > ul > li.blog-technology,
div.blog_tab > ul > li.blog-trend,
div.db-capabilities__featured-grid > article.db-capability-card.db-capability-card--featured > a.db-capability-card__link,
div.db-capabilities__featured-grid > article.db-capability-card.db-capability-card--featured > p.db-capability-card__description,
div.db-capabilities__standard-grid > article.db-capability-card.db-capability-card--standard > a.db-capability-card__link,
div.db-capabilities__standard-grid > article.db-capability-card.db-capability-card--standard > p.db-capability-card__description.db-capability-card__description--small,
div.db-capability-card__compact-head > div > p.db-capability-card__subtitle,
div.db-capability-card__heading-wrap > div > p.db-capability-card__subtitle,
div.db-cta-body > p.db-cta-foot > a,
div.db-cta-final > div.db-cta-body > p.db-cta-foot,
div.db-cta-final > div.db-cta-body > p.db-cta-listttl,
div.db-point > figure.db-fig > figcaption,
div.dbs-hero-grid > div.dbs-hero-body > p.dbs-eyebrow,
div.dbs-inner > p.dbs-time-note > a,
div.dbs-inner > p.wu-price-note > a,
div.dbx-inner > div.dbx-meta > a.dbx-cat,
div.dbx-inner > div.dbx-meta > span.dbx-read,
div.inner > div.btn_works_wrap > a.btn_works,
div.nt-campaign-box > div.nt-campaign-inner > p.nt-campaign-cap,
div.nt-campaign-box > div.nt-campaign-ttl > p.nt-campaign-term,
div.nt-campaign-box > dl.nt-campaign-rec > dd,
div.nt-campaign-cols > div.nt-campaign-col > p,
div.nt-form-privacy > label > a,
div.nt-form-row > label.nt-form-label > span.nt-any,
div.nt-inner > div.nt-scope-note > a.nt-scope-note-link,
div.nt-inner > div.nt-scope-note > p,
div.nt-inner > dl.nt-campaign-attn > dd,
div.nt-inner > dl.nt-campaign-attn > dt,
div.nt-inner > p.nt-ux-price-anchor > a,
div.nt-inner > p.nt-ux-price-anchor > span.nt-ux-price-note,
div.nt-inner > p.wu-price-note > a,
div.nt-inner > ul.nt-faq-tab > li,
div.nt-inner > ul.nt-pain-list > li,
div.nt-inner > ul.nt-works-tab > li,
div.nt-plan > div.nt-plan-grid > div.nt-plan-carry,
div.nt-plan-col > div.nt-plan-body > p.nt-plan-custom-note,
div.nt-plan-col > div.nt-plan-body > span.nt-plan-monthly,
div.nt-plan-col > div.nt-plan-hours > small,
div.nt-plan-grid > div.nt-plan-col > div.nt-plan-hours,
div.nt-plan-hours > small > span.nt-plan-hem,
div.nt-thanks-box > div.nt-thanks-note > b,
div.nt-thanks-box > p.nt-thanks-home > a,
div.nt-why-item > div.nt-why-txt > p.nt-why-desc,
div.works_filtrate > ul > li.works_filter_btn,
div.wu-flow > div.wu-step > p,
div.wu-plan > div.wu-plan-body > span.wu-plan-hours,
div.wu-plan > div.wu-plan-body > span.wu-plan-term,
form > div.nt-form-privacy > label,
li > p.nt-metrics-num > span.nt-metrics-unit,
li.nt-works-card > a > p.nt-works-desc,
li.nt-works-card > a > span.nt-works-cat,
nav > ol.dbs-crumb > li,
nav[aria-label="パンくずリスト"] ol > li > a,
ol.dbs-crumb > li > a,
section.db-related > p.db-related-more,
section.dbs-hero > div.dbs-inner > p.dbs-eyebrow,
section.dbs-metrics > div.dbs-inner > p.dbs-metrics-note,
section.dbs-sec > div.dbs-inner > p.dbs-time-note,
section.dbs-sec > div.dbs-inner > p.wu-price-note,
section.nt-cta > div.nt-inner > p.nt-cta-lead,
section.nt-metrics > div.nt-inner > p.nt-metrics-note,
section.nt-metrics > div.nt-inner > p.nt-ux-price-anchor,
section.nt-movie > div.nt-inner > p.nt-lead,
section.nt-price > div.nt-inner > p.nt-price-note,
section.nt-related > div.nt-inner > p.nt-lead,
section.nt-scope.db-capabilities > div.nt-inner > p.nt-scope-subttl-lead,
section.nt-thanks > div.nt-thanks-box > div.nt-thanks-note,
section.nt-ux-cta-mid > div.nt-inner > p.nt-ux-cta-mid-sub,
section.wu-sec.wu-sec--alt > div.nt-inner > p.wu-price-note,
tr > th > span.db-cell-sub,
ul.db-capability-card__list.db-capability-card__list--links > li > a,
ul.db-capability-card__list.db-capability-card__list--links > li > span.db-capability-card__list-go,
ul.dbs-can > li > a.dbs-can-link,
ul.dbs-metrics-list > li > p.dbs-metrics-label,
ul.dbs-team > li > p,
ul.dbs-team > li > span.dbs-team-role,
ul.nt-assurance > li > span.nt-assurance-desc,
ul.nt-flow-list > li.nt-flow-item > p.nt-flow-desc,
ul.nt-metrics-list > li > p.nt-metrics-label,
ul.nt-plan-sub > li > span.nt-plan-sub-price,
ul.nt-plan-sub > li > span.nt-plan-sub-term,
ul.nt-related-list.nt-related-list--4 > li.nt-related-card > a.nt-btn-s,
ul.nt-related-list.nt-related-list--4 > li.nt-related-card > p.nt-related-desc,
ul.nt-voice-list > li.nt-voice-item > a.nt-btn-s,
ul.nt-voice-list > li.nt-voice-item > p.nt-voice-txt{font-size:14px !important}
details.db-faq > div.db-faq-body > p.wp-block-paragraph,
div.db-cta-body > ul.db-cta-list > li,
div.db-cta-final > div.db-cta-head > p.db-cta-lead,
div.dbs-hero-body > ul.dbs-hero-points > li,
div.dbs-hero-grid > div.dbs-hero-body > p.dbs-lead,
div.dbs-inner > div.dbs-intro > p.dbs-sec-lead,
div.dbs-inner > div.wu-price-extra > p,
div.dbs-inner > div.wu-price-extra > p.wu-price-note,
div.dbs-inner > ul.dbs-time > li,
div.dbx-head > div.dbx-inner > p.dbx-lede,
div.inner > div.voice_content > p.wp-block-paragraph,
div.nt-inner > div.wu-price-extra > p,
div.nt-inner > div.wu-price-extra > p.wu-price-note,
div.policy_txt > dl.inner_list > dd.inner_list_des,
div.policy_txt > dl.inner_list.cl_list > dd.inner_list_des,
div.works_content > div.works_lead > p,
div.works_textcol > div.works_lead > p,
div.wp-block-liquid-speech-balloon.liquid-speech-balloon-wrap.liquid-speech-balloon-00.liquid-speech-balloon-right > div.liquid-speech-balloon-text > p,
div.wu-faq > details > p.wu-faq-a,
div.wu-price-extra > ul.wu-price-list > li,
div.wu-scope-grid > div.wu-scope > p,
div.wu-worry-grid > div.wu-worry > p,
ol.dbs-flow > li > p,
ol.dbs-flow.dbs-flow--arrow > li > p,
ol.dbs-flow.dbs-flow--arrow.dbs-flow--4 > li > p,
ol.wu-merit-list > li > p,
section.db-related > p.db-related-lead,
section.db-service-cta > p.db-service-cta__lead,
section.dbs-hero > div.dbs-inner > p.dbs-lead,
section.dbs-sec > div.dbs-inner > p,
section.dbs-sec > div.dbs-inner > p.dbs-sec-after,
section.dbs-sec > div.dbs-inner > p.dbs-sec-lead,
section.dbs-sec > div.dbs-inner > p.wu-merit-note,
section.dbs-sec.dbs-sec--sand > div.dbs-inner > p.dbs-sec-lead,
section.nt-thanks > div.nt-thanks-box > p.nt-thanks-lead,
section.wu-fv > div.nt-inner > p.wu-fv-lead,
section.wu-sec > div.nt-inner > p.wu-lead-txt,
section.wu-sec.wu-sec--alt > div.nt-inner > p.wu-lead-txt,
tbody > tr > td,
ul.dbs-can > li > p,
ul.dbs-can.dbs-can--plain.dbs-can--ico > li > p,
ul.dbs-merit > li > p,
ul.dbs-merit.dbs-merit--limit > li > p,
ul.dbs-pain > li > p,
ul.dbs-pain.dbs-pain--4 > li > p,
ul.list > li > p.policy_txt,
ul.wu-xlink > li > p{font-size:16px !important}

/* 補足（2026-11-11 /dc の指摘から）
   ・固定バーの営業時間、問い合わせフォームの補足、トップ右の固定バナーの文字も 14px 未満だったので 14px に
   ・スマホのFAQ回答は4種類とも 15px にそろえる（記事・更新代行は上の段落16pxの指定に負けていた） */
.nt-fixbar .nt-fixbar-tel small,#ntMsgHint,.nt-fixed-banner-list,.nt-fixed-banner-list li,.nt-fixed-banner-btn{font-size:14px !important}
@media (max-width:767px){
  details.db-faq > div.db-faq-body > p.wp-block-paragraph,.db-faq-body p,.wu-faq details p.wu-faq-a{font-size:15px !important;line-height:26px !important}
}
/* 固定バー：ボタンを60px・16pxにしたぶん、768〜1100pxで1行に入りきらず左の案内文が画面外へ切れた（2026-11-11 実測）。
   この幅では案内文を1段目に置き、2段目に電話・ボタンを並べる（768px未満の既存の2段組と同じ並び） */
@media (min-width:768px) and (max-width:1100px){
  .nt-fixbar{flex-wrap:wrap;row-gap:8px}
  .nt-fixbar .nt-fixbar-lead{flex:0 0 100%;max-width:none;margin:0 auto;text-align:center}
}

/* ---------- フッターの整理（2026-11-11 五月女指摘「色が多く見づらい・長さの違う項目が横並びで雑然」）----------
   ・文字色は2段だけ：リンクと会社名＝白、説明・住所・規約・著作権＝淡い青灰 #B9C4D3（紺地 #16283F に対し約9:1）
   ・サイト内リンクは「サービス／実績・読みもの／サポート」の見出し付き3列（縦に読む）
   ・サービス一覧の区切りは「|」の文字ではなく1pxの線（細い文字の縁に色がにじむのを避ける） */
.site-foot{--foot-sub:#B9C4D3}
.site-foot .foot-co,.site-foot address,.site-foot .foot-bottom small{color:var(--foot-sub)}
.site-foot .foot-co-name{color:#fff}
.site-foot address a,.site-foot .foot-bottom a{color:var(--foot-sub)}
.site-foot .foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;padding-top:4px}
.site-foot .foot-col ul{display:block;margin:0;padding:0;list-style:none}
.site-foot .foot-ttl,.site-foot .nt-footer-svc h3{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--foot-sub)}
.site-foot .foot-nav a{display:inline-block;padding:5px 0;font-size:14px;line-height:1.6;color:#fff}
.site-foot .nt-footer-svc h3{display:block;margin-bottom:8px}
.site-foot .nt-footer-svc ul{display:flex;flex-wrap:wrap;row-gap:4px}
.site-foot .nt-footer-svc li{display:flex;align-items:center}
.site-foot .nt-footer-svc li:not(:last-child)::after{content:"";width:1px;height:12px;margin:0 14px;background:rgba(255,255,255,.28)}
.site-foot .nt-footer-svc a[aria-current]{color:#fff}
@media (max-width:767px){
  .site-foot .foot-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
}
/* リンクは白、文字は淡い青灰でそろえる（規約リンクも白）。スマホでもサービス一覧は横に流す（旧CSSの縦並び指定を打ち消す） */
.site-foot .foot-bottom a{color:#fff}
@media (max-width:767px){
  .site-foot .nt-footer-svc ul{flex-direction:row !important;align-items:center}
  .site-foot .nt-footer-svc li{padding:0 !important;text-align:left}
}
.site-foot .foot-ttl,.site-foot .nt-footer-svc h3{font-size:14px}

/* ---------- ヘッダーの整理（2026-11-11 五月女決定。サービスサイト共通にする）----------
   ・ナビの言葉を短くそろえる（料金・FAQ・ブログ）＝ apply_partials.js の NAV
   ・ナビの項目の間に薄い縦線（1px・高さ14px・#DDE2E8）。PCの横並びのときだけ
   ・目立つ色はボタンのオレンジだけ。「日・英・中対応」は灰色の枠 */
@media (min-width:1081px){
  .site-head .gnav ul{gap:0}
  .site-head .gnav ul li{display:flex;align-items:center}
  .site-head .gnav ul li + li::before{content:"";width:1px;height:14px;margin:0 14px;background:#DDE2E8}
}
.site-head .head-lang{border-color:#C9CFD8;color:#4A4A4A}
.site-head .head-lang:hover{background:#F2F4F7;color:#1A1A1A}
.site-head .head-lang:active{background:#E6E9EE;color:#1A1A1A}
.site-head .head-lang:focus-visible{outline:2px solid var(--db-blue);outline-offset:3px}