/* ===== page-maintenance.css ｜ ロボット保全パック（Figma 14571:47306）=====
   デザイン言語: 色/書体トークンは base.css。英大見出し＋和ラベルのペア、共通ボタン(.btn)、コンテンツ幅1200中央（--pad-side）を全ページで使い回す。 */

/* --- 下層FV タイトル小＋イラスト（Component 45）: lfv--s を継承。h1 は 48px / ls1.92、リードは行ごと<p> --- */
.lfv__h1--l{font-size:48px;letter-spacing:1.92px}
.lfv__lead p{line-height:2}
/* 背景の平行四辺形グラデ（Rectangle 32 929×432）: Figma 座標 left630 top80、上下左右反転＝scaleX(-1) */
.lfv__deco{position:absolute;left:calc(50% - 90px);top:80px;width:929px;height:432px;pointer-events:none}
.lfv__deco img{width:100%;height:100%;transform:scaleX(-1)}
/* イラスト（Figma書き出しPNG・2x）: 外接ボックス left788 top177 532×310 */
.lfv__illust{position:absolute;pointer-events:none}
.lfv__illust img{width:100%;height:100%}
.lfv__illust--mt{left:calc(50% + 68px);top:177px;width:532px;height:310px}
/* Figma はテキスト箱高を整数丸めするため行高を固定 */
.lfv .breadcrumb li{line-height:19px}

/* --- 共通: セクション小見出し（Title コンポーネント: 英16px SemiBold ＋ 和36px Medium、gap8） --- */
.l-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:245px}
.l-title--w360{width:360px}
.l-title__en{font-family:var(--font-en);font-weight:600;font-size:var(--fs-h2-en2);line-height:1;color:var(--c-text-sub);font-feature-settings:normal;white-space:nowrap}
/* 行高は Figma が整数に丸めた 58px（36×1.6=57.6）で固定し累積ズレを防ぐ */
.l-title__jp{font-size:var(--fs-concept);font-weight:500;line-height:58px;letter-spacing:1.44px;white-space:nowrap}

/* --- こんなロボットは要注意: pt80 px120 pb100 / #f7f7f7 ＋ テクスチャ25% --- */
.care{position:relative;width:100%;padding:var(--sp-under-btn) var(--pad-side) var(--sp-under-btn2);background:#f7f7f7;overflow:hidden}
.care__bg{position:absolute;inset:0;pointer-events:none}
.care__bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:.25;max-width:none}
.care__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:1200px;margin-inline:auto}
.care__head{display:flex;flex-direction:column;align-items:center;width:423px}
/* バッジ 423×113（mb-5）: 外枠グラデ／内箱 #5E5F62／四隅ブラケット を Figma の inset% から絶対配置 */
.care__badge{position:relative;width:100%;height:113px;margin-bottom:-5px;overflow:hidden}
.care__badge img{position:absolute}
.care__badge-frame{left:18px;top:18.25px;width:386.85px;height:76.74px}
.care__badge-inner{left:28.85px;top:29.13px;width:365.08px;height:54.98px}
.care__badge-c{width:53.77px;height:23.74px}
.care__badge-c--1{left:15.1px;top:15.39px}
.care__badge-c--2{left:15.1px;top:74.14px}
.care__badge-c--3{left:353.9px;top:15.39px}
.care__badge-c--4{left:353.9px;top:74.14px}
.care__badge-text{position:absolute;left:calc(50% - 152.5px);top:33px;font-size:var(--fs-h3);font-weight:500;line-height:1.6;letter-spacing:.28px;color:var(--c-inverse);white-space:nowrap}
.care__lead{width:100%;font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;text-align:center}
/* カード列: gap24 / 各カード 282×170（実測）白 border#cdcdcd r3 */
.care__list{display:flex;align-items:center;gap:24px;width:100%;height:170px}
.care__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;flex:none;width:282px;height:170px;padding:20px 24px 28px;background:var(--c-base);border:1px solid var(--c-border2);border-radius:var(--r-s);overflow:hidden}
/* 装飾アイコン: 右下 135×135、#5E5F62 を opacity .1（Figma と同じ合成） */
.care__deco{position:absolute;right:-9px;bottom:-1px;width:135px;height:135px;opacity:.1;overflow:hidden;pointer-events:none}
.care__deco-img{position:absolute}
.care__deco-img--1{left:0;top:0;width:135px;height:135px}
.care__deco-img--2a{left:3px;top:55px;width:75px;height:75px}
.care__deco-img--2b{left:64px;top:44px;width:71px;height:81px}
.care__deco-img--3{left:0;top:0;width:135px;height:135px}
.care__deco-img--4a{left:calc(50% - 58.5px);top:21px;width:118px;height:114px}
.care__deco-img--4b{left:88px;top:0;width:38px;height:67px}
.care__body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.care__title{font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px}
.care__em{color:var(--c-text-sub)}
.care__text{width:100%;font-size:var(--fs-body-s);font-weight:400;line-height:1.6;letter-spacing:.14px}

