@charset "UTF-8";
/* トップページ バリエーションB：アクセント強化・青と金のライン強調（style.cssの後に読み込む） */
.site-2026.vb{--cyan:#00B8F0;--blue:#0057FF;--gold:#D4A63A;--gold-l:#F2C75C;
  --line-bg:linear-gradient(90deg,#00B8F0 0%,#0057FF 50%,#D4A63A 78%,#F2C75C 100%);
  --grad:linear-gradient(120deg,#071640 0%,#0B3BB8 50%,#00B8F0 100%)}
/* ヘッダー：太い青→金ライン */
.site-2026.vb .hd::before{height:6px;background:var(--line-bg)}
.site-2026.vb .nav a:hover,.site-2026.vb .nav a.on{border-bottom:3px solid var(--gold)}
/* ヒーロー：より鮮やかな青、金の斜めライン */
.site-2026.vb .hero::before{background:linear-gradient(100deg,rgba(7,22,64,.94) 0%,rgba(11,59,184,.80) 48%,rgba(0,184,240,.45) 100%)}
.site-2026.vb .hero::after{right:-140px;top:-160px;width:620px;height:620px;background:radial-gradient(circle,rgba(0,184,240,.65) 0%,rgba(0,87,255,.25) 40%,rgba(0,87,255,0) 70%)}
.site-2026.vb .hero .wrap::before{content:"";position:absolute;right:-40px;bottom:190px;width:620px;height:7px;background:linear-gradient(90deg,rgba(212,166,58,0),#D4A63A 40%,#F2C75C);transform:rotate(-14deg);transform-origin:right;box-shadow:0 0 18px rgba(242,199,92,.6)}
.site-2026.vb .hero .wrap::after{content:"";position:absolute;right:-40px;bottom:232px;width:460px;height:4px;background:linear-gradient(90deg,rgba(0,184,240,0),#00B8F0);transform:rotate(-14deg);transform-origin:right}
.site-2026.vb .hero .eb{color:var(--gold-l)}
.site-2026.vb .hero .bar{width:140px;height:6px;background:linear-gradient(90deg,#00B8F0 0 50%,#D4A63A 50% 100%)}
.site-2026.vb .hero{border-bottom:6px solid transparent;border-image:var(--line-bg) 1}
/* ボタン */
.site-2026.vb .btn{background:linear-gradient(90deg,#00B8F0,#0057FF);box-shadow:0 10px 26px rgba(0,87,255,.40)}
.site-2026.vb .btn:hover{background:linear-gradient(90deg,#00A3D6,#0047D6)}
.site-2026 .hero .acts .btn:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.site-2026.vb .cta .btn{background:linear-gradient(90deg,#D4A63A,#F2C75C);color:#071640 !important;box-shadow:0 10px 26px rgba(212,166,58,.45)}
/* 見出し・罫線：青と金の太線 */
.site-2026.vb .eb{background:linear-gradient(90deg,#0057FF,#00B8F0);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-2026.vb .dark .eb,.site-2026.vb .cta .eb,.site-2026.vb .glance .eb{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold-l) !important}
.site-2026.vb .rule{height:5px;background:linear-gradient(90deg,#0057FF 0 96px,#D4A63A 96px 168px,#E3E8F2 168px)}
.site-2026.vb .dark .rule{background:linear-gradient(90deg,#00B8F0 0 96px,#F2C75C 96px 168px,rgba(255,255,255,.22) 168px)}
.site-2026.vb .h2{color:#071640}
.site-2026.vb .dark .h2{color:#fff}
/* サマリー番号・AT A GLANCE */
.site-2026.vb .sum li{border-bottom:1px solid #E3E8F2;position:relative}
.site-2026.vb .sum li b{background:linear-gradient(135deg,#0057FF,#00B8F0);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-2026.vb .glance{background:var(--grad);border-top:6px solid var(--gold);box-shadow:0 18px 40px rgba(0,87,255,.25)}
.site-2026.vb .glance dd{color:#fff}
/* カード：上辺を青→金ライン */
.site-2026.vb .card{border-top:0;position:relative;overflow:hidden}
.site-2026.vb .card::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--line-bg)}
.site-2026.vb .card:hover{box-shadow:0 18px 40px rgba(0,87,255,.18);border-color:#9ADFF7}
.site-2026.vb .kpis b{color:#0057FF}
/* セクション */
.site-2026.vb .sec.pale{background:linear-gradient(135deg,#E3F6FE 0%,#EAF0FF 60%,#FFF8E6 100%)}
.site-2026.vb .sec.dark{background:var(--grad);position:relative}
.site-2026.vb .sec.dark::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--line-bg)}
.site-2026.vb .cert{border:1px solid rgba(242,199,92,.55);background:rgba(255,255,255,.10)}
.site-2026.vb .cert b{color:#fff}
.site-2026.vb .cta::before{background:linear-gradient(110deg,rgba(7,22,64,.92),rgba(11,59,184,.84) 55%,rgba(0,184,240,.72))}
.site-2026.vb .cta{border-top:6px solid transparent;border-image:var(--line-bg) 1}
/* フッター */
.site-2026.vb .ft::before{height:6px;background:var(--line-bg)}

@media(max-width:768px){.site-2026.vb .hero .wrap::before,.site-2026.vb .hero .wrap::after{width:240px;opacity:.7}}
@media(max-width:768px){.site-2026.vb .hero h1{font-size:30px;line-height:1.5;word-break:keep-all}}

/* Preserve the approved header and hero on both desktop and mobile. */
.site-2026 * { font-family: inherit; }
.site-2026.vb .hd::before { display: none; }
.site-2026.vb .nav a[aria-current="page"]:not(.btn) { border-bottom-color: var(--gold); }
.site-2026 .hero .wrap { z-index: 1; }
.site-2026 .hero .acts { position: relative; z-index: 1; }
.site-2026 main [id] { scroll-margin-top: 100px; }
.site-2026 .hero .wrap::before,
.site-2026 .hero .wrap::after { pointer-events: none; }
.site-2026 .contact-grid { align-items: start; }
.site-2026 .form button { border: 0; cursor: pointer; font-weight: 700; }
.site-2026 .form button:disabled { cursor: wait; opacity: .65; }
@media (min-width: 769px) {
  .site-2026 .contact-grid { grid-template-columns: 1.5fr 1fr; }
}
@media (max-width: 960px) {
  .site-2026 .hd .nav { top: 100%; }
}