/* 業務のデジタル化 相談窓口（/digital/）。site.css の上に重ねる */

/* 色と書体の組み合わせ。body の class で切り替える（案A〜C）。既定は今のサイトと同じ紺 */
body { --ov: 0, 34, 74; }
body.theme-a {
    --navy: #2C4A63; --navy-deep: #223A4F; --teal: #3A9E9A; --teal-dark: #2E8480; --teal-light: #A8DDD8;
    --bg: #F8F9FA; --bg-tint: #F1F4F6; --slate: #6E7480; --line: #E1E5EA; --text: #2B3138; --text-sub: #5A6168;
    --ff-serif: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif; --ov: 34, 58, 79;
}
body.theme-b {
    --navy: #1E5A7A; --navy-deep: #164660; --teal: #2BA3A0; --teal-dark: #208683; --teal-light: #FFD3A8;
    --bg: #FFFCF7; --bg-tint: #FFF4E8; --slate: #74706A; --line: #EADFD2; --text: #2F2B27; --text-sub: #5F5952;
    --ff-serif: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif; --ov: 22, 70, 96;
}
body.theme-b .btn-accent { background: #E07B39; }
body.theme-b .btn-accent:hover { background: #C9682B; }
body.theme-c {
    --navy: #2F5D62; --navy-deep: #24494D; --teal: #5BA89B; --teal-dark: #478C80; --teal-light: #BFE3DA;
    --bg: #F7F8F6; --bg-tint: #EDF3F1; --slate: #6B7472; --line: #DDE3E0; --text: #263130; --text-sub: #56605E;
    --ff-serif: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif; --ov: 36, 73, 77;
}
body[class^="theme-"] .contact { background: linear-gradient(rgba(var(--ov), .9), rgba(var(--ov), .92)), url("../img/ill_hero.jpg") center / cover no-repeat; }
body[class^="theme-"] .kv-title, body[class^="theme-"] .v-title { letter-spacing: .02em; }

/* メインビジュアル（3枚の写真を順に切り替える） */
.dkv { overflow: hidden; background: var(--navy-deep); }
.dkv-slides, .dkv-slides span { position: absolute; inset: 0; }
.dkv-slides span { background-size: cover; background-position: 70% center; opacity: 0; animation: dkv-fade 18s infinite; }
.dkv-slides span:nth-child(1) { animation-delay: -1.2s; }
.dkv-slides span:nth-child(2) { animation-delay: 4.8s; }
.dkv-slides span:nth-child(3) { animation-delay: 10.8s; }
@keyframes dkv-fade { 0% { opacity: 0; } 6% { opacity: 1; } 33% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } }
.dkv::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(var(--ov), .92) 0%, rgba(var(--ov), .80) 42%, rgba(var(--ov), .30) 72%, rgba(var(--ov), .10) 100%); }
.dkv .wrap { position: relative; z-index: 2; }
@media (prefers-reduced-motion: reduce) {
    .dkv-slides span { animation: none; }
    .dkv-slides span:first-child { opacity: 1; }
}
.dkv-inner { padding-top: 72px; padding-bottom: 80px; }
.dkv .kv-title { font-size: clamp(32px, 4.6vw, 54px); }
.nw { white-space: nowrap; }
.dkv-facts { margin-top: 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 15px; color: rgba(255, 255, 255, .9); }
.dkv-facts li { list-style: none; }
.dkv-facts li + li::before { content: "／"; margin: 0 .6em; color: rgba(255, 255, 255, .5); }

/* このページでは、見出しの両脇の線・角丸の箱・色の帯をやめ、紙の資料に近い組み方にする */
.v-head .v-kicker::before, .v-head .v-kicker::after { content: none; }
.v-head .v-kicker { color: var(--slate); letter-spacing: .08em; }

