/* ご依頼の流れ 帯（2026-10-22 web-production から移設） */
.fb{--serif:"Noto Serif JP","Noto Serif CJK JP","Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Yu Gothic",sans-serif;--gold:#d9a85f;--cy:#5fd8e6;container-type:inline-size;margin:0 0 28px;color:#f6ead6;font-family:var(--sans)}
.fb .tl-flow{--u:calc(100cqw/1808);position:relative;display:block;height:calc(380*var(--u));margin:0;isolation:isolate;cursor:default}
.fb .tl-fr{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.fb .tl-fr .o{fill:#2a1b12e6;stroke:#c8965a;stroke-width:2}.fb .tl-fr .i{fill:none;stroke:#b98a50aa;stroke-width:1}.fb .tl-fr .c{fill:none;stroke:var(--cy);stroke-width:3;filter:drop-shadow(0 0 3px #5fd8e6aa)}.fb .tl-fr .d{fill:var(--cy)}.fb .tl-fr .g{fill:none;stroke:var(--gold);stroke-width:2}
.fb .tl-fr *{vector-effect:non-scaling-stroke}
.fb h2{position:absolute;left:calc(56*var(--u));top:calc(52*var(--u));margin:0;font:500 calc(42*var(--u))/1.2 var(--serif);letter-spacing:.05em;color:#fbefd9}
.fb ol{margin:0;padding:0;list-style:none}
.fb .tl-st{position:absolute;top:calc(148*var(--u));display:flex;gap:calc(14*var(--u))}
.fb .tl-n{flex:none;display:grid;place-items:center;width:calc(90*var(--u));height:calc(90*var(--u));border:2px solid #d6a862;border-radius:50%;background:radial-gradient(#3a2416,#22150d);font:400 calc(34*var(--u))/1 var(--serif);color:#fbefd9;box-shadow:0 0 calc(8*var(--u)) #e0a85a55}
.fb .tl-si{flex:none;width:calc(72*var(--u));height:calc(72*var(--u));margin-top:calc(8*var(--u));fill:none;stroke:#f1e3cc;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}
.fb .tl-st h3{position:relative;margin:calc(14*var(--u)) 0 calc(12*var(--u));font:700 calc(26*var(--u))/1.2 var(--sans);color:#fff6e6;white-space:nowrap}
.fb .tl-st p{margin:0;font:400 calc(19*var(--u))/1.75 var(--sans);color:#e9dcc6;white-space:nowrap}
.fb .tl-chev{position:absolute;top:calc(180*var(--u));width:calc(22*var(--u));height:calc(36*var(--u));fill:none;stroke:#d9c7aa;stroke-width:2}
.fb .tl-node{position:absolute;left:-12px;top:calc(50% - 4px);width:8px;height:8px;border:1px solid #b9e7eb;background:#3e2a1c;border-radius:50%;animation:tl-node-guide 5.6s ease-in-out infinite}
.fb .tl-st:nth-child(2) .tl-node{animation-delay:1.4s}
.fb .tl-st:nth-child(3) .tl-node{animation-delay:2.8s}
.fb .tl-st:nth-child(4) .tl-node{animation-delay:4.2s}
@keyframes tl-node-guide{0%,30%,100%{background:#3e2a1c;box-shadow:none}12%{background:#b9e7eb;box-shadow:0 0 5px #b9e7eb}}
@media (max-width:700px){
 .fb .tl-flow{height:auto;padding:22px 20px 26px}
 .fb h2{position:static;font-size:19px;margin-bottom:14px}
 .fb .tl-st{position:static;display:grid;grid-template-columns:38px 34px 1fr;gap:10px;align-items:start;margin-top:12px}
 .fb .tl-n{width:38px;height:38px;font-size:16px}.fb .tl-si{width:30px;height:30px;margin-top:4px}
 .fb .tl-st h3{margin:2px 0 4px;font-size:14px}.fb .tl-st p{font-size:11.5px;line-height:1.6;white-space:normal}.fb .tl-st p br{display:none}
 .fb .tl-chev{display:none}.fb .tl-fr .c{stroke-width:2}
 .fb .tl-node{left:-10px;width:6px;height:6px;top:calc(50% - 3px)}
}
@media (prefers-reduced-motion:reduce){.fb .tl-node{animation:none}}
/* v2: dot inline before heading text so it never touches the icon */
.fb .tl-st{gap:calc(22*var(--u))}
.fb .tl-node{position:static;display:inline-block;vertical-align:middle;margin:0 .5em 0 0;top:auto;left:auto;transform:translateY(-.08em)}
@media (max-width:700px){.fb .tl-st{gap:10px}.fb .tl-node{position:static;left:auto;top:auto;margin-right:7px}}
