#mbb{--navy:#17365d;--navy2:#0f2542;--ora:#e8611a;--ora2:#c94f10;--sand:#faf6ef;--sky:#eef4fa;--ink:#1f2937;--mute:#5b6675;--line:#dde3ea;--rad:10px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic","Meiryo","Noto Sans JP",sans-serif;color:var(--ink);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased;background:#fff;overflow-x:clip}
#mbb *,#mbb *::before,#mbb *::after{box-sizing:border-box}
#mbb img{max-width:100%;height:auto;display:block}
#mbb a{color:inherit;text-decoration:none}
#mbb p{margin:0 0 1em}
#mbb ul{margin:0;padding:0;list-style:none}
#mbb h1,#mbb h2,#mbb h3,#mbb h4{margin:0;line-height:1.4;font-weight:700;color:var(--navy);letter-spacing:.01em}
#mbb .seg{display:inline-block}
#mbb strong{color:var(--navy2)}
#mbb .inner{max-width:1080px;margin:0 auto;padding:0 20px}
#mbb .kari{display:inline-block;background:#fff4d6;border:1px dashed #d9a441;color:#7a4b00;font-size:13px;padding:6px 10px;border-radius:4px;margin:6px 0 10px;line-height:1.6}
#mbb .mute{color:var(--mute);font-size:14px}
#mbb .sm{font-size:14px}
#mbb .center{text-align:center}
#mbb br.sp{display:none}
/* ---- ヘッダー（案B型：左＝強み／中央＝ロゴ／右＝導線） ---- */
#mbb .hd{background:#fff;border-bottom:1px solid var(--line)}
#mbb .hd .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:10px}
#mbb .hd-l{flex:1 1 0;min-width:0}
#mbb .hd-l .tg{font-size:12.5px;color:var(--mute);margin:0 0 6px;line-height:1.5}
#mbb .hd-l ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
#mbb .hd-l li{font-size:12.5px;font-weight:700;color:var(--navy);display:flex;align-items:flex-start;gap:5px;line-height:1.4;padding:2px 0}
#mbb .hd-l li .ic{width:15px;height:15px;flex:0 0 15px;color:#d33;margin-top:2px}
#mbb .hd-c{flex:0 0 auto;text-align:center}
#mbb .hd-kw{display:none}
#mbb .hd-c a{display:flex;flex-direction:column;align-items:center;gap:2px}
#mbb .hd-c img{width:115px;height:auto}
#mbb .hd-r{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#mbb .hd-r .tel{font-size:26px;font-weight:900;color:var(--navy);line-height:1;display:flex;align-items:center;gap:6px;letter-spacing:.02em}
#mbb .hd-r .tel .ic{width:22px;height:22px;color:var(--ora)}
#mbb .hd-r .tel small{font-size:12px;color:var(--mute);font-weight:400;letter-spacing:0}
#mbb .hd-r .btns{display:flex;gap:8px}
#mbb .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;border:2px solid transparent;transition:.15s}
#mbb .btn .ic{width:18px;height:18px}
#mbb .btn-mail{background:var(--ora);color:#fff}
#mbb .btn-mail:hover{background:var(--ora2)}
#mbb .btn-tel{background:var(--navy);color:#fff}
#mbb .btn-o{background:#fff;color:var(--navy);border-color:var(--navy)}
#mbb .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mbb .ic{display:inline-block;width:20px;height:20px;line-height:0}
/* ---- アイコンナビ ---- */
#mbb .icn{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
/* 貼りついたときは影だけ。★大きさは変えない（高さが変わるとページ全体の高さが変わり、
   スクロール位置の自動補正とぶつかって画面が震えてスクロールできなくなる。2026-09-20） */