/* --- 5つの標準メニュー: py100 px120 / base3 / gap80 --- */
.menu{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-under-h2);width:100%;padding:var(--sp-under-btn2) var(--pad-side);background:var(--c-base3);overflow:hidden}
/* 背景の平行四辺形（408×235）: Figma left-42 top766 ／ left1061 top161（反転） */
.menu__deco{position:absolute;width:408px;height:235px;pointer-events:none}
.menu__deco img{width:100%;height:100%}
.menu__deco--1{left:calc(50% - 762px);top:766px}
.menu__deco--2{left:calc(50% + 341px);top:161px}
.menu__deco--2 img{transform:scaleX(-1)}
.menu__inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:64px;width:100%;max-width:1200px}
.menu__list{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:64px 36px;width:100%}
.menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:376px}
/* 写真 376×220 r5。Figma のクロップ%をそのまま絶対配置で再現（縦横比は保持） */
.menu__photo{position:relative;width:100%;height:220px}
.menu__photo-clip{position:absolute;inset:0;border-radius:var(--r-m);overflow:hidden}
.menu__img{position:absolute;max-width:none}
.menu__img--cover{inset:0;width:100%;height:100%;object-fit:cover}
.menu__img--01{left:-41.71%;top:-67.74%;width:161.51%;height:184.02%}
.menu__img--03{left:-18.14%;top:-13.18%;width:118.04%;height:134.49%}
.menu__img--05{left:-14.1%;top:-3.78%;width:114.01%;height:129.9%}
/* 罫線 368×212 @left4 top4: Figma は border-l/t を 180°回転 ＝ 右辺・下辺 */
.menu__frame{position:absolute;left:4px;top:4px;width:368px;height:212px;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);border-radius:3px;pointer-events:none}
/* 番号 "01": Lato ExtraBold 64px、塗り透明＋縁取り。right-22 / 上端 -34（bottom254 → translateY(100%)）。写真枠の外にはみ出す */
.menu__num{position:absolute;right:-22px;top:-34px;font-family:var(--font-en);font-weight:800;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--c-border);text-align:right;white-space:nowrap;font-feature-settings:normal}
.menu__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}
.menu__title{width:100%;font-size:var(--fs-h4);font-weight:500;line-height:1.6;letter-spacing:.24px;color:var(--c-text-sub)}
.menu__text{width:100%;font-size:var(--fs-body-m);font-weight:400;line-height:1.6;letter-spacing:.16px}
/* チェックシート箱: 白 884 px48 py40 r5、角三角120、右上にシート画像（箱外にはみ出す） */
.menu__check{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:884px;padding:40px 48px;background:var(--c-base);border-radius:var(--r-m)}
.menu__corner{position:absolute;width:120px;height:120px;pointer-events:none}
.menu__corner--br{right:0;bottom:0}
.menu__corner--tl{left:0;top:0;transform:rotate(180deg)}
.menu__check-inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%}
.menu__check-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.menu__check-title{display:flex}
.menu__check-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:var(--c-base2);font-size:var(--fs-h4);font-weight:500;line-height:1.6;letter-spacing:.24px;color:var(--c-text-sub);white-space:nowrap}
.menu__check-text{width:100%;font-size:var(--fs-body-m);font-weight:400;line-height:1.6;letter-spacing:.16px}
/* DLボタン: Figma はアイコン枠 p8 ＋ 18px（＝34px、通常の p10＋14 と同じ高さ） */
.btn--dl .btn__icon{padding:8px}
.menu__sheet{position:absolute;left:640px;top:-48px;width:196px;height:278px;object-fit:cover;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}