/* 相談できること（3段階）。枠や箱に入れず、大きな絵と大きな文字を左右交互に置く */
.levels { display: grid; gap: 80px; }
.level { display: grid; grid-template-columns: 1.35fr 1fr; gap: 48px; align-items: center; }
.level:nth-child(even) .level-img { order: 2; }
.level-img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
.level-no { font-size: 18px; font-weight: 700; color: var(--teal-dark); letter-spacing: .04em; }
.level-no span { font-family: var(--ff-serif); font-size: 22px; margin-right: 10px; }
.level h3 { margin-top: 6px; font-family: var(--ff-serif); font-size: clamp(28px, 3vw, 36px); line-height: 1.4; color: var(--navy); }
.level-voice { margin-top: 16px; font-size: 21px; line-height: 1.7; color: var(--text-sub); }
.levels-note { margin: 72px auto 0; max-width: 40em; text-align: center; font-size: 22px; line-height: 1.7; }
.levels-note strong { color: var(--navy); }

/* 支援の例（これまで → これから）。線や箱を使わず、変化を大きな文字で見せる */
.cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
.case { text-align: center; }
.case-tag { font-size: 19px; font-weight: 700; color: var(--teal-dark); letter-spacing: .06em; }
.ba-before { margin-top: 14px; font-size: 20px; color: var(--slate); }
.ba-after { position: relative; margin-top: 40px; font-family: var(--ff-serif); font-weight: 700; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.45; color: var(--navy); }
.ba-after::before { content: ""; position: absolute; left: 50%; top: -30px; width: 14px; height: 14px; border-right: 3px solid var(--teal); border-bottom: 3px solid var(--teal); transform: translateX(-50%) rotate(45deg); }
#cases .fine { margin-top: 48px; font-size: 17px; }

/* よくある質問・進め方も、箱と丸を控えめに */
.faq { gap: 0; border-top: 1px solid var(--line); }
.faq-item { background: none; border-radius: 0; border-bottom: 1px solid var(--line); }
.track-no { box-shadow: none; width: 52px; height: 52px; font-size: 19px; border-radius: 0; }
.track::before { top: 26px; height: 1px; opacity: 1; background: var(--line); }
.track h3 { font-size: 22px; }
.track p { font-size: 17px; }
.faq-item summary { font-size: 20px; padding-top: 22px; padding-bottom: 22px; }
.faq-item p { font-size: 18px; }
.dkv .kv-lead { font-size: 21px; }
.dkv-facts { font-size: 16px; }
.contact-lead { font-size: 19px; }
.v-head .v-kicker { font-size: 15px; }

.level h3, .ba-after { word-break: keep-all; overflow-wrap: anywhere; }

