/* ===== 黒ボタン版（色の役割：黒＝押すボタン／青＝リンク・ラベル／各色＝サービス） ===== */
/* ヘッダー：資料請求＝黒塗り（主）、お問い合わせ＝白＋黒線（副）。ホバーで反転 */
.mono .hbtn{background:#1d1d1f!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px #1d1d1f!important;filter:none!important;transition:background .2s,color .2s,transform .2s}
.mono .hbtn.ct{background:#fff!important;color:#1d1d1f!important}
.mono .hbtn.dl:hover{background:#fff!important;color:#1d1d1f!important;box-shadow:inset 0 0 0 1.5px #1d1d1f!important}
.mono .hbtn.ct:hover{background:#1d1d1f!important;color:#fff!important}
/* ページ内の主ボタン */
.mono .a-btn.p,.mono #check .btn.orange,.mono .mcta .btn.blue{background:#1d1d1f!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px #1d1d1f;border:0}
.mono .a-btn.p:hover,.mono #check .btn.orange:hover{background:#fff!important;color:#1d1d1f!important}
/* セルフチェックの結果パネルは黒地なので、ボタンは白抜きで反転 */
.mono #check .res .btn.orange{background:#fff!important;color:#1d1d1f!important;box-shadow:none}
.mono #check .res .btn.orange:hover{background:#E5E5EA!important}
/* お問い合わせ欄：黒地をやめ、サイトのグレーに合わせる */
.mono .t2-cta{background:#F5F5F7;color:#1d1d1f;border:1px solid #E5E5EA}
.mono .t2-cta .bd{color:#3c4048}
.mono .t2-cta .sm{color:#6e6e73}
.mono .t2-cta .b1{background:#1d1d1f;color:#fff;box-shadow:inset 0 0 0 1.5px #1d1d1f}
.mono .t2-cta .b1:hover{background:#fff;color:#1d1d1f}
.mono .t2-cta .b2{background:#fff;color:#1d1d1f;border:1.5px solid #1d1d1f}
.mono .t2-cta .b2:hover{background:#1d1d1f;color:#fff}
.mono .t2-cta .side{background:#fff;border:1px solid #E5E5EA}
.mono .t2-cta .side div{border-top-color:#E5E5EA;color:#6e6e73}
.mono .t2-cta .side div:first-child{border-top:0}
.mono .t2-cta .side b,.mono .t2-cta .side a{color:#1d1d1f}
.mono .t2-cta .side a:hover{color:var(--blue)}

/* ===== 下層ページの既存パーツも黒ボタンに ===== */
.mono .btn.blue,.mono .btn.orange,.mono button.btn,.mono .f button[type=submit],.mono .sbtn{background:#1d1d1f!important;color:#fff!important;border:0!important;box-shadow:inset 0 0 0 1.5px #1d1d1f!important;transition:background .2s,color .2s}
.mono .btn.blue:hover,.mono .btn.orange:hover,.mono button.btn:hover,.mono .f button[type=submit]:hover,.mono .sbtn:hover{background:#fff!important;color:#1d1d1f!important}
.mono .btn.ghost{background:#fff!important;color:#1d1d1f!important;box-shadow:inset 0 0 0 1.5px #1d1d1f!important;border:0!important}
.mono .btn.ghost:hover{background:#1d1d1f!important;color:#fff!important}
/* 旧お問い合わせ欄（黒い箱）もグレーに */
.mono .cta .box{background:#F5F5F7!important;color:#1d1d1f!important;border:1px solid #E5E5EA}
.mono .cta .box::before,.mono .cta .box::after{display:none!important}
.mono .cta .box .h2,.mono .cta .box h2{color:#1d1d1f!important}
.mono .cta .box .p{color:#3c4048!important}
.mono .cta .box .tag{color:var(--blue)!important}
.mono .cta .side{background:#fff!important;border:1px solid #E5E5EA;color:#6e6e73}
.mono .cta .side .row{border-color:#E5E5EA!important;color:#6e6e73!important}
.mono .cta .side b,.mono .cta .side a{color:#1d1d1f!important}
/* スマホ画面下の固定ボタン */
.mono .mcta .btn.ghost{background:#fff!important;color:#1d1d1f!important}

/* 導入の流れ：強調カード（無料リスクチェック）を読みやすく */
.a-page .flow>div.hl{background:#fff!important;color:#1d1d1f!important;box-shadow:inset 0 0 0 2px #1d1d1f;position:relative}
.a-page .flow>div.hl .n{color:var(--blue)!important}
.a-page .flow>div.hl .t{color:#1d1d1f!important}
.a-page .flow>div.hl .d{color:#3c4048!important}

.a-page .flow{overflow:visible;padding-top:12px}
.a-page .flow>div{overflow:visible}
.flow .t{word-break:keep-all;overflow-wrap:anywhere}

/* トップ：ヒーローとお問い合わせ欄のボタン2つを同じ枠・同じ大きさに */
.mono .a-hero .a-acts .a-btn.p,.mono .a-hero .a-acts .a-btn.l{box-shadow:none!important;border:1.5px solid #1d1d1f!important}
.mono .a-hero .a-acts .a-btn.l{background:#fff!important;color:#1d1d1f!important;text-decoration:none}
.mono .a-hero .a-acts .a-btn.l:hover{background:#1d1d1f!important;color:#fff!important}
.mono .t2-cta .b1,.mono .t2-cta .b2{box-shadow:none;border:1.5px solid #1d1d1f}

/* コラム記事末尾のCTA（黒背景）のボタンは常に白 */
.mono .inline-cta .btn,.mono .inline-cta .btn.orange{background:#fff!important;color:#1d1d1f!important;box-shadow:none!important;border:0!important}
.mono .inline-cta .btn:hover,.mono .inline-cta .btn.orange:hover{background:#E5E5EA!important;color:#1d1d1f!important}