下記ｃｓｓとＪＳ【新・固定表示開閉タブOP/CL　タブ遅延仕様 / 表示が崩れない対策 / 縦書き仕様】でうごく。

/* ===========================
固定表示開閉タブ
縦書きラベル版
※縦書きラベルは残す
※sample-toggle-panel系なし
※sample-toggle-textは1個だけ
※段落は普通に縦に流す
============================= */

下記ｃｓｓとＪＳ【スライダー（slider-group11）】でうごく。
＜JSでの時間調整はただの保険らしいのであまり意味はない。＞
const interval = parseInt(intervalValue, 10) || 8000;
const fadeTime = parseInt(fadeValue, 10) || 1800;

※時間調整はｃｓｓで！

/* ==============================
slider-group11 / slider-cover11
スライダーブロックなし版
なめらかフェード切替・ズームあり
※横スライドなし
※最後→最初もフェード対応
※カバー増減対応
============================== */

体裁は追加ｃｓｓの下記項目のところで調整可能

/* ==============================
SCROLL 縦ライン
空グループ：scroll-guide
※グループ本体は高さ0
※文字・線・球は同じ基準
============================== */

体裁は追加ｃｓｓの下記項目のところで調整可能。元データ自体は非表示になるようにしている。/* ==============================
PC用 LINEUP 出力フィルター
元PCフィルターは del / del-tp で非表示
CSSでは .work-filter-buttons を隠さない
============================== */

例）work-card work-biyo work-beauty　→　説明：work-card(共通) work-biyo(中分類) work-beauty(業種分類)
中分類は上のボタンのクラス名と一致させる。小分類は業種別の名称段落のクラス名と一致させる
ある業種を中分類を２つにいれるには、①画像のあるグループに中分類クラス名２つ入れる　②中分類のリストを２つにいれる

■ スマホ画像の左右間隔　　--work-card-gap-x: 10px;
■ スマホ画像の上下間隔　　--work-card-gap-y: 70px;
■ PC画像の左右間隔　　--work-card-gap-x: 60px;
■ 画像比率　　　aspect-ratio: 16 / 10;
■ 画像角丸　　　PC：border-radius: 16px;　　　　スマホ：border-radius: 10px;
■ 画像の見え方　　　object-position: center center;　　　上寄せ：center top　　　下寄せ：center bottom
■ スマホタイトル　　　font-size: 13px;　　　line-height: 1.45;
■ 画像とタイトルの間　　　margin: 6px 0 0 0;
■ See More 上余白　　margin: 56px auto 0 auto;
■ 中分類の項目間　　　padding: 0 0.7em 6px 0.7em;
■ 中分類の段間　　　row-gap: 14px;
■ 小分類の項目間　　　padding: 0 0.5em 5px 0.5em;
■ 選択中の赤線　　　border-bottom: 2px solid #d60000;
■ 通常線　　　中分類：border-bottom: 1px solid #111;　　　小分類：border-bottom: 1px solid #999;

【全体幅】　　　.flow-sp の max-width　　　→ スマホFLOW全体の横幅
【全体の内側余白】　　　.flow-sp の padding　　　→ 左右・上下の余白
【01・02の丸の左側余白】　　　.flow-sp-item の grid-template-columns　　　.flow-sp-circle の margin　　　→ 左側が空きすぎる場合はここ
【丸と文章の距離】　　　.flow-sp-item の column-gap　　　→ 丸と右側テキストの間隔
【縦の項目間隔】　　　.flow-sp-item の padding-bottom　　　.flow-sp-item の min-height　　　→ 01と02、02と03の間隔
【丸のサイズ】　　　.flow-sp-circle の width / height　　　→ 番号丸の大きさ
【丸の番号文字】　　　.flow-sp-circle の font-size　　　.flow-sp-circle の letter-spacing　　　→ 01・02の文字サイズ・字間
【見出し文字】　.flow-sp-title の font-size　　.flow-sp-title の line-height　　.flow-sp-title の margin-bottom　→ 見出しの大きさ・行間・本文との距離
【本文文字】　　.flow-sp-text の font-size　　.flow-sp-text の line-height　　.flow-sp-text の letter-spacing　→ 本文の大きさ・行間・字間
【縦線】　　.flow-sp-item::before の left / top / bottom　　→ 丸の下に伸びる線の位置

no

下記ｃｓｓのみで動いている

/* ==============================
fixed-badge
右下固定・外側回転・中央円・ホバー切替
文字サイズはブロック設定に任せる版
スマホは位置ズレ防止で right bottom 基準
============================== */