@media (max-width: 1000px) {
    .level { grid-template-columns: 1fr; gap: 20px; max-width: 640px; margin: 0 auto; }
    .level:nth-child(even) .level-img { order: 0; }
    .cases { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 760px) {
    .dkv::before { background: linear-gradient(180deg, rgba(var(--ov), .40) 0%, rgba(var(--ov), .86) 42%, rgba(var(--ov), .94) 100%); }
    .dkv-slides span { background-position: 60% top; }
    .dkv-inner { padding-top: 150px; padding-bottom: 56px; }
    .dkv .kv-title { font-size: clamp(26px, 7.6vw, 34px); }
    .track::before { left: 25px; top: 26px; bottom: 26px; width: 1px; }
    .track li { grid-template-columns: 52px 1fr; }
    .levels-note { font-size: 18px; text-align: left; }
    .dkv .kv-lead { font-size: 18px; }
    .dkv-facts { flex-direction: column; }
    .dkv-facts li + li::before { content: none; }
    .level h3 { font-size: 27px; }
    .level-voice { font-size: 19px; }
    .levels { gap: 56px; }
    .levels-note { font-size: 19px; margin-top: 48px; }
    .ba-after { font-size: 25px; }
}

/* このページの文字の最小サイズ（本文・注記16px以上、見出しの上の小見出しは17px） */
.nav a { font-size: 16px; }
.brand-sub { font-size: 13px; }
.dkv .kv-label { font-size: 17px; }
.v-head .v-kicker { font-size: 17px; }
.level-no { font-size: 17px; }
.case-tag { font-size: 18px; }
.dkv-facts { font-size: 17px; }
#cases .fine { font-size: 16px; }
.contact-facts dt { font-size: 16px; }
.contact-facts dd { font-size: 18px; }
.contact-qr p { font-size: 15px; }
.contact-note { font-size: 16px; }
.ft { font-size: 16px; }
.ft-sub { font-size: 14px; }
.ft-copy { font-size: 14px; }
@media (max-width: 760px) {
    .brand-sub { font-size: 11px; }
    .brand-name { font-size: 16px; }
    .nav a { font-size: 17px; }
}

/* 進め方（挿絵つきの4段階） */
.flow { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; counter-reset: none; }
.flow li { position: relative; }
.flow li:not(:last-child)::after { content: ""; position: absolute; right: -19px; top: 30%; width: 11px; height: 11px; border-top: 2.5px solid var(--teal); border-right: 2.5px solid var(--teal); transform: rotate(45deg); }
.flow-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }
.flow-no { margin-top: 14px; font-family: var(--ff-serif); font-weight: 700; font-size: 18px; color: var(--teal-dark); }
.flow h3 { font-family: var(--ff-serif); font-size: 24px; color: var(--navy); }
.flow-text { margin-top: 2px; font-size: 18px; color: var(--text-sub); }
@media (max-width: 1000px) { .flow { grid-template-columns: 1fr 1fr; gap: 32px 24px; } .flow li::after { display: none; } }
@media (max-width: 760px) {
    .flow { grid-template-columns: 1fr; gap: 18px; }
    .flow li { display: grid; grid-template-columns: 44% 1fr; column-gap: 14px; align-items: center; }
    .flow-img { grid-row: 1 / 4; }
    .flow-no { margin-top: 0; font-size: 16px; }
    .flow h3 { font-size: 21px; }
    .flow-text { font-size: 16px; }
}

/* 各パートの見出し：パート名を大きく、ひとことを下に */
.v-head { margin-bottom: 64px; }
.v-head .v-title { display: block; font-size: clamp(34px, 4vw, 46px); letter-spacing: .06em; }
.v-head .v-title::after { content: ""; display: block; width: 48px; height: 3px; margin: 18px auto 0; background: var(--teal); }
.sec-sub { margin-top: 18px; font-size: clamp(19px, 2vw, 23px); color: var(--text-sub); line-height: 1.6; }
@media (max-width: 760px) {
    .v-head { margin-bottom: 40px; }
    .v-head .v-title { font-size: 32px; }
    .v-head .v-title::after { margin-top: 14px; }
    .sec-sub { font-size: 19px; }
}

/* 提供すること（4つ）。番号を大きく、箱は使わない */
.offers { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; counter-reset: of; }
.offers li { counter-increment: of; }
.offers li::before { content: counter(of, decimal-leading-zero); display: block; font-family: var(--ff-serif); font-weight: 700; font-size: 44px; line-height: 1; color: var(--teal); }
.offers h3 { word-break: keep-all; overflow-wrap: anywhere; margin-top: 14px; font-family: var(--ff-serif); font-size: 25px; line-height: 1.45; color: var(--navy); }
.offers p { margin-top: 12px; font-size: 18px; line-height: 1.8; color: var(--text-sub); }

/* 進め方の下の、訪問の頻度と期間の断り書き */
.flow-no { font-family: var(--ff-sans); font-size: 17px; }
.flow-terms { margin: 48px auto 0; max-width: 46em; text-align: center; }
.flow-terms > p:first-child { font-size: 22px; color: var(--navy); }
.flow-terms strong { color: var(--teal-dark); }
.flow-terms .fine { margin-top: 10px; font-size: 17px; color: var(--text-sub); }