/* --- 料金: 白 py100 px120 / row gap100 --- */
.price{position:relative;width:100%;padding:var(--sp-under-btn2) var(--pad-side);background:var(--c-base);overflow:hidden}
.price__inner{display:flex;align-items:flex-start;gap:100px;width:100%;max-width:1200px;margin-inline:auto}
.price__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-under-h3);flex:none}
.price__lead{font-size:var(--fs-body-m);font-weight:400;line-height:1.6;letter-spacing:.16px;white-space:nowrap}
.price__body{display:flex;flex-direction:column;align-items:flex-start;gap:32px;flex:1 0 0;min-width:1px}
.price__block{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.price__h{width:100%;padding-bottom:8px;border-bottom:1px solid var(--c-border);font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;color:var(--c-text-sub);white-space:nowrap}
.price__boxes{display:flex;align-items:center;gap:16px}
.price__main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:227px;padding:16px 24px;background:var(--c-base3);border-radius:var(--r-m)}
.price__tag{display:inline-flex;align-items:center;justify-content:center;padding:0 12px 1px;background:var(--c-border-sub);border-radius:var(--r-s);font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;color:var(--c-inverse);white-space:nowrap}
.price__amount{display:flex;align-items:flex-end;gap:4px;color:var(--c-text-sub)}
.price__num-wrap{display:flex;align-items:center;padding-bottom:2px}
.price__num{font-family:var(--font-en);font-weight:700;font-size:40px;line-height:1;white-space:nowrap;font-feature-settings:normal}
.price__num--s{font-size:32px}
.price__unit{font-size:var(--fs-h4);font-weight:500;line-height:1.6;letter-spacing:.24px;white-space:nowrap}
.price__unit--s{font-size:var(--fs-h5);letter-spacing:.2px}
/* プラス記号 40×40: 横棒 32×3.692 #01A0EA（top14.15）／縦棒 #1549A0（left14.16） */
.price__plus{position:relative;display:block;flex:none;width:40px;height:40px}
.price__plus-h{position:absolute;left:0;top:14.15px;width:32px;height:3.692px;background:var(--c-main2)}
.price__plus-v{position:absolute;left:14.16px;top:0;width:3.692px;height:32px;background:var(--c-main)}
.price__extras{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.price__report{display:flex;align-items:center;gap:8px;padding:12px 26px;background:var(--c-base3);border-radius:var(--r-m)}
.price__rtag{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--c-border-sub);border-radius:var(--r-s);font-size:var(--fs-body-m);font-weight:500;line-height:1.6;letter-spacing:.16px;color:var(--c-text-sub);white-space:nowrap}
.price__misc{display:flex;align-items:flex-start;gap:4px}
.price__chip{display:inline-flex;align-items:center;padding:8px 22px;background:var(--c-base3);border-radius:var(--r-m);font-size:var(--fs-h4);font-weight:500;line-height:1.6;letter-spacing:.24px;color:var(--c-text-sub);white-space:nowrap}
.price__models{display:flex;align-items:flex-end;gap:16px;font-size:var(--fs-body-m);font-weight:400;line-height:1.6;letter-spacing:.16px;white-space:nowrap}
/* ロボットアーム絵: Figma inset 61.03%/5.58%/17.66%/89.21%（1440×488）→ 75×104 @ (1285,298) */
.price__arm{position:absolute;left:calc(50% + 565px);top:298px;width:75px;height:104px;pointer-events:none}

