/* [see1009b] 下層ページの上の帯とフッター（トップと同じ見た目・2026-10-09）
   トップの <header>・<footer> を写し、名前を sc- にして下層の CSS とぶつからないようにした。
   上の帯は、もとの帯が流れの中にあったページでは sticky、固定だったページ（加工ガイド）は .sc-fixed。 */
.sc-hd{--sc-h:64px;--sc-ink:#1a1a1a;--sc-line:#e0e0e0;--sc-gray:#6b6b6b;--sc-g100:#f4f4f4;--sc-red:#e2231a;position:sticky;top:0;z-index:100;height:var(--sc-h);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--sc-line);font-family:"Noto Sans JP",sans-serif;color:var(--sc-ink);line-height:1.6}
.sc-hd.sc-fixed{position:fixed;left:0;right:0;top:0}
.sc-hd *{box-sizing:border-box}
.sc-hd ul{list-style:none;margin:0;padding:0}
.sc-hd a{text-decoration:none;color:var(--sc-ink)}
.sc-in{max-width:1360px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}
.sc-logo{flex:none;display:inline-flex;align-items:center;min-height:44px}
.sc-logo img{height:38px;width:auto;display:block}
.sc-nav{flex:1;display:flex;justify-content:center;min-width:0}
.sc-root{display:flex;gap:4px;align-items:center}
.sc-root>li{position:relative}
.sc-root>li>a,.sc-btn{display:block;color:var(--sc-ink);font-size:.8rem;font-weight:700;white-space:nowrap;padding:7px 11px;background:#fff;border:1px solid var(--sc-line);cursor:pointer;font-family:inherit;border-radius:999px;line-height:1.4;transition:.15s}
.sc-root>li>a:hover,.sc-btn:hover{border-color:var(--sc-ink);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.08)}
.sc-root>li>a.sc-cur{border-color:var(--sc-ink)}
.sc-btn::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:7px;transition:.2s}
.sc-has:hover .sc-btn::after{transform:rotate(225deg) translateY(-1px)}
.sc-sub{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,10px);background:#fff;border:1px solid var(--sc-line);border-radius:14px;box-shadow:0 20px 46px rgba(0,0,0,.14);padding:10px;min-width:264px;opacity:0;visibility:hidden;transition:.22s;z-index:110}
.sc-sub::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid var(--sc-line);border-top:1px solid var(--sc-line)}
.sc-has:hover .sc-sub,.sc-has:focus-within .sc-sub,.sc-has.open .sc-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sc-sub a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:9px;color:var(--sc-ink)}
.sc-sub a:hover{background:var(--sc-g100)}
.sc-sub svg{width:21px;height:21px;color:var(--sc-red);flex:none;fill:currentColor}
.sc-sub b{display:block;font-size:.88rem;line-height:1.3}
.sc-sub small{color:var(--sc-gray);font-size:.72rem;display:block;line-height:1.4}
.sc-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 16px;font-size:.85rem;font-weight:700;border-radius:999px;background:var(--sc-red);color:#fff!important;line-height:1.4;transition:transform .15s ease,box-shadow .15s ease}
.sc-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.sc-menu{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;position:relative;flex:none}
.sc-menu span{position:absolute;left:10px;right:10px;height:2px;background:var(--sc-ink);transition:.25s}
.sc-menu span:nth-child(1){top:14px}.sc-menu span:nth-child(2){top:21px}.sc-menu span:nth-child(3){top:28px}
.sc-hd.open .sc-menu span:nth-child(1){top:21px;transform:rotate(45deg)}
.sc-hd.open .sc-menu span:nth-child(2){opacity:0}
.sc-hd.open .sc-menu span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media(max-width:1280px){
  .sc-nav{position:fixed;top:var(--sc-h);left:0;right:0;background:#fff;border-bottom:1px solid var(--sc-line);transform:translateY(-130%);transition:transform .3s;box-shadow:0 20px 30px rgba(0,0,0,.08);max-height:calc(100vh - var(--sc-h));overflow-y:auto;display:block;visibility:hidden}
  .sc-hd.open .sc-nav{transform:translateY(0);visibility:visible}
  .sc-root{flex-direction:column;gap:0;padding:8px 0;align-items:stretch}
  .sc-root>li>a,.sc-btn{width:100%;text-align:left;padding:14px 24px;font-size:1rem;background:none;border:none;border-top:1px solid var(--sc-g100);border-radius:0;box-shadow:none;transform:none!important;color:var(--sc-ink)}
  .sc-btn{display:flex;justify-content:space-between;align-items:center}
  .sc-btn::after{margin-left:0}
  .sc-has.open .sc-btn::after{transform:rotate(225deg)}
  .sc-sub{position:static;transform:none!important;opacity:1;visibility:visible;border:none;box-shadow:none;border-radius:0;padding:0 12px;min-width:0;display:none;background:var(--sc-g100)}
  .sc-sub::before{display:none}
  .sc-has.open .sc-sub{display:block}
  .sc-menu{display:block}
}
@media(max-width:400px){.sc-in{padding:0 12px;gap:8px}.sc-logo img{height:34px}.sc-cta{padding:9px 13px}}

/* フッター（トップと同じ） */
.sc-ft{background:#1a1a1a;color:#bbb;padding:64px 0 96px;font-size:.85rem;font-family:"Noto Sans JP",sans-serif;line-height:1.8}
.sc-ft *{box-sizing:border-box}
.sc-ft ul{list-style:none;margin:0;padding:0}
.sc-ft .sc-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.sc-ft .ft-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.sc-ft .ft-logo img{height:64px;width:auto;display:block}
.sc-ft .ft-logo .tg{font-family:"Bebas Neue","Oswald",sans-serif;letter-spacing:.35em;font-size:.75rem;color:#e2231a;display:block;margin-top:8px}
.sc-ft .ft-menu{display:grid;grid-template-columns:repeat(2,auto);gap:8px 36px}
.sc-ft a{color:#bbb;text-decoration:none}
.sc-ft a:hover{color:#fff}
.sc-ft .ft-menu a{display:inline-block;padding-block:8px}
.sc-ft .ft-sns{display:flex;gap:14px;margin-top:18px}
.sc-ft .ft-sns a{width:44px;height:44px;border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#bbb}
.sc-ft .ft-sns a:hover{border-color:#fff;color:#fff}
.sc-ft .ft-sns a svg{width:20px;height:20px;fill:currentColor}
.sc-ft .ft-sns a svg rect[fill="none"],.sc-ft .ft-sns a svg circle[fill="none"]{fill:none}
.sc-ft .ft-bottom{border-top:1px solid #333;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem;color:#888}
.sc-ft .ft-bottom a{color:#888;display:inline-block;padding-block:10px}
@media(max-width:600px){.sc-ft{padding:48px 0 110px}.sc-ft .ft-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:100%}}
/* 下層ページの古い header・footer・リンクの決まりを打ち消す */
.sc-hd .sc-root a,.sc-hd .sc-sub a,.sc-hd .sc-logo,.sc-hd .sc-cta{text-decoration:none}
.sc-hd .sc-sub a{padding:10px 12px}
footer.sc-ft{border-top:0;text-align:left;margin:0}
footer.sc-ft a{display:inline;min-height:0;padding:0;text-decoration:none}
/* [see1009d] 「無料お見積り」の押す高さ 37px → 44px */
.sc-cta{min-height:44px}
/* [see1009j] 上の帯の項目を 6 個に（森さん 10/9）。PC は押す所 40px */
@media(min-width:901px){.sc-nav .sc-root>li>a,.sc-nav .sc-btn{min-height:40px;display:inline-flex;align-items:center}}
/* [see1009k] 改行を止める印・フッターの法の 2 つのリンクを押しやすく明るく */
.nw{white-space:nowrap}
footer.sc-ft .ft-bottom a{display:inline-flex;align-items:center;min-height:40px;color:#bdbdbd}