/* BRIDGE CYCLE Clarity Layer — additive, brand-safe. 2026-11-03 */
:root{--bcq-navy:#142237;--bcq-accent:#c5eb82;--bcq-border:#dae2e8;--bcq-bg:#f5f8fb;--bcq-ink:#152a38}
.bcq{position:relative;isolation:isolate;max-width:1160px;width:calc(100% - 36px);margin:28px auto 54px;padding:24px 26px;background:var(--bcq-bg);border:1px solid var(--bcq-border);border-radius:18px;color:var(--bcq-ink);box-shadow:0 10px 32px rgba(20,34,55,.06);font-family:"Noto Sans JP","BIZ UDPGothic",system-ui,sans-serif;line-height:1.65;letter-spacing:normal;text-align:left}
.bcq *{box-sizing:border-box}
.bcq p,.bcq h2{margin:0}
.bcq-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.72fr);gap:24px;align-items:center}
.bcq-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:#365e61}
.bcq h2{font-family:inherit;font-size:clamp(20px,2.4vw,27px);font-weight:800;line-height:1.45;letter-spacing:-.02em;margin:7px 0 8px;color:var(--bcq-ink)}
.bcq-summary{font-size:14px;color:#4d626e;max-width:62ch}
.bcq-actions{display:flex;flex-direction:column;gap:9px}
.bcq-action{display:flex;justify-content:center;align-items:center;min-height:50px;padding:11px 16px;border:2px solid var(--bcq-navy);border-radius:11px;background:var(--bcq-navy);color:#fff!important;text-decoration:none!important;text-align:center;font-size:14px;font-weight:800;line-height:1.5;box-shadow:none;white-space:normal}
.bcq-action:hover{background:#2d4662;color:#fff!important}
.bcq-action:focus-visible,.bcq-mini a:focus-visible,.bcq-float a:focus-visible{outline:3px solid #447fdd;outline-offset:3px}
.bcq-action.alt{background:#fff;color:var(--bcq-navy)!important}
.bcq-action.alt:hover{background:#edf2f8}
.bcq-flow{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--bcq-border);padding-top:13px;margin-top:16px}
.bcq-flow span{font-size:12px;font-weight:700;background:#fff;border:1px solid var(--bcq-border);border-radius:999px;padding:4px 10px;color:#4e6370}
.bcq-foot{font-size:11px;color:#637783;margin-top:10px}
.bcq-mini{margin:14px 0 0;font-size:13px}
.bcq-mini a{font-weight:700;color:var(--bcq-navy)!important;text-underline-offset:3px}
.bcq a,.bcq a:visited{opacity:1}
.bcq-float{display:none}
.bc-home-kicker{font-size:13px;font-weight:800;letter-spacing:.02em;color:#365567;margin:0 0 10px;padding-left:13px;border-left:4px solid #9bcf53}
body.bcq-home .pathfinder{scroll-margin-top:80px}
body.bcq-home .pathfinder-grid>a{min-height:195px}
body.bcq-home .pathfinder-item{transition:transform .17s,box-shadow .17s}
body.bcq-home .pathfinder-item:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(20,34,55,.12)}
body.bcq-home .pathfinder-item:focus-visible{outline:3px solid #2370af;outline-offset:3px}
body.bcq-akinai{--bcq-navy:#725249;--bcq-bg:#fffaf5;--bcq-border:#e8d5cb;--bcq-ink:#49342e}
body.bcq-sign{--bcq-navy:#225b4c;--bcq-bg:#f4faf7;--bcq-border:#d0e7da;--bcq-ink:#173e34}
@media(max-width:720px){
 .bcq{width:calc(100% - 28px);padding:20px 18px;margin:22px auto 36px;border-radius:14px}
 .bcq-top{grid-template-columns:1fr;gap:15px}
 .bcq h2{font-size:21px}
 .bcq-summary{font-size:14px}
 .bcq-actions{display:grid;grid-template-columns:1fr}
 .bcq-action{font-size:15px;min-height:52px}
 .bcq-flow{gap:6px}
 body.bcq-has-float{padding-bottom:78px!important}
 .bcq-float{position:fixed;display:flex;align-items:center;gap:12px;z-index:9999;left:0;right:0;bottom:0;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d9e2e7;box-shadow:0 -6px 24px rgba(0,0,0,.1);font-family:"Noto Sans JP",system-ui,sans-serif}
 .bcq-float[hidden]{display:none!important}
 .bcq-float-label{flex:1;min-width:0;font-size:12px;line-height:1.4;font-weight:700;color:#324956}
 .bcq-float a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:65%;padding:9px 17px;border-radius:10px;background:var(--bcq-navy);color:#fff!important;font-size:13px;font-weight:800;text-decoration:none!important;text-align:center}
 body.bcq-akinai .bcq-float{background:#fffaf5}
}
@media(prefers-reduced-motion:reduce){body.bcq-home .pathfinder-item{transition:none}}
@media print{.bcq-float{display:none!important}.bcq{box-shadow:none}}

/* Visual-first UX v2 — fewer words, clearer visual choices, no change to forms */
.bcq-visual{width:min(1040px,calc(100% - 36px));margin:20px auto 40px;padding:18px 20px;background:#f5f8fb;border:1px solid #dae3ea;border-radius:16px;box-shadow:none}
.bcq-visual .bcq-kicker{font-size:12px;letter-spacing:.01em;font-weight:750;color:#3b5765;margin:0 0 12px}
.bcq-visual .bcq-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bcq-visual .bcq-action{display:flex;gap:11px;justify-content:flex-start;align-items:center;background:#fff;color:#162f45!important;border:1.5px solid #cddbe3;border-radius:13px;min-height:72px;padding:14px 17px;text-align:left;box-shadow:0 3px 12px rgba(15,39,55,.035);transition:transform .16s,box-shadow .16s,border-color .16s}
.bcq-visual .bcq-action:first-child{background:#172b40;color:#fff!important;border-color:#172b40}
.bcq-visual .bcq-action:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(15,39,55,.11);border-color:#73909e}
.bcq-action-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1.5px solid currentColor;border-radius:50%;font-size:19px;line-height:1;opacity:.92}
.bcq-action-text{font-size:clamp(14px,1.6vw,17px);font-weight:800;line-height:1.45}
.bcq-compact-lead:not(.bcq-open){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcq-expand{font:inherit;font-size:12px;font-weight:700;letter-spacing:.01em;border:0;background:none;color:inherit;opacity:.9;text-decoration:underline;text-underline-offset:3px;margin:7px 0 16px;padding:2px 0;cursor:pointer}
.bcq-expand:focus-visible{outline:3px solid #79bbef;outline-offset:3px}
.bcq-visual-home .top2{padding-top:34px!important;padding-bottom:38px!important}
.bcq-visual-home .launch-intro,.bcq-visual-home .home-hero-actions,.bcq-visual-home .hero-microtrust{display:none!important}
.bcq-visual-home .top2-sub{font-size:clamp(18px,2.1vw,22px)!important;color:#3b5662!important;font-weight:700!important;margin:14px 0 16px!important;max-width:none!important}
.bcq-home-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 10px}
.bcq-choice{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:92px;padding:13px 13px 13px 15px;background:#fff;color:#1d2b4f!important;border:1.5px solid #d8e2e7;border-radius:15px;text-decoration:none!important;box-shadow:0 2px 12px rgba(15,39,55,.035);transition:transform .16s,box-shadow .16s,border-color .16s}
.bcq-choice:first-child{border-color:#8eb247;background:#f6fbe9}
.bcq-choice:hover{transform:translateY(-2px);border-color:#708eaf;box-shadow:0 8px 22px rgba(15,39,55,.11)}
.bcq-choice:focus-visible{outline:3px solid #3072b8;outline-offset:3px}
.bcq-choice-icon{height:40px;width:40px;border-radius:12px;background:#eaf0f5;color:#1d4260;display:grid;place-items:center}
.bcq-choice:first-child .bcq-choice-icon{background:#e3f2c4;color:#31560f}
.bcq-choice-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.bcq-choice-copy strong{font-size:clamp(13px,1.5vw,16px);font-weight:800;line-height:1.35;letter-spacing:-.02em}
.bcq-choice-copy small{font-size:11px;color:#667582;line-height:1.4;font-weight:500}
.bcq-choice-arrow{color:#637b8b;align-self:start;font-size:17px}
.bcq-visual-home .top2-rep{margin-top:12px!important}

/* 2026-11-07: 課題別の3カードを表示するため、非表示の指定を外した */



.bcq-visual-home .pathfinder-footer a.bcq-more{display:inline-flex!important;align-items:center;min-height:40px;padding:8px 13px;background:#f5f8fb;border:1px solid #dce5ec;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none!important;color:#25465e}
.bcq-visual-home .pathfinder-footer a.bcq-more:hover{background:#ebf2f6}
@media(max-width:860px){
 .bcq-visual-home .top2 .w{grid-template-columns:1fr!important}
 .bcq-visual-home .top2-rep{display:none!important}
}
@media(max-width:600px){
 .bcq-visual-home .top2{padding:22px 0 28px!important}
 .bcq-visual-home .top2 .w{gap:20px!important}
 .bcq-visual-home .top2 h1{font-size:clamp(28px,7vw,35px)!important}
 .bcq-visual-home .top2-sub{font-size:17px!important;margin:12px 0!important}
 .bcq-home-choices{gap:8px}
 .bcq-choice{grid-template-columns:30px minmax(0,1fr);column-gap:8px;min-height:105px;padding:12px 9px;border-radius:12px;align-content:center}
 .bcq-choice-icon{height:31px;width:31px;border-radius:9px}
 .bcq-choice-icon svg{height:24px;width:24px}
 .bcq-choice-copy strong{font-size:13.5px}
 .bcq-choice-copy small{font-size:10.5px}
 .bcq-choice-arrow{display:none}
 .bcq-visual{width:calc(100% - 24px);padding:15px 12px;margin:16px auto 26px}
 .bcq-visual .bcq-actions{gap:8px}
 .bcq-visual .bcq-action{padding:12px 9px;gap:7px;min-height:65px}
 .bcq-visual .bcq-action-icon{width:25px;height:25px;font-size:16px}
 .bcq-visual .bcq-action-text{font-size:13px}



 .bcq-visual-home .pathfinder-footer a.bcq-more{font-size:11.5px;min-height:37px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){.bcq-choice,.bcq-visual .bcq-action{transition:none}}

/* Retired the previous two-column vertically-stacked choice cards.
   The following design owns the full card placement, avoiding competing grid rows. */
/* HOME 2026-11-03: one decision, two paths, actual A4. Native HTML is usable without JS. */
.home-focus .hero-copy{min-width:0}
.home-focus .top2-sub{color:#d7e4eb!important;max-width:none!important;font-size:clamp(16px,1.55vw,19px)!important;line-height:1.55!important;margin:18px 0 18px!important}
.home-focus .bcq-home-choices{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 14px;max-width:545px}
.home-focus .bcq-choice{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;gap:15px;align-items:center;min-height:90px;padding:16px 19px;background:#fff;border:1.5px solid #d7e3e7;border-radius:13px;box-shadow:0 7px 27px #081b3030}
.home-focus .bcq-choice:first-child{background:#ecf8d9;border-color:#b8dd83}
.home-focus .bcq-choice-icon{width:47px;height:47px;border-radius:12px}
.home-focus .bcq-choice-icon svg{width:31px;height:31px}
.home-focus .bcq-choice-copy strong{font-size:clamp(17px,1.65vw,20px);font-weight:900;color:#162b42}
.home-focus .bcq-choice-copy small{font-size:clamp(12px,1.15vw,14px);color:#536676;line-height:1.65;font-weight:600}
.home-focus .bcq-choice-arrow{display:block;font-size:21px;color:#4d6c85}
.home-focus .home-seller-detail{display:inline-flex;color:#cbe7a5;font-size:12.5px;font-weight:750;text-underline-offset:4px;gap:8px;margin:4px 0 0}
.home-focus .home-seller-detail:hover{color:#fff}
.home-focus .top2-rep{margin-top:21px!important;padding-top:12px!important;border-top:1px solid #ffffff26;max-width:545px}
.home-a4-preview{min-width:0;padding:19px 22px 19px;background:linear-gradient(145deg,#213b51,#10253a);border:1px solid #6f988a77;border-radius:19px;box-shadow:0 24px 65px #0003;position:relative}
.home-a4-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 14px;margin:0 0 7px}
.home-a4-label{color:#b5d6ac;font-size:10px;font-weight:850;letter-spacing:.14em}
.home-a4-head strong{color:#fff;font-size:clamp(15px,1.55vw,19px);font-weight:800}
.home-a4-stage{height:clamp(314px,32vw,430px);display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden}
.home-a4-stage:before{content:"";position:absolute;inset:15% 5% 2%;background:radial-gradient(ellipse at center,#adc99c45 0,transparent 68%);filter:blur(21px);z-index:-1}
.home-a4-paper{width:clamp(190px,21vw,282px);padding:9px;background:#fff;box-shadow:0 17px 43px #0007;transform:rotate(4deg);border-radius:4px}
.home-a4-paper img{display:block;width:100%;height:auto}
.home-a4-sticker{position:absolute;top:20%;right:0;background:#fff;color:#173453;border-radius:999px;padding:9px 15px;font-size:13px;box-shadow:0 9px 28px #0005;font-weight:900}
.home-a4-sticker span{color:#619a37;font-size:16px;margin-right:5px}
.home-a4-note{margin:7px 0 4px;color:#f0f6f4;line-height:1.7;font-size:13px;font-weight:750}
.home-a4-fine{color:#a9bcc9;font-size:10px;line-height:1.5;margin:0}
.home-brand-video{background:#ecf0ed;border-top:1px solid #d6dfdb;padding:0 0 0}
.home-brand-video>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1100px;margin:0 auto;padding:23px 21px;cursor:pointer;color:#243e50;list-style:none}
.home-brand-video>summary::-webkit-details-marker{display:none}
.home-brand-video>summary small{display:block;letter-spacing:.13em;color:#6f827e;font-size:10px;font-weight:850}
.home-brand-video>summary strong{display:block;font-size:17px;line-height:1.5}
.home-brand-play{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#172e48;color:#c5eb82;font-size:14px}
.home-brand-video[open] .home-brand-play{transform:rotate(90deg)}
.home-brand-video-inside{padding:3px 18px 30px!important}
.home-brand-video .launch-film{max-width:720px;margin:0 auto;box-shadow:0 15px 28px #0b1d2420}
.home-work-a4 .work-pv{background:linear-gradient(160deg,#e8f2dc,#f1f5ef)}
.home-work-a4 .work-pv img{height:290px;width:auto;object-fit:contain;box-shadow:0 12px 25px #16283930}
.home-work-a4 .work-stamp{color:#2f5922;border-color:#c5d8b5;background:#f3fbe9}
.home-works-secondary{font-size:13px;line-height:1.8;color:#526473;background:#f5f7f5;border:1px solid #e4ebe5;padding:14px 17px;margin:18px 0 10px;border-radius:8px}
.home-works-secondary a{font-weight:850;color:#23527a;text-underline-offset:3px}
@media(max-width:900px){
 .home-focus .top2>.w{grid-template-columns:1fr!important;gap:23px!important}
 .home-focus .hero-copy{max-width:740px}
 .home-a4-preview{width:100%;max-width:640px;margin:0 auto}
 .home-a4-stage{height:360px}
 .home-a4-paper{width:240px}
}
@media(max-width:600px){
 .home-focus .top2>.w{gap:15px!important}
 .home-focus .top2-sub{margin:12px 0 14px!important;font-size:16px!important}
 .home-focus .bcq-home-choices{grid-template-columns:1fr!important;gap:9px!important}
 .home-focus .bcq-choice{grid-template-columns:43px minmax(0,1fr) 14px!important;min-height:86px!important;gap:11px!important;padding:12px 14px!important;border-radius:11px!important}
 .home-focus .bcq-choice-icon{width:43px!important;height:43px!important}
 .home-focus .bcq-choice-icon svg{width:28px!important;height:28px!important}
 .home-focus .bcq-choice-copy strong{font-size:17px!important}
 .home-focus .bcq-choice-copy small{font-size:12px!important}
 .home-focus .bcq-choice-arrow{display:block!important;font-size:18px!important}
 .home-focus .home-seller-detail{font-size:12px}
 .home-a4-preview{max-width:100%;padding:16px;border-radius:14px}
 .home-a4-head strong{font-size:15px}
 .home-a4-stage{height:275px}
 .home-a4-paper{width:180px}
 .home-a4-sticker{padding:6px 9px;font-size:11px;right:0}
 .home-a4-note{font-size:12px}
 .home-brand-video>summary{padding:19px 17px}
 .home-brand-video>summary strong{font-size:15px}
 .home-brand-video-inside{padding:0 14px 22px!important}
 .home-works-secondary{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .home-focus .bcq-choice{transition:none}
 .home-focus .bcq-choice:hover{transform:none}
}


/* Keep the representative proof visible on the dark hero background. */
.home-focus .top2-rep,
.home-focus .top2-rep span{color:#d4e1ed!important}
.home-focus .top2-rep b{color:#ffffff!important}
.home-focus .top2-rep .rep-arr{color:#bde285!important}
/* Explicitly restore automatic placement in case an earlier CSS version is cached. */
.bcq-visual-home .home-focus .bcq-choice-icon{grid-column:1!important;grid-row:1!important}
.bcq-visual-home .home-focus .bcq-choice-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
.bcq-visual-home .home-focus .bcq-choice-arrow{grid-column:3!important;grid-row:1!important;align-self:center!important}
@media(max-width:600px){
 .bcq-visual-home .home-focus .bcq-choice-copy{grid-column:2!important;grid-row:1!important}
 .bcq-visual-home .home-focus .bcq-choice-arrow{grid-column:3!important;grid-row:1!important}
}