@media (max-width: 1000px) { .offers { grid-template-columns: 1fr 1fr; gap: 40px 32px; } }
@media (max-width: 760px) {
    .offers { grid-template-columns: 1fr; gap: 32px; }
    .offers li { display: grid; grid-template-columns: 64px 1fr; column-gap: 8px; }
    .offers li::before { grid-row: 1 / 3; font-size: 36px; }
    .offers h3 { margin-top: 0; font-size: 21px; }
    .offers p { margin-top: 6px; font-size: 17px; }
    .flow-terms { text-align: left; }
    .flow-terms > p:first-child { font-size: 19px; }
}

/* ===== 見やすさの改善（同業のサイトを参考に、2026-11-03） =====
   本文の灰色を濃くして読みやすく。提供すること・支援の例は、白い面に載せて区切りをはっきりさせる */
body.theme-a { --text-sub: #3E4650; --slate: #59606A; }

/* 提供すること：白い面に、アイコン・番号・見出し・説明を並べる（2列） */
.offers { grid-template-columns: repeat(2, 1fr); gap: 24px; }
.offers li { position: relative; background: #fff; border-radius: 12px; padding: 30px 32px 30px 108px; box-shadow: 0 1px 0 var(--line); }
.offers li::before { content: none; }
.offer-ico { position: absolute; left: 30px; top: 30px; width: 52px; height: 52px; border-radius: 50%; background: var(--teal-soft, #E3F2F4); display: grid; place-items: center; }
.offer-ico svg { width: 28px; height: 28px; fill: none; stroke: var(--teal-dark); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.offers h3 { margin-top: 0; font-size: 26px; }
.offers h3 br { display: none; }
.offers p { color: var(--text); }

/* 支援の例：これまで（灰）→ これから（青緑）を、色の違う面で並べる */
.case { background: #fff; border-radius: 12px; padding: 28px 24px 30px; }
.case-tag { font-size: 20px; color: var(--navy); }
.ba-before, .ba-after { border-radius: 8px; padding: 14px 16px; text-align: left; }
.ba-before { margin-top: 16px; background: #F1F1EF; color: var(--text-sub); font-size: 18px; }
.ba-after { margin-top: 34px; background: #E6F3F1; color: var(--navy); font-size: 22px; }
.ba-before span, .ba-after span { display: block; font-family: var(--ff-sans); font-size: 14px; font-weight: 700; letter-spacing: .06em; margin-bottom: 2px; }
.ba-before span { color: var(--slate); }
.ba-after span { color: var(--teal-dark); }
.ba-after::before { top: -24px; }

/* よくある質問：Q と A をはっきり */
.faq-item p { color: var(--text); }
.faq-item p::before { content: "A"; color: var(--navy); font-family: var(--ff-serif); font-weight: 700; margin-right: 12px; }

@media (max-width: 760px) {
    .offers { grid-template-columns: 1fr; gap: 16px; }
    .offers li { display: grid; grid-template-columns: 44px 1fr; column-gap: 12px; align-items: center; padding: 22px 20px; }
    .offer-ico { position: static; width: 44px; height: 44px; }
    .offers p { grid-column: 1 / -1; margin-top: 12px; }
    .offer-ico svg { width: 24px; height: 24px; }
    .offers h3 { font-size: 19.5px; letter-spacing: 0; }
    .ba-after { font-size: 20px; }
}

/* 黄みのあるクリーム色をやめ、青みのある明るい灰色にそろえる */
body.theme-a .hd { background: rgba(255, 255, 255, .96); border-bottom-color: #E1E5EA; }
body.theme-a .nav { background: #fff; }
body.theme-a .ba-before { background: #F1F3F5; }

/* ===== 明るい印象に（2026-11-03）=====
   上部は写真の左側を白く抜いて紺の文字に。申し込み欄は濃紺の帯をやめ、淡い青緑の面に。
   紺は少し明るい青に、青緑は少し鮮やかにする */
body.theme-a { --navy: #24557F; --teal: #2AA39B; --teal-dark: #1F8A83; --teal-light: #8ED8D0; }

body.theme-a .dkv { background: #fff; color: var(--text); }
body.theme-a .dkv::before { background: linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .93) 50%, rgba(255, 255, 255, .55) 68%, rgba(255, 255, 255, 0) 88%); }
body.theme-a .dkv .kv-label { color: var(--teal-dark); border-bottom-color: var(--teal); }
body.theme-a .dkv .kv-title { color: var(--navy); text-shadow: none; }
body.theme-a .dkv .kv-title em { color: var(--teal-dark); }
body.theme-a .dkv .kv-lead { color: var(--text); }
body.theme-a .dkv-facts { color: var(--text-sub); }
body.theme-a .dkv-facts li + li::before { color: var(--line); }
body.theme-a .dkv .btn-line { border-color: var(--navy); color: var(--navy); background: rgba(255, 255, 255, .7); }
body.theme-a .dkv .btn-line:hover { background: var(--navy); color: #fff; }

body.theme-a .contact { background: linear-gradient(180deg, #E8F5F3 0%, #DDF0EE 100%); color: var(--text); }
body.theme-a .contact-title { color: var(--navy); }
body.theme-a .contact-lead { color: var(--text); }
body.theme-a .contact-facts div { background: #fff; border-color: #CFE7E4; }
body.theme-a .contact-facts dt { color: var(--teal-dark); }
body.theme-a .contact-facts dd { color: var(--navy); }
body.theme-a .contact-qr { color: var(--text-sub); }
body.theme-a .contact-note { color: var(--text-sub); }
body.theme-a .contact-note a { color: var(--navy); }

body.theme-a .ft { background: #24557F; }

@media (max-width: 760px) {
    body.theme-a .dkv::before { background: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .90) 30%, rgba(255, 255, 255, .96) 100%); }
}

/* ===== 各パートの背景に、薄く重ねた画像（写真版 bg-photo／線画版 bg-ill）===== */
body.bg-photo #offer   { background: linear-gradient(rgba(241, 244, 246, .90), rgba(241, 244, 246, .90)), url("../img/digital/bg_offer.jpg") center / cover no-repeat; }
body.bg-photo #cases   { background: linear-gradient(rgba(241, 244, 246, .90), rgba(241, 244, 246, .90)), url("../img/digital/bg_cases.jpg") center / cover no-repeat; }
body.bg-photo #faq     { background: linear-gradient(rgba(255, 255, 255, .92), rgba(255, 255, 255, .92)), url("../img/digital/bg_faq.jpg") center / cover no-repeat; }
body.bg-photo .contact { background: linear-gradient(rgba(226, 243, 240, .90), rgba(226, 243, 240, .92)), url("../img/digital/bg_contact.jpg") center / cover no-repeat; }

body.bg-ill #offer   { background: linear-gradient(rgba(241, 244, 246, .55), rgba(241, 244, 246, .55)), url("../img/digital/bgill_offer.jpg") center / cover no-repeat; }
body.bg-ill #cases   { background: linear-gradient(rgba(241, 244, 246, .55), rgba(241, 244, 246, .55)), url("../img/digital/bgill_cases.jpg") center / cover no-repeat; }
body.bg-ill #faq     { background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url("../img/digital/bgill_faq.jpg") center / cover no-repeat; }
body.bg-ill .contact { background: linear-gradient(rgba(226, 243, 240, .7), rgba(226, 243, 240, .75)), url("../img/digital/bgill_contact.jpg") center / cover no-repeat; }

/* 背景に重なる文字の面（よくある質問の行）は白い面で読みやすく */
body.bg-photo .faq-item, body.bg-ill .faq-item { background: rgba(255, 255, 255, .85); }

/* 相談できること：3つの境目をはっきりさせる（間に線と青緑のひし形、番号を大きく） */
.levels { gap: 0; }
.level { position: relative; padding: 64px 0; }
.level:first-child { padding-top: 8px; }
.level + .level::before { content: ""; position: absolute; top: 0; left: 6%; right: 6%; height: 1px; background: linear-gradient(90deg, transparent, #C9D3DC 18%, #C9D3DC 82%, transparent); }
.level + .level::after { content: ""; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; background: var(--teal); transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 0 6px #fff; }
.level-body { position: relative; padding-left: 28px; border-left: 4px solid var(--teal); }
.level-no { display: flex; align-items: baseline; gap: 12px; }
.level-no span { font-size: 64px; line-height: 1; color: var(--teal); margin-right: 0; letter-spacing: -.02em; }
@media (max-width: 760px) {
    .level { padding: 44px 0; }
    .level-body { padding-left: 18px; }
    .level-no span { font-size: 48px; }
}
.level h3 { font-size: clamp(25px, 2.5vw, 32px); }

/* 支援の例：業種 → 業務名 → これまで → これから → 楽になったこと */
.case { text-align: left; display: flex; flex-direction: column; }
.case-tag { font-size: 16px; color: var(--teal-dark); letter-spacing: .06em; }
.case-job { margin-top: 2px; font-family: var(--ff-serif); font-size: 23px; line-height: 1.45; color: var(--navy); }
.ba-before { font-size: 17px; line-height: 1.7; }
.ba-after { font-family: var(--ff-sans); font-weight: 500; font-size: 17px; line-height: 1.7; }
.ba-after::before { left: 50%; }
.case-gain { margin-top: auto; padding-top: 18px; font-weight: 700; font-size: 18px; line-height: 1.6; color: var(--navy); display: flex; gap: 10px; }
.case-gain::before { content: ""; flex-shrink: 0; width: 22px; height: 22px; margin-top: 3px; border-radius: 50%; background: var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; }

/* 上部の見出し：AIトランスフォーメーションが1行に収まる大きさに */
.dkv .kv-title { font-size: clamp(30px, 4vw, 50px); }
@media (max-width: 760px) {
    .dkv .kv-title { font-size: 24px; }
    .case-job { font-size: 21px; }
}
.dkv .kv-title { font-size: clamp(30px, 3.5vw, 46px); }
body.theme-a .dkv::before { background: linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .94) 56%, rgba(255, 255, 255, .6) 72%, rgba(255, 255, 255, 0) 90%); }
.dkv .kv-lead { max-width: 34em; }
.flow-terms > p.fine:first-child { font-size: 17px; color: var(--text-sub); }
.case-job { word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 760px) {
    .dkv .kv-title { font-size: 24px; }
    body.theme-a .dkv::before { background: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .90) 30%, rgba(255, 255, 255, .96) 100%); }
}
@media (max-width: 760px) { .dkv .kv-label { font-size: 15px; letter-spacing: .04em; } }

/* 支援の例：実際の画面（見せてはいけない所は塗り替え済み） */
.case-shot { display: block; margin-top: 14px; text-decoration: none; }
.case-shot img { width: 100%; height: 190px; object-fit: contain; object-position: center top; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
.case-shot span { display: block; margin-top: 6px; font-size: 14px; color: var(--slate); }
.case-shot span::after { content: "（押すと拡大）"; }
@media (max-width: 760px) { .case-shot img { height: auto; max-height: 320px; } }

/* よくある質問：長めの答え（事業者の紹介） */
.faq-a { padding: 0 24px 22px 50px; font-size: 17px; line-height: 1.8; color: var(--text); }
.faq-a::before { content: "A"; float: left; margin-left: -26px; color: var(--navy); font-family: var(--ff-serif); font-weight: 700; }
.faq-a p, .faq-item .faq-a p { padding: 0; margin: 0 0 6px; }
.faq-a p::before { content: none; }
.faq-a-label { margin-top: 14px !important; font-weight: 700; color: var(--navy); }
.faq-a ul { margin: 4px 0 0; padding-left: 1.2em; }
.faq-a li { margin: 2px 0; }
.faq-a a { color: var(--navy); }
@media (max-width: 760px) { .faq-a { padding: 0 18px 18px 18px; font-size: 16px; } .faq-a::before { content: none; } }