#mbb .icn.is-stuck{box-shadow:0 2px 10px rgba(10,26,46,.12)}
/* WordPressの管理バーぶん下げる（ログイン中だけ body に .admin-bar が付く） */
body.admin-bar #mbb .icn{top:32px}
/* 見出しへのページ内リンクが固定ナビの下に潜らないように */
#mbb [id]{scroll-margin-top:64px}
#mbb .icn ul{display:flex;max-width:1080px;margin:0 auto}
#mbb .icn li{flex:1 1 0;border-left:1px dashed var(--line)}
#mbb .icn li:first-child{border-left:0}
#mbb .icn a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;font-size:13px;font-weight:700;color:var(--navy);letter-spacing:.02em}
#mbb .icn a .ic{width:28px;height:28px;color:var(--navy)}
#mbb .icn a:hover,#mbb .icn li.on a{background:var(--sky)}
#mbb .icn li.on a{box-shadow:inset 0 -3px 0 var(--ora)}
/* ---- パンくず ---- */
#mbb .bc{font-size:12.5px;color:var(--mute);padding:10px 0 0}
#mbb .bc a{text-decoration:underline;text-underline-offset:3px}
/* ---- ヒーロー ---- */
#mbb .hero{position:relative;overflow:hidden;background:var(--navy2)}
#mbb .hero .bg{position:absolute;inset:0}
#mbb .hero .bg img{width:100%;height:100%;object-fit:cover;object-position:center 6%}
#mbb .hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,26,46,.82) 0%,rgba(10,26,46,.35) 45%,rgba(10,26,46,.08) 100%)}
#mbb .hero .inner{position:relative;z-index:1;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:40px;padding-bottom:28px}
#mbb .hero .kata{display:inline-block;background:#fff;color:var(--navy);font-weight:700;font-size:14px;padding:6px 12px;border-radius:4px;margin-bottom:12px;align-self:flex-start}
#mbb .hero h1{color:#fff;font-size:34px;text-shadow:0 3px 16px rgba(0,0,0,.55);margin-bottom:10px}
#mbb .hero h1 .sub{display:block;font-size:17px;font-weight:700;opacity:.95;margin-top:6px}
#mbb .hero .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#mbb .hero .chips a{background:#fff;color:var(--navy);font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;border:2px solid #fff}
#mbb .hero .chips a:hover{background:var(--sky)}
#mbb .hero-s{position:relative;background:var(--navy2);overflow:hidden}
#mbb .hero-s .bg{position:absolute;inset:0}
#mbb .hero-s .bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.55}
#mbb .hero-s .inner{position:relative;z-index:1;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:22px;padding-top:30px}
#mbb .hero-s h1{color:#fff;font-size:28px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
/* ---- リード帯（事実） ---- */
#mbb .lead{background:var(--sky);border-bottom:1px solid var(--line)}
#mbb .lead .inner{padding-top:22px;padding-bottom:18px}
#mbb .lead p{font-size:16px;margin:0}
#mbb .lead strong{background:linear-gradient(transparent 62%,#ffe58a 62%)}
#mbb .lead .cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
#mbb .lead .cta-row .tag{background:var(--ora);color:#fff;font-weight:700;font-size:13.5px;padding:6px 12px;border-radius:4px}
#mbb .lead .cta-row .tel{font-size:22px;font-weight:900;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
/* ---- 目次チップ ---- */
#mbb .toc{padding:18px 0 4px}
#mbb .toc .lb{text-align:center;font-size:12.5px;color:var(--mute);margin-bottom:8px}
#mbb .toc ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#mbb .toc a{display:inline-block;background:#fff;border:1.5px solid var(--navy);color:var(--navy);font-size:13.5px;font-weight:700;padding:6px 14px;border-radius:999px}
#mbb .toc a:hover{background:var(--navy);color:#fff}
/* ---- セクション ---- */
#mbb .sec{padding:54px 0 40px}
#mbb .sec-alt{background:var(--sand)}
#mbb .sec-sky{background:var(--sky)}
#mbb .sec h2{text-align:center;font-size:26px;margin-bottom:6px}
#mbb .h2-sub{display:block;text-align:center;font-size:12px;letter-spacing:.2em;color:var(--ora);font-weight:700;margin-bottom:26px}
#mbb .sec h3{font-size:19px;margin:22px 0 10px;padding-left:12px;border-left:5px solid var(--ora)}
#mbb .sec h3.plain{border:0;padding:0}
#mbb .backtoc{text-align:right;margin-top:22px}
#mbb .backtoc a{display:inline-block;font-size:13px;color:var(--navy);border:1.5px solid var(--navy);padding:5px 14px;border-radius:999px;background:#fff}
/* ---- 2本立てメニュー ---- */
#mbb .two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#mbb .two .col{background:#fff;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:0 4px 14px rgba(23,54,93,.06)}
#mbb .two .col .cap{background:var(--navy);color:#fff;padding:12px 18px;font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px}
#mbb .two .col .cap .ic{width:26px;height:26px;color:#fff}
#mbb .two .col .cap.b{background:#7a4b1a}
#mbb .two .col img{width:100%;aspect-ratio:16/8;object-fit:cover}
#mbb .two .col ul{padding:14px 18px 6px}
#mbb .two .col li{border-bottom:1px dashed var(--line);padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}
#mbb .two .col li a{font-weight:700;color:var(--navy)}
#mbb .two .col li .pr{font-size:12.5px;color:var(--mute);white-space:nowrap}
#mbb .two .col .more{display:block;text-align:center;padding:12px;font-weight:700;color:var(--ora)}
/* ---- カード（板金工事の事例と費用 型） ---- */
#mbb .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#mbb .card{background:#fff;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
#mbb .card .ph{aspect-ratio:4/3;background:var(--sky);display:flex;align-items:center;justify-content:center;color:var(--navy);overflow:hidden}
#mbb .card .ph img{width:100%;height:100%;object-fit:cover}
#mbb .card .ph.fit{aspect-ratio:auto;background:#fff;padding:6px}
#mbb .card .ph.fit img{width:100%;height:auto;object-fit:contain}
#mbb .card .ph .noph{text-align:center;font-size:13px;color:var(--mute);padding:10px}
#mbb .card .ph .noph .ic{width:36px;height:36px;margin:0 auto 6px;color:var(--navy)}
#mbb .card .bd{padding:14px 16px 16px}
#mbb .card h3,#mbb .sec .card h3{font-size:16.5px;margin:0 0 6px;padding-left:10px;border-left:4px solid var(--ora)}
#mbb .card p{font-size:14px;margin:0 0 8px;color:#333}
#mbb .card .pr{font-size:14px;font-weight:700;color:var(--navy);background:var(--sky);padding:6px 10px;border-radius:4px;display:inline-block}
/* ---- 理由 ---- */
#mbb .rs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#mbb .rs .r{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:18px 18px 16px;position:relative}
#mbb .rs .r .no{position:absolute;top:-14px;left:16px;background:var(--ora);color:#fff;font-weight:900;font-size:14px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
#mbb .rs .r img{border-radius:6px;margin:8px 0 10px;aspect-ratio:16/10;object-fit:cover;width:100%}
#mbb .rs .r img.fit{object-fit:contain;background:#fff;border:1px solid var(--line)}
#mbb .rs .r h3,#mbb .sec .rs .r h3{font-size:17px;margin:6px 0 8px;border:0;padding:0}
#mbb .rs .r p{font-size:14px;margin:0}
/* ---- 事例 ---- */
#mbb .ba{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#mbb .ba figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
#mbb .ba figure img{aspect-ratio:4/3;object-fit:cover;width:100%}
#mbb .ba figcaption{font-size:13px;padding:8px 12px;color:#333}
#mbb .ba figcaption b{display:inline-block;background:var(--navy);color:#fff;font-size:11px;padding:2px 8px;border-radius:3px;margin-right:6px}
#mbb .ba figcaption b.af{background:var(--ora)}
#mbb .spec{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 0;background:#fff}
#mbb .spec th,#mbb .spec td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
#mbb .spec th{background:var(--sky);width:28%;font-weight:700;color:var(--navy)}
#mbb .voice{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:20px;display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}
#mbb .voice img{border-radius:6px;width:100%}
#mbb .voice .q{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:8px}
#mbb .voice p{font-size:14.5px}
#mbb .voice .who{font-size:13px;color:var(--mute)}
/* ---- 現場写真グリッド ---- */
#mbb .gl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#mbb .zu{margin:0 auto 18px;max-width:540px}
#mbb .zu img{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}
#mbb .zu figcaption{font-size:12.5px;color:var(--mute);margin-top:8px;text-align:center;line-height:1.6}
#mbb .zu-svg{max-width:600px}
#mbb .zu svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px;background:#fff}
#mbb .zu-lg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:12px 0 0;font-size:13.5px}
#mbb .zu-lg li{display:flex;align-items:flex-start;gap:7px;line-height:1.5}
#mbb .zu-lg i{width:15px;height:15px;margin-top:3px;border-radius:3px;border:1px solid rgba(0,0,0,.18);flex:none;display:inline-block}
#mbb .qt{margin:14px 0;padding:15px 18px;background:var(--sand);border-left:4px solid var(--ora);border-radius:0 6px 6px 0;font-size:16.5px;font-weight:700;color:var(--navy);line-height:1.75}
#mbb .qt .nm{display:block;margin-top:9px;font-size:13px;font-weight:400;color:var(--mute)}
#mbb .ic-row{display:flex;align-items:center;gap:11px}
#mbb .ti{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--sky);border:1px solid #d8e4f0;color:var(--navy);flex:none}
#mbb .ti svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#mbb .gl figure{margin:0}
#mbb .gl img,#mbb .gl video{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block;background:#dfe5ee}
#mbb .gl figcaption{font-size:12.5px;margin-top:6px;color:#333;line-height:1.6}
/* ---- 会社の顔 ---- */
#mbb .face{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start}
#mbb .face img{border-radius:var(--rad);width:100%;aspect-ratio:4/3;object-fit:cover}
/* 名刺・証書など、全体を見せたい画像（トリミングしない） */
#mbb .face.fit{grid-template-columns:400px 1fr}
#mbb .face.fit img{aspect-ratio:auto;height:auto;object-fit:contain;background:#fff;border:1px solid var(--line)}
#mbb .face .nm{font-weight:700;color:var(--navy);margin-bottom:4px}
#mbb .face blockquote{margin:0 0 12px;padding:0 0 0 14px;border-left:4px solid var(--ora);font-size:17px;font-weight:700;color:var(--navy);line-height:1.6}
/* ---- 流れ ---- */
#mbb .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
#mbb .steps .st{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 12px;position:relative}
#mbb .steps .st .n{font-size:11px;letter-spacing:.15em;color:var(--ora);font-weight:700}
#mbb .steps .st h3,#mbb .sec .steps .st h3{font-size:15.5px;border:0;padding:0;margin:4px 0 6px}
#mbb .steps .st p{font-size:13px;margin:0}
#mbb .steps .st .free{position:absolute;top:10px;right:10px;background:var(--ora);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px}
/* ---- FAQ ---- */
#mbb details{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}
#mbb summary{cursor:pointer;padding:13px 16px 13px 44px;font-weight:700;color:var(--navy);position:relative;list-style:none;font-size:15.5px}
#mbb summary::-webkit-details-marker{display:none}
#mbb summary::before{content:"Q";position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
#mbb details .a{padding:0 16px 14px 44px;font-size:14.5px;position:relative}
#mbb details .a::before{content:"A";position:absolute;left:14px;top:0;width:22px;height:22px;border-radius:50%;background:var(--ora);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
/* ---- 表 ---- */
#mbb table.tb{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px}
#mbb table.tb th,#mbb table.tb td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
#mbb table.tb th{background:var(--sky);color:var(--navy);font-weight:700}
#mbb table.tb td .big{font-size:18px;font-weight:900;color:var(--ora)}
/* ---- 注意帯（悪徳訪問販売） ---- */
#mbb .warn{background:#fff8e6;border:2px solid #f0c04a;border-radius:var(--rad);padding:16px 20px;display:flex;gap:14px;align-items:flex-start}
#mbb .warn .mk{flex:0 0 40px;height:40px;border-radius:50%;background:#f0c04a;color:#fff;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center}
#mbb .warn h3,#mbb .sec .warn h3{border:0;padding:0;margin:0 0 4px;font-size:16.5px}
#mbb .warn p{margin:0;font-size:14px}
/* ---- CTA ---- */
#mbb .cta{background:var(--navy);color:#fff}
#mbb .cta .inner{padding-top:44px;padding-bottom:44px;text-align:center}
#mbb .cta h2{color:#fff;font-size:24px;margin-bottom:8px}
#mbb .cta p{max-width:720px;margin:0 auto 16px;font-size:15px}
#mbb .cta .tel{display:inline-flex;align-items:center;gap:8px;font-size:34px;font-weight:900;color:#fff;letter-spacing:.02em;line-height:1.1}
#mbb .cta .tel .ic{width:30px;height:30px;color:#ffd166}
#mbb .cta .note{font-size:13px;opacity:.9;margin:6px 0 16px}
#mbb .cta .btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#mbb .cta .btn{padding:14px 26px;font-size:15.5px}
#mbb .cta .btn-o{background:#fff;color:var(--navy);border-color:#fff}
/* ---- フッター ---- */
#mbb .ft{background:#f4f6f9;border-top:1px solid var(--line);color:var(--mute);font-size:13.5px}
#mbb .ft .inner{padding-top:32px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
#mbb .ft .co{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#mbb .ft .co img{width:190px;height:auto;display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 10px;box-sizing:border-box}
#mbb .ft .co .nm{font-weight:700;color:var(--navy);font-size:16px;line-height:1.4}
#mbb .ft ul{display:flex;flex-wrap:wrap;gap:6px 16px}
#mbb .ft ul a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#mbb .ft .cp{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--mute);text-align:center}
/* ---- 固定CTA・↑ ---- */
#mbb .cta-float{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:70;width:auto;max-width:calc(100% - 32px);border-radius:999px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.28)}
#mbb .cta-float a{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 24px;color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
#mbb .cta-float a .ic{width:18px;height:18px}
#mbb .cta-float .f-tel{background:var(--navy)}
#mbb .cta-float .f-mail{background:var(--ora)}
#mbb .cta-float br{display:none}
#mbb .totop{position:fixed;right:16px;bottom:78px;z-index:71;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.2)}
/* ---- スマホ ---- */
#mbb .sp-bar{display:none}
@media(max-width:900px){
#mbb .rs,#mbb .cards{grid-template-columns:1fr 1fr}
#mbb .gl{grid-template-columns:1fr 1fr}
#mbb .steps{grid-template-columns:1fr}
#mbb .face,#mbb .face.fit{grid-template-columns:1fr}
#mbb .hd-l{display:none}
#mbb .hd .inner{justify-content:space-between}
}
@media(max-width:782px){
body.admin-bar #mbb .icn{top:46px}
}
@media(max-width:640px){
#mbb{font-size:15px}
#mbb br.sp{display:inline}
#mbb .hd .inner{padding-top:10px;padding-bottom:8px;gap:8px}
#mbb .hd-c img{width:74px}
#mbb .hd-r{flex:0 0 auto}
#mbb .hd-kw{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1 1 auto;min-width:0;margin:0 6px}
#mbb .hd-kw li{display:flex;align-items:flex-start;gap:5px;font-size:clamp(13.5px,calc((100vw - 230px)/10),15px);font-weight:700;color:var(--navy);line-height:1.45}
#mbb .hd-kw li .ic{width:1em;height:1em;flex:0 0 1em;color:#d33;margin-top:.25em}
#mbb .hd-r .tel{display:none}
#mbb .hd-r .btns{gap:6px}
#mbb .hd-r .btn{padding:9px 10px;font-size:12px}
#mbb .hd-r .btn span.t{display:none}
#mbb .sp-bar{display:flex;background:var(--navy);color:#fff;justify-content:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;align-items:center}
#mbb .sp-bar .ic{width:16px;height:16px;color:#ffd166}
#mbb .icn ul{flex-wrap:wrap}
#mbb .icn li{flex:0 0 25%;border-left:0;border-top:1px dashed var(--line)}
#mbb .icn li:nth-child(-n+4){border-top:0}
#mbb .icn a{font-size:11.5px;padding:9px 2px 8px;gap:4px}
#mbb .icn a .ic{width:22px;height:22px}
#mbb [id]{scroll-margin-top:70px}
#mbb .hero .inner{min-height:380px;padding-bottom:20px}
#mbb .hero h1{font-size:25px}
#mbb .hero h1 .sub{font-size:14.5px}
#mbb .hero .chips a{font-size:12.5px;padding:6px 11px}
#mbb .hero-s .inner{min-height:190px}
#mbb .hero-s h1{font-size:21px}
#mbb .lead p{font-size:15px}
#mbb .sec{padding:40px 0 30px}
#mbb .sec h2{font-size:21px}
#mbb .sec h3{font-size:17px}
#mbb .two,#mbb .rs,#mbb .cards,#mbb .ba,#mbb .gl{grid-template-columns:1fr}
#mbb .gl{grid-template-columns:1fr 1fr}
#mbb .voice{grid-template-columns:1fr}
#mbb .voice img{max-width:100%}
#mbb .zu-lg{flex-direction:column;align-items:flex-start;gap:7px;max-width:300px;margin:12px auto 0}
#mbb .cta .tel{font-size:28px}
#mbb .ft .inner{grid-template-columns:1fr;padding-bottom:96px}
#mbb .ft .co img{width:160px}
#mbb .ft .co{gap:10px}
#mbb .cta-float{left:0;right:0;transform:none;bottom:0;max-width:none;border-radius:0}
#mbb .cta-float a{flex:1 1 0;min-width:0;padding:13px 6px;font-size:14px}
#mbb .totop{bottom:64px;right:12px}
#mbb table.tb{font-size:13.5px}
#mbb table.tb th,#mbb table.tb td{padding:8px}
#mbb .spec th{width:34%}
}