/* --- グリス交換の推奨周期: base3 py100 px120 / gap64 --- */
.grease{display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;padding:var(--sp-under-btn2) var(--pad-side);background:var(--c-base3);overflow:hidden}
.grease__row{display:flex;align-items:flex-start;gap:120px;width:100%;max-width:1200px}
.grease__head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:none;width:360px}
.grease__lead{width:100%;font-size:var(--fs-body-m);font-weight:400;line-height:26px;letter-spacing:.16px}   /* Figma 実測: 3行=78px */
.grease__table-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
/* 表: 見出し行 border b/l/r（pt8 pb10 px21）／値行 白 border l/r（w214/218/288） */
.grease__table{display:grid;grid-template-columns:214px 218px 288px}
.grease__tr{display:contents}
.grease__th{display:flex;align-items:center;justify-content:center;padding:8px 21px 10px;border:0 solid var(--c-border);border-width:0 1px 1px 0;font-size:var(--fs-body-m);font-weight:500;line-height:21.5px;letter-spacing:.16px;text-align:center;white-space:nowrap}   /* Figma 実測: 見出しセル62px */
.grease__th--1{border-left-width:1px}
.grease__td{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px 10px;background:var(--c-base);border:0 solid var(--c-border);border-width:0 1px 0 0;text-align:center}
.grease__td--1{border-left-width:1px}
.grease__year{width:100%;font-size:var(--fs-h4);font-weight:500;line-height:34px;letter-spacing:.24px}
.grease__hours{width:100%;font-size:var(--fs-body-m);font-weight:400;line-height:26px;letter-spacing:.16px}
.grease__note{display:flex;align-items:flex-start;gap:2px;font-size:var(--fs-body-s);font-weight:400;line-height:1.6;letter-spacing:.14px;color:var(--c-gray);white-space:nowrap}
/* 青箱 1120: 白パネル（pl48 pr16 pt24 pb28）＋ 白三角 → 右メッセージ＋白ボタン */
.grease__cta{display:flex;align-items:center;gap:32px;width:1120px;padding-right:56px;background:var(--c-main);border-radius:var(--r-m);overflow:hidden}
.grease__panel-wrap{display:flex;align-items:stretch;flex:none}
.grease__panel{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 16px 28px 48px;background:var(--c-base)}
.grease__panel-title{font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;color:var(--c-text-sub);white-space:nowrap}
.grease__risks{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:82px}
.grease__risk{display:flex;align-items:center;gap:8px;width:100%}
.grease__risk img{flex:none;width:20px;height:20px}
.grease__risk p{font-size:var(--fs-body-s);font-weight:400;line-height:1.6;letter-spacing:.14px;white-space:nowrap}
.grease__em{font-weight:500;color:var(--c-accent)}
.grease__arrow{flex:none;width:40px;height:auto;align-self:stretch}
.grease__msg{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;min-width:1px;padding-bottom:2px}
.grease__msg-text{width:100%;font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;color:var(--c-inverse)}
/* 白ボタン: 文字 #1549a0、アイコン枠 bg #1549a0（矢印は淡色） */
.btn--white{background:var(--c-base);border-color:var(--c-base);color:var(--c-text-sub)}
.btn--white .btn__icon{background:var(--c-main)}
.btn--white .btn__arrow .ic-bar{fill:#b4e7ff}
.btn--white .btn__arrow .ic-chev{stroke:#fff}

/* --- 点検依頼の流れ: 白 pt100 px120 pb160 / gap64 --- */
.flow{display:flex;flex-direction:column;align-items:flex-start;gap:64px;width:100%;padding:var(--sp-under-btn2) var(--pad-side) var(--sp-section-gap);background:var(--c-base)}
.flow__list{position:relative;display:flex;align-items:center;gap:30px;width:100%;max-width:1200px;margin-inline:auto}
/* 番号を結ぶ線 947×2 #01A0EA（top39・中央+0.5px） */
.flow__list::before{content:"";position:absolute;left:calc(50% + .5px - 473.5px);top:39px;width:947px;height:2px;background:var(--c-main2)}
.flow__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;width:216px}
/* ひし形 90×78: Rectangle106（78.2×44.7）を rotate30 ＋ 上下反転 */
.flow__num{position:relative;width:90px;height:78px}
.flow__diamond{position:absolute;left:50%;top:50%;width:78.208px;height:44.69px;transform:translate(-50%,-50%) rotate(30deg) scaleY(-1)}
.flow__num-text{position:absolute;left:45px;top:27px;transform:translateX(-50%);font-family:var(--font-en);font-weight:600;font-size:24px;line-height:1;color:var(--c-inverse);text-align:center;white-space:nowrap;font-feature-settings:normal}
.flow__box{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:16px 14px;background:var(--c-base2);border-radius:5px}
.flow__icon{position:relative;display:block;width:80px;height:80px;overflow:hidden}
.flow__icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px}
.flow__step:first-child .flow__icon img{width:62px;height:65.5px}
.flow__icon--5 img{left:calc(50% + 3px)}
.flow__label{width:100%;height:32px;font-size:var(--fs-h5);font-weight:500;line-height:1.6;letter-spacing:.2px;color:#0f2a4f;text-align:center;white-space:nowrap}

/* ===== SP（768px以下）: SPカンプ無し → TOP-SP（375）のルール（左右24px・SPトークン・1カラム）から導出 ===== */
@media (max-width:768px){
  /* FV: h1 30px。装飾は非表示、イラストはリードの下に静的配置（縦横比維持） */
  .lfv__h1--l{font-size:30px;letter-spacing:1.2px}
  .lfv__lead p{line-height:1.8}
  .lfv__deco{display:none}
  .lfv__illust--mt{position:relative;left:auto;top:auto;z-index:1;width:100%;max-width:327px;height:auto;margin:24px auto 0}  /* static だと absolute の .lfv__bg（白グラデ）の下に潜って薄く見える（2026-09-15 実機指摘） */
  .lfv__illust--mt img{height:auto}
  .lfv--mt .lfv__inner{gap:24px}
  .lfv--mt .lfv__row{order:1}
  .lfv--mt .breadcrumb{order:0}
  .lfv--mt .lfv__illust{order:2}
  /* 見出し */
  .l-title{gap:6px;min-width:0}
  .l-title--w360{width:100%}
  .l-title__jp{letter-spacing:1.12px;white-space:normal}
  /* 要注意: バッジは幅に合わせて縮小（423→100%）、カードは1列・高さ自動 */
  .care{padding:var(--sp-section-gap) var(--sp-side-m)}
  .care__inner{gap:40px}
  .care__head{width:100%}
  .care__badge{width:100%;max-width:423px;aspect-ratio:423/113;height:auto;margin-bottom:0}
  .care__badge-frame{left:4.25%;top:16.15%;width:91.45%;height:67.9%}
  .care__badge-inner{left:6.82%;top:25.78%;width:86.3%;height:48.66%}
  .care__badge-c{width:12.71%;height:21%}
  .care__badge-c--1{left:3.57%;top:13.62%}
  .care__badge-c--2{left:3.57%;top:65.61%}
  .care__badge-c--3{left:83.67%;top:13.62%}
  .care__badge-c--4{left:83.67%;top:65.61%}
  .care__badge-text{left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;letter-spacing:.2px}
  .care__lead{margin-top:8px;font-size:15px}
  .care__list{flex-direction:column;align-items:stretch;gap:16px;height:auto}
  .care__card{width:100%;height:auto;padding:20px 20px 24px}
  /* 標準メニュー: 1列。写真は 376:220 の比率のまま幅100% */
  .menu{padding:var(--sp-section-gap) var(--sp-side-m);gap:40px}
  .menu__deco{display:none}
  .menu__inner{gap:32px}
  .menu__list{flex-direction:column;flex-wrap:nowrap;gap:40px}
  .menu__item{width:100%}
  .menu__photo{aspect-ratio:376/220;height:auto}
  .menu__frame{left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
  .menu__num{right:-6px;top:-24px;font-size:48px}
  .menu__title{white-space:normal}
  .menu__check{width:100%;padding:32px 20px}
  .menu__corner{width:60px;height:60px}
  .menu__check-inner{gap:24px}
  .menu__check-title{width:100%}
  .menu__check-tag{display:inline;padding:0 6px;font-size:18px;white-space:normal;line-height:1.7;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .menu__check .btn{width:100%;justify-content:space-between;gap:16px}
  .menu__check .btn__label{white-space:normal;text-align:left;font-size:15px}
  .menu__sheet{position:static;width:140px;height:auto;margin:8px auto 0;order:3}
  /* 料金: 縦積み。アーム絵は非表示 */
  .price{padding:var(--sp-section-gap) var(--sp-side-m)}
  .price__inner{flex-direction:column;gap:40px}
  .price__head{width:100%}
  .price__lead{white-space:normal;line-height:1.8}
  .price__body{width:100%;flex:none}
  .price__boxes{flex-direction:column;align-items:stretch;width:100%}
  .price__main{width:100%;align-items:center}
  .price__plus{margin:0 auto}
  .price__extras{width:100%}
  .price__report{width:100%;justify-content:center;padding:12px 16px}
  .price__misc{width:100%}
  .price__chip{flex:1 0 0;justify-content:center;padding:8px 12px;font-size:20px}
  .price__models{flex-wrap:wrap;gap:8px 16px;white-space:normal}
  .price__arm{display:none}
  /* グリス周期: 表は1列（見出し→値の順に並べ替え）、青箱は縦積み */
  .grease{padding:var(--sp-section-gap) var(--sp-side-m);gap:40px}
  .grease__row{flex-direction:column;gap:32px}
  .grease__head{width:100%}
  .grease__lead{line-height:1.8}
  .grease__th{line-height:1.4}
  .grease__table-wrap{width:100%}
  .grease__table{grid-template-columns:1fr;width:100%}
  .grease__th{border-width:1px 1px 0;white-space:normal;padding:8px 12px}
  .grease__td{border-width:0 1px 1px}
  .grease__th--1{order:1}.grease__td--1{order:2;margin-bottom:12px}
  .grease__th--2{order:3}.grease__td--2{order:4;margin-bottom:12px}
  .grease__th--3{order:5}.grease__td--3{order:6}
  .grease__note{white-space:normal}
  .grease__cta{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:0}
  .grease__panel-wrap{flex-direction:column}
  .grease__panel{padding:20px 20px 24px}
  .grease__panel-title{white-space:normal}
  .grease__risks{height:auto}
  .grease__risk{align-items:flex-start}
  .grease__risk img{margin-top:1px}
  .grease__risk p{white-space:normal;line-height:1.7}
  .grease__arrow{display:none}
  .grease__msg{padding:24px 20px 24px}
  .grease__msg-text{line-height:1.7}
  .grease__msg .btn{width:100%;justify-content:space-between}
  /* 流れ: 5ステップを縦に。番号ひし形＋箱（アイコン＋文言）を横並び、左に縦線 */
  .flow{padding:var(--sp-section-gap) var(--sp-side-m);gap:32px}
  .flow__list{flex-direction:column;align-items:stretch;gap:16px}
  .flow__list::before{left:29px;top:26px;width:2px;height:calc(100% - 52px)}
  .flow__step{flex-direction:row;align-items:center;gap:12px;width:100%}
  .flow__num{flex:none;width:60px;height:52px}
  .flow__diamond{width:52.14px;height:29.8px}
  .flow__num-text{left:30px;top:18px;font-size:16px}
  .flow__box{flex:1 0 0;min-width:1px;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 16px}
  .flow__icon{width:56px;height:56px}
  .flow__icon img{width:48px;height:48px}
  .flow__step:first-child .flow__icon img{width:44px;height:46px}
  .flow__icon--5 img{left:calc(50% + 2px)}
  .flow__label{width:auto;height:auto;font-size:16px;text-align:left}
}

/* ===== タブレット（769〜1200px）: 横並びを折り返しに変え、固定幅を可変にする ===== */
@media (min-width:769px) and (max-width:1200px){
  .care__list{flex-wrap:wrap;height:auto;gap:16px}
  .care__card{flex:1 1 200px;width:auto;height:auto}
  .price__boxes{flex-wrap:wrap;gap:12px}
  .price__extras{flex:1 1 240px}
  .menu__check{width:100%}
  .menu__deco--2{display:none}
  .lfv__deco{display:none}
  .lfv-illust-clip{height:520px}
  .lfv__illust--mt{left:auto;right:0;width:min(420px,46%);height:auto}
  .lfv__illust--mt img{height:auto}
}

/* 追記: 769〜1200px の細部（固定1120px帯・グリッド表・6ステップ・装飾） */
@media (min-width:769px) and (max-width:1200px){
  .grease__cta{width:100%}
  .grease__table-wrap{width:100%;overflow-x:auto}
  .grease__table{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(160px,1.4fr);min-width:520px}
  .flow__steps{flex-wrap:wrap;justify-content:center;gap:24px}
  .flow__step{width:min(216px,30%)}
  .price__models{flex-wrap:wrap;white-space:normal}
  .menu__sheet{display:none}
  .price__arm{display:none}
}

/* 追記: 導入の流れ（216px×6＝1296px固定）を折り返す */
@media (min-width:769px) and (max-width:1200px){
  .flow__list{flex-wrap:wrap;justify-content:center;gap:24px}
  .flow__list::before{display:none}
  .flow__step{width:min(216px,calc(33.333% - 16px))}
}