/* トップのページだけの見た目（2026-10-25）＝最初の画面は夕方の現場の絵（2026-10-29 3D CG 風の生成画像に替えた・10-30 仕上げ）、字・線・面を細く静かに（CSP 内・外部読み込みなし）
   色：紺 #13233A／紺の明 #22385A／鉛筆 #4A586C／地 #FAF9F5（紙の白より少し温かい）／生成り #F2EEE4／空の淡 #E2EDF3
       線＝紺の16%／若葉の濃 #2D6A4C（取り組み中の字だけ）／黄緑 #C3F53C（フォーカスだけ）
   字の段階：13（添え）・15（操作と補足）・16（本文）・21（小見出し）・32（節の見出し）・40（道具の名前と人の見出し）＋最初の画面の見出し
   書体：Noto Sans JP だけ（見出し 800／700・palt）。英字の飾りは置かない。この PC にある物だけ */

:root {
  --kon: #13233A;
  --kon-lit: #22385A;
  --ink2: #4A586C;
  --base: #FAF9F5;
  --kinari: #F2EEE4;
  --sora-pale: #E2EDF3;
  --line: rgba(19, 35, 58, .16);
  --line-2: rgba(19, 35, 58, .30);
  --wakaba-deep: #2D6A4C;
  --kimidori: #C3F53C;
  --night-text: #D5DDE8;
  --night-sub: #A9B8CB;
  --shadow: 0 1px 2px rgba(19, 35, 58, .06), 0 16px 36px -14px rgba(19, 35, 58, .22);
  --r: 4px;

  --f-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "BIZ UDPGothic", sans-serif;
  --f-head: "M PLUS 1p Head", "Hiragino Sans", "Yu Gothic", sans-serif;   /* 見出しの字（M PLUS 1p Black・サイトの字だけに絞った物・tools/fonts/subset_heading.py） */

  --gutter: 24px;
  --head-h: 76px;
  --band-h: 46px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--base);
  color: var(--kon);
  font-family: var(--f-jp);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  /* 行の切れ目：語の途中では切らない（keep-all）。切ってよいのは HTML に入れた <wbr>（文節の境目）・句読点の後ろ・空白だけ。
     それでも入らない時だけ最後の手段で折る（anywhere）。auto-phrase は iPhone の Safari が読まないので使わない */
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-break: strict;
}
/* 1行に置くまとまり（短い最後の行を作らない・英字と和文の間の空白で切らない） */
.nw { white-space: nowrap; }
/* 見出しは行の長さをそろえる（最後の行に2〜3字だけ残さない）。本文は最後の行を短くしすぎない */
h1, h2, h3, .cs-title, .notice strong, .w-list b { text-wrap: balance; }
p, li { text-wrap: pretty; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3, h4, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
b, strong { font-weight: 700; }

.skip {
  position: absolute; left: 12px; top: -60px; z-index: 100;
  background: var(--kon); color: #fff; padding: 10px 16px; border-radius: var(--r); text-decoration: none; font-weight: 700;
}
.skip:focus { top: 12px; }

/* フォーカス：紺の 3px の輪（下層と同じ）＋その内側に黄緑の 3px の輪。
   紺と黄緑の差は 12.4:1 なので、どの地（地・生成り・白・空・草）でもどちらかが 3:1 を超える。紺の面の中では白の輪（紺に 15.8:1）。
   帯は紺のまま：帯の字と矢印の輪は上下が帯の外（地・空）にはみ出すので、外側は紺・帯の中は黄緑で見せる。
   2026-10-24 品質検査：旧＝紺 2px＋外に黄緑 8px（黄緑は地に 1.2:1） */
:focus-visible { outline: 3px solid var(--kon); outline-offset: 3px; box-shadow: 0 0 0 3px var(--kimidori); border-radius: var(--r); }
.plate--kon :focus-visible, .site-foot :focus-visible { outline-color: #fff; }

@font-face { font-family: "M PLUS 1p Head"; src: url(fonts/mplus1p-black-sub.woff2) format("woff2"); font-weight: 700 900; font-display: swap; }   /* OFL（fonts/OFL.txt） */
.hero-title, .h2, .h3, .h3-lg, .plate-title, .about-title, .cs-title, .brand-name { font-family: var(--f-head); }
/* 見出しの字組み：和文の詰め（palt）。大きい字ほど字間を詰め、行間を締める */
.hero-title, .h2, .h3, .h3-lg, .plate-title, .about-title, .cs-title, .notice strong, .brand-name {
  font-feature-settings: "palt";
}

/* ───────── ヘッダー ───────── */
.site-head {
  height: var(--head-h);
  display: flex; align-items: center; gap: 44px;
  padding: 0 var(--gutter);
}
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex: none; }
.brand-mark { width: 42px; height: 42px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px rgba(19, 35, 58, .16); display: grid; place-items: center; flex: none; overflow: hidden; }   /* 公式のロゴ（白い丸の円形エンブレム） */
.brand-mark img { width: 100%; height: 100%; border-radius: 50%; }
.brand-name { font-weight: 700; font-size: 16px; letter-spacing: .04em; line-height: 1.2; }
.nav { margin-right: auto; }
.nav ul { display: flex; gap: 32px; }
.nav a {
  display: inline-block; padding: 14.5px 0;   /* 押せる高さ 44px（ヘッダーの高さは固定なので見た目は同じ） */
  font-size: 15px; font-weight: 500; letter-spacing: .06em; line-height: 1;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 8px;
  text-decoration-color: transparent;
  transition: text-decoration-color .2s;
}
.nav a:hover { text-decoration-color: var(--line-2); }
.head-contact {
  margin-left: auto; flex: none;
  display: inline-flex; align-items: center;
  height: 40px; padding: 0 18px;
  border: 1px solid var(--line-2); border-radius: var(--r);
  font-size: 15px; font-weight: 500; letter-spacing: .06em; line-height: 1;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.head-contact:hover { background: var(--kon); border-color: var(--kon); color: #fff; }

/* ───────── お知らせの帯（紺・細く）。JS が無いときは1行目だけ（残りの2つは下の節にも書いてある） ───────── */
.band {
  margin: 0 var(--gutter);
  min-height: var(--band-h);
  border-radius: var(--r) var(--r) 0 0;
  background: var(--kon); color: #fff;
  display: grid; grid-template-columns: 56px 1fr 56px; align-items: center;
}
.band-arrow {
  visibility: hidden;
  width: 40px; height: 40px; margin: 0 auto;
  display: grid; place-items: center;
  border: 0; border-radius: var(--r);
  background: transparent; color: rgba(255, 255, 255, .8); cursor: pointer;
}
.js .band-arrow { visibility: visible; }
.band-arrow:hover { color: #fff; background: var(--kon-lit); }
/* 切り替えの横の動きだけを切る（縦は切らない＝フォーカスの輪が上下で欠けない。旧 overflow: hidden で欠けていた） */
.band-list { text-align: center; overflow-x: clip; overflow-clip-margin: 7px; }
.band-msg { display: none; }
.band-msg.is-current { display: block; }
.band-msg a {
  display: inline-block; padding: 11px 4px;
  font-size: 15px; font-weight: 500; letter-spacing: .06em; line-height: 1.6;
  text-decoration: none;
}
.band-msg a > span { display: inline-block; }   /* 広い画面：2つの文を1行に。入らない時は文の切れ目で折る */
.weapon-body .body > span, .plate-text > span, .plate-note > span { display: block; }   /* 1文ずつ行を改める */
.band-msg a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.js .band-msg.is-current[data-dir="next"] { animation: band-next .5s cubic-bezier(.25, .6, .3, 1) both; }
.js .band-msg.is-current[data-dir="prev"] { animation: band-prev .5s cubic-bezier(.25, .6, .3, 1) both; }
@keyframes band-next { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: none; } }
@keyframes band-prev { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }

/* ───────── 最初の画面＝夕方の現場の絵（3D CG 風の生成画像・2026-10-29）＋字の後ろの暗い被せ（2026-10-30 仕上げ） ─────────
   絵は加工しない（切り出しと軽量化だけ＝hero_build.py）。動きは「絵がゆっくり寄る」1つだけ（下の「動き」） */
.hero {
  position: relative; overflow: hidden; isolation: isolate;
  margin: 0 var(--gutter);
  border-radius: 0 0 var(--r) var(--r);
  /* 画面の残り（ヘッダー・帯・下の余白を引く）。絵（16:9）より高くはしない */
  height: clamp(560px, calc(100vh - var(--head-h) - var(--band-h) - var(--gutter)), calc((100vw - 2 * var(--gutter)) * .5625));
  /* 空：上から下へ。左上（字の後ろ）に朝のやわらかい光 */
  background:
    radial-gradient(60% 70% at 8% 0%, rgba(255, 249, 236, .62), rgba(255, 249, 236, 0) 70%),
    linear-gradient(180deg, #8EC4E5 0%, #A9D3EC 30%, #C9E3F1 54%, #E0EEF2 68%, #EDF1EA 100%);
  color: #fff;
  display: flex; flex-direction: column; justify-content: center;   /* 字の塊は上下の真ん中より少し上（下の余白で持ち上げる） */
}
.hero-art { position: absolute; inset: 0; z-index: 0; --py: .5; }   /* --py＝絵を縦のどこで合わせるか（中の SVG の preserveAspectRatio と同じにする） */
.site { position: absolute; inset: 0; }   /* 現場の束（夕暮れの空から明かりまで・現場を替える単位） */
html[data-site] .st-build { visibility: hidden; }   /* ほかの現場を取りに行く間は建物を隠す（空と見出しは出ている・取れなければ戻す＝top-site.js） */
.site-wait { visibility: hidden; }   /* 入れた現場の絵が読めるまで */
@media (prefers-reduced-motion: no-preference) { .site-in { animation: site-in .6s ease-out both; } }
@keyframes site-in { from { opacity: 0; } }
.art {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% calc(var(--py) * 100%);
}
/* 雲：字の後ろには置かない。右の空だけに見える窓（mask）の中を、とても遅く流れる */
.clouds {
  position: absolute; inset: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0 50%, #000 68%);
  mask-image: linear-gradient(90deg, transparent 0 50%, #000 68%);
}
.clouds::before {
  content: ""; position: absolute; left: 0; top: 0; width: 200%; height: 100%;
  background: url(top/clouds.svg) repeat-x 0 0 / 50% auto;
}
/* ── 建物の現場（本物の工程の版：基礎・鉄骨・外壁・ラフタークレーン・高所作業車・夕暮れと点灯。座標は SVG と合わせて作った・手で直さない）。動かないときは止まった絵（完成した建物・昼） ── */
.bld, .fore, .lit { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
@property --b-t { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --b-e { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --b-w { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --b-s { syntax: '<number>'; inherits: true; initial-value: 0; }
.bld-sp, .fore-sp, .lit-sp { display: none; }
.bld g, .fore g, .lit g { transform-box: view-box; }
.lit { mix-blend-mode: screen; }
.dusk, .night { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.dusk { background: radial-gradient(60% 40% at 8% 70%, rgba(255, 196, 160, .7), rgba(255, 196, 160, 0) 70%), linear-gradient(180deg, #8A9ECA 0%, #A3AED6 30%, #C9BDD6 50%, #E7C3C4 62%, #F2C3A8 72%, #EDB898 100%); }
.night { mix-blend-mode: multiply; background: linear-gradient(180deg, #FFF 0 52%, #BFC2E0 64%, #6C76A4 77%, #424C7A 100%), linear-gradient(90deg, #FFF 0 50%, #BDB6D6 75%, #A8A1CA 100%); background-blend-mode: multiply; }
.bld-pc .b-rc-boom { transform-origin: 1680px 786px; }
.bld-pc .b-rc-tip { transform-origin: 1380px 786px; }
.bld-pc .b-rc-wire { transform-origin: 1380px 790.6px; }
.bld-pc .b-rc-load { transform-origin: 1380px 842.6px; }
.bld-pc .b-rc-og { transform-origin: 1680px 0; }
.fore-pc .b-boom { transform-origin: 820.5px 830.2px; }
.fore-pc .b-bkt { transform-origin: 732.5px 830.2px; }
.fore-pc .b-og { transform-origin: 0 860.2px; }
.bld-pc .b-pit { transform-origin: 1648px 838px; }
.fore-pc .b-bh-arm { transform-origin: 1600px 804px; }
.fore-pc .b-bh-bkt { transform-origin: 1522px 790px; }
.fore-pc .b-soil-1 { transform-origin: 1670px 836px; }
.fore-pc .b-soil-2 { transform-origin: 1634px 822px; }
.fore-pc .b-rebar { transform-origin: 1116px 840px; }
.fore-pc .b-form { transform-origin: 1116px 844px; }
.fore-pc .b-pour { transform-origin: 1202px 733.9px; }
.fore-pc .b-pump-og { transform-origin: 0px 860.2px; }
.fore-pc .b-pump-boom { transform-origin: 1080px 836.2px; }
.fore-pc .b-pump-boom2 { transform-origin: 988px 833.2px; }
.bld-pc .b-shadow { transform-origin: 1124px 840px; }
.bld-pc .b-slab-2 { transform-origin: 1118px 777px; }
.bld-pc .b-slab-3 { transform-origin: 1118px 721px; }
.bld-pc .b-slab-4 { transform-origin: 1118px 665px; }
.bld-pc .b-slab-r { transform-origin: 1118px 609px; }
.bld-pc .b-sc-1 { transform-origin: 1116px 838px; }
.bld-pc .b-sc-2 { transform-origin: 1116px 726px; }
.bld-pc .b-mesh-1 { transform-origin: 1116px 838px; }
.bld-pc .b-mesh-2 { transform-origin: 1116px 726px; }
.bld-sp .b-rc-boom { transform-origin: 700px 1212.6px; }
.bld-sp .b-rc-tip { transform-origin: 484px 1212.6px; }
.bld-sp .b-rc-wire { transform-origin: 484px 1215.9px; }
.bld-sp .b-rc-load { transform-origin: 484px 1253.3px; }
.bld-sp .b-rc-og { transform-origin: 700px 0; }
.fore-sp .b-boom { transform-origin: 136.1px 1248.3px; }
.fore-sp .b-bkt { transform-origin: 72.8px 1248.3px; }
.fore-sp .b-og { transform-origin: 0 1269.9px; }
.bld-sp .b-pit { transform-origin: 634.8px 1250px; }
.fore-sp .b-bh-arm { transform-origin: 631.2px 1225.5px; }
.fore-sp .b-bh-bkt { transform-origin: 575px 1215.4px; }
.fore-sp .b-soil-1 { transform-origin: 681.6px 1248.6px; }
.fore-sp .b-soil-2 { transform-origin: 655.7px 1238.5px; }
.fore-sp .b-rebar { transform-origin: 349.1px 1251.4px; }
.fore-sp .b-form { transform-origin: 349.1px 1254.3px; }
.fore-sp .b-pour { transform-origin: 464.8px 1179px; }
.fore-sp .b-pump-og { transform-origin: 0px 1269.9px; }
.fore-sp .b-pump-boom { transform-origin: 377px 1252.6px; }
.fore-sp .b-pump-boom2 { transform-origin: 310.7px 1250.5px; }
.bld-sp .b-shadow { transform-origin: 354.9px 1251.4px; }
.bld-sp .b-slab-2 { transform-origin: 350.6px 1204.4px; }
.bld-sp .b-slab-3 { transform-origin: 350.6px 1162.4px; }
.bld-sp .b-slab-4 { transform-origin: 350.6px 1120.4px; }
.bld-sp .b-slab-r { transform-origin: 350.6px 1078.4px; }
.bld-sp .b-sc-1 { transform-origin: 349.1px 1250px; }
.bld-sp .b-sc-2 { transform-origin: 349.1px 1166px; }
.bld-sp .b-mesh-1 { transform-origin: 349.1px 1250px; }
.bld-sp .b-mesh-2 { transform-origin: 349.1px 1166px; }
@media (max-width: 760px), (max-width: 1100px) and (max-aspect-ratio: 4/5) {
  .hero-art { --py: 1; }
  .bld-pc, .fore-pc, .lit-pc { display: none; }
  .bld-sp, .fore-sp, .lit-sp { display: block; }
  .dusk { background: radial-gradient(70% 30% at 10% 78%, rgba(255, 196, 160, .7), rgba(255, 196, 160, 0) 70%), linear-gradient(180deg, #8A9ECA 0%, #A3AED6 38%, #C9BDD6 58%, #E7C3C4 70%, #F2C3A8 80%, #EDB898 100%); }
  .night { background: linear-gradient(180deg, #FFF 0 45%, #D9D4EA 52%, #C9C8E2 66%, #6C76A4 82%, #424C7A 100%); }
}
@media (prefers-reduced-motion: no-preference) {
  .js .bld .b-rc-boom { transform: rotate(calc(var(--b-t) * 1deg)); }
  .js .bld .b-rc-tip { transform: rotate(calc(var(--b-t) * -1deg)); }
  .js .bld .b-rc-ext1, .js .bld .b-rc-ext2 { transform: translateX(calc(var(--b-e) * -.5px)); }
  .js .bld .b-rc-load { transform: rotate(calc(var(--b-s) * 1deg)); }
  .js .bld-pc .b-rc-wire { transform: scaleY(calc(var(--b-w) / 30)); }
  .js .bld-pc .b-rc-hook { transform: translateY(calc(var(--b-w) * 1px - 30px)); }
  .js .bld-sp .b-rc-wire { transform: scaleY(calc(var(--b-w) / 21.6)); }
  .js .bld-sp .b-rc-hook { transform: translateY(calc(var(--b-w) * 1px - 21.6px)); }
  .js .bld g, .js .fore g, .js .lit g, .js .st-build .dusk, .js .st-build .night { animation: none 56s ease-in-out -33.9s infinite; }
  .js .fore .b-sf{animation-name:b-sf}
  .js .fore .b-tko{animation-name:b-tko}
  .js .fore .b-og{animation-name:b-og}
  .js .fore .b-cn{animation-name:b-cn}
  .js .fore .b-boom{animation-name:b-boom}
  .js .fore .b-bkt{animation-name:b-bkt}
  .js .fore .b-rs{animation-name:b-rs}
  .js .st-build .dusk{animation-name:b-dusk}
  .js .st-build .night{animation-name:b-night}
  .js .lit .b-lof{animation-name:b-lof}
  .js .lit .b-lof-ai{animation-name:b-lof-ai}
  .js .lit .b-lc1{animation-name:b-lc1}
  .js .lit .b-lc2{animation-name:b-lc2}
  .js .lit .b-lc3{animation-name:b-lc3}
  .js .lit .b-lamp-g{animation-name:b-lamp-g}
  .js .lit .b-lamp-r{animation-name:b-lamp-r}
  .js .lit .b-lt1{animation-name:b-lt1}
  .js .lit .b-lt2{animation-name:b-lt2}
  .js .lit .b-lt3{animation-name:b-lt3}
  .js .lit .b-lt4{animation-name:b-lt4}
  .js .bld .b-shadow{animation-name:b-shadow}
  .js .bld .b-fnd{animation-name:b-fnd}
  .js .bld .b-ab{animation-name:b-ab}
  .js .bld .b-slab-2{animation-name:b-slab-2}
  .js .bld .b-slab-3{animation-name:b-slab-3}
  .js .bld .b-slab-4{animation-name:b-slab-4}
  .js .bld .b-slab-r{animation-name:b-slab-r}
  .js .bld .b-col-1{animation-name:b-col-1}
  .js .bld .b-col-2{animation-name:b-col-2}
  .js .bld .b-col-3{animation-name:b-col-3}
  .js .bld .b-col-4{animation-name:b-col-4}
  .js .bld .b-col-5{animation-name:b-col-5}
  .js .bld .b-col-6{animation-name:b-col-6}
  .js .bld .b-col-7{animation-name:b-col-7}
  .js .bld .b-col-8{animation-name:b-col-8}
  .js .bld .b-col2-1{animation-name:b-col2-1}
  .js .bld .b-col2-2{animation-name:b-col2-2}
  .js .bld .b-col2-3{animation-name:b-col2-3}
  .js .bld .b-col2-4{animation-name:b-col2-4}
  .js .bld .b-col2-5{animation-name:b-col2-5}
  .js .bld .b-col2-6{animation-name:b-col2-6}
  .js .bld .b-col2-7{animation-name:b-col2-7}
  .js .bld .b-col2-8{animation-name:b-col2-8}
  .js .bld .b-bm-2-1{animation-name:b-bm-2-1}
  .js .bld .b-bm-2-2{animation-name:b-bm-2-2}
  .js .bld .b-bm-2-3{animation-name:b-bm-2-3}
  .js .bld .b-bm-2-4{animation-name:b-bm-2-4}
  .js .bld .b-bm-2-5{animation-name:b-bm-2-5}
  .js .bld .b-bm-2-6{animation-name:b-bm-2-6}
  .js .bld .b-bm-2-7{animation-name:b-bm-2-7}
  .js .bld .b-bm-3-1{animation-name:b-bm-3-1}
  .js .bld .b-bm-3-2{animation-name:b-bm-3-2}
  .js .bld .b-bm-3-3{animation-name:b-bm-3-3}
  .js .bld .b-bm-3-4{animation-name:b-bm-3-4}
  .js .bld .b-bm-3-5{animation-name:b-bm-3-5}
  .js .bld .b-bm-3-6{animation-name:b-bm-3-6}
  .js .bld .b-bm-3-7{animation-name:b-bm-3-7}
  .js .bld .b-bm-4-1{animation-name:b-bm-4-1}
  .js .bld .b-bm-4-2{animation-name:b-bm-4-2}
  .js .bld .b-bm-4-3{animation-name:b-bm-4-3}
  .js .bld .b-bm-4-4{animation-name:b-bm-4-4}
  .js .bld .b-bm-4-5{animation-name:b-bm-4-5}
  .js .bld .b-bm-4-6{animation-name:b-bm-4-6}
  .js .bld .b-bm-4-7{animation-name:b-bm-4-7}
  .js .bld .b-bm-r-1{animation-name:b-bm-r-1}
  .js .bld .b-bm-r-2{animation-name:b-bm-r-2}
  .js .bld .b-bm-r-3{animation-name:b-bm-r-3}
  .js .bld .b-bm-r-4{animation-name:b-bm-r-4}
  .js .bld .b-bm-r-5{animation-name:b-bm-r-5}
  .js .bld .b-bm-r-6{animation-name:b-bm-r-6}
  .js .bld .b-bm-r-7{animation-name:b-bm-r-7}
  .js .bld .b-fire{animation-name:b-fire}
  .js .bld .b-alc-1-1{animation-name:b-alc-1-1}
  .js .bld .b-alc-1-2{animation-name:b-alc-1-2}
  .js .bld .b-alc-1-3{animation-name:b-alc-1-3}
  .js .bld .b-alc-1-4{animation-name:b-alc-1-4}
  .js .bld .b-alc-1-5{animation-name:b-alc-1-5}
  .js .bld .b-alc-1-6{animation-name:b-alc-1-6}
  .js .bld .b-alc-1-7{animation-name:b-alc-1-7}
  .js .bld .b-alc-2-1{animation-name:b-alc-2-1}
  .js .bld .b-alc-2-2{animation-name:b-alc-2-2}
  .js .bld .b-alc-2-3{animation-name:b-alc-2-3}
  .js .bld .b-alc-2-4{animation-name:b-alc-2-4}
  .js .bld .b-alc-2-5{animation-name:b-alc-2-5}
  .js .bld .b-alc-2-6{animation-name:b-alc-2-6}
  .js .bld .b-alc-2-7{animation-name:b-alc-2-7}
  .js .bld .b-alc-3-1{animation-name:b-alc-3-1}
  .js .bld .b-alc-3-2{animation-name:b-alc-3-2}
  .js .bld .b-alc-3-3{animation-name:b-alc-3-3}
  .js .bld .b-alc-3-4{animation-name:b-alc-3-4}
  .js .bld .b-alc-3-5{animation-name:b-alc-3-5}
  .js .bld .b-alc-3-6{animation-name:b-alc-3-6}
  .js .bld .b-alc-3-7{animation-name:b-alc-3-7}
  .js .bld .b-alc-4-1{animation-name:b-alc-4-1}
  .js .bld .b-alc-4-2{animation-name:b-alc-4-2}
  .js .bld .b-alc-4-3{animation-name:b-alc-4-3}
  .js .bld .b-alc-4-4{animation-name:b-alc-4-4}
  .js .bld .b-alc-4-5{animation-name:b-alc-4-5}
  .js .bld .b-alc-4-6{animation-name:b-alc-4-6}
  .js .bld .b-alc-4-7{animation-name:b-alc-4-7}
  .js .bld .b-win-1{animation-name:b-win-1}
  .js .bld .b-win-2{animation-name:b-win-2}
  .js .bld .b-win-3{animation-name:b-win-3}
  .js .bld .b-win-4{animation-name:b-win-4}
  .js .bld .b-roof{animation-name:b-roof}
  .js .bld .b-cub{animation-name:b-cub}
  .js .bld .b-sc-1{animation-name:b-sc-1}
  .js .bld .b-sc-2{animation-name:b-sc-2}
  .js .bld .b-mesh-1{animation-name:b-mesh-1}
  .js .bld .b-mesh-2{animation-name:b-mesh-2}
  .js .bld .b-yard{animation-name:b-yard}
  .js .bld .b-pit{animation-name:b-pit}
  .js .fore .b-bh-arm{animation-name:b-bh-arm}
  .js .fore .b-bh-bkt{animation-name:b-bh-bkt}
  .js .fore .b-soil-1{animation-name:b-soil-1}
  .js .fore .b-soil-2{animation-name:b-soil-2}
  .js .fore .b-rebar{animation-name:b-rebar}
  .js .fore .b-form{animation-name:b-form}
  .js .fore .b-pour{animation-name:b-pour}
  .js .fore .b-pump-og{animation-name:b-pump-og}
  .js .fore .b-pump-boom{animation-name:b-pump-boom}
  .js .fore .b-pump-boom2{animation-name:b-pump-boom2}
  .js .bld .b-rc-mat{animation-name:b-rc-mat}
  .js .bld .b-rc-og{animation-name:b-rc-og}
  .js .bld .b-crew{animation-name:b-crew}
  .js .bld .b-rc-load{animation-name:b-rc-sway}
  .js .bld .b-ld-c1{animation-name:b-ld-c1}
  .js .bld .b-ld-c1s{animation-name:b-ld-c1s}
  .js .bld .b-ld-c2{animation-name:b-ld-c2}
  .js .bld .b-ld-c2s{animation-name:b-ld-c2s}
  .js .bld .b-ld-bm{animation-name:b-ld-bm}
  .js .bld .b-ld-bms{animation-name:b-ld-bms}
  .js .bld .b-ld-cub{animation-name:b-ld-cub}
  .js .fore-pc .b-tk{animation-name:b-pc-tk}
  .js .fore-pc .b-ext1{animation-name:b-pc-ext1}
  .js .fore-pc .b-ext2{animation-name:b-pc-ext2}
  .js .fore-pc .b-bh{animation-name:b-pc-bh}
  .js .fore-pc .b-mixer{animation-name:b-pc-mixer}
  .js .fore-pc .b-pump{animation-name:b-pc-pump}
  .js .bld-pc .b-rc{animation-name:b-pc-rc}
  .js .bld-pc .b-rc-boom{animation-name:b-pc-rc-boom}
  .js .bld-pc .b-wk-irs{animation-name:b-pc-wk-irs}
  .js .bld-pc .b-wk-ir-1{animation-name:b-pc-wk-ir-1}
  .js .bld-pc .b-wk-ir-2{animation-name:b-pc-wk-ir-2}
  .js .fore-pc .b-gate{animation-name:b-pc-gate}
  .js .fore-sp .b-tk{animation-name:b-sp-tk}
  .js .fore-sp .b-ext1{animation-name:b-sp-ext1}
  .js .fore-sp .b-ext2{animation-name:b-sp-ext2}
  .js .fore-sp .b-bh{animation-name:b-sp-bh}
  .js .fore-sp .b-mixer{animation-name:b-sp-mixer}
  .js .fore-sp .b-pump{animation-name:b-sp-pump}
  .js .bld-sp .b-rc{animation-name:b-sp-rc}
  .js .bld-sp .b-rc-boom{animation-name:b-sp-rc-boom}
  .js .bld-sp .b-wk-irs{animation-name:b-sp-wk-irs}
  .js .bld-sp .b-wk-ir-1{animation-name:b-sp-wk-ir-1}
  .js .bld-sp .b-wk-ir-2{animation-name:b-sp-wk-ir-2}
  .js .fore-sp .b-gate{animation-name:b-sp-gate}
}
html.js.still .st-build *, html.js.off .st-build * { animation-play-state: paused; }   /* 「動きを止める」と、最初の画面が見えないとき（下の動きの指定より強く） */
@keyframes b-sf {
0%{opacity:1}
75%{opacity:1}
76.79%{opacity:0}
98.75%{opacity:0}
99.91%{opacity:1}
100%{opacity:1}
}
@keyframes b-tko {
0%{opacity:0}
65.18%{opacity:0}
65.21%{opacity:1}
76.94%{opacity:1}
76.97%{opacity:0}
100%{opacity:0}
}
@keyframes b-og {
0%{transform:scaleY(0)}
67.59%{transform:scaleY(0)}
68.04%{transform:scaleY(1)}
73.17%{transform:scaleY(1)}
73.62%{transform:scaleY(0)}
100%{transform:scaleY(0)}
}
@keyframes b-cn {
0%{opacity:0}
67.59%{opacity:0}
68.04%{opacity:1}
73.17%{opacity:1}
73.62%{opacity:0}
100%{opacity:0}
}
@keyframes b-boom {
0%{transform:rotate(0deg)}
68.04%{transform:rotate(0deg)}
70%{transform:rotate(68deg)}
71.51%{transform:rotate(68deg)}
73.17%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
@keyframes b-bkt {
0%{transform:rotate(0deg)}
68.04%{transform:rotate(0deg)}
70%{transform:rotate(-68deg)}
71.51%{transform:rotate(-68deg)}
73.17%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
@keyframes b-rs {
0%{opacity:0}
70.3%{opacity:0}
71.21%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-dusk {
0%{opacity:0}
75%{opacity:0}
79.46%{opacity:1}
94.64%{opacity:1}
98.21%{opacity:0}
100%{opacity:0}
}
@keyframes b-night {
0%{opacity:0}
75%{opacity:0}
79.46%{opacity:1}
94.64%{opacity:1}
98.21%{opacity:0}
100%{opacity:0}
}
@keyframes b-lof {
0%{opacity:0}
77.68%{opacity:0}
78.21%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lof-ai {
0%{opacity:0}
78.21%{opacity:0}
78.75%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lc1 {
0%{opacity:0}
77.32%{opacity:0}
77.86%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lc2 {
0%{opacity:0}
78.39%{opacity:0}
78.93%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lc3 {
0%{opacity:0}
79.11%{opacity:0}
79.64%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lamp-g {
0%{opacity:0}
79.82%{opacity:0}
79.96%{opacity:1}
81.07%{opacity:1}
81.21%{opacity:0}
100%{opacity:0}
}
@keyframes b-lamp-r {
0%{opacity:0}
81.07%{opacity:0}
81.21%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lt1 {
0%{opacity:0}
81.96%{opacity:0}
82.11%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lt2 {
0%{opacity:0}
82.59%{opacity:0}
82.73%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lt3 {
0%{opacity:0}
83.21%{opacity:0}
83.36%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-lt4 {
0%{opacity:0}
83.84%{opacity:0}
83.98%{opacity:1}
95.54%{opacity:1}
97.32%{opacity:0}
100%{opacity:0}
}
@keyframes b-shadow {
0%{opacity:0;transform:scaleX(1);fill-opacity:0.18}
50.54%{opacity:0}
51.43%{opacity:1}
65.18%{transform:scaleX(1);fill-opacity:0.18}
79.46%{transform:scaleX(2.4);fill-opacity:0.3}
97.32%{opacity:1}
99.11%{opacity:0;transform:scaleX(2.4);fill-opacity:0.3}
99.14%{transform:scaleX(1);fill-opacity:0.18}
100%{opacity:0;transform:scaleX(1);fill-opacity:0.18}
}
@keyframes b-fnd {
0%{opacity:0}
9.82%{opacity:0}
10.98%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-ab {
0%{opacity:0}
11.79%{opacity:0}
12.41%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-slab-2 {
0%{opacity:0;transform:scaleX(0)}
28.57%{opacity:0;transform:scaleX(0)}
28.61%{opacity:1}
29.91%{transform:scaleX(1)}
97.32%{opacity:1}
99.11%{opacity:0;transform:scaleX(1)}
99.14%{transform:scaleX(0)}
100%{opacity:0;transform:scaleX(0)}
}
@keyframes b-slab-3 {
0%{opacity:0;transform:scaleX(0)}
29.91%{opacity:0;transform:scaleX(0)}
29.95%{opacity:1}
31.25%{transform:scaleX(1)}
97.32%{opacity:1}
99.11%{opacity:0;transform:scaleX(1)}
99.14%{transform:scaleX(0)}
100%{opacity:0;transform:scaleX(0)}
}
@keyframes b-slab-4 {
0%{opacity:0;transform:scaleX(0)}
45.54%{opacity:0;transform:scaleX(0)}
45.57%{opacity:1}
46.43%{transform:scaleX(1)}
97.32%{opacity:1}
99.11%{opacity:0;transform:scaleX(1)}
99.14%{transform:scaleX(0)}
100%{opacity:0;transform:scaleX(0)}
}
@keyframes b-slab-r {
0%{opacity:0;transform:scaleX(0)}
46.43%{opacity:0;transform:scaleX(0)}
46.46%{opacity:1}
47.32%{transform:scaleX(1)}
97.32%{opacity:1}
99.11%{opacity:0;transform:scaleX(1)}
99.14%{transform:scaleX(0)}
100%{opacity:0;transform:scaleX(0)}
}
@keyframes b-col-1 {
0%{opacity:0}
20.14%{opacity:0}
20.18%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-2 {
0%{opacity:0}
19.16%{opacity:0}
19.2%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-3 {
0%{opacity:0}
18.18%{opacity:0}
18.21%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-4 {
0%{opacity:0}
17.2%{opacity:0}
17.23%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-5 {
0%{opacity:0}
16.21%{opacity:0}
16.25%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-6 {
0%{opacity:0}
15.23%{opacity:0}
15.27%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-7 {
0%{opacity:0}
14.25%{opacity:0}
14.29%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col-8 {
0%{opacity:0}
13.27%{opacity:0}
13.3%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-1 {
0%{opacity:0}
38.25%{opacity:0}
38.28%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-2 {
0%{opacity:0}
37.58%{opacity:0}
37.61%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-3 {
0%{opacity:0}
36.91%{opacity:0}
36.94%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-4 {
0%{opacity:0}
36.24%{opacity:0}
36.27%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-5 {
0%{opacity:0}
35.57%{opacity:0}
35.6%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-6 {
0%{opacity:0}
34.9%{opacity:0}
34.93%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-7 {
0%{opacity:0}
34.23%{opacity:0}
34.26%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-col2-8 {
0%{opacity:0}
33.56%{opacity:0}
33.59%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-1 {
0%{opacity:0}
23.99%{opacity:0}
24.03%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-2 {
0%{opacity:0}
23.45%{opacity:0}
23.49%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-3 {
0%{opacity:0}
22.92%{opacity:0}
22.95%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-4 {
0%{opacity:0}
22.38%{opacity:0}
22.42%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-5 {
0%{opacity:0}
21.85%{opacity:0}
21.88%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-6 {
0%{opacity:0}
21.31%{opacity:0}
21.35%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-2-7 {
0%{opacity:0}
20.78%{opacity:0}
20.81%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-1 {
0%{opacity:0}
27.74%{opacity:0}
27.78%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-2 {
0%{opacity:0}
27.2%{opacity:0}
27.24%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-3 {
0%{opacity:0}
26.67%{opacity:0}
26.7%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-4 {
0%{opacity:0}
26.13%{opacity:0}
26.17%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-5 {
0%{opacity:0}
25.6%{opacity:0}
25.63%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-6 {
0%{opacity:0}
25.06%{opacity:0}
25.1%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-3-7 {
0%{opacity:0}
24.53%{opacity:0}
24.56%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-1 {
0%{opacity:0}
41.85%{opacity:0}
41.89%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-2 {
0%{opacity:0}
41.34%{opacity:0}
41.38%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-3 {
0%{opacity:0}
40.83%{opacity:0}
40.87%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-4 {
0%{opacity:0}
40.32%{opacity:0}
40.36%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-5 {
0%{opacity:0}
39.81%{opacity:0}
39.85%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-6 {
0%{opacity:0}
39.3%{opacity:0}
39.34%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-4-7 {
0%{opacity:0}
38.79%{opacity:0}
38.83%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-1 {
0%{opacity:0}
45.42%{opacity:0}
45.46%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-2 {
0%{opacity:0}
44.91%{opacity:0}
44.95%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-3 {
0%{opacity:0}
44.4%{opacity:0}
44.44%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-4 {
0%{opacity:0}
43.89%{opacity:0}
43.93%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-5 {
0%{opacity:0}
43.38%{opacity:0}
43.42%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-6 {
0%{opacity:0}
42.87%{opacity:0}
42.91%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-bm-r-7 {
0%{opacity:0}
42.36%{opacity:0}
42.4%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-fire {
0%{opacity:0}
47.32%{opacity:0}
49.11%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-1 {
0%{opacity:0}
50.54%{opacity:0}
50.68%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-2 {
0%{opacity:0}
50.82%{opacity:0}
50.96%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-3 {
0%{opacity:0}
51.11%{opacity:0}
51.25%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-4 {
0%{opacity:0}
51.39%{opacity:0}
51.54%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-5 {
0%{opacity:0}
51.68%{opacity:0}
51.82%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-6 {
0%{opacity:0}
56.25%{opacity:0}
56.39%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-1-7 {
0%{opacity:0}
56.43%{opacity:0}
56.57%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-1 {
0%{opacity:0}
51.96%{opacity:0}
52.11%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-2 {
0%{opacity:0}
52.25%{opacity:0}
52.39%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-3 {
0%{opacity:0}
52.54%{opacity:0}
52.68%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-4 {
0%{opacity:0}
52.82%{opacity:0}
52.96%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-5 {
0%{opacity:0}
53.11%{opacity:0}
53.25%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-6 {
0%{opacity:0}
56.61%{opacity:0}
56.75%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-2-7 {
0%{opacity:0}
56.79%{opacity:0}
56.93%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-1 {
0%{opacity:0}
53.39%{opacity:0}
53.54%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-2 {
0%{opacity:0}
53.68%{opacity:0}
53.82%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-3 {
0%{opacity:0}
53.96%{opacity:0}
54.11%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-4 {
0%{opacity:0}
54.25%{opacity:0}
54.39%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-5 {
0%{opacity:0}
54.54%{opacity:0}
54.68%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-6 {
0%{opacity:0}
56.96%{opacity:0}
57.11%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-3-7 {
0%{opacity:0}
57.14%{opacity:0}
57.29%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-1 {
0%{opacity:0}
54.82%{opacity:0}
54.96%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-2 {
0%{opacity:0}
55.11%{opacity:0}
55.25%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-3 {
0%{opacity:0}
55.39%{opacity:0}
55.54%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-4 {
0%{opacity:0}
55.68%{opacity:0}
55.82%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-5 {
0%{opacity:0}
55.96%{opacity:0}
56.11%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-6 {
0%{opacity:0}
57.32%{opacity:0}
57.46%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-alc-4-7 {
0%{opacity:0}
57.5%{opacity:0}
57.64%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-win-1 {
0%{opacity:0}
57.68%{opacity:0}
57.82%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-win-2 {
0%{opacity:0}
58.21%{opacity:0}
58.36%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-win-3 {
0%{opacity:0}
58.75%{opacity:0}
58.89%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-win-4 {
0%{opacity:0}
59.29%{opacity:0}
59.43%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-roof {
0%{opacity:0}
59.82%{opacity:0}
60.89%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-cub {
0%{opacity:0}
62.14%{opacity:0}
62.18%{opacity:1}
97.32%{opacity:1}
99.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-sc-1 {
0%{opacity:0;transform:scaleY(0)}
31.25%{opacity:0;transform:scaleY(0)}
31.29%{opacity:1}
32.5%{transform:scaleY(1)}
64.15%{transform:scaleY(1)}
64.82%{opacity:1;transform:scaleY(0)}
64.86%{opacity:0}
100%{opacity:0;transform:scaleY(0)}
}
@keyframes b-sc-2 {
0%{opacity:0;transform:scaleY(0)}
49.11%{opacity:0;transform:scaleY(0)}
49.14%{opacity:1}
50.11%{transform:scaleY(1)}
62.81%{transform:scaleY(1)}
63.48%{opacity:1;transform:scaleY(0)}
63.52%{opacity:0}
100%{opacity:0;transform:scaleY(0)}
}
@keyframes b-mesh-1 {
0%{opacity:0;transform:scaleY(0)}
31.79%{opacity:0;transform:scaleY(0)}
31.82%{opacity:1}
33.04%{transform:scaleY(1)}
63.48%{transform:scaleY(1)}
64.15%{opacity:1;transform:scaleY(0)}
64.19%{opacity:0}
100%{opacity:0;transform:scaleY(0)}
}
@keyframes b-mesh-2 {
0%{opacity:0;transform:scaleY(0)}
49.54%{opacity:0;transform:scaleY(0)}
49.57%{opacity:1}
50.54%{transform:scaleY(1)}
62.14%{transform:scaleY(1)}
62.81%{opacity:1;transform:scaleY(0)}
62.85%{opacity:0}
100%{opacity:0;transform:scaleY(0)}
}
@keyframes b-yard {
0%{opacity:0}
12.05%{opacity:0}
12.09%{opacity:1}
46.07%{opacity:1}
46.11%{opacity:0}
100%{opacity:0}
}
@keyframes b-pit {
0%{transform:scaleX(0);opacity:0}
2.86%{opacity:0}
2.89%{opacity:1}
3.04%{transform:scaleX(0)}
3.27%{transform:scaleX(0.3333)}
3.8%{transform:scaleX(0.3333)}
4.04%{transform:scaleX(0.6667)}
4.57%{transform:scaleX(0.6667)}
4.8%{transform:scaleX(1)}
11.07%{opacity:1}
11.61%{opacity:0}
12.5%{transform:scaleX(1)}
12.54%{transform:scaleX(0)}
100%{transform:scaleX(0);opacity:0}
}
@keyframes b-bh-arm {
0%{transform:rotate(-0deg)}
2.86%{transform:rotate(-0deg)}
3.12%{transform:rotate(-32deg)}
3.27%{transform:rotate(-32deg)}
3.54%{transform:rotate(-0deg)}
3.63%{transform:rotate(-0deg)}
3.89%{transform:rotate(-32deg)}
4.04%{transform:rotate(-32deg)}
4.3%{transform:rotate(-0deg)}
4.39%{transform:rotate(-0deg)}
4.66%{transform:rotate(-32deg)}
4.8%{transform:rotate(-32deg)}
5.07%{transform:rotate(-0deg)}
100%{transform:rotate(-0deg)}
}
@keyframes b-bh-bkt {
0%{transform:rotate(-0deg)}
3.12%{transform:rotate(-0deg)}
3.27%{transform:rotate(-70deg)}
3.54%{transform:rotate(-70deg)}
3.63%{transform:rotate(-0deg)}
3.89%{transform:rotate(-0deg)}
4.04%{transform:rotate(-70deg)}
4.3%{transform:rotate(-70deg)}
4.39%{transform:rotate(-0deg)}
4.66%{transform:rotate(-0deg)}
4.8%{transform:rotate(-70deg)}
5.07%{transform:rotate(-70deg)}
5.16%{transform:rotate(-0deg)}
100%{transform:rotate(-0deg)}
}
@keyframes b-soil-1 {
0%{transform:scale(0);opacity:0}
3.5%{transform:scale(0);opacity:0}
3.63%{transform:scale(0.6);opacity:1}
4.27%{transform:scale(0.6);opacity:1}
4.39%{transform:scale(1);opacity:1}
11.07%{transform:scale(1);opacity:1}
11.61%{transform:scale(0);opacity:0}
100%{transform:scale(0);opacity:0}
}
@keyframes b-soil-2 {
0%{transform:scale(0);opacity:0}
4.27%{transform:scale(0);opacity:0}
4.39%{transform:scale(0.5);opacity:1}
5.04%{transform:scale(0.5);opacity:1}
5.16%{transform:scale(1);opacity:1}
11.07%{transform:scale(1);opacity:1}
11.61%{transform:scale(0);opacity:0}
100%{transform:scale(0);opacity:0}
}
@keyframes b-rebar {
0%{transform:scaleY(0);opacity:0}
5.36%{transform:scaleY(0);opacity:0}
5.39%{opacity:1}
7.14%{transform:scaleY(1)}
9.82%{opacity:1}
10.71%{opacity:0}
12.5%{transform:scaleY(1)}
12.54%{transform:scaleY(0)}
100%{transform:scaleY(0);opacity:0}
}
@keyframes b-form {
0%{transform:scaleY(0);opacity:0}
7.14%{transform:scaleY(0);opacity:0}
8.57%{transform:scaleY(1);opacity:1}
11.07%{transform:scaleY(1);opacity:1}
11.61%{transform:scaleY(0);opacity:0}
100%{transform:scaleY(0);opacity:0}
}
@keyframes b-pour {
0%{transform:scaleY(0);opacity:0}
9.73%{transform:scaleY(0);opacity:0}
10%{transform:scaleY(1);opacity:1}
10.8%{transform:scaleY(1);opacity:1}
10.98%{transform:scaleY(0);opacity:0}
100%{transform:scaleY(0);opacity:0}
}
@keyframes b-pump-og {
0%{transform:scaleY(0)}
8.93%{transform:scaleY(0)}
9.11%{transform:scaleY(1)}
11.52%{transform:scaleY(1)}
11.61%{transform:scaleY(0)}
100%{transform:scaleY(0)}
}
@keyframes b-pump-boom {
0%{transform:rotate(0deg)}
9.02%{transform:rotate(0deg)}
9.73%{transform:rotate(108deg)}
10.98%{transform:rotate(108deg)}
11.52%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
@keyframes b-pump-boom2 {
0%{transform:rotate(-0deg)}
9.02%{transform:rotate(-0deg)}
9.73%{transform:rotate(-116deg)}
10.98%{transform:rotate(-116deg)}
11.52%{transform:rotate(-0deg)}
100%{transform:rotate(-0deg)}
}
@keyframes b-rc-mat {
0%{opacity:0}
11.96%{opacity:0}
12.05%{opacity:1}
64.11%{opacity:1}
64.29%{opacity:0}
100%{opacity:0}
}
@keyframes b-rc-og {
0%{transform:scaleX(0.55)}
12.05%{transform:scaleX(0.55)}
12.23%{transform:scaleX(1)}
63.93%{transform:scaleX(1)}
64.2%{transform:scaleX(0.55)}
100%{transform:scaleX(0.55)}
}
@keyframes b-crew {
0%{opacity:0}
12.05%{opacity:0}
12.5%{opacity:1}
45.62%{opacity:1}
45.98%{opacity:0}
60.36%{opacity:0}
60.71%{opacity:1}
62.23%{opacity:1}
62.59%{opacity:0}
100%{opacity:0}
}
@keyframes b-rc-sway {
0%{--b-s:0}
12.77%{--b-s:0}
12.95%{--b-s:1.5}
13.12%{--b-s:0}
13.75%{--b-s:0}
13.93%{--b-s:1.5}
14.11%{--b-s:0}
14.73%{--b-s:0}
14.91%{--b-s:1.5}
15.09%{--b-s:0}
15.71%{--b-s:0}
15.89%{--b-s:1.5}
16.07%{--b-s:0}
16.7%{--b-s:0}
16.88%{--b-s:1.5}
17.05%{--b-s:0}
17.68%{--b-s:0}
17.86%{--b-s:1.5}
18.04%{--b-s:0}
18.66%{--b-s:0}
18.84%{--b-s:1.5}
19.02%{--b-s:0}
19.64%{--b-s:0}
19.82%{--b-s:1.5}
20%{--b-s:0}
20.5%{--b-s:0}
20.6%{--b-s:1.5}
20.7%{--b-s:0}
21.04%{--b-s:0}
21.14%{--b-s:1.5}
21.23%{--b-s:0}
21.57%{--b-s:0}
21.67%{--b-s:1.5}
21.77%{--b-s:0}
22.11%{--b-s:0}
22.21%{--b-s:1.5}
22.31%{--b-s:0}
22.65%{--b-s:0}
22.74%{--b-s:1.5}
22.84%{--b-s:0}
23.18%{--b-s:0}
23.28%{--b-s:1.5}
23.38%{--b-s:0}
23.72%{--b-s:0}
23.81%{--b-s:1.5}
23.91%{--b-s:0}
24.25%{--b-s:0}
24.35%{--b-s:1.5}
24.45%{--b-s:0}
24.79%{--b-s:0}
24.89%{--b-s:1.5}
24.98%{--b-s:0}
25.32%{--b-s:0}
25.42%{--b-s:1.5}
25.52%{--b-s:0}
25.86%{--b-s:0}
25.96%{--b-s:1.5}
26.06%{--b-s:0}
26.4%{--b-s:0}
26.49%{--b-s:1.5}
26.59%{--b-s:0}
26.93%{--b-s:0}
27.03%{--b-s:1.5}
27.13%{--b-s:0}
27.47%{--b-s:0}
27.56%{--b-s:1.5}
27.66%{--b-s:0}
33.22%{--b-s:0}
33.34%{--b-s:1.5}
33.46%{--b-s:0}
33.89%{--b-s:0}
34.01%{--b-s:1.5}
34.13%{--b-s:0}
34.56%{--b-s:0}
34.68%{--b-s:1.5}
34.8%{--b-s:0}
35.23%{--b-s:0}
35.35%{--b-s:1.5}
35.47%{--b-s:0}
35.9%{--b-s:0}
36.02%{--b-s:1.5}
36.14%{--b-s:0}
36.57%{--b-s:0}
36.69%{--b-s:1.5}
36.81%{--b-s:0}
37.24%{--b-s:0}
37.36%{--b-s:1.5}
37.48%{--b-s:0}
37.91%{--b-s:0}
38.03%{--b-s:1.5}
38.15%{--b-s:0}
38.53%{--b-s:0}
38.62%{--b-s:1.5}
38.72%{--b-s:0}
39.04%{--b-s:0}
39.13%{--b-s:1.5}
39.23%{--b-s:0}
39.55%{--b-s:0}
39.65%{--b-s:1.5}
39.74%{--b-s:0}
40.06%{--b-s:0}
40.16%{--b-s:1.5}
40.25%{--b-s:0}
40.57%{--b-s:0}
40.67%{--b-s:1.5}
40.76%{--b-s:0}
41.08%{--b-s:0}
41.18%{--b-s:1.5}
41.27%{--b-s:0}
41.59%{--b-s:0}
41.69%{--b-s:1.5}
41.78%{--b-s:0}
42.1%{--b-s:0}
42.2%{--b-s:1.5}
42.29%{--b-s:0}
42.61%{--b-s:0}
42.71%{--b-s:1.5}
42.8%{--b-s:0}
43.12%{--b-s:0}
43.22%{--b-s:1.5}
43.31%{--b-s:0}
43.63%{--b-s:0}
43.73%{--b-s:1.5}
43.82%{--b-s:0}
44.14%{--b-s:0}
44.24%{--b-s:1.5}
44.33%{--b-s:0}
44.65%{--b-s:0}
44.75%{--b-s:1.5}
44.84%{--b-s:0}
45.16%{--b-s:0}
45.26%{--b-s:1.5}
45.35%{--b-s:0}
61.33%{--b-s:0}
61.51%{--b-s:1.5}
61.69%{--b-s:0}
100%{--b-s:0}
}
@keyframes b-ld-c1 {
0%{opacity:0}
14.64%{opacity:0}
14.68%{opacity:1}
15.23%{opacity:1}
15.27%{opacity:0}
15.62%{opacity:0}
15.66%{opacity:1}
16.21%{opacity:1}
16.25%{opacity:0}
16.61%{opacity:0}
16.64%{opacity:1}
17.2%{opacity:1}
17.23%{opacity:0}
17.59%{opacity:0}
17.62%{opacity:1}
18.18%{opacity:1}
18.21%{opacity:0}
18.57%{opacity:0}
18.61%{opacity:1}
19.16%{opacity:1}
19.2%{opacity:0}
19.55%{opacity:0}
19.59%{opacity:1}
20.14%{opacity:1}
20.18%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-c1s {
0%{opacity:0}
12.68%{opacity:0}
12.71%{opacity:1}
13.27%{opacity:1}
13.3%{opacity:0}
13.66%{opacity:0}
13.7%{opacity:1}
14.25%{opacity:1}
14.29%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-c2 {
0%{opacity:0}
34.5%{opacity:0}
34.53%{opacity:1}
34.9%{opacity:1}
34.93%{opacity:0}
35.17%{opacity:0}
35.2%{opacity:1}
35.57%{opacity:1}
35.6%{opacity:0}
35.84%{opacity:0}
35.87%{opacity:1}
36.24%{opacity:1}
36.27%{opacity:0}
36.51%{opacity:0}
36.54%{opacity:1}
36.91%{opacity:1}
36.94%{opacity:0}
37.18%{opacity:0}
37.21%{opacity:1}
37.58%{opacity:1}
37.61%{opacity:0}
37.84%{opacity:0}
37.88%{opacity:1}
38.25%{opacity:1}
38.28%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-c2s {
0%{opacity:0}
33.16%{opacity:0}
33.19%{opacity:1}
33.56%{opacity:1}
33.59%{opacity:0}
33.83%{opacity:0}
33.86%{opacity:1}
34.23%{opacity:1}
34.26%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-bm {
0%{opacity:0}
21.53%{opacity:0}
21.56%{opacity:1}
21.85%{opacity:1}
21.88%{opacity:0}
22.06%{opacity:0}
22.1%{opacity:1}
22.38%{opacity:1}
22.42%{opacity:0}
22.6%{opacity:0}
22.63%{opacity:1}
22.92%{opacity:1}
22.95%{opacity:0}
23.13%{opacity:0}
23.17%{opacity:1}
23.45%{opacity:1}
23.49%{opacity:0}
23.67%{opacity:0}
23.7%{opacity:1}
23.99%{opacity:1}
24.03%{opacity:0}
25.28%{opacity:0}
25.31%{opacity:1}
25.6%{opacity:1}
25.63%{opacity:0}
25.81%{opacity:0}
25.85%{opacity:1}
26.13%{opacity:1}
26.17%{opacity:0}
26.35%{opacity:0}
26.38%{opacity:1}
26.67%{opacity:1}
26.7%{opacity:0}
26.88%{opacity:0}
26.92%{opacity:1}
27.2%{opacity:1}
27.24%{opacity:0}
27.42%{opacity:0}
27.45%{opacity:1}
27.74%{opacity:1}
27.78%{opacity:0}
39.51%{opacity:0}
39.54%{opacity:1}
39.81%{opacity:1}
39.85%{opacity:0}
40.02%{opacity:0}
40.05%{opacity:1}
40.32%{opacity:1}
40.36%{opacity:0}
40.53%{opacity:0}
40.56%{opacity:1}
40.83%{opacity:1}
40.87%{opacity:0}
41.04%{opacity:0}
41.07%{opacity:1}
41.34%{opacity:1}
41.38%{opacity:0}
41.55%{opacity:0}
41.58%{opacity:1}
41.85%{opacity:1}
41.89%{opacity:0}
43.08%{opacity:0}
43.11%{opacity:1}
43.38%{opacity:1}
43.42%{opacity:0}
43.59%{opacity:0}
43.62%{opacity:1}
43.89%{opacity:1}
43.93%{opacity:0}
44.1%{opacity:0}
44.13%{opacity:1}
44.4%{opacity:1}
44.44%{opacity:0}
44.61%{opacity:0}
44.64%{opacity:1}
44.91%{opacity:1}
44.95%{opacity:0}
45.12%{opacity:0}
45.15%{opacity:1}
45.42%{opacity:1}
45.46%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-bms {
0%{opacity:0}
20.45%{opacity:0}
20.49%{opacity:1}
20.78%{opacity:1}
20.81%{opacity:0}
20.99%{opacity:0}
21.03%{opacity:1}
21.31%{opacity:1}
21.35%{opacity:0}
24.2%{opacity:0}
24.24%{opacity:1}
24.53%{opacity:1}
24.56%{opacity:0}
24.74%{opacity:0}
24.78%{opacity:1}
25.06%{opacity:1}
25.1%{opacity:0}
38.49%{opacity:0}
38.52%{opacity:1}
38.79%{opacity:1}
38.83%{opacity:0}
39%{opacity:0}
39.03%{opacity:1}
39.3%{opacity:1}
39.34%{opacity:0}
42.06%{opacity:0}
42.09%{opacity:1}
42.36%{opacity:1}
42.4%{opacity:0}
42.57%{opacity:0}
42.6%{opacity:1}
42.87%{opacity:1}
42.91%{opacity:0}
100%{opacity:0}
}
@keyframes b-ld-cub {
0%{opacity:0}
61.18%{opacity:0}
61.22%{opacity:1}
62.14%{opacity:1}
62.18%{opacity:0}
100%{opacity:0}
}
@keyframes b-pc-tk {
0%{transform:translateX(-896px)}
65.18%{transform:translateX(-896px)}
67.59%{transform:translateX(0px)}
73.77%{transform:translateX(0px)}
76.79%{transform:translateX(1102px)}
77.09%{transform:translateX(1102px)}
77.12%{transform:translateX(-896px)}
100%{transform:translateX(-896px)}
}
@keyframes b-pc-ext1 {
0%{transform:translateX(0px)}
68.65%{transform:translateX(0px)}
70%{transform:translateX(-61px)}
71.51%{transform:translateX(-61px)}
72.56%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-pc-ext2 {
0%{transform:translateX(0px)}
68.65%{transform:translateX(0px)}
70%{transform:translateX(-61px)}
71.51%{transform:translateX(-61px)}
72.56%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-pc-bh {
0%{transform:translateX(296px);opacity:0}
1.79%{transform:translateX(296px);opacity:0}
1.82%{opacity:1}
2.86%{transform:translateX(0px)}
5.27%{transform:translateX(0px)}
6.34%{transform:translateX(296px)}
6.43%{opacity:1}
6.46%{opacity:0}
100%{transform:translateX(296px);opacity:0}
}
@keyframes b-pc-mixer {
0%{transform:translateX(-1002px);opacity:0}
8.21%{transform:translateX(-1002px);opacity:0}
8.25%{opacity:1}
9.29%{transform:translateX(0px)}
11.07%{transform:translateX(0px)}
12.23%{transform:translateX(-1002px)}
12.32%{opacity:1}
12.36%{opacity:0}
100%{transform:translateX(-1002px);opacity:0}
}
@keyframes b-pc-pump {
0%{transform:translateX(-1122px);opacity:0}
7.86%{transform:translateX(-1122px);opacity:0}
7.89%{opacity:1}
8.93%{transform:translateX(0px)}
11.61%{transform:translateX(0px)}
12.5%{transform:translateX(-1122px);opacity:1}
12.54%{opacity:0}
100%{transform:translateX(-1122px);opacity:0}
}
@keyframes b-pc-rc {
0%{transform:translateX(430px);opacity:0}
11.61%{transform:translateX(430px);opacity:0}
11.64%{opacity:1}
12.05%{transform:translateX(0px)}
64.29%{transform:translateX(0px)}
65.18%{transform:translateX(430px);opacity:1}
65.21%{opacity:0}
100%{transform:translateX(430px);opacity:0}
}
@keyframes b-pc-rc-boom {
0%{--b-t:0;--b-e:0;--b-w:30}
12.23%{--b-t:0;--b-e:0;--b-w:30}
12.5%{--b-t:28.07;--b-e:386;--b-w:165}
12.68%{--b-w:225}
12.77%{--b-w:219}
12.89%{--b-t:28.07;--b-e:386;--b-w:165}
13.14%{--b-t:80.41;--b-e:0;--b-w:138}
13.27%{--b-t:80.41;--b-e:0;--b-w:165}
13.48%{--b-t:28.07;--b-e:386;--b-w:165}
13.66%{--b-w:225}
13.75%{--b-w:219}
13.87%{--b-t:28.07;--b-e:386;--b-w:165}
14.13%{--b-t:72.14;--b-e:0;--b-w:128}
14.25%{--b-t:72.14;--b-e:0;--b-w:169}
14.46%{--b-t:28.07;--b-e:386;--b-w:165}
14.64%{--b-w:225}
14.73%{--b-w:219}
14.86%{--b-t:28.07;--b-e:386;--b-w:165}
15.11%{--b-t:63.47;--b-e:0;--b-w:111}
15.23%{--b-t:63.47;--b-e:0;--b-w:167}
15.45%{--b-t:28.07;--b-e:386;--b-w:165}
15.62%{--b-w:225}
15.71%{--b-w:219}
15.84%{--b-t:28.07;--b-e:386;--b-w:165}
16.09%{--b-t:47.21;--b-e:21;--b-w:78}
16.21%{--b-t:47.21;--b-e:21;--b-w:134}
16.43%{--b-t:28.07;--b-e:386;--b-w:165}
16.61%{--b-w:225}
16.7%{--b-w:219}
16.82%{--b-t:28.07;--b-e:386;--b-w:165}
17.07%{--b-t:40.27;--b-e:96;--b-w:98}
17.2%{--b-t:40.27;--b-e:96;--b-w:154}
17.41%{--b-t:28.07;--b-e:386;--b-w:165}
17.59%{--b-w:225}
17.68%{--b-w:219}
17.8%{--b-t:28.07;--b-e:386;--b-w:165}
18.05%{--b-t:35.52;--b-e:174;--b-w:118}
18.18%{--b-t:35.52;--b-e:174;--b-w:174}
18.39%{--b-t:28.07;--b-e:386;--b-w:165}
18.57%{--b-w:225}
18.66%{--b-w:219}
18.79%{--b-t:28.07;--b-e:386;--b-w:165}
19.04%{--b-t:32.05;--b-e:255;--b-w:137}
19.16%{--b-t:32.05;--b-e:255;--b-w:193}
19.38%{--b-t:28.07;--b-e:386;--b-w:165}
19.55%{--b-w:225}
19.64%{--b-w:219}
19.77%{--b-t:28.07;--b-e:386;--b-w:165}
20.02%{--b-t:29.4;--b-e:336;--b-w:155}
20.14%{--b-t:29.4;--b-e:336;--b-w:211}
20.36%{--b-t:28.07;--b-e:386;--b-w:165}
20.45%{--b-t:28.32;--b-e:416;--b-w:320}
20.5%{--b-w:314}
20.57%{--b-t:28.32;--b-e:416;--b-w:157}
20.71%{--b-t:76.31;--b-e:0;--b-w:109}
20.78%{--b-t:76.31;--b-e:0;--b-w:210}
20.89%{--b-t:28.32;--b-e:416;--b-w:157}
20.99%{--b-t:27.82;--b-e:412;--b-w:313}
21.04%{--b-w:307}
21.11%{--b-t:27.82;--b-e:412;--b-w:164}
21.24%{--b-t:67.87;--b-e:0;--b-w:110}
21.31%{--b-t:67.87;--b-e:0;--b-w:211}
21.43%{--b-t:27.82;--b-e:412;--b-w:164}
21.53%{--b-t:27.13;--b-e:408;--b-w:310}
21.57%{--b-w:304}
21.64%{--b-t:27.13;--b-e:408;--b-w:176}
21.78%{--b-t:54.08;--b-e:0;--b-w:97}
21.85%{--b-t:54.08;--b-e:0;--b-w:184}
21.96%{--b-t:27.13;--b-e:408;--b-w:176}
22.06%{--b-w:310}
22.11%{--b-w:304}
22.18%{--b-t:27.13;--b-e:408;--b-w:176}
22.31%{--b-t:42.54;--b-e:53;--b-w:92}
22.38%{--b-t:42.54;--b-e:53;--b-w:179}
22.5%{--b-t:27.13;--b-e:408;--b-w:176}
22.6%{--b-w:310}
22.65%{--b-w:304}
22.71%{--b-t:27.13;--b-e:408;--b-w:176}
22.85%{--b-t:37.02;--b-e:131;--b-w:113}
22.92%{--b-t:37.02;--b-e:131;--b-w:200}
23.04%{--b-t:27.13;--b-e:408;--b-w:176}
23.13%{--b-w:310}
23.18%{--b-w:304}
23.25%{--b-t:27.13;--b-e:408;--b-w:176}
23.39%{--b-t:33.12;--b-e:211;--b-w:133}
23.45%{--b-t:33.12;--b-e:211;--b-w:220}
23.57%{--b-t:27.13;--b-e:408;--b-w:176}
23.67%{--b-w:310}
23.72%{--b-w:304}
23.79%{--b-t:27.13;--b-e:408;--b-w:176}
23.92%{--b-t:30.2;--b-e:292;--b-w:151}
23.99%{--b-t:30.2;--b-e:292;--b-w:238}
24.11%{--b-t:27.13;--b-e:408;--b-w:176}
24.2%{--b-t:28.32;--b-e:416;--b-w:320}
24.25%{--b-w:314}
24.32%{--b-t:28.32;--b-e:416;--b-w:157}
24.46%{--b-t:76.31;--b-e:0;--b-w:109}
24.53%{--b-t:76.31;--b-e:0;--b-w:154}
24.64%{--b-t:28.32;--b-e:416;--b-w:157}
24.74%{--b-t:27.82;--b-e:412;--b-w:313}
24.79%{--b-w:307}
24.86%{--b-t:27.82;--b-e:412;--b-w:164}
24.99%{--b-t:67.87;--b-e:0;--b-w:110}
25.06%{--b-t:67.87;--b-e:0;--b-w:155}
25.18%{--b-t:27.82;--b-e:412;--b-w:164}
25.28%{--b-t:27.13;--b-e:408;--b-w:310}
25.32%{--b-w:304}
25.39%{--b-t:27.13;--b-e:408;--b-w:176}
25.53%{--b-t:54.08;--b-e:0;--b-w:97}
25.6%{--b-t:54.08;--b-e:0;--b-w:128}
25.71%{--b-t:27.13;--b-e:408;--b-w:176}
25.81%{--b-w:310}
25.86%{--b-w:304}
25.93%{--b-t:27.13;--b-e:408;--b-w:176}
26.06%{--b-t:42.54;--b-e:53;--b-w:92}
26.13%{--b-t:42.54;--b-e:53;--b-w:123}
26.25%{--b-t:27.13;--b-e:408;--b-w:176}
26.35%{--b-w:310}
26.4%{--b-w:304}
26.46%{--b-t:27.13;--b-e:408;--b-w:176}
26.6%{--b-t:37.02;--b-e:131;--b-w:113}
26.67%{--b-t:37.02;--b-e:131;--b-w:144}
26.79%{--b-t:27.13;--b-e:408;--b-w:176}
26.88%{--b-w:310}
26.93%{--b-w:304}
27%{--b-t:27.13;--b-e:408;--b-w:176}
27.14%{--b-t:33.12;--b-e:211;--b-w:133}
27.2%{--b-t:33.12;--b-e:211;--b-w:164}
27.32%{--b-t:27.13;--b-e:408;--b-w:176}
27.42%{--b-w:310}
27.47%{--b-w:304}
27.54%{--b-t:27.13;--b-e:408;--b-w:176}
27.67%{--b-t:30.2;--b-e:292;--b-w:151}
27.74%{--b-t:30.2;--b-e:292;--b-w:182}
27.86%{--b-t:27.13;--b-e:408;--b-w:176}
33.04%{--b-t:27.13;--b-e:408;--b-w:176}
33.16%{--b-t:31.47;--b-e:409;--b-w:290}
33.22%{--b-w:284}
33.3%{--b-t:31.47;--b-e:409;--b-w:126}
33.47%{--b-t:80.41;--b-e:0;--b-w:52}
33.56%{--b-t:80.41;--b-e:0;--b-w:65}
33.71%{--b-t:31.47;--b-e:409;--b-w:126}
33.83%{--b-t:30.95;--b-e:405;--b-w:282}
33.89%{--b-w:276}
33.97%{--b-t:30.95;--b-e:405;--b-w:131}
34.14%{--b-t:72.14;--b-e:0;--b-w:54}
34.23%{--b-t:72.14;--b-e:0;--b-w:69}
34.38%{--b-t:30.95;--b-e:405;--b-w:131}
34.5%{--b-t:30.32;--b-e:401;--b-w:273}
34.56%{--b-w:267}
34.64%{--b-t:30.32;--b-e:401;--b-w:137}
34.81%{--b-t:63.47;--b-e:0;--b-w:51}
34.9%{--b-t:63.47;--b-e:0;--b-w:67}
35.04%{--b-t:30.32;--b-e:401;--b-w:137}
35.17%{--b-t:30.22;--b-e:400;--b-w:272}
35.23%{--b-w:266}
35.31%{--b-t:30.22;--b-e:400;--b-w:138}
35.48%{--b-t:52.05;--b-e:54;--b-w:65}
35.57%{--b-t:52.05;--b-e:54;--b-w:78}
35.71%{--b-t:30.22;--b-e:400;--b-w:138}
35.84%{--b-w:272}
35.9%{--b-w:266}
35.98%{--b-t:30.22;--b-e:400;--b-w:138}
36.15%{--b-t:44.35;--b-e:122;--b-w:80}
36.24%{--b-t:44.35;--b-e:122;--b-w:93}
36.38%{--b-t:30.22;--b-e:400;--b-w:138}
36.51%{--b-w:272}
36.57%{--b-w:266}
36.65%{--b-t:30.22;--b-e:400;--b-w:138}
36.82%{--b-t:38.89;--b-e:196;--b-w:97}
36.91%{--b-t:38.89;--b-e:196;--b-w:110}
37.05%{--b-t:30.22;--b-e:400;--b-w:138}
37.18%{--b-w:272}
37.24%{--b-w:266}
37.32%{--b-t:30.22;--b-e:400;--b-w:138}
37.49%{--b-t:34.86;--b-e:273;--b-w:113}
37.58%{--b-t:34.86;--b-e:273;--b-w:126}
37.72%{--b-t:30.22;--b-e:400;--b-w:138}
37.84%{--b-w:272}
37.91%{--b-w:266}
37.99%{--b-t:30.22;--b-e:400;--b-w:138}
38.16%{--b-t:31.77;--b-e:352;--b-w:129}
38.25%{--b-t:31.77;--b-e:352;--b-w:142}
38.39%{--b-t:30.22;--b-e:400;--b-w:138}
38.49%{--b-t:32.46;--b-e:447;--b-w:381}
38.53%{--b-w:375}
38.6%{--b-t:32.46;--b-e:447;--b-w:118}
38.73%{--b-t:77.67;--b-e:32;--b-w:42}
38.79%{--b-t:77.67;--b-e:32;--b-w:131}
38.9%{--b-t:32.46;--b-e:447;--b-w:118}
39%{--b-t:31.81;--b-e:441;--b-w:371}
39.04%{--b-w:365}
39.11%{--b-t:31.81;--b-e:441;--b-w:122}
39.24%{--b-t:70.18;--b-e:33;--b-w:45}
39.3%{--b-t:70.18;--b-e:33;--b-w:135}
39.41%{--b-t:31.81;--b-e:441;--b-w:122}
39.51%{--b-t:30.85;--b-e:434;--b-w:364}
39.55%{--b-w:358}
39.62%{--b-t:30.85;--b-e:434;--b-w:130}
39.75%{--b-t:59.64;--b-e:48;--b-w:54}
39.81%{--b-t:59.64;--b-e:48;--b-w:129}
39.92%{--b-t:30.85;--b-e:434;--b-w:130}
40.02%{--b-w:364}
40.06%{--b-w:358}
40.13%{--b-t:30.85;--b-e:434;--b-w:130}
40.26%{--b-t:50.3;--b-e:107;--b-w:67}
40.32%{--b-t:50.3;--b-e:107;--b-w:142}
40.43%{--b-t:30.85;--b-e:434;--b-w:130}
40.53%{--b-w:364}
40.57%{--b-w:358}
40.64%{--b-t:30.85;--b-e:434;--b-w:130}
40.77%{--b-t:43.57;--b-e:175;--b-w:81}
40.83%{--b-t:43.57;--b-e:175;--b-w:156}
40.94%{--b-t:30.85;--b-e:434;--b-w:130}
41.04%{--b-w:364}
41.08%{--b-w:358}
41.15%{--b-t:30.85;--b-e:434;--b-w:130}
41.28%{--b-t:38.61;--b-e:248;--b-w:96}
41.34%{--b-t:38.61;--b-e:248;--b-w:171}
41.45%{--b-t:30.85;--b-e:434;--b-w:130}
41.55%{--b-w:364}
41.59%{--b-w:358}
41.66%{--b-t:30.85;--b-e:434;--b-w:130}
41.79%{--b-t:34.84;--b-e:324;--b-w:110}
41.85%{--b-t:34.84;--b-e:324;--b-w:185}
41.96%{--b-t:30.85;--b-e:434;--b-w:130}
42.06%{--b-t:32.46;--b-e:447;--b-w:381}
42.1%{--b-w:375}
42.17%{--b-t:32.46;--b-e:447;--b-w:118}
42.3%{--b-t:77.67;--b-e:32;--b-w:42}
42.36%{--b-t:77.67;--b-e:32;--b-w:75}
42.47%{--b-t:32.46;--b-e:447;--b-w:118}
42.57%{--b-t:31.81;--b-e:441;--b-w:371}
42.61%{--b-w:365}
42.68%{--b-t:31.81;--b-e:441;--b-w:122}
42.81%{--b-t:70.18;--b-e:33;--b-w:45}
42.87%{--b-t:70.18;--b-e:33;--b-w:79}
42.98%{--b-t:31.81;--b-e:441;--b-w:122}
43.08%{--b-t:30.85;--b-e:434;--b-w:364}
43.12%{--b-w:358}
43.19%{--b-t:30.85;--b-e:434;--b-w:130}
43.32%{--b-t:59.64;--b-e:48;--b-w:54}
43.38%{--b-t:59.64;--b-e:48;--b-w:73}
43.49%{--b-t:30.85;--b-e:434;--b-w:130}
43.59%{--b-w:364}
43.63%{--b-w:358}
43.7%{--b-t:30.85;--b-e:434;--b-w:130}
43.83%{--b-t:50.3;--b-e:107;--b-w:67}
43.89%{--b-t:50.3;--b-e:107;--b-w:86}
44.01%{--b-t:30.85;--b-e:434;--b-w:130}
44.1%{--b-w:364}
44.14%{--b-w:358}
44.21%{--b-t:30.85;--b-e:434;--b-w:130}
44.34%{--b-t:43.57;--b-e:175;--b-w:81}
44.4%{--b-t:43.57;--b-e:175;--b-w:100}
44.52%{--b-t:30.85;--b-e:434;--b-w:130}
44.61%{--b-w:364}
44.65%{--b-w:358}
44.72%{--b-t:30.85;--b-e:434;--b-w:130}
44.85%{--b-t:38.61;--b-e:248;--b-w:96}
44.91%{--b-t:38.61;--b-e:248;--b-w:115}
45.03%{--b-t:30.85;--b-e:434;--b-w:130}
45.12%{--b-w:364}
45.16%{--b-w:358}
45.23%{--b-t:30.85;--b-e:434;--b-w:130}
45.36%{--b-t:34.84;--b-e:324;--b-w:110}
45.42%{--b-t:34.84;--b-e:324;--b-w:129}
45.54%{--b-t:30.85;--b-e:434;--b-w:130}
60.89%{--b-t:30.85;--b-e:434;--b-w:130}
61.18%{--b-t:37.23;--b-e:462;--b-w:377}
61.33%{--b-w:371}
61.53%{--b-t:37.23;--b-e:462;--b-w:94}
61.94%{--b-t:58.76;--b-e:192;--b-w:54}
62.14%{--b-w:95}
62.5%{--b-e:192;--b-w:95}
63.21%{--b-t:58.76;--b-e:0;--b-w:30}
63.93%{--b-t:0}
100%{--b-t:0;--b-e:0;--b-w:30}
}
@keyframes b-pc-wk-irs {
0%{transform:translateY(0px);opacity:0}
22.42%{opacity:0}
22.6%{opacity:1}
24.08%{opacity:1}
24.26%{opacity:0}
24.35%{transform:translateY(0px)}
24.38%{transform:translateY(-56px)}
26.17%{opacity:0}
26.35%{opacity:1}
29.11%{opacity:1}
29.29%{opacity:0}
29.38%{transform:translateY(-56px)}
29.41%{transform:translateY(-112px)}
40.36%{opacity:0}
40.54%{opacity:1}
41.94%{opacity:1}
42.12%{opacity:0}
42.21%{transform:translateY(-112px)}
42.25%{transform:translateY(-168px)}
43.93%{opacity:0}
44.11%{opacity:1}
45.51%{opacity:1}
45.69%{opacity:0}
45.78%{transform:translateY(-168px)}
45.82%{transform:translateY(0px)}
100%{transform:translateY(0px);opacity:0}
}
@keyframes b-pc-wk-ir-1 {
0%{transform:translateX(0px)}
27.95%{transform:translateX(0px)}
28.84%{transform:translateX(-168px)}
29.38%{transform:translateX(-168px)}
29.41%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-pc-wk-ir-2 {
0%{transform:translateX(0px)}
28.12%{transform:translateX(0px)}
28.84%{transform:translateX(-84px)}
29.38%{transform:translateX(-84px)}
29.41%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-pc-gate {
0%{transform:translateX(0px)}
11.96%{transform:translateX(0px)}
12.5%{transform:translateX(-138px)}
45.62%{transform:translateX(-138px)}
46.16%{transform:translateX(0px)}
60.36%{transform:translateX(0px)}
60.89%{transform:translateX(-138px)}
62.23%{transform:translateX(-138px)}
62.77%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-sp-tk {
0%{transform:translateX(-191px)}
65.18%{transform:translateX(-191px)}
67.59%{transform:translateX(0px)}
73.77%{transform:translateX(0px)}
76.79%{transform:translateX(752px)}
77.09%{transform:translateX(752px)}
77.12%{transform:translateX(-191px)}
100%{transform:translateX(-191px)}
}
@keyframes b-sp-ext1 {
0%{transform:translateX(0px)}
68.65%{transform:translateX(0px)}
70%{transform:translateX(-48px)}
71.51%{transform:translateX(-48px)}
72.56%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-sp-ext2 {
0%{transform:translateX(0px)}
68.65%{transform:translateX(0px)}
70%{transform:translateX(-48px)}
71.51%{transform:translateX(-48px)}
72.56%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-sp-bh {
0%{transform:translateX(238px);opacity:0}
1.79%{transform:translateX(238px);opacity:0}
1.82%{opacity:1}
2.86%{transform:translateX(0px)}
5.27%{transform:translateX(0px)}
6.34%{transform:translateX(238px)}
6.43%{opacity:1}
6.46%{opacity:0}
100%{transform:translateX(238px);opacity:0}
}
@keyframes b-sp-mixer {
0%{transform:translateX(-321px);opacity:0}
8.21%{transform:translateX(-321px);opacity:0}
8.25%{opacity:1}
9.29%{transform:translateX(0px)}
11.07%{transform:translateX(0px)}
12.23%{transform:translateX(-321px)}
12.32%{opacity:1}
12.36%{opacity:0}
100%{transform:translateX(-321px);opacity:0}
}
@keyframes b-sp-pump {
0%{transform:translateX(-407px);opacity:0}
7.86%{transform:translateX(-407px);opacity:0}
7.89%{opacity:1}
8.93%{transform:translateX(0px)}
11.61%{transform:translateX(0px)}
12.5%{transform:translateX(-407px);opacity:1}
12.54%{opacity:0}
100%{transform:translateX(-407px);opacity:0}
}
@keyframes b-sp-rc {
0%{transform:translateX(323px);opacity:0}
11.61%{transform:translateX(323px);opacity:0}
11.64%{opacity:1}
12.05%{transform:translateX(0px)}
64.29%{transform:translateX(0px)}
65.18%{transform:translateX(323px);opacity:1}
65.21%{opacity:0}
100%{transform:translateX(323px);opacity:0}
}
@keyframes b-sp-rc-boom {
0%{--b-t:0;--b-e:0;--b-w:22}
12.23%{--b-t:0;--b-e:0;--b-w:22}
12.5%{--b-t:31.69;--b-e:259;--b-w:133}
12.68%{--b-w:176}
13.27%{--b-w:176}
13.48%{--b-w:133}
13.66%{--b-w:176}
13.75%{--b-w:172}
13.87%{--b-t:31.69;--b-e:259;--b-w:133}
14.13%{--b-t:68.78;--b-e:0;--b-w:85}
14.25%{--b-t:68.78;--b-e:0;--b-w:115}
14.46%{--b-t:31.69;--b-e:259;--b-w:133}
14.64%{--b-w:176}
15.23%{--b-w:176}
15.45%{--b-w:133}
15.62%{--b-w:176}
15.71%{--b-w:172}
15.84%{--b-t:31.69;--b-e:259;--b-w:133}
16.09%{--b-t:60.1;--b-e:0;--b-w:70}
16.21%{--b-t:60.1;--b-e:0;--b-w:111}
16.43%{--b-t:31.69;--b-e:259;--b-w:133}
16.61%{--b-w:176}
16.7%{--b-w:172}
16.82%{--b-t:31.69;--b-e:259;--b-w:133}
17.07%{--b-t:48.66;--b-e:36;--b-w:72}
17.2%{--b-t:48.66;--b-e:36;--b-w:113}
17.41%{--b-t:31.69;--b-e:259;--b-w:133}
17.59%{--b-w:176}
17.68%{--b-w:172}
17.8%{--b-t:31.69;--b-e:259;--b-w:133}
18.05%{--b-t:42.29;--b-e:89;--b-w:88}
18.18%{--b-t:42.29;--b-e:89;--b-w:129}
18.39%{--b-t:31.69;--b-e:259;--b-w:133}
18.57%{--b-w:176}
18.66%{--b-w:172}
18.79%{--b-t:31.69;--b-e:259;--b-w:133}
19.04%{--b-t:37.77;--b-e:144;--b-w:104}
19.16%{--b-t:37.77;--b-e:144;--b-w:144}
19.38%{--b-t:31.69;--b-e:259;--b-w:133}
19.55%{--b-w:176}
19.64%{--b-w:172}
19.77%{--b-t:31.69;--b-e:259;--b-w:133}
20.02%{--b-t:34.38;--b-e:200;--b-w:118}
20.14%{--b-t:34.38;--b-e:200;--b-w:158}
20.36%{--b-t:31.69;--b-e:259;--b-w:133}
20.45%{--b-t:29.13;--b-e:265;--b-w:221}
20.78%{--b-w:221}
20.89%{--b-t:29.13;--b-e:265;--b-w:178}
20.99%{--b-t:31.37;--b-e:276;--b-w:243}
21.04%{--b-w:238}
21.11%{--b-t:31.37;--b-e:276;--b-w:133}
21.24%{--b-t:64.52;--b-e:0;--b-w:71}
21.31%{--b-t:64.52;--b-e:0;--b-w:146}
21.43%{--b-t:31.37;--b-e:276;--b-w:133}
21.53%{--b-t:29.04;--b-e:264;--b-w:225}
21.85%{--b-w:225}
21.96%{--b-t:29.04;--b-e:264;--b-w:181}
22.06%{--b-t:30.71;--b-e:272;--b-w:241}
22.11%{--b-w:237}
22.18%{--b-t:30.71;--b-e:272;--b-w:141}
22.31%{--b-t:51.97;--b-e:7;--b-w:67}
22.38%{--b-t:51.97;--b-e:7;--b-w:132}
22.5%{--b-t:30.71;--b-e:272;--b-w:141}
22.6%{--b-w:241}
22.65%{--b-w:237}
22.71%{--b-t:30.71;--b-e:272;--b-w:141}
22.85%{--b-t:44.4;--b-e:59;--b-w:84}
22.92%{--b-t:44.4;--b-e:59;--b-w:149}
23.04%{--b-t:30.71;--b-e:272;--b-w:141}
23.13%{--b-w:241}
23.18%{--b-w:237}
23.25%{--b-t:30.71;--b-e:272;--b-w:141}
23.39%{--b-t:39.23;--b-e:113;--b-w:100}
23.45%{--b-t:39.23;--b-e:113;--b-w:164}
23.57%{--b-t:30.71;--b-e:272;--b-w:141}
23.67%{--b-w:241}
23.72%{--b-w:237}
23.79%{--b-t:30.71;--b-e:272;--b-w:141}
23.92%{--b-t:35.46;--b-e:170;--b-w:116}
23.99%{--b-t:35.46;--b-e:170;--b-w:180}
24.11%{--b-t:30.71;--b-e:272;--b-w:141}
24.2%{--b-t:29.13;--b-e:265;--b-w:221}
24.53%{--b-w:221}
24.64%{--b-t:29.13;--b-e:265;--b-w:178}
24.74%{--b-t:31.37;--b-e:276;--b-w:243}
24.79%{--b-w:238}
24.86%{--b-t:31.37;--b-e:276;--b-w:133}
24.99%{--b-t:64.52;--b-e:0;--b-w:71}
25.06%{--b-t:64.52;--b-e:0;--b-w:104}
25.18%{--b-t:31.37;--b-e:276;--b-w:133}
25.28%{--b-t:29.04;--b-e:264;--b-w:225}
25.6%{--b-w:225}
25.71%{--b-t:29.04;--b-e:264;--b-w:181}
25.81%{--b-t:30.71;--b-e:272;--b-w:241}
25.86%{--b-w:237}
25.93%{--b-t:30.71;--b-e:272;--b-w:141}
26.06%{--b-t:51.97;--b-e:7;--b-w:67}
26.13%{--b-t:51.97;--b-e:7;--b-w:90}
26.25%{--b-t:30.71;--b-e:272;--b-w:141}
26.35%{--b-w:241}
26.4%{--b-w:237}
26.46%{--b-t:30.71;--b-e:272;--b-w:141}
26.6%{--b-t:44.4;--b-e:59;--b-w:84}
26.67%{--b-t:44.4;--b-e:59;--b-w:107}
26.79%{--b-t:30.71;--b-e:272;--b-w:141}
26.88%{--b-w:241}
26.93%{--b-w:237}
27%{--b-t:30.71;--b-e:272;--b-w:141}
27.14%{--b-t:39.23;--b-e:113;--b-w:100}
27.2%{--b-t:39.23;--b-e:113;--b-w:122}
27.32%{--b-t:30.71;--b-e:272;--b-w:141}
27.42%{--b-w:241}
27.47%{--b-w:237}
27.54%{--b-t:30.71;--b-e:272;--b-w:141}
27.67%{--b-t:35.46;--b-e:170;--b-w:116}
27.74%{--b-t:35.46;--b-e:170;--b-w:138}
27.86%{--b-t:30.71;--b-e:272;--b-w:141}
33.04%{--b-t:30.71;--b-e:272;--b-w:141}
33.16%{--b-t:31.15;--b-e:256;--b-w:183}
33.56%{--b-w:183}
33.71%{--b-t:31.15;--b-e:256;--b-w:140}
33.83%{--b-t:34.62;--b-e:275;--b-w:218}
33.89%{--b-w:213}
33.97%{--b-t:34.62;--b-e:275;--b-w:108}
34.14%{--b-t:70.16;--b-e:14;--b-w:45}
34.23%{--b-t:70.16;--b-e:14;--b-w:54}
34.38%{--b-t:34.62;--b-e:275;--b-w:108}
34.5%{--b-t:31.15;--b-e:256;--b-w:183}
34.9%{--b-w:183}
35.04%{--b-t:31.15;--b-e:256;--b-w:140}
35.17%{--b-t:34.11;--b-e:272;--b-w:212}
35.23%{--b-w:208}
35.31%{--b-t:34.11;--b-e:272;--b-w:111}
35.48%{--b-t:63.18;--b-e:23;--b-w:50}
35.57%{--b-t:63.18;--b-e:23;--b-w:61}
35.71%{--b-t:34.11;--b-e:272;--b-w:111}
35.84%{--b-t:34.02;--b-e:271;--b-w:211}
35.9%{--b-w:207}
35.98%{--b-t:34.02;--b-e:271;--b-w:111}
36.15%{--b-t:53.19;--b-e:62;--b-w:61}
36.24%{--b-t:53.19;--b-e:62;--b-w:71}
36.38%{--b-t:34.02;--b-e:271;--b-w:111}
36.51%{--b-w:211}
36.57%{--b-w:207}
36.65%{--b-t:34.02;--b-e:271;--b-w:111}
36.82%{--b-t:46.16;--b-e:110;--b-w:74}
36.91%{--b-t:46.16;--b-e:110;--b-w:83}
37.05%{--b-t:34.02;--b-e:271;--b-w:111}
37.18%{--b-w:211}
37.24%{--b-w:207}
37.32%{--b-t:34.02;--b-e:271;--b-w:111}
37.49%{--b-t:41.02;--b-e:161;--b-w:86}
37.58%{--b-t:41.02;--b-e:161;--b-w:96}
37.72%{--b-t:34.02;--b-e:271;--b-w:111}
37.84%{--b-w:211}
37.91%{--b-w:207}
37.99%{--b-t:34.02;--b-e:271;--b-w:111}
38.16%{--b-t:37.12;--b-e:215;--b-w:99}
38.25%{--b-t:37.12;--b-e:215;--b-w:108}
38.39%{--b-t:34.02;--b-e:271;--b-w:111}
38.49%{--b-t:29.13;--b-e:265;--b-w:221}
38.79%{--b-w:221}
38.9%{--b-t:29.13;--b-e:265;--b-w:178}
39%{--b-t:35.51;--b-e:300;--b-w:286}
39.04%{--b-w:282}
39.11%{--b-t:35.51;--b-e:300;--b-w:101}
39.24%{--b-t:69.18;--b-e:45;--b-w:45}
39.3%{--b-t:69.18;--b-e:45;--b-w:111}
39.41%{--b-t:35.51;--b-e:300;--b-w:101}
39.51%{--b-t:29.04;--b-e:264;--b-w:225}
39.81%{--b-w:225}
39.92%{--b-t:29.04;--b-e:264;--b-w:181}
40.02%{--b-t:34.59;--b-e:294;--b-w:281}
40.06%{--b-w:277}
40.13%{--b-t:34.59;--b-e:294;--b-w:106}
40.26%{--b-t:59.87;--b-e:57;--b-w:53}
40.32%{--b-t:59.87;--b-e:57;--b-w:108}
40.43%{--b-t:34.59;--b-e:294;--b-w:106}
40.53%{--b-w:281}
40.57%{--b-w:277}
40.64%{--b-t:34.59;--b-e:294;--b-w:106}
40.77%{--b-t:51.49;--b-e:99;--b-w:63}
40.83%{--b-t:51.49;--b-e:99;--b-w:119}
40.94%{--b-t:34.59;--b-e:294;--b-w:106}
41.04%{--b-w:281}
41.08%{--b-w:277}
41.15%{--b-t:34.59;--b-e:294;--b-w:106}
41.28%{--b-t:45.29;--b-e:147;--b-w:74}
41.34%{--b-t:45.29;--b-e:147;--b-w:130}
41.45%{--b-t:34.59;--b-e:294;--b-w:106}
41.55%{--b-w:281}
41.59%{--b-w:277}
41.66%{--b-t:34.59;--b-e:294;--b-w:106}
41.79%{--b-t:40.59;--b-e:198;--b-w:86}
41.85%{--b-t:40.59;--b-e:198;--b-w:142}
41.96%{--b-t:34.59;--b-e:294;--b-w:106}
42.06%{--b-t:29.13;--b-e:265;--b-w:221}
42.36%{--b-w:221}
42.47%{--b-t:29.13;--b-e:265;--b-w:178}
42.57%{--b-t:35.51;--b-e:300;--b-w:286}
42.61%{--b-w:282}
42.68%{--b-t:35.51;--b-e:300;--b-w:101}
42.81%{--b-t:69.18;--b-e:45;--b-w:45}
42.87%{--b-t:69.18;--b-e:45;--b-w:69}
42.98%{--b-t:35.51;--b-e:300;--b-w:101}
43.08%{--b-t:29.04;--b-e:264;--b-w:225}
43.38%{--b-w:225}
43.49%{--b-t:29.04;--b-e:264;--b-w:181}
43.59%{--b-t:34.59;--b-e:294;--b-w:281}
43.63%{--b-w:277}
43.7%{--b-t:34.59;--b-e:294;--b-w:106}
43.83%{--b-t:59.87;--b-e:57;--b-w:53}
43.89%{--b-t:59.87;--b-e:57;--b-w:66}
44.01%{--b-t:34.59;--b-e:294;--b-w:106}
44.1%{--b-w:281}
44.14%{--b-w:277}
44.21%{--b-t:34.59;--b-e:294;--b-w:106}
44.34%{--b-t:51.49;--b-e:99;--b-w:63}
44.4%{--b-t:51.49;--b-e:99;--b-w:77}
44.52%{--b-t:34.59;--b-e:294;--b-w:106}
44.61%{--b-w:281}
44.65%{--b-w:277}
44.72%{--b-t:34.59;--b-e:294;--b-w:106}
44.85%{--b-t:45.29;--b-e:147;--b-w:74}
44.91%{--b-t:45.29;--b-e:147;--b-w:88}
45.03%{--b-t:34.59;--b-e:294;--b-w:106}
45.12%{--b-w:281}
45.16%{--b-w:277}
45.23%{--b-t:34.59;--b-e:294;--b-w:106}
45.36%{--b-t:40.59;--b-e:198;--b-w:86}
45.42%{--b-t:40.59;--b-e:198;--b-w:100}
45.54%{--b-t:34.59;--b-e:294;--b-w:106}
60.89%{--b-t:34.59;--b-e:294;--b-w:106}
61.18%{--b-t:41.14;--b-e:315;--b-w:285}
61.33%{--b-w:281}
61.53%{--b-t:41.14;--b-e:315;--b-w:80}
61.94%{--b-t:62.47;--b-e:144;--b-w:50}
62.14%{--b-w:79}
62.5%{--b-e:144;--b-w:79}
63.21%{--b-t:62.47;--b-e:0;--b-w:22}
63.93%{--b-t:0}
100%{--b-t:0;--b-e:0;--b-w:22}
}
@keyframes b-sp-wk-irs {
0%{transform:translateY(0px);opacity:0}
22.42%{opacity:0}
22.6%{opacity:1}
24.08%{opacity:1}
24.26%{opacity:0}
24.35%{transform:translateY(0px)}
24.38%{transform:translateY(-42px)}
26.17%{opacity:0}
26.35%{opacity:1}
29.11%{opacity:1}
29.29%{opacity:0}
29.38%{transform:translateY(-42px)}
29.41%{transform:translateY(-84px)}
40.36%{opacity:0}
40.54%{opacity:1}
41.94%{opacity:1}
42.12%{opacity:0}
42.21%{transform:translateY(-84px)}
42.25%{transform:translateY(-126px)}
43.93%{opacity:0}
44.11%{opacity:1}
45.51%{opacity:1}
45.69%{opacity:0}
45.78%{transform:translateY(-126px)}
45.82%{transform:translateY(0px)}
100%{transform:translateY(0px);opacity:0}
}
@keyframes b-sp-wk-ir-1 {
0%{transform:translateX(0px)}
27.95%{transform:translateX(0px)}
28.84%{transform:translateX(-118px)}
29.38%{transform:translateX(-118px)}
29.41%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-sp-wk-ir-2 {
0%{transform:translateX(0px)}
28.12%{transform:translateX(0px)}
28.84%{transform:translateX(-59px)}
29.38%{transform:translateX(-59px)}
29.41%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
@keyframes b-sp-gate {
0%{transform:translateX(0px)}
11.96%{transform:translateX(0px)}
12.5%{transform:translateX(-270px)}
45.62%{transform:translateX(-270px)}
46.16%{transform:translateX(0px)}
60.36%{transform:translateX(0px)}
60.89%{transform:translateX(-270px)}
62.23%{transform:translateX(-270px)}
62.77%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
/* ── 建物の現場 ここまで ── */
/* 字の後ろの暗い被せ（4 枚重ね・上から順に描く）
   ①上＝帯の紺が絵へ溶ける（帯と絵を1枚に見せる）②下＝足元を締めて下の節へ渡す
   ③字の塊の後ろだけ楕円で少し深く ④左（字の所）から右（作業の所）へ抜ける本体。
   ④の値＝hero_build.py の OVERLAY_STOPS["pc"]（道具はこの1枚だけで対比の目安を出す＝①〜③は足すだけなので、道具の数字は下限）。変えたら両方直す */
.hero-art::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(19, 35, 58, .62) 0%, rgba(19, 35, 58, .22) 9%, rgba(19, 35, 58, 0) 22%),
    linear-gradient(0deg, rgba(11, 22, 38, .62) 0%, rgba(11, 22, 38, .22) 16%, rgba(11, 22, 38, 0) 34%),
    radial-gradient(ellipse 58% 72% at 16% 48%, rgba(11, 22, 38, .34) 0%, rgba(11, 22, 38, .14) 55%, rgba(11, 22, 38, 0) 100%),
    linear-gradient(90deg, rgba(11, 22, 38, .68) 0%, rgba(11, 22, 38, .56) 32%, rgba(11, 22, 38, .30) 52%, rgba(11, 22, 38, .08) 66%, rgba(11, 22, 38, 0) 76%);
}
.hero :focus-visible { outline-color: #fff; }   /* 暗い被せの上では白の輪（内側の黄緑の輪はそのまま） */

/* 字は左の空と霞の上に（作業の所は右）。白い字に薄い影を足して、明るい所に掛かっても読めるように */
.hero-copy {
  position: relative; z-index: 2;
  text-shadow: 0 1px 2px rgba(11, 22, 38, .4), 0 4px 28px rgba(11, 22, 38, .38);
  padding: 0 0 clamp(20px, 5vh, 56px) clamp(28px, 5.4vw, 92px);
  max-width: 64%;
}
/* 見出し：極太（M PLUS 1p Black）・大きく・字間を詰め・行を締める。2行目（現場の武器に）が主役 */
.hero-title {
  font-weight: 900;
  font-size: clamp(44px, min(8vw, calc((100vh - var(--head-h) - var(--band-h) - var(--gutter)) * .15)), 128px);
  line-height: 1.04;
  letter-spacing: -.035em;
  text-shadow: 0 2px 4px rgba(11, 22, 38, .28), 0 8px 40px rgba(11, 22, 38, .42);
}
.hero-title > span { display: block; white-space: nowrap; }
.hero-title > span + span { margin-top: .06em; }
/* リード：左に細い白の縦線（見出しと分けて、字の塊の左の線をそろえる） */
.hero-lead {
  margin-top: clamp(20px, 3.2vh, 32px);
  padding-left: clamp(14px, 1.3vw, 20px);
  border-left: 2px solid rgba(255, 255, 255, .62);
  font-size: clamp(16px, 1.32vw, 19px); font-weight: 500; line-height: 1.85; letter-spacing: .05em;
}
.hero-lead > .lead-s { display: block; }   /* 1文目と2文目は必ず行を改める（2文目を行の途中から始めない） */
.hero-actions { margin-top: clamp(28px, 4.4vh, 44px); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 32px; }

/* 主ボタン：白い面に紺の字・太く大きく・右に矢印（ホバーで矢印が進み、面が少し浮く） */
.hero-actions .btn {
  gap: 14px;
  min-height: 58px; padding: 10px 28px 10px 32px;
  background: #fff; border-color: #fff; color: var(--kon);
  font-size: 16px; font-weight: 700; letter-spacing: .08em;
  text-shadow: none;
  box-shadow: 0 1px 2px rgba(11, 22, 38, .2), 0 14px 34px -12px rgba(11, 22, 38, .7);
  transition: background-color .2s, border-color .2s, box-shadow .25s, transform .25s;
}
.hero-actions .btn::after, .hero .textlink--hero::after {
  content: ""; flex: none; width: 18px; height: 8px;
  background: currentColor;
  clip-path: polygon(0 calc(50% - .75px), calc(100% - 5px) calc(50% - .75px), calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, calc(100% - 5px) calc(50% + .75px), 0 calc(50% + .75px));
  transition: transform .25s cubic-bezier(.2, .6, .2, 1);
}
.hero-actions .btn:hover { background: var(--sora-pale); border-color: var(--sora-pale); transform: translateY(-1px); box-shadow: 0 1px 2px rgba(11, 22, 38, .2), 0 18px 40px -12px rgba(11, 22, 38, .8); }
.hero-actions .btn:hover::after, .hero .textlink--hero:hover::after { transform: translateX(4px); }
/* 副：白い字のリンク（面を持たない＝主ボタンとの差）。下線は細く、ホバーで白くはっきり */
.hero .textlink--hero {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0; padding: 12px 0;
  font-size: 16px; font-weight: 700; letter-spacing: .06em;
  text-decoration-color: rgba(255, 255, 255, .6); text-underline-offset: 8px;
  text-shadow: 0 1px 2px rgba(11, 22, 38, .5);   /* 広い影は下線を黒く見せるので細い影だけ */
}
.hero .textlink--hero:hover { text-decoration-color: #fff; }

/* 下へ：絵に溶ける細い枠の四角（白の線・白の矢印）。矢印が数 px 下がるのを 4 回だけ（5 秒以内で止まる） */
.scroll {
  position: absolute; z-index: 3;
  right: clamp(16px, 2.2vw, 32px); bottom: clamp(16px, 2.6vh, 28px);
  width: 44px; height: 44px;
  display: grid; place-items: center;
  background: rgba(11, 22, 38, .28);
  border: 1px solid rgba(255, 255, 255, .7); border-radius: var(--r);
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
}
.scroll:hover { background: rgba(11, 22, 38, .5); border-color: #fff; }
/* 動きを止める：下へ進む印の左に、同じ白い小さな四角で */
.motion-toggle {
  display: none; position: absolute; z-index: 3;
  right: calc(clamp(16px, 2.2vw, 32px) + 54px); bottom: clamp(16px, 2.6vh, 28px);
  height: 44px; padding: 0 14px;
  background: rgba(255, 255, 255, .88);
  border: 1px solid var(--line); border-radius: var(--r);
  font: inherit; font-size: 13px; letter-spacing: .04em; color: var(--kon); cursor: pointer;
  transition: background-color .2s;
}
.motion-toggle:hover { background: #fff; }
.js.still .clouds::before, .js.still .scroll-line, .js.off .clouds::before, .js.off .scroll-line { animation-play-state: paused; }   /* 下の「動き」の指定（.js …）より強く */
.scroll-line { position: relative; display: block; width: 10px; height: 16px; }
.scroll-line::before {
  content: ""; position: absolute; left: 4.5px; top: 0; width: 1px; height: 15px; background: #fff;
}
.scroll-line::after {
  content: ""; position: absolute; left: 1.5px; bottom: 1px; width: 7px; height: 7px;
  border: solid #fff; border-width: 0 1px 1px 0; rotate: 45deg;
}

/* ───────── ボタン（角の小さな四角・紺1色）と字のリンク ───────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 10px 26px; border-radius: var(--r);
  background: var(--kon); color: #fff;
  font-weight: 500; font-size: 15px; line-height: 1.4; letter-spacing: .06em;
  text-decoration: none; text-align: center;
  border: 1px solid var(--kon);
  transition: background-color .2s, color .2s, border-color .2s;
}
.btn:hover { background: var(--kon-lit); border-color: var(--kon-lit); }
.btn--line-light { background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff; }
.btn--line-light:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
/* 押せる高さ 44px：上下に 8px の内側の余白を足し、同じだけ外側の余白を引く（字と下線の位置は変えない） */
.textlink {
  display: inline-block; margin-top: 4px; margin-bottom: -8px; padding: 8px 0;
  font-weight: 500; font-size: 15px; letter-spacing: .04em;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px;
  text-decoration-color: var(--line-2);
  transition: text-decoration-color .2s;
}
.textlink:hover { text-decoration-color: var(--kon); }

/* ───────── 節の骨組み：左に寄せた12列の格子（見出しは左・中身は右へ） ───────── */
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 56px; }
.sec { padding: 152px 0; }
.h2 { font-weight: 700; font-size: 32px; line-height: 1.4; letter-spacing: .02em; }
.sec-lead { margin-top: 18px; max-width: 26em; font-size: 16px; line-height: 1.9; color: var(--ink2); }
.h3 { font-weight: 700; font-size: 21px; line-height: 1.5; letter-spacing: .03em; }
.h3-lg { font-weight: 700; font-size: 40px; line-height: 1.3; letter-spacing: .01em; }
.body { font-size: 16px; line-height: 1.9; }

/* 明日の現場で効く武器（武器の節） */
.tools { padding-bottom: 0; }
.sec-head { max-width: 40em; }
.weapon {
  margin-top: 88px; padding-bottom: 152px;
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: center;
}
.weapon-body { grid-column: 1 / span 5; grid-row: 1; }
.desk { grid-column: 7 / span 6; grid-row: 1; }

/* 見本ページを、淡い空色の机にまっすぐ置く（影は薄い1種類だけ） */
.desk {
  position: relative; aspect-ratio: 6 / 5;
  background: var(--sora-pale); border-radius: var(--r); overflow: hidden;
}
.sheet { position: absolute; background: #fff; box-shadow: var(--shadow); border-radius: 2px; }
.sheet-a { width: 36%; left: 9%; top: 11%; }
.sheet-b { width: 36%; left: 33%; top: 17%; }
.sheet-c { width: 54%; left: 39%; top: 50%; }

.weapon-body .body { margin-top: 16px; }
.w-list { margin-top: 28px; border-top: 1px solid var(--line); }
.w-list li { padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.8; color: var(--ink2); }
.w-list b { display: block; margin-bottom: 2px; color: var(--kon); font-size: 16px; font-weight: 700; letter-spacing: .03em; }
.w-list .src { display: block; margin-top: 6px; font-size: 13px; line-height: 1.7; color: var(--ink2); }   /* 出典（国の共通仕様書を加工した物） */
.buy { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }
.buy .textlink { margin: -8px 0; }
.buy .textlink + .textlink { margin-top: -6px; }   /* 字のリンクが縦に2つ並ぶとき、押せる範囲（上下 8px ずつ）が重ならないように */

/* AI の使い方：生成りの面（まっすぐな上辺）＋まっすぐなチェックシート */
.plate { position: relative; margin: 0 var(--gutter); border-radius: var(--r); }
.plate--kinari { background: var(--kinari); }
.plate-grid {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: center;
  padding-top: 120px; padding-bottom: 120px;
}
.plate-copy { grid-column: 1 / span 5; }
.plate-desk { grid-column: 7 / span 6; display: flex; justify-content: center; }
.plate-title { font-weight: 700; font-size: 40px; line-height: 1.3; letter-spacing: .01em; }
.plate-title small {
  display: block; margin-bottom: 10px;
  font-size: 13px; font-weight: 500; letter-spacing: .1em; line-height: 1.5; color: var(--wakaba-deep);
}
.plate-text { margin-top: 20px; max-width: 26em; font-size: 16px; line-height: 1.9; }
.plate-note { margin-top: 12px; max-width: 28em; font-size: 15px; line-height: 1.85; color: var(--ink2); }
.plate-copy .btn { margin-top: 32px; }

/* チェックシートの紙（本文は Kindle の付録のページの項目そのまま） */
.cs {
  width: min(100%, 460px);
  padding: 32px 32px 22px;
  background: #fff;
  border: 1px solid var(--line); border-radius: var(--r);
  box-shadow: var(--shadow);
}
.cs-title { font-weight: 700; font-size: 16px; line-height: 1.5; letter-spacing: .03em; padding-bottom: 14px; border-bottom: 1px solid var(--line-2); }
.cs-list li {
  position: relative; padding: 14px 0 14px 32px;
  border-bottom: 1px solid var(--line);
  font-size: 15px; line-height: 1.75;
}
.cs-list li::before {
  content: ""; position: absolute; left: 0; top: 19px; width: 16px; height: 16px;
  border: 1px solid var(--line-2); border-radius: 2px; background: #fff;
}
/* 印（チェック）＝若葉の濃い色の細いレ点 */
.cs-list li.is-done::after {
  content: ""; position: absolute; left: 5px; top: 20px; width: 6px; height: 11px;
  border: solid var(--wakaba-deep); border-width: 0 2px 2px 0;
  rotate: 42deg;
}
.cs-foot { margin-top: 12px; font-size: 13px; color: var(--ink2); text-align: right; letter-spacing: .06em; }

/* いま取り組んでいること・先に言っておきます：左に見出し、右に細い罫で区切った行 */
.split { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: start; }
.split-head { grid-column: 1 / span 4; }
.split-head .sec-lead { margin-top: 14px; }
/* 左の列の見出し：「取り組んでいること」を1行に収める（981〜1180 幅で語の途中で折れていた） */
@media (min-width: 981px) { .split-head .h2 { font-size: min(32px, 2.8vw); } }
.now-list, .notice { grid-column: 6 / span 7; border-top: 1px solid var(--line); }
.now-list li {
  display: grid; grid-template-columns: 7.5em minmax(0, 1fr); column-gap: 20px;
  padding: 30px 0 32px; border-bottom: 1px solid var(--line);
}
.tag-wip { padding-top: 4px; font-size: 13px; font-weight: 500; letter-spacing: .08em; line-height: 1.6; color: var(--wakaba-deep); }
.now-body p { margin-top: 6px; max-width: 30em; font-size: 15px; line-height: 1.85; color: var(--ink2); }
.now-body .textlink { margin-top: 2px; }

/* 書いている人：紺の面（小さな絵は置かない） */
.plate--kon {
  margin-top: 0;
  color: #fff;
  background: var(--kon);
  padding: 136px 0;
  overflow: hidden;
}
.plate--kon::before {
  content: ""; position: absolute; inset: 0; border-radius: var(--r);
  background: url(top/grain.svg) 0 0 / 220px 220px; opacity: .06; mix-blend-mode: screen; pointer-events: none;
}
.about { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: start; }
.about-head { grid-column: 1 / span 5; }
.about-body { grid-column: 7 / span 6; max-width: 34em; }
.about-title { font-weight: 700; font-size: 40px; line-height: 1.45; letter-spacing: .01em; }
.about-title small { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 500; letter-spacing: .1em; line-height: 1.5; color: var(--night-sub); }
.about-title > span { display: block; }
.about-body p { font-size: 16px; line-height: 1.95; color: var(--night-text); }
.about-body p + p { margin-top: 20px; }
.about-body .creed {
  margin-top: 44px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .18);
  color: #fff; font-weight: 500; font-size: 21px; line-height: 1.8; letter-spacing: .06em;
}
.note-links { margin-top: 44px; }
.note-links p { color: var(--night-sub); font-size: 15px; }
.note-btns { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 12px; }
.note-btns .btn { min-height: 46px; padding: 8px 20px; }

/* 先に言っておきます */
.sec--notice { padding: 152px 0 160px; }
.notice p { padding: 26px 0 28px; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.9; color: var(--ink2); }
.notice strong { display: block; margin-bottom: 6px; font-weight: 700; font-size: 16px; line-height: 1.7; letter-spacing: .03em; color: var(--kon); }

/* フッター＝紺の面の上に夜の街（上の絵と同じ描き方） */
.site-foot { margin: 0 var(--gutter) var(--gutter); border-radius: var(--r); background: #13233A; color: var(--night-text); overflow: hidden; }
.foot-night { width: 100%; }
.foot-body { padding-top: 36px; padding-bottom: 64px; }
.brand--light { color: #fff; }
.brand--light .brand-mark { box-shadow: none; }
.site-foot p { font-size: 15px; line-height: 1.85; max-width: 60em; }
.foot-links { margin-top: 28px; }
.site-foot p + p { margin-top: 8px; }
.site-foot strong { color: #fff; font-weight: 500; }
.site-foot a { text-decoration-thickness: 1px; text-underline-offset: 5px; }
/* 押せる範囲を 24px 以上に（「X」は字の幅が 9px）。横の内側の余白を外側の余白で打ち消すので、字の位置は変わらない */
.foot-links a { white-space: nowrap; display: inline-block; min-width: 24px; padding: 0 7px; margin: 0 -7px; text-align: center; }
.site-foot .foot-small { margin-top: 16px; font-size: 13px; color: var(--night-sub); }

/* ───────── 動き（ゆっくり・小さく。減らす設定では全部止める） ───────── */
@media (prefers-reduced-motion: no-preference) {
  /* 回り続ける動きは JS があるとき（＝動きを止めるボタンがあるとき）だけ */
  .js .clouds::before { animation: drift 150s linear infinite; }
  .js .motion-toggle { display: block; }
  /* 下へ進む印は 1.2 秒×4 回＝4.8 秒で止まる */
  .scroll-line { animation: nudge 1.2s ease-in-out 4 alternate; }
  /* 最初の字は最初から見えている（薄くしない）。少しだけ下から定位置へ */
  .hero-copy > * { animation: rise 1.1s cubic-bezier(.2, .6, .2, 1) both; }
  .hero-copy > :nth-child(2) { animation-delay: .08s; }
  .hero-copy > :nth-child(3) { animation-delay: .16s; }
  /* 下の節：スクロールで静かに現れる（JS なし・対応していないブラウザでは最初から見えている） */
  @supports (animation-timeline: view()) {
    .reveal { animation: reveal linear both; animation-timeline: view(); animation-range: entry 0% entry 70%; }
  }
}
@keyframes drift { to { transform: translateX(-50%); } }
@keyframes nudge { from { transform: translateY(-2px); } to { transform: translateY(3px); } }
@keyframes rise { from { transform: translateY(10px); } to { transform: none; } }
@keyframes reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ───────── 縦長の画面：縦長の絵に替える（字は上の空と霞に・作業の車は下に・被せは上から下へ） ───────── */
@media (max-width: 760px), (max-width: 1100px) and (max-aspect-ratio: 4/5) {
  .hero { height: clamp(560px, calc(100svh - var(--head-h) - var(--band-h) - var(--gutter)), calc((100vw - 2 * var(--gutter)) * 1.7778)); justify-content: flex-start; }
  .hero-copy { max-width: none; padding: clamp(36px, 6vh, 64px) 24px 0 clamp(28px, 5.4vw, 56px); }
  /* ①上＝帯の紺が絵へ溶ける ②下＝足元を少し締める ③上から下へ抜ける本体。
     ③は px で止める＝字の塊の高さ（下端＝絵の上から約 390px）は画面の高さで変わらないので、濃い所を字の下端までにして、その下の車とコーンは素通しに近づける。
     hero_build.py の OVERLAY_STOPS["sp"] は ③を幅 375（絵の高さ 624px）で割合に直した値（①②は足すだけ＝道具の数字は下限）。変えたら両方直す */
  .hero-art::before {
    background:
      linear-gradient(180deg, rgba(19, 35, 58, .5) 0%, rgba(19, 35, 58, 0) 14%),
      linear-gradient(0deg, rgba(11, 22, 38, .42) 0%, rgba(11, 22, 38, 0) 18%),
      linear-gradient(180deg, rgba(11, 22, 38, .72) 0, rgba(11, 22, 38, .64) 160px, rgba(11, 22, 38, .62) 400px, rgba(11, 22, 38, .22) 475px, rgba(11, 22, 38, 0) 545px);
  }
}

/* ───────── 中くらいの幅 ───────── */
@media (max-width: 1180px) {
  .nav ul { gap: 24px; }
  .site-head { gap: 32px; }
}
@media (max-width: 980px) {
  .nav { display: none; }
  .weapon, .plate-grid, .split, .about { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .weapon-body, .desk, .plate-copy, .plate-desk, .split-head, .now-list, .notice, .about-head, .about-body { grid-column: 1; grid-row: auto; }
  .desk { max-width: 620px; }
  .plate-desk { justify-content: flex-start; }
}

/* ───────── スマホ ───────── */
@media (max-width: 760px) {
  :root { --gutter: 12px; --head-h: 64px; --band-h: 60px; }
  .site-head { gap: 12px; }
  .brand { gap: 9px; }
  .brand-mark { width: 36px; height: 36px; }
  .brand-mark img { width: 100%; height: 100%; }
  .brand-name { font-size: 15px; }
  .head-contact { height: 36px; padding: 0 12px; font-size: 13px; letter-spacing: .04em; }

  .band { grid-template-columns: 40px 1fr 40px; }
  .band-arrow { width: 36px; height: 36px; }
  .band-msg a { font-size: 13px; letter-spacing: .02em; padding: 9px 0; font-feature-settings: "palt"; line-height: 1.55; }
  .band-msg a > span { display: block; }   /* スマホ：1文を1行に */

  .hero { max-height: 700px; }
  .hero-copy { padding: 34px 20px 0; }
  .hero-title { font-size: clamp(40px, 13vw, 60px); line-height: 1.06; }   /* 320 幅でも「現場の武器に」を1行に */
  .hero-lead { font-size: 15px; line-height: 1.8; margin-top: 18px; padding-left: 12px; letter-spacing: .03em; }
  .lead-s > span { display: block; }   /* スマホ：1文目も「、」の所で行を改める（3行） */
  .hero-actions { margin-top: 26px; gap: 8px 24px; }
  .hero-actions .btn { min-height: 50px; padding: 8px 22px 8px 24px; font-size: 15px; gap: 12px; }
  .hero .textlink--hero { font-size: 15px; }
  .scroll { width: 40px; height: 40px; right: 10px; bottom: 10px; }

  .wrap { padding: 0 20px; }
  .sec { padding: 96px 0; }
  .h2 { font-size: 24px; }
  .h3-lg, .plate-title { font-size: 30px; }
  .weapon { margin-top: 48px; padding-bottom: 96px; }
  .desk { aspect-ratio: 1 / 1; }
  .sheet-a { width: 42%; left: 7%; top: 9%; }
  .sheet-b { width: 42%; left: 33%; top: 14%; }
  .sheet-c { width: 62%; left: 31%; top: 55%; }
  .buy .btn, .plate-copy .btn { width: 100%; }
  .buy { gap: 18px; }

  .plate-grid { padding-top: 72px; padding-bottom: 72px; }
  .cs { padding: 22px 18px 16px; }
  .cs-list li { font-size: 14px; padding-left: 28px; }
  .cs-list li::before { top: 18px; }
  .cs-list li.is-done::after { top: 19px; }

  .now-list li { grid-template-columns: minmax(0, 1fr); row-gap: 6px; padding: 24px 0 26px; }
  .tag-wip { padding-top: 0; }
  .h3 { font-size: 19px; }

  .plate--kon { padding: 88px 0; }
  .about-title { font-size: clamp(26px, 7.6vw, 30px); }   /* 360 幅でも「自分で作っています」を1行に */
  .about-body .creed { font-size: 19px; margin-top: 36px; }
  .note-btns .btn { width: 100%; }

  .sec--notice { padding: 96px 0 104px; }
  .foot-night { height: 64px; object-fit: cover; object-position: 30% 100%; }
  .foot-body { padding-top: 28px; padding-bottom: 48px; }
}

/* ───────── 動きを減らす設定 ───────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .band-msg.is-current[data-dir] { animation: none; }
  .btn, .head-contact, .nav a, .textlink, .scroll { transition: none; }
  .hero-actions .btn, .hero-actions .btn::after, .hero .textlink--hero::after { transition: none; }
  .hero-actions .btn:hover { transform: none; }
}