/* palette.css 2026-11-02 案B（紺の実務系）＝下層31頁＋404 の色の正本。構造の修正（旧 visual-fix.css）も含む。全ページの最後に読む */

/* V01 SPメニュー：親バーの display:none を外し、ナビ本体の開閉に任せる */
@media(max-width:1050px){
 .case-detail-page .site-header__bar{display:block!important;position:absolute!important;top:0;left:0;right:auto!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
}

/* V02 インタビューSP冒頭：文章の下に写真の場所を確保 */
@media(max-width:640px){
 .interview-editorial-page .page-hero{min-height:0!important;padding:110px 20px 420px!important}
 .interview-editorial-page .page-hero::before{height:400px!important}
 .interview-editorial-page .page-hero__title{font-size:36px!important;line-height:1.15!important}
 .interview-editorial-page .page-hero__lead{font-size:14px!important;line-height:1.9!important}
}

/* V10 橋梁SP：写真の上の文章 */
@media(max-width:1050px){
 .bridge-hero>figure::after{background:linear-gradient(180deg,rgba(11,12,12,.9) 0,rgba(11,12,12,.82) 62%,rgba(11,12,12,.45) 100%)!important}
 .bridge-hero>div>p:last-child{color:#e5e7e6!important}
 .bridge-hero aside strong{white-space:nowrap;font-size:20px!important}
}

/* V16 V25 明るいフッター：ロゴを元の色に・補助文字を濃く */
.sp-footer:not(.acid) small,.sp-footer:not(.acid)>div>p{color:#a3a9a5!important}
.sp-footer.acid small,.sp-footer.acid>div>p{color:#1f2937!important}

/* V22 お知らせのラベル（SP） */
@media(max-width:640px){
 .support-page .num-list li{grid-template-columns:1fr!important;gap:6px!important}
 .support-page .num-list>li>strong{font-size:22px!important}
}

/* V24 横スクロールの案内（SPのみ） */
.scroll-hint{display:none}
@media(max-width:768px){.scroll-hint{display:block;margin:0 0 8px;color:inherit;font-size:13px;font-weight:700;text-align:right;letter-spacing:.04em}}

/* 橋梁SP：NETIS表記と写真注記の重なり */
@media(max-width:1050px){
 .bridge-hero aside{right:20px;bottom:64px;flex-wrap:wrap;row-gap:8px}
 .bridge-hero aside small{flex-basis:100%;padding:0;color:#c3c9c5!important;font-size:11px!important;line-height:1.6}
}

/* ===== 生成：下層用CSSの色を案Bへ写し替え（_form/palette_gen_20261102.py） ===== */
html .case-detail-page .site-header{background:#0e2c4d;border-bottom:1px solid #2f4f76}
html .case-detail-page .brand{border-right:1px solid #2f4f76}
html .case-detail-page .header-util-btn--primary{color:#15202e}
html .case-detail-page .page-hero{background:#0e2c4d}
html .case-detail-page .stats{color:#15202e}
html .case-detail-page .section--pale{background:#f1f4f3}
html .case-detail-page .ba-img{background:#0e2c4d}
html .case-detail-page .ba-img:before{color:#15202e}
html .case-detail-page .voice{background:#0e2c4d}
html .case-detail-page .legacy-gallery{background:#0e2c4d}
html .case-detail-page .legacy-gallery__grid figure{background:#0e2c4d}
html .case-detail-page .button{background:#0e2c4d}
html .case-detail-page .button--primary{color:#15202e}
html .case-detail-page .cta{color:#15202e}
html .case-detail-page .cta .button--light,html .case-detail-page .cta .button--ghost{background:#0e2c4d;border:1px solid #2f4f76}
html .case-detail-page .site-footer{background:#0e2c4d}
html .case-detail-page .site-header__bar,html .case-detail-page .gnav{background:#0e2c4d!important;border-color:#2f4f76!important}
html .case-detail-page .header-util-btn--primary{color:#15202e!important}
html .case-detail-page .stats{color:#15202e!important}
html .case-detail-page .stats__item,html .case-detail-page .stats strong,html .case-detail-page .stats span,html .case-detail-page .stats small{color:#15202e!important}
html .area-page .breadcrumb{background:#0e2c4d}
html .area-page .page-hero{background:#0e2c4d}
html .area-page .fact-block{border-top:1px solid #2f4f76}
html .area-page .hero-img-note{color:#15202e}
html .area-page .section--pale{background:#0e2c4d}
html .area-page .legacy-gallery{background:#0e2c4d}
html .area-page .legacy-gallery+.section--pale{color:#15202e}
html .area-page .legacy-gallery+.section--pale p,html .area-page .legacy-gallery+.section--pale li{color:#15202e}
html .support-page .breadcrumb{background:#0e2c4d}
html .support-page .section--pale{background:#0e2c4d}
html .support-page .cost-card-grid article{background:#ffffff;border-top:5px solid #2f4f76}
html .support-page .cost-card-grid article>span{background:#0e2c4d}
html .conversion-page{background:#ffffff;color:#15202e}
html .conversion-page .site-header{background:#0e2c4d}
html .conversion-page .site-header__top{border-bottom:1px solid #2f4f76}
html .conversion-page .header-util-btn{border-color:#8fd3ea!important}
html .conversion-page .header-util-btn--primary{color:#15202e!important;background:#dff1f7!important}
html .conversion-page .site-header__bar{background:#0e2c4d;border-bottom:1px solid #2f4f76}
html .conversion-page .page-hero{background:#0e2c4d}
html .conversion-page .page-hero__title em{color:#8fd3ea}
html .conversion-page .hero-img-note{color:#15202e;background:#dff1f7}
html .conversion-page .section:nth-of-type(even){background:#0e2c4d}
html .conversion-page .section:nth-of-type(even) .section-title em{color:#8fd3ea}
html .conversion-page .section:nth-of-type(even) .flow-grid article span{color:#8fd3ea}
html .conversion-page .stats{background:#dff1f7;color:#15202e}
html .conversion-page .fact-block{background:#dff1f7;color:#15202e}
html .conversion-page .fact-block p{color:#15202e!important}
html .conversion-page .contact-form{border-top:1px solid #2f4f76}
html .conversion-page .form-note{background:#dff1f7;color:#15202e}
html .conversion-page input[type=text],html .conversion-page input[type=tel],html .conversion-page input[type=email],html .conversion-page textarea,html .conversion-page select{background:#ffffff}
html .conversion-page input:focus,html .conversion-page textarea:focus{border-color:#2f4f76}
html .conversion-page .form-radios label,html .conversion-page .form-checks label{background:#ffffff}
html .conversion-page .form-submit button{background:#dff1f7;color:#15202e}
html .conversion-page .cta{background:#dff1f7;color:#15202e}
html .conversion-page .cta p{color:#15202e!important}
html .conversion-page .button--primary,html .conversion-page .button--light{background:#0e2c4d}
html .conversion-page .button--outline,html .conversion-page .button--ghost{border-color:#2f4f76;color:#15202e}
html .conversion-page .site-footer{background:#0e2c4d}
html .conversion-flow-page .page-hero::after{color:#8fd3ea}
html .conversion-contact-page .contact-form,html .conversion-document-page .contact-form{background:#ffffff}
html .faq-editorial-page{background:#ffffff;color:#15202e}
html .faq-editorial-page .site-header{background:#0e2c4d}
html .faq-editorial-page .site-header__top{border-bottom:1px solid #2f4f76}
html .faq-editorial-page .header-util-btn{border-color:#8fd3ea!important}
html .faq-editorial-page .header-util-btn--primary{background:#dff1f7!important;color:#15202e!important}
html .faq-editorial-page .site-header__bar{background:#0e2c4d;border-bottom:1px solid #2f4f76}
html .faq-editorial-page .page-hero{background:#0e2c4d}
html .faq-editorial-page .page-hero__title em{color:#8fd3ea}
html .faq-editorial-page .faq-list{border-top:1px solid #2f4f76}
html .faq-editorial-page .faq-cat{color:#15202e;background:#dff1f7}
html .faq-editorial-page .faq-list details{border-bottom:1px solid #2f4f76}
html .faq-editorial-page .faq-list details[open]{background:#ffffff}
html .faq-editorial-page .faq-help{background:#0e2c4d}
html .faq-editorial-page .button--primary,html .faq-editorial-page .cta{background:#dff1f7;color:#15202e}
html .faq-editorial-page .site-footer{background:#0e2c4d}
html .interview-editorial-page{background:#ffffff;color:#15202e}
html .interview-editorial-page .site-header{background:#0e2c4d}
html .interview-editorial-page .site-header__top{border-bottom:1px solid #2f4f76}
html .interview-editorial-page .header-util-btn--primary{background:#dff1f7;color:#15202e}
html .interview-editorial-page .site-header__bar{background:#0e2c4d;border-bottom:1px solid #2f4f76}
html .interview-editorial-page .page-hero{background:#0e2c4d}
html .interview-editorial-page .page-hero .hero-flow{color:#8fd3ea}
html .interview-editorial-page .page-hero__title em{color:#8fd3ea}
html .interview-editorial-page main>.section:nth-of-type(even){background:#0e2c4d}
html .interview-editorial-page main>.section:nth-of-type(even) .section-title em{color:#8fd3ea}
html .interview-editorial-page .rep-card{background:#dff1f7}
html .interview-editorial-page blockquote{border-left:5px solid #8fd3ea}
html .interview-editorial-page .button--primary{background:#dff1f7;color:#15202e}
html .interview-editorial-page .cta{background:#dff1f7;color:#15202e}
html .interview-editorial-page .site-footer{background:#0e2c4d}
html .interview-editorial-page .header-util-btn{border-color:#8fd3ea!important}
html .interview-editorial-page .header-util-btn--primary{background:#dff1f7!important;color:#15202e!important}
html .interview-editorial-page .page-hero__title small{color:#15202e;background:#dff1f7}
html .interview-editorial-page main>.section.section--pale{color:#15202e}
html .interview-editorial-page main>.section.section--pale p{color:#15202e!important}
html .interview-editorial-page main>.section.section--pale strong{color:#15202e}
html .interview-editorial-page main>.section.section--pale.message .message__body .section-title{color:#15202e!important;-webkit-text-fill-color:#15202e!important}
html .interview-editorial-page .message .message__body > p:not(.section-kicker):not(.message__statement){color:#15202e!important}
html .ym-support-page .breadcrumb{background:#0e2c4d}
html .ym-support-page .page-hero{color:#15202e}
html .ym-support-page .page-hero .section-kicker{color:#15202e}
html .ym-support-page .page-hero__lead{color:#15202e}
html .ym-support-page .hero-img-note{background:#0e2c4d}
html .ym-support-page .num-list{border-top:1px solid #2f4f76}
html .ym-support-page .section--pale{background:#0e2c4d}
html .ym-support-page .spec-dl dt{color:#15202e}
html .ym-support-page .spec-dl dd{background:#ffffff;color:#15202e}
html .ym-support-page .compare-table{background:#ffffff;color:#15202e}
html .ym-support-page .button--primary{color:#15202e}
html .interview-editorial-page main>.section{color:#15202e}
html .interview-editorial-page main>.section.section--pale{background:#0e2c4d!important}
html .interview-editorial-page main>.section .container>p:not(.section-kicker){color:#15202e!important}
html body.page-license.case-detail-page.support-page main>.section{color:#15202e}
html body.page-license.case-detail-page.support-page main>.section .section-title{color:#15202e!important}
html body.page-license.case-detail-page.support-page .spec-dl{border-color:#2f4f76}
html body.page-license.case-detail-page.support-page .spec-dl dt{color:#15202e!important}
html body.page-license.case-detail-page.support-page .spec-dl dd{background:#ffffff!important;color:#15202e!important}
html body.page-license.case-detail-page.support-page main>.section.section--pale{background:#0e2c4d!important}
html body.page-license.case-detail-page.support-page main>.section.section--pale .num-list{border-color:#2f4f76}
html body.page-license.case-detail-page.support-page main>.section.section--pale .num-list li{border-color:#2f4f76}
html body.page-license.case-detail-page.support-page .cta{background:#0e2c4d!important}
html body.page-license.case-detail-page.support-page .cta__phone{background:#0e2c4d!important}
html body.page-license.case-detail-page.support-page .button--light{color:#15202e!important}
html body.page-license.case-detail-page.support-page .site-footer{background:#0e2c4d!important}
html body.page-license.case-detail-page.support-page .site-footer .copyright{background:#0e2c4d!important}
:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .ugn-panel{background:#0e2c4d;border:1px solid #2f4f76}
:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .ugn-panel a:hover{background:#0e2c4d!important}
@media(max-width:1050px){:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .ugn-primary{border-bottom:1px solid #2f4f76!important}}
@media(max-width:1050px){:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .ugn-utility a{border:1px solid #2f4f76!important}}
@media(max-width:1050px){:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .sp-header .unified-global-nav,:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .site-header .global-nav.unified-global-nav,:is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec) .site-header .gnav.unified-global-nav{background:#0e2c4d!important}}

/* ===== 手調整：案B（紺の実務系）2026-11-02 ===== */
/* 変数（下層用CSSの黒・生成り・水色・黄緑を紺系に） */
html :is(body.case-detail-page,body.conversion-page,body.faq-editorial-page,body.interview-editorial-page,body.page-spec){--cd-ink:#15202e;--cd-paper:#ffffff;--cd-acid:#dff1f7;--cd-line:rgba(21,32,46,.18);--ugn-ink:#0e2c4d;--ugn-acid:#8fd3ea;--ugn-line:rgba(255,255,255,.2);--pb-navy:#0e2c4d;--pb-navy-2:#1b4a7c;--pb-ink:#15202e;--pb-mist:#f1f4f3;--pb-sky:#dff1f7;--pb-blue:#1b63a7;--pb-cyan:#8fd3ea;--pb-orange:#cf4a0c;--pb-line:#d9e0e6;background:#fff;color:#15202e}
html body.ym-support-page{--acid:#dff1f7!important;--ugn-acid:#8fd3ea!important;--cd-acid:#dff1f7!important}

/* ヘッダー・ボタン */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .header-util-btn{border-color:var(--pb-cyan)!important;color:#fff!important;background:transparent!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .header-util-btn--primary{background:var(--pb-orange)!important;background-image:none!important;color:#fff!important;border-color:var(--pb-orange)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .header-tel :is(strong,span){color:#fff!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .header-tel small{color:#c5d0dc!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) :is(.button--primary,.form-submit button){background:var(--pb-orange)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:none!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) :is(.button--primary,.form-submit button):hover{background:#b23f08!important}

/* ヒーロー（紺グラデ）と大きな英字 */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .page-hero{background-color:var(--pb-navy)!important;background-image:linear-gradient(135deg,#0e2c4d 0%,#1b4a7c 100%)!important;color:#fff}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .page-hero:after{color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.22)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .hero-flow span{-webkit-text-stroke-color:rgba(255,255,255,.22)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .page-hero :is(.page-hero__title,h1){color:#fff!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .page-hero :is(.page-hero__lead,p:not(.section-kicker)){color:#dbe4ee!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .page-hero .section-kicker{color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .breadcrumb{color:#c5d0dc}
html :is(.area-page,.support-page,.ym-support-page) .breadcrumb li{color:#c5d0dc!important}
html :is(.area-page,.support-page,.ym-support-page) .breadcrumb a{color:var(--pb-cyan)!important}

/* 見出し（明るい地） */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .section-title{color:var(--pb-ink);-webkit-text-fill-color:var(--pb-ink)}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .section-title em{color:var(--pb-blue);-webkit-text-fill-color:var(--pb-blue)}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .section-kicker{color:var(--pb-blue);-webkit-text-fill-color:var(--pb-blue)}

/* エリア・保証・個人情報・Y工法補足の明るい区画（元は黒地） */
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale{background:var(--pb-mist)!important;color:var(--pb-ink)!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale :is(p,li,h2,h3,h4,dd,dt,small,figcaption,.lead,.city-list li,.city-towns){color:var(--pb-ink)!important;-webkit-text-fill-color:var(--pb-ink)!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale .section-title em{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale .section-kicker{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale :is(.ref-note,.ref-note a){color:#4b5563!important;-webkit-text-fill-color:#4b5563!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale .num-list>li>strong{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html :is(.area-page,.support-page:not(.page-license),.ym-support-page) .section--pale :is(.faq-list details,.cost-card-grid article,.related-grid a){background:#fff!important;border-color:var(--pb-line)!important}
html .area-page .legacy-gallery+.section--pale{background:#fff!important}
html .support-page .spec-dl dt{background:var(--pb-sky)!important;color:var(--pb-ink)!important}
html :is(.support-page,.ym-support-page) .num-list>li>strong{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html :is(.support-page,.ym-support-page) .ref-note{color:#4b5563!important}

/* 紺の区画（お客様の声・ギャラリー・FAQ末尾・問い合わせの偶数節）の文字 */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .voice{background:var(--pb-navy)!important;border-left-color:var(--pb-cyan)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .voice :is(p,p *){color:#fff!important;-webkit-text-fill-color:#fff!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .voice :is(cite,cite strong,cite span){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .legacy-gallery{background:var(--pb-navy)!important;color:#fff}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .legacy-gallery :is(.section-title,p){color:#fff!important;-webkit-text-fill-color:#fff!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .legacy-gallery :is(.section-title em,.section-kicker){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html .faq-editorial-page .faq-help{background:var(--pb-navy)!important;color:#fff!important}
html .faq-editorial-page .faq-help p{color:#fff!important}
html .conversion-page .section:nth-of-type(even):not(.section--pale){background:var(--pb-navy)!important;color:#fff!important}
html .conversion-page .section:nth-of-type(even):not(.section--pale) :is(.section-title,.related-grid h3,.related-grid p,.flow-grid h3,.flow-grid p,summary,details p,p){color:#fff!important;-webkit-text-fill-color:#fff!important}
html .conversion-page .section:nth-of-type(even):not(.section--pale) :is(.section-title em,.section-kicker){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html .conversion-page .section:nth-of-type(even):not(.section--pale) :is(.related-grid a,.flow-grid article,.faq-list details){background:transparent!important;border-color:#3b5a80!important}
html .conversion-page .section.faq details[open]{background:transparent!important}

/* 明るい区画のリード・フォーム */
html .conversion-page .section--pale{background:var(--pb-mist)!important}
html .conversion-page .section--pale :is(p.lead,.container>p){color:#1f2937!important}
html .conversion-page .contact-form{background:#fff!important;border:1px solid var(--pb-line)}
html .conversion-page .contact-form .form-help{color:#4b5563!important}
html .conversion-page :is(p.form-note,.form-note){background:var(--pb-sky)!important;color:var(--pb-ink)!important}

/* 数字帯・要点・CTA（淡い水色） */
html :is(.case-detail-page,.conversion-page) .stats{background:var(--pb-sky)!important;background-image:none!important}
html :is(.case-detail-page,.conversion-page) .stats :is(strong,span,small,.stats__item){color:var(--pb-ink)!important;-webkit-text-fill-color:var(--pb-ink)!important}
html .case-detail-page .fact-block{background:var(--pb-sky)!important;color:var(--pb-ink)!important}
html .case-detail-page .fact-block h2{color:#0b4f8a!important;-webkit-text-fill-color:#0b4f8a!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta{background:var(--pb-sky)!important;background-image:none!important;color:var(--pb-ink)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta :is(h2,.cta__kicker,.cta__lead){color:var(--pb-ink)!important;-webkit-text-fill-color:var(--pb-ink)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .cta__kicker{background:transparent!important;border-color:var(--pb-ink)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .cta__phone{background:var(--pb-navy)!important;background-image:none!important;border:0!important;box-shadow:0 12px 30px rgba(14,44,77,.25)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .cta__phone :is(a,span,strong,small,.cta__phone-label,.cta__phone-num){color:#fff!important;-webkit-text-fill-color:#fff!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .button--light{background:var(--pb-orange)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:none!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .button--ghost{background:transparent!important;color:var(--pb-navy)!important;-webkit-text-fill-color:var(--pb-navy)!important;border:2px solid var(--pb-navy)!important;box-shadow:none!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .cta .button--ghost:hover{background:var(--pb-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* カード（白・細線） */
html :is(.case-detail-page,.conversion-page,.interview-editorial-page) :is(.related-grid a,.case-grid a,.cost-card-grid article){background:#fff;border-color:var(--pb-line)}
html .case-detail-page .case-grid>a>span{background:var(--pb-navy)!important;color:#fff!important}

/* フッター（紺・上端に水色の帯） */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer{background:var(--pb-navy)!important;background-image:none!important;color:#dbe4ee!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer::before{background:var(--pb-cyan)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer :is(h3,a,p,dd,dt,span,strong){color:#dbe4ee!important;border-color:#2f4f76!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer :is(.footer-tagline,.footer-licenses,.footer-licenses span,small){color:#aebdcc!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer a:hover{color:var(--pb-cyan)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .site-footer img{filter:brightness(0) invert(1)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) :is(.footer-bottom,.footer-copy,.copyright){background:#0a2240!important;color:#aebdcc!important}

/* SP固定帯 */
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .mobile-cta{background:var(--pb-navy)!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .mobile-cta__contact{background:var(--pb-orange)!important;background-image:none!important}
html :is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page,.page-spec) .mobile-cta__tel{background:var(--pb-navy-2)!important}

/* インタビュー */
html .interview-editorial-page .section--pale.message{background:var(--pb-navy)!important}
html .interview-editorial-page .message .message__body .section-kicker{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html .interview-editorial-page .rep-card span{color:#0b4f8a!important}
html .interview-editorial-page .related-grid p{color:#374151!important}
html .interview-editorial-page .section:has(.related-grid){background:var(--pb-mist)!important}

/* 第2段（2026-11-02 色比測定の残り） */
html .interview-editorial-page main>.section.section--pale:not(.message){background:var(--pb-navy)!important;color:#fff!important}
html .interview-editorial-page main>.section.section--pale:not(.message) :is(.section-title,p,p strong,li,h3){color:#fff!important;-webkit-text-fill-color:#fff!important}
html .interview-editorial-page main>.section.section--pale:not(.message) :is(.section-title em,.section-kicker,p a){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html body:is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .section--pale :is(.voice,#pb-boost) :is(p,p *){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body:is(.case-detail-page,.conversion-page,.faq-editorial-page,.interview-editorial-page) .section--pale :is(.voice,#pb-boost) :is(cite,cite strong,cite span){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html .page-license .section--pale{background:var(--pb-navy)!important;color:#fff!important}
html .page-license .section--pale :is(.section-title,p,li,dd,dt,h3){color:#fff!important;-webkit-text-fill-color:#fff!important}
html .page-license .section--pale :is(.section-title em,.section-kicker){color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html body.page-license.case-detail-page.support-page .cta{background:var(--pb-sky)!important;background-image:none!important;color:var(--pb-ink)!important}
html body.page-license.case-detail-page.support-page .cta :is(h2,.cta__kicker,.cta__lead){color:var(--pb-ink)!important;-webkit-text-fill-color:var(--pb-ink)!important}
html body.page-license.case-detail-page.support-page .cta .cta__phone{background:var(--pb-navy)!important;border:0!important}
html body.page-license.case-detail-page.support-page .cta .button--ghost{background:transparent!important;color:var(--pb-navy)!important;-webkit-text-fill-color:var(--pb-navy)!important;border:2px solid var(--pb-navy)!important}
html .page-spec .section-title em{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html body.page-license.case-detail-page.support-page .section--pale .num-list>li>strong{color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html body.page-license.case-detail-page.support-page .num-list>li>strong{color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
html .page-spec .brand__text small{color:#4b5563!important}
html body.ym-support-page .section-title em{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html body.ym-support-page .page-hero .section-title em,html body.ym-support-page .page-hero__title em{color:var(--pb-cyan)!important;-webkit-text-fill-color:var(--pb-cyan)!important}
/* 会社系CSSの変数（インタビュー・許認可） */
html :is(body.interview-editorial-page,body.page-license){--series-paper:#ffffff;--series-acid:#8fd3ea;--series-ink:#0e2c4d;--series-line:rgba(21,32,46,.18)}
html .interview-editorial-page main>.section:not(.section--pale):not(.cta) .section-title em{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html .interview-editorial-page main>.section:not(.section--pale):not(.cta) .section-kicker{color:var(--pb-blue)!important;-webkit-text-fill-color:var(--pb-blue)!important}
html :is(.interview-editorial-page,.page-license) .company-family-nav{background:var(--pb-sky)!important}

/* ===== 再点検 2026-11-02（R01〜R09）：配置の修正。色は変えない ===== */
/* R07 ヘッダー：ナビ帯の右端をCTAの左端に合わせる（中央寄せ1320幅のぶんを足す） */
@media(min-width:1051px){
 html .case-detail-page .site-header__bar{right:calc(max(24px,(100% - 1320px) / 2) + 194px)!important}
}
/* R01 サービス一覧／R09 屋上・加水分解：大見出しを左（右）列に収める */
@media(min-width:641px){
 html .service-atlas-page .atlas-hero h1{font-size:clamp(32px,4.4vw,92px)}
 html .roof-field-page .roof-hero h1{font-size:clamp(40px,6vw,96px)}
 html .hydro-page .hydro-hero h1{font-size:clamp(30px,4.4vw,80px)}
}
@media(max-width:640px){
 html .hydro-page .hydro-hero h1{font-size:40px}
}
/* R02 工程の反応図（SP）：箱を1つずつ縦に積む */
@media(max-width:640px){
 html .process-page .reaction-line>span,html .process-page .reaction-line>strong{display:block;width:100%;box-sizing:border-box;padding:18px 20px}
 html .process-page .reaction-line>i{display:block;padding:6px 0;text-align:center}
}
/* R05 インタビュー代表カード（SP）：写真を上へ、役職・氏名は写真の下の帯に */
@media(max-width:640px){
 html .interview-editorial-page .message .rep-card{min-height:600px}
 html .interview-editorial-page .message .rep-card img{bottom:140px;right:0;width:260px}
 html .interview-editorial-page .message .rep-card::after{top:auto;bottom:140px;right:0}
 html .interview-editorial-page .message .rep-card div{top:auto;bottom:22px;left:24px;right:24px;width:auto}
 html .interview-editorial-page .message .rep-card strong{margin-top:8px;padding-bottom:0;border-bottom:0;font-size:21px;line-height:1.5}
}
/* R06 プール（SP）：文字が載る範囲全体に暗幕 */
@media(max-width:640px){
 html .water-page .water-hero>figure::after{background:linear-gradient(180deg,rgba(5,10,12,.55) 0,rgba(5,10,12,.84) 22%,rgba(5,10,12,.84) 68%,rgba(5,10,12,.3) 100%)}
 html .water-page .water-hero>div>p:nth-of-type(2){color:#e3e6e4}
}
/* R08 NEWS：ラベル（NEWS／CASE）が見出しに触れない大きさに */
@media(min-width:901px){
 html .support-page .num-list>li>strong{font-size:clamp(28px,2.9vw,42px)}
}
/* R03/R04 の副作用対策：写真をヒーロー内へ戻したことで有効になる :has() 規則を、狭い幅では元の細い帯に戻す */
@media(max-width:900px){
 html .support-page .page-hero:has(.page-hero-img):before{width:8%}
}
@media(max-width:640px){
 html .support-page .page-hero:has(.page-hero-img):before{width:10px}
}
/* エリアのヒーロー内「このページの要点」：見出しと左端をそろえる */
html .area-page .page-hero .fact-block{margin-left:0;margin-right:0}
/* 保証ページ：写真をヒーロー内へ戻したため「※イメージ」に地色を付ける */
html .support-page .page-hero .hero-img-note{padding:6px 10px;background-color:#0e2c4d;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* 大見出しの折返し：<wbr> を入れた見出しだけ語の切れ目で折る（保証ページ） */
html .page-hero__title:has(wbr){word-break:keep-all;overflow-wrap:anywhere}
/* 保証ページの大見出し（長い）：1行目「ポリウレア防水の」が1行に収まる大きさに */
@media(min-width:901px){
 html .support-page .page-hero__title:has(wbr){font-size:clamp(40px,4vw,58px)}
}
@media(max-width:640px){
 html .support-page .page-hero__title:has(wbr){font-size:min(40px,10.4vw)}
}
/* Codex再確認R2：重機・住宅のPC大見出し＝<br>で区切った1行が列幅に収まる大きさに（641px以上） */
@media(min-width:641px){
 html body.heavy-page .heavy-hero h1{font-size:clamp(34px,5.6vw,104px)}
 html body.house-page .house-hero h1{font-size:clamp(30px,4.7vw,104px)}
}
@media(max-width:640px){
 html body.house-page .house-hero h1{font-size:min(54px,12.8vw)}
}
@media(max-width:640px){
 html body.heavy-page .heavy-hero h1{font-size:min(53px,15vw)}
}

/* ===== 生成：TOP系24ページの色を案Bへ写し替え（_form/palette_gen_top24_20261102.py） ===== */
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-hero{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-hero h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-hero figcaption,html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-system figcaption,html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-hero figcaption,html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-tank figcaption,html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-hero figcaption,html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-trial figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .time-compare article{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .time-compare article.active{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .residential-grid article{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-system{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-system dl{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-system dl div{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .balcony-system dt{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-hero{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-hero>div>p:first-child{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-hero h1 em{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-metrics{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-metrics article{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-metrics strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-use-grid article::after{background:linear-gradient(transparent,rgba(5,10,12,.9))}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-use-grid article>div{color:#fff}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-use-grid span{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .water-tank{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-hero{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-hero a{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-cost{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-cost>div:first-child p{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .cost-flow{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .cost-flow span{background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .cost-flow.new{border-color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .cost-flow.new span,html :is(body.asphalt-page,body.balcony-page,body.water-page) .cost-flow.new strong{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.water-page) .asphalt-trial dl{border-top:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-hero{color:#fff;background:#0e2c4d}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-hero figure::after{background:linear-gradient(90deg,transparent 70%,#0e2c4d)}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-hero figcaption,html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-surface figcaption,html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-hero figcaption,html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-concept figcaption,html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero figcaption,html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process figcaption{color:#15202e;background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-hero>div>p:first-child,html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-surface>div>p:first-child,html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-hero>div>p:first-child,html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-concept>div>p:first-child,html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero>div>p:first-child,html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process>div>p:first-child{color:#8fd3ea}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-hero h1 em{color:#8fd3ea}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-risk-grid{border-top:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-surface{background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .heavy-surface>div>p:first-child{color:#15202e}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-hero{color:#fff;background:#0e2c4d}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .project-status{color:#15202e;background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-hero h1 em{color:transparent}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-notice{background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-condition-grid{border-top:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-concept{background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .trailer-concept>div>p:first-child{color:#15202e}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero{color:#fff;background:#0e2c4d}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero h1 em{color:#8fd3ea}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero>div>div{border-top:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-hero>div strong{color:#8fd3ea}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-proof{background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-compare article{border:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-compare article.active{background:#dff1f7}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process{color:#fff;background:#0e2c4d}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process ol{border-top:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process li{border-bottom:1px solid #2f4f76}
html :is(body.heavy-page,body.trailer-page,body.wood-page) .wood-process li span{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-number-grid{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-number-grid article{border-right:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-number-grid strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-case-split{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-case-split figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-case-split a{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-faq-list{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .use-faq-list details{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-hero{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-copy>p:first-child{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-copy h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-copy>div{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-copy strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-failure{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .parking-process ol{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero>figure::after{background:linear-gradient(90deg,#0e2c4d,transparent 35%)}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero>div>p:first-child{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-hero aside span{background:#dff1f7;color:#15202e}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-cycle{background:#ffffff}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-cycle-flow article{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-test{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-test>strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-public dl{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-case{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-case a{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .bridge-case figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-hero{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-hero h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-hero-images figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-targets span{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-impact{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-impact figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-impact ul{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-impact li{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-impact li b{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-gallery-grid figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.heavy-page,body.parking-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page) .truck-cost{background:#dff1f7}
html body:is(.tech-page).tech-page .tech-hero,html body:is(.service-atlas-page).service-atlas-page .atlas-hero,html body:is(.case-page).case-page .case-hero{color:#fff;background:#0e2c4d}
html body:is(.tech-page).tech-page .tech-hero-copy>p:first-child,html body:is(.service-atlas-page).service-atlas-page .atlas-hero-copy>p:first-child,html body:is(.case-page).case-page .case-hero-copy>p:first-child{color:#8fd3ea}
html body:is(.tech-page).tech-page .tech-hero h1 em,html body:is(.service-atlas-page).service-atlas-page .atlas-hero h1 em,html body:is(.case-page).case-page .case-hero h1 em{color:transparent!important;background:transparent}
html body:is(.tech-page).tech-page .tech-hero figcaption,html body:is(.service-atlas-page).service-atlas-page .atlas-hero figcaption,html body:is(.case-page).case-page .case-hero figcaption{color:#15202e;background:#dff1f7}
html body:is(.company-page).company-page .company-hero h1 em{color:transparent}
html body:is(.recruit-page).recruit-page .recruit-hero figure::after{background:linear-gradient(90deg,rgba(10,11,11,.18),transparent 25%)}
html body:is(.recruit-page).recruit-page .recruit-hero h1 em{color:transparent}
html :is(body.company-page,body.recruit-page) .company-family-nav{background:#dff1f7;color:#15202e}
html :is(body.company-page,body.recruit-page) .company-family-nav>div{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .company-family-nav a{border-right:1px solid rgba(17,17,17,.35);border-bottom:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .demerit-hero{color:#fff;background:#0e2c4d}
html :is(body.demerit-page,body.hydro-page) .demerit-hero>div>p:first-child,html :is(body.demerit-page,body.hydro-page) .demerit-fit>div>p:first-child,html :is(body.demerit-page,body.hydro-page) .hydro-hero>div>p:first-child,html :is(body.demerit-page,body.hydro-page) .hydro-exposure>div>p:first-child{color:#8fd3ea}
html :is(body.demerit-page,body.hydro-page) .demerit-hero h1 em{color:#8fd3ea}
html :is(body.demerit-page,body.hydro-page) .demerit-hero aside{border-left:1px solid #2f4f76;background:#dff1f7;color:#15202e}
html :is(body.demerit-page,body.hydro-page) .caution-grid{border-top:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .demerit-fit{background:#dff1f7}
html :is(body.demerit-page,body.hydro-page) .demerit-fit>div>p:first-child{color:#15202e}
html :is(body.demerit-page,body.hydro-page) .fit-columns article.active{color:#fff;background:#0e2c4d}
html :is(body.demerit-page,body.hydro-page) .demerit-fit figcaption,html :is(body.demerit-page,body.hydro-page) .hydro-hero figcaption,html :is(body.demerit-page,body.hydro-page) .hydro-exposure figcaption{color:#15202e;background:#dff1f7}
html :is(body.demerit-page,body.hydro-page) .contractor-grid{border-top:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .contractor-grid article{border-right:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .contractor-grid strong{color:#8fd3ea}
html :is(body.demerit-page,body.hydro-page) .decision-faq{border-top:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .decision-faq details{border-bottom:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .hydro-hero{color:#fff;background:#0e2c4d}
html :is(body.demerit-page,body.hydro-page) .hydro-hero figure::after{background:linear-gradient(90deg,transparent 75%,#0e2c4d)}
html :is(body.demerit-page,body.hydro-page) .hydro-hero h1 em{color:#8fd3ea}
html :is(body.demerit-page,body.hydro-page) .hydro-definition{background:#dff1f7}
html :is(body.demerit-page,body.hydro-page) .bond-grid{border-top:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .bond-grid article{border-right:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .bond-grid article.active{color:#15202e;background:#dff1f7}
html :is(body.demerit-page,body.hydro-page) .bond-grid article.active span,html :is(body.demerit-page,body.hydro-page) .bond-grid article.active p{color:#15202e}
html :is(body.demerit-page,body.hydro-page) .exposure-scale{border-top:1px solid #2f4f76}
html :is(body.demerit-page,body.hydro-page) .hydro-note>a{border-bottom:1px solid #8fd3ea;color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-hero{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-hero-copy>p:first-child,html :is(body.roof-field-page,body.service-atlas-page) .roof-hero-copy>p:first-child{color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-hero h1 em{color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .symptom-rail{background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-group{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-row{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-row:last-child{border-bottom:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-group-dark{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .atlas-group-dark .atlas-row{border-color:#2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .audience-lines{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .audience-lines a{border-bottom:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .audience-lines span{color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .audience-lines b{color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .roof-hero{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .roof-hero h1 em{color:transparent}
html :is(body.roof-field-page,body.service-atlas-page) .roof-hero-copy>a{border-bottom:1px solid #8fd3ea;color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .roof-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .roof-diagnosis{background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .roof-answer-points{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .roof-recovery{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .roof-recovery a{border-bottom:1px solid #8fd3ea;color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .roof-recovery-photos figcaption{color:#15202e;background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .roof-spec dl{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .roof-spec dl div{border-bottom:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .roof-spec dt{color:#8fd3ea}
html :is(body.roof-field-page,body.service-atlas-page) .roof-case{background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .roof-case figcaption{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .roof-case a{color:#fff;background:#0e2c4d}
html :is(body.roof-field-page,body.service-atlas-page) .roof-reference-grid figcaption{background:#dff1f7}
html :is(body.roof-field-page,body.service-atlas-page) .roof-faq-list{border-top:1px solid #2f4f76}
html :is(body.roof-field-page,body.service-atlas-page) .roof-faq-list details{border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page){color:#15202e;background:#ffffff}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) ::selection{background:#dff1f7;color:#15202e}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-header{color:#fff;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(10,11,11,.92)}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-header nav a[aria-current=page]::after{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-cta{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-menu{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-section-dark{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-link-grid{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-footer{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-footer>a{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-footer.acid{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-footer.acid>a{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero-copy>p{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero-copy>div span{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero>figure::after{background:linear-gradient(90deg,rgba(11,12,12,.3),transparent 30%)}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-filter{background:#ffffff;border-block:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-filter button{background:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .case-filter button.active{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero-copy>p:first-child{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero h1 em{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero-copy>div{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero-copy>div strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-hero figcaption{background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-rail{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .chem-formula{border-left:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .chem-formula strong{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-four-grid{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-four-grid article{border-right:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-four-grid strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .feature-matrix{border-top:1px solid #2f4f76;border-left:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .feature-matrix article{border-right:1px solid #2f4f76;border-bottom:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-structure{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-structure figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .process-photo-grid figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .mini-compare{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .mini-compare strong{background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .reference-grid a{border:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero h1 em{color:transparent}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero-copy>a{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero-badge{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-hero-badge strong{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-problem-copy>div{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-problem figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-layer-grid article{background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-layer-grid figure{background:#ffffff}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-layer-grid span{color:#8fd3ea}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-spec-grid{border-top:1px solid #2f4f76}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-test{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-test figcaption{color:#fff;background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-gallery-grid figcaption{color:#15202e;background:#dff1f7}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-movie-grid article>div{background:#0e2c4d}
html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .ym-patent>div>p:first-child{color:#8fd3ea}
@media(max-width:960px){html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-menu span{background:#0e2c4d}}
@media(max-width:960px){html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-header nav{color:#fff;background:#0e2c4d}}
@media(max-width:960px){html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .sp-header nav a{border-bottom:1px solid #2f4f76}}
@media(max-width:640px){html :is(body.asphalt-page,body.balcony-page,body.bridge-page,body.case-page,body.company-page,body.compare-page,body.corp-page,body.demerit-page,body.heavy-page,body.house-page,body.hydro-page,body.parking-page,body.process-page,body.public-page,body.recruit-page,body.roof-field-page,body.service-atlas-page,body.tech-page,body.trailer-page,body.truck-page,body.water-page,body.wood-page,body.ym-page) .tech-four-grid article{border-bottom:1px solid #2f4f76}}
html :is(body.corp-page,body.house-page,body.public-page) .public-hero,html :is(body.corp-page,body.house-page,body.public-page) .corp-hero,html :is(body.corp-page,body.house-page,body.public-page) .house-hero{color:#fff;background:#0e2c4d}
html :is(body.corp-page,body.house-page,body.public-page) .public-hero>div>p:first-child,html :is(body.corp-page,body.house-page,body.public-page) .public-risk>div>p:first-child,html :is(body.corp-page,body.house-page,body.public-page) .corp-hero>div>p:first-child,html :is(body.corp-page,body.house-page,body.public-page) .corp-case>div>p:first-child,html :is(body.corp-page,body.house-page,body.public-page) .house-hero>div>p:first-child,html :is(body.corp-page,body.house-page,body.public-page) .house-trust>div>p:first-child{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .public-hero h1 em,html :is(body.corp-page,body.house-page,body.public-page) .corp-hero h1 em,html :is(body.corp-page,body.house-page,body.public-page) .house-hero h1 em{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .public-hero>div>a,html :is(body.corp-page,body.house-page,body.public-page) .house-hero>div>a{border-bottom:1px solid #8fd3ea;color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .public-hero figcaption,html :is(body.corp-page,body.house-page,body.public-page) .public-risk figcaption,html :is(body.corp-page,body.house-page,body.public-page) .corp-hero figcaption,html :is(body.corp-page,body.house-page,body.public-page) .corp-case figcaption,html :is(body.corp-page,body.house-page,body.public-page) .house-hero figcaption,html :is(body.corp-page,body.house-page,body.public-page) .house-trust figcaption{color:#15202e;background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .public-dossier{background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .procurement-list{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .public-risk{background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .public-risk>div>p:first-child{color:#15202e}
html :is(body.corp-page,body.house-page,body.public-page) .public-risk a{color:#fff;background:#0e2c4d}
html :is(body.corp-page,body.house-page,body.public-page) .public-app-grid span{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .corp-hero>div>div{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .corp-hero>div>div strong{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .corp-downtime{background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .corp-asset-grid a{border-bottom:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .corp-asset-grid span{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .corp-cost-lines{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .corp-case{background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .corp-case>div>p:first-child{color:#15202e}
html :is(body.corp-page,body.house-page,body.public-page) .corp-case a{color:#fff;background:#0e2c4d}
html :is(body.corp-page,body.house-page,body.public-page) .corp-flow ol,html :is(body.corp-page,body.house-page,body.public-page) .house-flow ol{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .house-hero{color:#15202e;background:#dff1f7}
html :is(body.corp-page,body.house-page,body.public-page) .house-hero>div>p:first-child{color:#15202e}
html :is(body.corp-page,body.house-page,body.public-page) .house-hero h1 em{color:transparent}
html :is(body.corp-page,body.house-page,body.public-page) .house-hero>div>p:nth-of-type(2){color:#15202e}
html :is(body.corp-page,body.house-page,body.public-page) .house-hero>div>a{color:#15202e;border-color:#2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .concern-list{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .house-answer-grid{border-top:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .house-answer-grid article{border-right:1px solid #2f4f76}
html :is(body.corp-page,body.house-page,body.public-page) .house-answer-grid strong{color:#8fd3ea}
html :is(body.corp-page,body.house-page,body.public-page) .house-trust{background:#ffffff}
html :is(body.corp-page,body.house-page,body.public-page) .house-trust figure{background:#f1f4f3}
html :is(body.corp-page,body.house-page,body.public-page) .house-trust dl{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-hero{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .compare-hero>div>p:first-child,html :is(body.compare-page,body.process-page) .compare-procurement>div>p:first-child,html :is(body.compare-page,body.process-page) .process-hero>div>p:first-child,html :is(body.compare-page,body.process-page) .process-thickness>div>p:first-child,html :is(body.compare-page,body.process-page) .spec-hero>div>p:first-child,html :is(body.compare-page,body.process-page) .spec-selection>div>p:first-child{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .compare-hero h1 em{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .compare-hero aside{border-left:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-hero aside span,html :is(body.compare-page,body.process-page) .compare-hero aside strong{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-hero aside strong{color:#15202e;background:#dff1f7}
html :is(body.compare-page,body.process-page) .compare-cost{background:#dff1f7}
html :is(body.compare-page,body.process-page) .cost-timeline>strong{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .compare-table{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-table>div{border-bottom:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-table strong{color:#15202e;background:#dff1f7}
html :is(body.compare-page,body.process-page) .difference-grid{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .compare-procurement{background:#dff1f7}
html :is(body.compare-page,body.process-page) .compare-procurement figcaption,html :is(body.compare-page,body.process-page) .process-hero figcaption,html :is(body.compare-page,body.process-page) .spec-selection figcaption{color:#15202e;background:#dff1f7}
html :is(body.compare-page,body.process-page) .compare-procurement>div>p:first-child{color:#15202e}
html :is(body.compare-page,body.process-page) .compare-procurement a{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .source-links{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .process-hero{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .process-hero figure::after{background:linear-gradient(90deg,transparent 75%,#0e2c4d)}
html :is(body.compare-page,body.process-page) .process-hero h1 em{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .process-principle{background:#dff1f7}
html :is(body.compare-page,body.process-page) .reaction-line strong{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .step-list article{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .process-thickness{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .process-thickness blockquote{border-left:4px solid #8fd3ea}
html :is(body.compare-page,body.process-page) .process-thickness aside strong{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .use-process-grid{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .use-process-grid article{border-right:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .use-process-grid span{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .spec-hero{color:#fff;background:#0e2c4d}
html :is(body.compare-page,body.process-page) .spec-hero h1 em{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .spec-hero article{border-left:1px solid #2f4f76;border-bottom:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .spec-hero strong{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .spec-base dl{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .product-grid{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .product-grid article{border-right:1px solid #2f4f76;border-bottom:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .product-grid span{color:#8fd3ea}
html :is(body.compare-page,body.process-page) .spec-selection{background:#dff1f7}
html :is(body.compare-page,body.process-page) .spec-selection>div>p:first-child{color:#15202e}
html :is(body.compare-page,body.process-page) .example-board{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .spec-process ol{border-top:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .spec-process li{border-right:1px solid #2f4f76}
html :is(body.compare-page,body.process-page) .spec-process li span{color:#8fd3ea}
html :is(body.top-page){color:#15202e;background:#ffffff}
html :is(body.top-page) ::selection{color:#15202e;background:#dff1f7}
html :is(body.top-page) .skip{background:#dff1f7}
html :is(body.top-page) .site-header{border-bottom:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
html :is(body.top-page) .global-nav a::after{background:#dff1f7}
html :is(body.top-page) .header-cta{color:#15202e;background:#dff1f7}
html :is(body.top-page) .menu-button{background:#dff1f7}
html :is(body.top-page) .hero{background:#0e2c4d}
html :is(body.top-page) .hero-shade{background:linear-gradient(90deg,rgba(8,10,9,.92) 0%,rgba(8,10,9,.58) 40%,rgba(8,10,9,.07) 72%), linear-gradient(0deg,rgba(8,10,9,.58),transparent 45%)}
html :is(body.top-page) .hero-grid{background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.18) 25%,transparent calc(25% + 1px)), linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.18) 50%,transparent calc(50% + 1px)), linear-gradient(90deg,transparent calc(75% - 1px),rgba(255,255,255,.18) 75%,transparent calc(75% + 1px))}
html :is(body.top-page) .eyebrow span{background:#dff1f7}
html :is(body.top-page) .hero h1 em{color:#8fd3ea}
html :is(body.top-page) .button-accent{color:#15202e;background:#dff1f7}
html :is(body.top-page) .button-outline{border:1px solid #2f4f76}
html :is(body.top-page) .button-dark{background:#0e2c4d}
html :is(body.top-page) .hero-facts{color:#15202e;background:#dff1f7}
html :is(body.top-page) .section-dark{background:#0e2c4d}
html :is(body.top-page) .priority-cost{background:#dff1f7}
html :is(body.top-page) .priority-cost .kicker{color:#15202e}
html :is(body.top-page) .priority-cost h2 > span.priority-cost-hot{color:transparent}
html :is(body.top-page) .priority-cost h2 em{color:#15202e}
html :is(body.top-page) .priority-cost-image figcaption{background:#0e2c4d}
html :is(body.top-page) .priority-cost-lead{background:#0e2c4d}
html :is(body.top-page) .priority-cost-cards article{border-top:1px solid rgba(255,255,255,.28);background:#0e2c4d}
html :is(body.top-page) .priority-cost-cards article > span{color:#8fd3ea}
html :is(body.top-page) .priority-cost-cards article > strong{color:#8fd3ea}
html :is(body.top-page) .priority-quick{background:#0e2c4d}
html :is(body.top-page) .priority-quick-copy .kicker{color:#8fd3ea}
html :is(body.top-page) .priority-quick h2 em{color:#8fd3ea}
html :is(body.top-page) .priority-quick-lead{color:#8fd3ea}
html :is(body.top-page) .priority-quick-photos figcaption{background:linear-gradient(0deg,rgba(5,20,34,.88),transparent)}
html :is(body.top-page) .priority-quick-metrics article{border-top:1px solid #2f4f76;border-bottom:4px solid #8fd3ea;background:#0e2c4d}
html :is(body.top-page) .priority-quick-metrics strong{color:#8fd3ea}
html :is(body.top-page) .manifesto{border-top:1px solid #2f4f76}
html :is(body.top-page) .manifesto .kicker{color:#8fd3ea}
html :is(body.top-page) .manifesto-image{background:#163a60}
html :is(body.top-page) .manifesto-metrics{color:#15202e;background:#dff1f7}
html :is(body.top-page) .manifesto-copy .text-link{color:#8fd3ea}
html :is(body.top-page) .section-heading h2 em{color:transparent}
html :is(body.top-page) .work-card i{color:#15202e;background:#dff1f7}
html :is(body.top-page) .section-accent{background:#dff1f7}
html :is(body.top-page) .comparison{background:#f1f4f3}
html :is(body.top-page) .comparison-board{border-top:1px solid #2f4f76}
html :is(body.top-page) .comparison-row strong{color:#15202e;background:#dff1f7}
html :is(body.top-page) .comparison-row strong::before{background:#0e2c4d}
html :is(body.top-page) .comparison-head strong{color:#15202e}
html :is(body.top-page) .capability span{color:#8fd3ea}
html :is(body.top-page) .audience{background:#ffffff}
html :is(body.top-page) .audience-card{background:#0e2c4d}
html :is(body.top-page) .audience-card-body > span{color:#8fd3ea}
html :is(body.top-page) .audience-card-body ul{border-top:1px solid #2f4f76}
html :is(body.top-page) .audience-card-body li::before{color:#8fd3ea}
html :is(body.top-page) .audience-card-body b{border-top:1px solid #2f4f76;color:#8fd3ea}
html :is(body.top-page) .process-image span{background:#0e2c4d}
html :is(body.top-page) .ymethod{background:#dff1f7}
html :is(body.top-page) .ymethod-label{background:#0e2c4d}
html :is(body.top-page) .ymethod-label span{color:#8fd3ea}
html :is(body.top-page) .message-portrait{background:#0e2c4d}
html :is(body.top-page) .message-stamp{color:#15202e}
html :is(body.top-page) .message-stamp b{color:#8fd3ea}
html :is(body.top-page) .message-copy .kicker{color:#8fd3ea}
html :is(body.top-page) .message blockquote{border-left:2px solid #8fd3ea;color:#c5d0dc}
html :is(body.top-page) .project-flow-list{border-top:1px solid #2f4f76;border-bottom:1px solid #2f4f76}
html :is(body.top-page) .project-flow-list li{border-right:1px solid #2f4f76}
html :is(body.top-page) .project-flow-list span{color:#8fd3ea}
html :is(body.top-page) .faq-section{background:#ffffff}
html :is(body.top-page) .faq-list{border-top:1px solid #2f4f76}
html :is(body.top-page) .contact{color:#15202e;background:#dff1f7}
html :is(body.top-page) .site-footer{background:#0e2c4d}
html :is(body.top-page) .footer-nav{border-block:1px solid #2f4f76}
html :is(body.top-page) .footer-nav a:hover{color:#8fd3ea}
@media (max-width: 960px){html :is(body.top-page) .menu-button span{background:#0e2c4d}}
@media (max-width: 960px){html :is(body.top-page) .global-nav{background:#0e2c4d}}
@media (max-width: 960px){html :is(body.top-page) .global-nav a{border-bottom:1px solid #2f4f76}}
@media (max-width: 960px){html :is(body.top-page) .project-flow-list li{border-bottom:1px solid #2f4f76}}
@media (max-width: 640px){html :is(body.top-page) .hero-shade{background:linear-gradient(90deg,rgba(8,10,9,.9),rgba(8,10,9,.3)), linear-gradient(0deg,rgba(8,10,9,.7),transparent 60%)}}
@media (max-width: 640px){html :is(body.top-page) .project-flow-list li{border-bottom-color:#2f4f76}}
html :is(body.top-page) .fact-strip{color:#15202e;background:#ffffff}
html :is(body.top-page) .fact-strip-list dd a{color:#15202e}
html :is(body.company-page,body.recruit-page) .company-hero{color:#fff;background:#0e2c4d}
html :is(body.company-page,body.recruit-page) .company-hero>div>p:first-child,html :is(body.company-page,body.recruit-page) .company-system>div>p:first-child,html :is(body.company-page,body.recruit-page) .recruit-hero>div>p:first-child,html :is(body.company-page,body.recruit-page) .recruit-field>div>p:first-child{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .company-hero h1 em{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .company-hero figure{background:#dff1f7}
html :is(body.company-page,body.recruit-page) .company-hero figcaption,html :is(body.company-page,body.recruit-page) .company-system figcaption,html :is(body.company-page,body.recruit-page) .recruit-hero figcaption{color:#15202e;background:#dff1f7}
html :is(body.company-page,body.recruit-page) .company-manifesto{background:#dff1f7}
html :is(body.company-page,body.recruit-page) .company-manifesto h2 em{color:transparent}
html :is(body.company-page,body.recruit-page) .company-stats{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .history-track{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .history-track article{border-right:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .history-track span{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .company-system{background:#dff1f7}
html :is(body.company-page,body.recruit-page) .company-system>div>p:first-child{color:#15202e}
html :is(body.company-page,body.recruit-page) .company-system a{color:#fff;background:#0e2c4d}
html :is(body.company-page,body.recruit-page) .profile-table{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .license-grid{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .license-grid article{border-right:1px solid #2f4f76;border-bottom:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .license-grid span{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .recruit-hero{color:#fff;background:#0e2c4d}
html :is(body.company-page,body.recruit-page) .recruit-hero figure::after{background:linear-gradient(90deg,transparent 75%,#0e2c4d)}
html :is(body.company-page,body.recruit-page) .recruit-hero h1 em{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .recruit-hero a{border-bottom:1px solid #8fd3ea;color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .recruit-intro{background:#dff1f7}
html :is(body.company-page,body.recruit-page) .skill-grid{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .position-list article{background:#0e2c4d}
html :is(body.company-page,body.recruit-page) .position-list>article>span{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .position-list dl{border-top:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .position-list dl div{border-bottom:1px solid #2f4f76}
html :is(body.company-page,body.recruit-page) .position-list dt{color:#8fd3ea}
html :is(body.company-page,body.recruit-page) .recruit-field{background:#dff1f7}
html :is(body.company-page,body.recruit-page) .recruit-field>div>p:first-child{color:#15202e}
html :is(body.company-page,body.recruit-page) .recruit-field a{color:#fff;background:#0e2c4d}
html :is(body.company-page,body.recruit-page) .recruit-entry a{color:#15202e;background:#dff1f7}
html :is(body.top-page){background:#ffffff}
html :is(body.top-page) .site-header{background:#0e2c4d}
html :is(body.top-page) .priority-cost,html :is(body.top-page) .section-accent,html :is(body.top-page) .ymethod,html :is(body.top-page) .contact{background:#dff1f7}
html :is(body.top-page) .priority-cost-cards article,html :is(body.top-page) .priority-quick-metrics article{background:#0e2c4d}
html :is(body.top-page) .work-card i,html :is(body.top-page) .hero-facts,html :is(body.top-page) .manifesto-metrics{background:#dff1f7}
html :is(body.top-page) .section-dark,html :is(body.top-page) .priority-quick,html :is(body.top-page) .manifesto-copy,html :is(body.top-page) .capability,html :is(body.top-page) .message{background:#0e2c4d}
html :is(body.top-page) .palette-b-label{color:#15202e;background:#dff1f7}

/* ===== 手調整：TOP系24ページ 案B（2026-11-02）===== */
/* 変数（生成で拾えない所の受け皿） */
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page){--ink:#0e2c4d;--ink2:#163a60;--ink-2:#163a60;--paper:#ffffff;--acid:#8fd3ea;--line:rgba(14,44,77,.18)}
/* ヘッダー：紺の地・主ボタンは橙 */
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) :is(.sp-header,.site-header){background-color:rgba(14,44,77,.96)}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) :is(.sp-cta,.header-cta){color:#fff;background-color:#cf4a0c}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) :is(.sp-cta,.header-cta):hover{background-color:#b23f08}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .sp-menu{background-color:#dff1f7}
/* 紺の地の上の灰色ラベル（番号・出典・フッター）を明るく */
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) :is(.sp-section-dark,.section-dark,.atlas-group-dark) :is(.section-index,.sp-index,.sp-note,.sp-heading>div>p,.bond-grid>article>span,.bridge-test>span,header>p){color:#c5d0dc!important}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .atlas-group-dark .atlas-row>div>span,html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .process-thickness>aside>small,html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .case-hero-scroll{color:#c5d0dc!important}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .site-footer :is(.footer-brand>p,.footer-bottom>p,.footer-bottom>a){color:#c5d0dc!important}
/* 白地の上の番号ラベル（元は水色の地の上） */
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) :is(.hydro-exposure,.house-trust)>div>p:first-child{color:#1b63a7!important}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .priority-quick .section-index{color:#c5d0dc!important}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .bond-grid>article.active>span{color:#15202e!important}
html :is(body.top-page,body.tech-page,body.hydro-page,body.compare-page,body.demerit-page,body.process-page,body.service-atlas-page,body.roof-field-page,body.balcony-page,body.parking-page,body.asphalt-page,body.bridge-page,body.truck-page,body.heavy-page,body.trailer-page,body.water-page,body.wood-page,body.ym-page,body.public-page,body.corp-page,body.house-page,body.case-page,body.company-page,body.recruit-page) .symptom-rail>a>b{color:#1b63a7!important}
/* TOP の主CTA（相談ボタン2つ）は橙＝下層の主ボタンと同じ */
html body.top-page :is(.button-accent,.button-large[href="/contact/"]){color:#fff!important;background-color:#cf4a0c!important;border-color:#cf4a0c!important}
html body.top-page :is(.button-accent,.button-large[href="/contact/"]):hover{background-color:#b23f08!important}