@charset "UTF-8";
/* =========================================================
   フォーエース大阪 LP  style.css
   - PC基準: 就労支援_LP (100vw幅 / コンテンツ幅 約75vw)
   - SP基準: 就労支援_LP_SP (23.4375vw幅)
   - ブレークポイント: 48vw
   ========================================================= */

/* ---------- reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:5vw;}
body{
  margin:0;
  font-family:"Noto Sans JP",sans-serif;
  font-weight:500;
  color:#333;
  line-height:1.9;
  font-size:1vw;
  /* 方眼グリッド背景（元デザインの AdobeStock 画像をCSSで軽量再現） */
  background-color:#fff;
  background-image:
    linear-gradient(rgba(0,0,0,.035) 0.0625vw,transparent 0.0625vw),
    linear-gradient(90deg,rgba(0,0,0,.035) 0.0625vw,transparent 0.0625vw);
  background-size:1.25vw 1.25vw;
  -webkit-font-smoothing:antialiased;
  /* 原本(Figma)と同じ全角約物の余白で表示し、CJK自動折返しを原本と一致させる */
  text-spacing-trim:space-all;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
/* SP専用の改行ユーティリティ(新規・追加のみ): PCでは改行を出さず、SPでのみ改行する。
   原本SPの行構成に合わせる用途。PC用の既存スタイルには影響しない。 */
.br-sp{display:none;}

:root{
  --orange:#FD4E05;
  --orange-light:#FC6F0D;
  --pink:#FE4B6F;
  --green:#02B902;
  --yellow:#FFFB18;
  --cream:#FFFAE9;
  --ink:#333;
}

/* ---------- layout ---------- */
.container{width:100%;max-width:77.5vw;margin-inline:auto;padding-inline:1.25vw;}
.section{padding-block:4vw;}
.section--cream{background:var(--cream);}

/* ---------- common section headings ---------- */
.eyebrow{
  font-family:"Orbitron",sans-serif;font-weight:600;
  text-align:center;color:var(--ink);letter-spacing:.08em;
  font-size:1.25vw;margin-bottom:0.25vw;
}
.eyebrow--line{color:var(--ink);}
.sec-title{
  text-align:center;color:var(--orange);font-weight:600;
  font-size:2.75vw;line-height:1.3;margin-bottom:1.75vw;
}
.sec-title--dark{color:var(--ink);font-size:2.5vw;}
.sec-title--line{color:var(--green);}
.sub-title{
  text-align:center;color:var(--ink);font-weight:600;
  font-size:2vw;line-height:1.4;margin:3vw 0 1.25vw;
}
.sub-title--line{color:var(--green);}  /* LINE相談の安心ポイント＝緑 #02B902（原本） */
.lead{
  text-align:center;font-weight:500;font-size:1vw;line-height:1.9;
  max-width:62.5vw;margin:0 auto 1vw;
}

/* ---------- header ---------- */
.header{
  position:fixed;inset:0 0 auto 0;z-index:100;background:#fff;
  box-shadow:0 0.0625vw 0.5vw rgba(0,0,0,.06);height:5.5vw;
}
.header__inner{
  max-width:97.5vw;margin-inline:auto;height:100%;
  display:flex;align-items:center;gap:1vw;padding-inline:1.25vw;
}
/* ロゴ 1:184: x33 y25 w222(.fig抽出963×215, height:autoで比率保持)。0.0625vw=0.0625vw・frame左基準 */
/* 原本実測に校正: ロゴ内容 design=w216 x37 y28。tight切り出し画像をその位置・幅に合わせる */
.header__logo{position:absolute;left:2.3125vw;top:1.75vw;}
.header__logo img{width:13.5vw;height:auto;}
/* ナビ 1:190-197: fs16 fw500 #333 / 各x(API実測) y44。0.0625vw=0.0625vw・frame左基準で絶対配置 */
.gnav{position:absolute;left:0;top:0;width:100%;height:100%;}
.gnav a{position:absolute;top:2.75vw;font-size:1.0vw;font-weight:500;color:#333333;line-height:1.448vw;white-space:nowrap;transition:color .2s;}
.gnav a:nth-child(1){left:29.625vw;}  /* 実績 x474 */
.gnav a:nth-child(2){left:33.1875vw;} /* 仕事内容 x531 */
.gnav a:nth-child(3){left:38.75vw;}   /* 1日の流れ x620 */
.gnav a:nth-child(4){left:44.9375vw;} /* 選ばれる特徴 x719 */
.gnav a:nth-child(5){left:52.5vw;}    /* スタッフ紹介 x840 */
.gnav a:nth-child(6){left:60.0625vw;} /* 利用者さまの声 x961 */
.gnav a:nth-child(7){left:68.625vw;}  /* ご利用の流れ x1098 */
.gnav a:nth-child(8){left:76.1875vw;} /* よくある質問 x1219 */
.gnav a:hover{color:var(--orange);}
/* CTAボタン 1:198/199: 221×55 r100(pill) x1345 y28 前面#02b902 / 背面#0d710d 0.25vw下。
   アイコン1:842=27×25.66 x1364、文字1:200 fs16 fw700 #fff x1400。icon_line_white.svg流用 */
.btn-reserve{position:absolute;left:84.0625vw;top:1.75vw;width:13.8125vw;height:3.4375vw;
  background:#02b902;border-radius:6.25vw;box-shadow:0 0.25vw 0 #0d710d;
  display:flex;align-items:center;padding-left:1.1875vw;gap:0.5625vw;transition:opacity .2s;}
.btn-reserve__icon{width:1.6875vw;height:1.604vw;}
.btn-reserve__label{font-size:1.0vw;font-weight:700;color:#fff;white-space:nowrap;line-height:1;}
.btn-reserve:hover{opacity:.9;}
.hamburger{display:none;}
body{padding-top:5.5vw;}

/* ---------- hero（PC: 原本実測値を固定pxで配置。ウィンドウ幅に依存せず原本サイズで表示） ----------
   写真 全幅 高さ31.6875vw(ヘッダー直下 y88〜595) 縦中央cover。
   コピー/カードは実測座標(frame y)を写真バンド基準(y-88)で重ねる。 */
/* 写真バンド: Figma mask 1:1186 = y114〜814 / 1600×700。0.0625vw=0.0625vw。
   origin: 写真バンド上端(frame y=114)。各要素 top = (frame_y - 114)×0.0625vw */
/* margin-top:1.625vw = 写真バンド開始(frame y114) − 固定ヘッダー5.5vw。原本の上端位置に合わせる */
.hero{position:relative;width:100%;height:43.75vw;margin-top:1.625vw;overflow:hidden;background:#D9D9D9;color:#000;}
/* 写真2枚をFigma重ね順どおり: 1:1188(下) → 1:1189(上)。装飾は画像内に焼き込み済み */
.hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 73%;}
.hero__photo--bg{z-index:0;}
.hero__photo--fg{z-index:1;}
.hero__inner{position:absolute;inset:0;z-index:2;}
/* バッジ 1:1190: x121.77 y185.36 w419.23 h54.48 r78.95 grad#FEBE05→#FD4E05 / 文字32.63 w600 #fff ls1.63 */
.hero__badge{
  position:absolute;top:4.46vw;left:7.611vw;
  display:inline-flex;align-items:center;justify-content:center;
  width:26.202vw;height:3.405vw;
  background:linear-gradient(90deg,#FEBE05,#FD4E05);color:#FFFFFF;font-weight:600;
  font-size:2.040vw;letter-spacing:0.102vw;border-radius:4.934vw;white-space:nowrap;
}
/* 見出し: IT 1:1193=5.9437vw / が強みの就労支援 1:1192=4.9881vw。全て#FD4E05・w700 */
/* top: API node top(7.6437vw)+リーディング差1.3125vw=8.9563vw→8.957vw。原本JPGのグリフ位置に校正 */
/* 見出し混在色: IT(橙95.10)・強み(橙79.81)=#FD4E05 / が・の就労支援=#000(.hero__b) */
.hero__title{position:absolute;top:8.957vw;left:7.125vw;margin:0;line-height:1;white-space:nowrap;font-weight:700;color:#FD4E05;font-size:4.988vw;}
.hero__title .hero__it{font-size:5.943vw;vertical-align:baseline;}
.hero__title .hero__b{color:#000;}
/* キャッチ 1:1194: x118.44 y369.45 fs33.31 w700 #000 lh48.24 */
.hero__catch{position:absolute;top:15.966vw;left:7.4025vw;font-weight:700;color:#000000;font-size:2.082vw;line-height:3.015vw;white-space:nowrap;}
/* ブランド 1:1196: x114 y411.42 fs46 w700 #FD4E05 lh66.61 */
.hero__brand{position:absolute;top:18.589vw;left:7.125vw;font-weight:700;color:#FD4E05;font-size:2.875vw;line-height:4.163vw;white-space:nowrap;}
/* リード 1:1195: x118 y488 fs19 w600 #000 lh36 */
.hero__lead{position:absolute;top:23.375vw;left:7.375vw;font-weight:600;color:#000000;font-size:1.1875vw;line-height:2.25vw;}
/* 4アイコンカード 1:1214-1217: 白箱112×112 r10、x=118/261/399/542 y624。
   card_*.png は144design(=白箱112+グロー1vw)。PNG左上=(x-16, y-16=608)。表示9vw */
/* ヒーロー下4アイコン: 白角丸カード(112px=7vw)＋中央オレンジ線画＋下ラベル。原本 Rect136-139 / 影DROP0,0 b10 a.50 / ラベル fs18 #000 w600 */
.hero__cards{position:absolute;top:31.875vw;left:0;width:100%;height:auto;list-style:none;margin:0;padding:0;}
.hero__cards li{position:absolute;top:0;margin:0;}
.hero__card{width:7vw;height:7vw;background:#fff;border-radius:0.625vw;box-shadow:0 0 0.625vw rgba(252,111,13,.5);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.45vw;}
.hero__card img{height:3.0625vw;width:auto;max-width:4.6vw;display:block;}
.hero__card span{font-size:1.125vw;font-weight:600;color:#000;line-height:1;white-space:nowrap;}
.hero__cards li:nth-child(1){left:7.375vw;}
.hero__cards li:nth-child(2){left:16.3125vw;}
.hero__cards li:nth-child(3){left:24.9375vw;}
.hero__cards li:nth-child(4){left:33.875vw;}

/* ---------- media row (image + text) ---------- */
.media-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:2.5vw;align-items:center;margin-block:2.5vw;
}
.media-row--reverse .media-row__img{order:2;}
.media-row__img img{width:100%;border-radius:0.625vw;}
.media-row__body p{font-size:1vw;font-weight:500;margin-bottom:0.875vw;}
.lead-heading{color:var(--orange);font-weight:600;font-size:1.875vw;line-height:1.5;margin-bottom:1.125vw;}

/* ---------- worries ---------- */
.worries{background:#F1FFF9;position:relative;overflow:visible;}

/* 見出し上のオレンジ3点（原本: φ10 #FD4E05, 間隔2.5625vw, 見出し中心より約6.1875vw左） */
.worries__dots{
  width:5.75vw;height:0.625vw;margin:0 auto 0.375vw;transform:translateX(-6.1875vw);
  background-image:radial-gradient(circle at 0.3125vw 0.3125vw,var(--orange) 0.3125vw,transparent 0.375vw);
  background-size:2.5625vw 0.625vw;background-repeat:repeat-x;
}

.worries__grid{
  display:grid;grid-template-columns:minmax(0,1fr) 35.625vw;gap:3.75vw;align-items:start;margin-bottom:0;
}
.worries__list{display:flex;flex-direction:column;gap:1.25vw;}
/* 原本: カード枠なし。灰色□(#D9D9D9, 角丸)＋オレンジ✓(#FD4E05, 右上にはみ出す)＋テキスト */
.worries__list li{
  position:relative;display:flex;align-items:center;min-height:2.125vw;
  padding-left:2.8125vw;font-weight:600;font-size:1.5vw;line-height:1.45;color:var(--ink);
}
.worries__list li::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:2vw;height:2.25vw;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 36'%3E%3Crect x='2' y='9' width='25' height='25' rx='6' fill='none' stroke='%23D9D9D9' stroke-width='3'/%3E%3Cpath d='M9 22 L15 28 L31 7' fill='none' stroke='%23FD4E05' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center/contain no-repeat;
}
.worries__img img{width:35.625vw;height:26.5625vw;object-fit:cover;border-radius:0.625vw;}

/* 黄色い下向き三角（原本 Vector1: w328 h53 #FEBE05, 中央） */
.worries__tri{
  width:0;height:0;margin:1.875vw auto;
  border-left:10.25vw solid transparent;border-right:10.25vw solid transparent;
  border-top:3.3125vw solid #FEBE05;
}

.worries__catch{
  text-align:center;font-weight:600;font-size:2.25vw;line-height:1.45;margin:0 0 0.5vw;
}
.worries__catch-l1{color:var(--ink);}      /* 原本: 1行目は #333 */
.worries__catch-l2{color:var(--orange);}   /* 原本: 2行目は #FD4E05 */

/* 「もしひとつでも〜」段の左写真（寄り添う）。原本: 表示570x425を
   780x439配置からオフセット(185,9)でトリミング（マスク窓を厳密再現） */
.media-row--feel{gap:3.75vw;}
.media-row--feel .media-row__img{
  width:35.625vw;height:26.5625vw;overflow:hidden;border-radius:0.625vw;
}
.media-row--feel .media-row__img img{
  width:48.75vw;height:27.4375vw;max-width:none;border-radius:0;
  transform:translate(-11.5625vw,-0.5625vw);
}

/* ---------- worries 装飾（コーナー）---------- */
.wdeco{position:absolute;pointer-events:none;z-index:1;}
.wdeco i{position:absolute;display:block;}
/* (a) 左上: 黄色ドット網点円＋オレンジ斜線円 */
.wdeco--a{top:-5.9375vw;left:4.25vw;width:17.6875vw;height:16.8125vw;}
.wd-dots{        /* 黄色ドット円 #FEBE05: 径6 / 間隔0.75vw の網点 */
  left:0;top:4.125vw;width:13.1875vw;height:12.6875vw;border-radius:50%;
  background-image:radial-gradient(circle at center,#FEBE05 0.1875vw,transparent 0.225vw);
  background-size:0.75vw 0.75vw;
}
.wd-stripe-o{    /* オレンジ斜線円 #FA7A3B: 「/」 stripe5/gap7 */
  left:8.4375vw;top:0;width:9.25vw;height:9.3125vw;border-radius:50%;
  background-image:repeating-linear-gradient(45deg,#FA7A3B 0 0.3125vw,transparent 0.3125vw 0.75vw);
}
/* (c) 右下: オレンジ輪っか＋黄色斜線円 */
.wdeco--c{bottom:-6.5625vw;right:3.25vw;width:17.625vw;height:14.0625vw;}
.wd-stripe-y{    /* 黄色斜線円 #FEBE05: 「/」 stripe5/gap7 */
  left:8.3125vw;top:4.625vw;width:9.3125vw;height:9.4375vw;border-radius:50%;
  background-image:repeating-linear-gradient(45deg,#FEBE05 0 0.3125vw,transparent 0.3125vw 0.75vw);
}
.wd-ring{        /* オレンジ輪っか #FC6F0D, 太さ約0.8125vw */
  left:0;top:0;width:12.5vw;height:12.6875vw;border-radius:50%;border:0.8125vw solid #FC6F0D;
}

/* ---------- cards ---------- */
.cards{display:grid;gap:1.5vw;margin-block:1.5vw;}
.cards--3{grid-template-columns:repeat(3,1fr);}
.cards--4{grid-template-columns:repeat(4,1fr);}
.card,.job-card{
  background:#fff;border-radius:0.625vw;overflow:hidden;
  box-shadow:0 0.1875vw 0.75vw rgba(0,0,0,.06);padding-bottom:1.125vw;
}
.card__img img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.card__title{color:var(--pink);font-weight:600;font-size:1.375vw;text-align:center;margin:1vw 0.75vw 0.5vw;}
.card__text{font-size:0.9375vw;font-weight:500;padding-inline:1.125vw;margin-bottom:0.625vw;}
.job-card .card__title{font-size:1.5vw;}
.skill-badge{
  display:inline-block;background:var(--green);color:#fff;font-weight:600;font-size:0.875vw;
  padding:0.25vw 0.875vw;border-radius:0.25vw;margin:0.375vw 1.125vw;
}

/* stat card (実績/雇用/スタッフ役割) */
.stat-card{
  background:#fff;border:0.125vw solid #f3e6d2;border-radius:0.75vw;padding:1.5vw 1.375vw;
  box-shadow:0 0.1875vw 0.75vw rgba(0,0,0,.05);
}
.stat-card__title{color:var(--pink);font-weight:600;font-size:1.375vw;line-height:1.4;text-align:center;margin-bottom:0.875vw;}
.stat-card__title span{font-size:1.5vw;}
.stat-card__text{font-size:0.9375vw;font-weight:500;}

/* voice card */
.voice-card{background:#fff;border-radius:0.75vw;padding:1.5vw;box-shadow:0 0.1875vw 0.75vw rgba(0,0,0,.06);}
.voice-card__name{color:var(--orange);font-weight:600;font-size:1.25vw;}
.voice-card__attr{color:var(--orange);font-weight:600;font-size:1.125vw;margin-bottom:0.625vw;}
.voice-card__text{font-size:0.9375vw;font-weight:500;}

/* ---------- steps (相談の流れ) ---------- */
.steps{display:grid;gap:1.25vw;margin-block:1.5vw;}
.steps--5{grid-template-columns:repeat(5,1fr);}
.step{background:#fff;border-radius:0.625vw;overflow:hidden;box-shadow:0 0.1875vw 0.625vw rgba(0,0,0,.06);}
.step__no{
  display:block;background:var(--orange);color:#fff;font-weight:600;font-size:1.25vw;
  text-align:center;padding:0.5vw;
}
.step__title{color:var(--orange-light);font-weight:600;font-size:1.25vw;text-align:center;margin:0.875vw 0.625vw 0.5vw;line-height:1.35;}
.step__text{font-size:0.9375vw;font-weight:500;padding:0 1vw 1.125vw;}

/* ---------- point list ---------- */
.point-list{max-width:56.25vw;margin:1.25vw auto;display:flex;flex-direction:column;gap:0.75vw;}
.point-list li{
  background:#fff;border-left:0.3125vw solid var(--green);border-radius:0.375vw;
  padding:0.875vw 1.125vw;font-weight:600;font-size:1.125vw;box-shadow:0 0.125vw 0.375vw rgba(0,0,0,.04);
}

/* ===== LINEで簡単相談（原本忠実・このセクション限定スコープ） ===== */
.line-area{position:relative;overflow:visible;}
.line-area .eyebrow{font-size:1.5vw;}
/* ご相談の流れ：5列（原本 col幅210/gap37） */
.flow5{display:grid;grid-template-columns:repeat(5,1fr);gap:2.3125vw;margin-block:1.875vw;align-items:start;}
.flow5__item{text-align:center;}
.step-badge{        /* 原本: ピンク#FE4B6F 角型タグ w89 h28 白文字 */
  display:inline-block;background:var(--pink);color:#fff;
  font-weight:700;font-size:1vw;line-height:1;letter-spacing:.02em;padding:0.4375vw 0;width:5.5625vw;text-align:center;
}
.flow5__icon{height:6.75vw;width:auto;display:block;margin:1vw auto 0.5vw;object-fit:contain;}  /* 原本書き出しアイコン（各ノードbbox≒6.75vw高）を歪みなく表示・行内で高さ揃え */
.flow5__title{color:var(--orange-light);font-weight:600;font-size:1.375vw;line-height:1.35;margin-bottom:0.5vw;}  /* 橙2行・中央 */
.flow5__text{font-size:1vw;font-weight:500;line-height:1.625;text-align:left;color:var(--ink);}
/* 安心ポイント：緑チェックボックス＋テキスト（カードなし・中央ブロック） */
.line-area .point-list{max-width:35vw;margin:1.125vw auto;display:flex;flex-direction:column;gap:0.5vw;align-items:flex-start;}
.line-area .point-list li{
  background:none;border:0;border-radius:0;box-shadow:none;
  position:relative;padding:0 0 0 2.25vw;font-weight:600;font-size:1.25vw;line-height:1.5;color:var(--ink);
}
.line-area .point-list li::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.5vw;height:1.625vw;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect x='2' y='2' width='24' height='24' rx='5' fill='none' stroke='%23D9D9D9' stroke-width='2.4'/%3E%3Cpath d='M7 14 L12 19 L22 7' fill='none' stroke='%2302B902' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center/contain no-repeat;
}
/* 左下デコ bg_ico3：オレンジ実円＋黄斜線円（斜線は既存 wd-stripe-y を流用） */
.wdeco--lineBL{bottom:-9.375vw;left:2.5625vw;width:22.875vw;height:19.0625vw;z-index:2;}
.wd-disk-o{left:1.75vw;top:0.875vw;width:8.625vw;height:8.5625vw;border-radius:50%;background:#FA7A3B;}
.wdeco--lineBL .wd-stripe-y{left:5.4375vw;top:1.5625vw;width:17.4375vw;height:17.5vw;}

/* ===== 実績 WORKS（原本忠実・水色背景＋波形） ===== */
.works-area{background:#EDF7FF;position:relative;overflow:visible;}
.works-area::before{   /* 上端の波形境界（原本 wave_top2: 1600×43, 緩い1うねり） */
  content:"";position:absolute;left:0;top:-2.625vw;width:100%;height:2.6875vw;z-index:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 43' preserveAspectRatio='none'%3E%3Cpath d='M0 43 L0 27 C 300 7 620 7 860 16 C 1150 27 1400 23 1600 21 L1600 43 Z' fill='%23EDF7FF'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;
}
.works-area .container{position:relative;z-index:1;}
.works-area .eyebrow{font-size:1.5vw;}
.works-title{letter-spacing:.4em;}                 /* 実績：字間広め */
.works-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.75vw;margin-block:1.875vw;}
.wcard{        /* 白カード 角丸[20,0,20,0] / 影 0 0 10 rgba(0,0,0,.15) */
  background:#fff;box-shadow:0 0 0.625vw rgba(0,0,0,.15);border-radius:1.25vw 0 1.25vw 0;
  padding:2.25vw 1.5625vw 1.75vw;text-align:center;
}
.wcard__icon{height:8.25vw;width:auto;display:block;margin:0 auto 0.625vw;object-fit:contain;}  /* 原本書き出しアイコン（ノードbbox≒8.375vw高）を歪みなく表示 */
.wcard__title{color:var(--pink);font-weight:600;font-size:1.5vw;line-height:1.3;}
.wcard__num{color:var(--pink);font-weight:600;font-size:1.5vw;line-height:1.3;margin:0.25vw 0 0.875vw;}
.wcard__text{font-size:1vw;font-weight:500;line-height:1.625;text-align:left;color:var(--ink);}
/* 黄色マーカー線（蛍光ペン風・テキスト下半分） */
.mark{background:linear-gradient(transparent 50%, #FFFB18 50% 90%, transparent 90%);}

/* ===== 具体的な仕事内容 JOB（原本忠実・このセクション限定） ===== */
.job-area{position:relative;overflow:visible;}
.job-area .eyebrow{font-size:1.5vw;}
.job-area .cards--3{gap:2.75vw;margin-block:1.875vw;}
.job-area .job-card{
  background:#fff;border-radius:1.25vw;overflow:hidden;
  box-shadow:0 0 0.625vw rgba(0,0,0,.15);padding-bottom:1.5vw;
}
.job-area .card__img img{width:100%;aspect-ratio:370/240;object-fit:cover;object-position:50% 45%;}
.job-area .card__title{color:var(--pink);font-size:1.5vw;text-align:center;margin:1vw 1vw 0.5vw;}
.job-area .card__text{font-size:1vw;font-weight:500;line-height:1.625;text-align:left;padding:0 1.375vw;margin:0 0 0.5vw;color:var(--ink);}
.job-area .skill-badge{   /* 身につく力：ピンク角型バッジ・中央 */
  display:block;width:fit-content;background:var(--pink);color:#fff;
  font-weight:600;font-size:1.0625vw;border-radius:0;padding:0.3125vw 1.125vw;margin:0.875vw auto 0.625vw;
}
/* 右下デコ bg_ico1：黄ドット円＋オレンジ斜線円（お悩み deco-a と同手法） */
.wdeco--jobBR{bottom:-7.5vw;right:4.8125vw;width:17.6875vw;height:16.8125vw;z-index:2;}

/* ===== EMPLOYMENT / FLOW / FEATURES / STAFF（原本忠実・スコープ） ===== */
/* EMPLOYMENT：ミント背景＋右上デコ（カードは .works-cards/.wcard を流用＝角丸[20,0,20,0]・影・マーカー） */
.emp-area{background:#F1FFF9;position:relative;overflow:visible;}
.emp-area .eyebrow{font-size:1.5vw;}
.wdeco--empTR{top:-3.75vw;right:4.25vw;width:17.6875vw;height:16.8125vw;z-index:2;}

/* FEATURES / STAFF 写真カード（JOBと同仕様：写真240＋ピンク見出し＋本文） */
.feat-area .job-card,.staff-area .job-card{background:#fff;border-radius:1.25vw;overflow:hidden;box-shadow:0 0 0.625vw rgba(0,0,0,.15);padding-bottom:1.5vw;}
.feat-area .card__img img,.staff-area .card__img img{width:100%;aspect-ratio:370/240;object-fit:cover;object-position:50% 45%;}
.feat-area .card__title,.staff-area .card__title{color:var(--pink);text-align:center;line-height:1.35;margin:1vw 1vw 0.5vw;}
.feat-area .card__title{font-size:1.375vw;}
.staff-area .card__title{font-size:1.5vw;}
.feat-area .card__text,.staff-area .card__text{font-size:1vw;font-weight:500;line-height:1.625;text-align:left;padding:0 1.375vw;margin:0 0 0.5vw;color:var(--ink);}
.feat-area .cards--3,.staff-area .cards--3{gap:2.75vw;margin-block:1.875vw;}
.staff-area .eyebrow{font-size:1.5vw;}
/* FEATURES 左上デコ：オレンジ輪っか＋黄斜線円（bg_ico2＝deco-c流用） */
.wdeco--featTL{top:-5.625vw;left:4.4375vw;width:17.625vw;height:14.0625vw;z-index:2;}
.wdeco--featTL .wd-ring{left:0;top:0;width:12.5625vw;height:12.6875vw;}
.wdeco--featTL .wd-stripe-y{left:8.3125vw;top:4.625vw;width:9.3125vw;height:9.4375vw;}

/* FLOW タイムライン：オレンジ縦線＋時計マーカー（clock.png）＋時刻/見出し(橙)+本文 */
.flow-area .eyebrow{font-size:1.5vw;}
.flow-sched-title{text-align:left;border-bottom:0.1875vw solid var(--orange);padding-bottom:0.875vw;margin:3vw 0 1.625vw;}
.flow-area .timeline{max-width:75vw;margin:0 auto;position:relative;padding-left:0;}
.flow-area .timeline::before{display:none;}   /* 基底.timeline::before（左60の通し縦線）を無効化。線は各li::afterで描く */
.flow-area .timeline li{position:relative;display:block;padding:0 0 1.625vw 11vw;min-height:3.875vw;}
/* 縦線は各ステップを「次の時計へ」つなぐ。最後のli(15:00)は線なし */
.flow-area .timeline li::after{content:"";position:absolute;left:3.4375vw;top:1.5625vw;width:0.25vw;height:100%;background:var(--orange);z-index:0;}
.flow-area .timeline li:last-child::after{display:none;}
.flow-area .timeline li::before{content:"";position:absolute;left:2vw;top:0;width:3.125vw;height:3.1875vw;background:#fff url("assets/img/clock.png") center/contain no-repeat;border-radius:50%;z-index:1;}
.flow-area .timeline__time{position:absolute;left:6.25vw;top:0.125vw;color:var(--orange);font-weight:600;font-size:1.25vw;}
.flow-area .timeline__body h4{color:var(--orange);font-weight:600;font-size:1.5vw;line-height:1.2;margin-bottom:0.375vw;}
.flow-area .timeline__body p{font-size:1vw;font-weight:500;line-height:1.625;color:var(--ink);margin:0;}

/* カード本文の折返しを原本のテキストボックス幅に一致（同Noto・同幅＝同じCJK折返し） */
.emp-area .wcard__text{width:19.8125vw;margin-left:auto;margin-right:auto;}
.works-area .wcard{padding-left:1.3125vw;padding-right:1.3125vw;}
.works-area .wcard__text{width:20.5vw;margin-left:auto;margin-right:auto;}
.job-area .card__text{padding:0;width:20.375vw;margin-left:auto;margin-right:auto;}
.feat-area .card__text{padding:0;width:20.875vw;margin-left:auto;margin-right:auto;}
.staff-area .card__text{padding:0;width:20.3125vw;margin-left:auto;margin-right:auto;}

/* ===== VOICE / SKILL / FREE TRIAL / HOW TO USE（原本忠実・スコープ） ===== */
/* VOICE：ミント背景＋右上デコ＋テキストカード3枚 */
.voice-area{background:#F1FFF9;position:relative;overflow:visible;}
.voice-area .eyebrow{font-size:1.5vw;}
.voice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.75vw;margin-block:1.875vw;}
.voice-card{background:#fff;border-radius:1.25vw 0 1.25vw 0;box-shadow:0 0 0.625vw rgba(0,0,0,.15);padding:1.75vw 1.75vw;}
.voice-card__name{color:var(--orange);font-weight:600;font-size:1.25vw;line-height:1.3;}
.voice-card__attr{color:var(--orange);font-weight:600;font-size:1.125vw;line-height:1.3;margin:0.125vw 0 0.875vw;}
.voice-card__text{font-size:1vw;font-weight:500;line-height:1.625;color:var(--ink);text-align:left;}
.wdeco--voiceTR{top:-7.1875vw;right:2.3125vw;width:25.4375vw;height:21.125vw;z-index:2;}
.wdeco--voiceTR .wd-stripe-y{left:6.0625vw;top:1.75vw;width:19.375vw;height:19.375vw;}
.wdeco--voiceTR .wd-disk-o{left:1.9375vw;top:0.9375vw;width:9.625vw;height:9.5vw;border-radius:50%;background:#FA7A3B;}

/* SKILL：黄ラベル＋グレー値のテーブル（行h54, ラベル250+値, gap4） */
.skillup-area .eyebrow{font-size:1.5vw;}
.skill-table{max-width:75vw;margin:0.875vw auto 0;}
.skill-table__row{display:grid;grid-template-columns:15.625vw 1fr;gap:0.25vw;margin-bottom:0.3125vw;}
.skill-table dt{background:#FEBE05;color:#fff;font-weight:600;font-size:1vw;min-height:3.375vw;display:flex;align-items:center;justify-content:center;text-align:center;}
.skill-table dd{background:#F2F2F2;color:var(--ink);font-weight:500;font-size:1vw;min-height:3.375vw;display:flex;align-items:center;padding:0.625vw 1.625vw;margin:0;}

/* FREE TRIAL：works-area(水色+波形)流用＋左上デコ＋アイコンカード3枚 */
.ft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.75vw;margin-block:1.875vw;}
.ft-card{background:#fff;border-radius:1.25vw 0 1.25vw 0;box-shadow:0 0 0.625vw rgba(0,0,0,.15);padding:1.875vw 1.9375vw;text-align:center;}
.ft-card__icon{height:7vw;width:auto;display:block;margin:0 auto 0.75vw;object-fit:contain;}
.ft-card__title{color:var(--pink);font-weight:600;font-size:1.5vw;line-height:1.3;margin-bottom:0.625vw;}
.ft-card__text{font-size:1vw;font-weight:500;line-height:1.625;text-align:left;color:var(--ink);}
.wdeco--ftTL{top:-5.625vw;left:4.25vw;width:17.6875vw;height:16.8125vw;z-index:2;}

/* HOW TO USE：STEP縦並び（アイコン＋ピンクバッジ＋橙見出し＋本文）＋右下デコ */
.htu-area{position:relative;overflow:visible;}
.htu-area .eyebrow{font-size:1.5vw;}
.htu-steps{max-width:75vw;margin:1.5vw auto 0;}
.htu-step{position:relative;padding-left:7.0625vw;min-height:6vw;margin-bottom:1.5vw;}
.htu-step__icon{position:absolute;left:0.375vw;top:0;height:5.75vw;width:5.75vw;object-fit:contain;}
.htu-step__head{display:flex;align-items:center;gap:0.875vw;margin:0 0 0.5vw;}
.htu-step__title{color:var(--orange);font-weight:600;font-size:1.5vw;line-height:1.2;}
.htu-step__text{font-size:1vw;font-weight:500;line-height:1.625;color:var(--ink);margin:0;}
.wdeco--htuBR{bottom:-6.25vw;right:3.3125vw;width:17.625vw;height:14.0625vw;z-index:2;}
.wdeco--htuBR .wd-ring{left:0;top:0;width:12.5625vw;height:12.6875vw;}
.wdeco--htuBR .wd-stripe-y{left:8.3125vw;top:4.625vw;width:9.3125vw;height:9.4375vw;}

/* ---------- timeline (1日の流れ) ---------- */
.timeline{max-width:71.25vw;margin:1.5vw auto;position:relative;}
.timeline::before{content:"";position:absolute;left:3.75vw;top:0.375vw;bottom:0.375vw;width:0.125vw;background:#f0cdb5;}
.timeline li{position:relative;display:grid;grid-template-columns:5vw 1fr;gap:1.5vw;padding-bottom:1.625vw;}
.timeline__time{color:var(--orange);font-weight:600;font-size:1.25vw;}
.timeline li::before{
  content:"";position:absolute;left:3.4375vw;top:0.5vw;width:0.75vw;height:0.75vw;border-radius:50%;
  background:var(--orange);border:0.125vw solid #fff;box-shadow:0 0 0 0.125vw var(--orange);
}
.timeline__body h4{color:var(--orange);font-weight:600;font-size:1.5vw;margin-bottom:0.375vw;}
.timeline__body p{font-size:1vw;font-weight:500;}

/* ---------- flow steps (ご利用の流れ) ---------- */
.flow-steps{max-width:71.25vw;margin:1.5vw auto;display:flex;flex-direction:column;gap:1.125vw;}
.flow-steps li{
  display:grid;grid-template-columns:5.625vw 1fr;gap:1.25vw;align-items:start;
  background:#fff;border-radius:0.625vw;padding:1.25vw;box-shadow:0 0.1875vw 0.625vw rgba(0,0,0,.06);
}
.flow-steps__no{
  background:var(--orange);color:#fff;font-weight:600;font-size:1.125vw;text-align:center;
  padding:0.5vw 0;border-radius:0.375vw;
}
.flow-steps__body h4{color:var(--orange);font-weight:600;font-size:1.5vw;margin-bottom:0.5vw;}
.flow-steps__body p{font-size:1vw;font-weight:500;}

/* ---------- def list (スキルアップ) ---------- */
.def-list{max-width:62.5vw;margin:1vw auto;display:flex;flex-direction:column;gap:0.75vw;}
.def-list>div{display:grid;grid-template-columns:10vw 1fr;gap:1vw;align-items:center;background:#fff;border-radius:0.5vw;padding:0.875vw 1.125vw;box-shadow:0 0.125vw 0.375vw rgba(0,0,0,.04);}
.def-list dt{background:var(--orange);color:#fff;font-weight:600;font-size:1vw;text-align:center;padding:0.5vw;border-radius:0.375vw;}
.def-list dd{font-size:1vw;font-weight:400;}

/* ---------- FAQ ---------- */
.faq-area{background:#F1FFF9;}
.faq{max-width:75vw;margin:1.5vw auto;display:flex;flex-direction:column;gap:0;}
/* 原本: 白カードでなく区切り線（divider）・背景ミント */
.faq__item{background:none;border:0;border-bottom:0.0625vw solid #d9d9d9;border-radius:0;box-shadow:none;overflow:visible;}
.faq__item:first-child{border-top:0.0625vw solid #d9d9d9;}
.faq__item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:0.875vw;
  padding:1.375vw 3.125vw 1.375vw 0;font-weight:600;font-size:1.625vw;color:var(--ink);position:relative;
}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__q{
  flex:0 0 auto;width:2.625vw;height:2.625vw;border-radius:50%;background:#333333;
  color:#fff;font-weight:600;font-size:1.75vw;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.faq__item summary::after{   /* 開閉: 閉=∨ / 開=∧（橙） */
  content:"";position:absolute;right:0.5vw;top:50%;width:1vw;height:1vw;
  border-right:0.1875vw solid var(--orange);border-bottom:0.1875vw solid var(--orange);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s;
}
.faq__item[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.faq__a{display:flex;gap:0.875vw;padding:0 0 1.5vw 0;}
.faq__a-mark{
  flex:0 0 auto;width:2.625vw;height:2.625vw;border-radius:50%;background:var(--orange);
  color:#fff;font-weight:600;font-size:1.75vw;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.faq__a p{font-size:1vw;font-weight:500;line-height:1.625;}

/* ---------- staff photos ---------- */
.staff-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw;margin-block:1.5vw;}
.staff-photos img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0.625vw;}

/* ---------- CTA bands ---------- */
/* CONTACT背景: 回路パターン入り1枚画像(contact_bg.png)。オレンジは画像未読込時のフォールバック兼ベース */
.cta{background-color:var(--orange);background-image:url('assets/img/contact_bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding-block:3.5vw;text-align:center;}
.cta__inner{max-width:77.5vw;}
.cta__eyebrow{font-family:"Orbitron",sans-serif;font-weight:700;color:var(--yellow);font-size:1.5vw;letter-spacing:.08em;}
.cta__title{font-weight:600;font-size:2.5vw;margin:0.5vw 0 1.375vw;}
.cta__text{font-weight:600;font-size:1.125vw;line-height:1.8;margin-bottom:0.875vw;max-width:68.75vw;margin-inline:auto;}
.btn-line{
  display:inline-flex;align-items:center;gap:0.75vw;background:var(--green);color:#fff;border-radius:62.4375vw;
  padding:1.125vw 2.5vw;margin-top:1.125vw;box-shadow:0 0.3125vw 0 #0D710D;transition:transform .15s;
}
.btn-line:hover{transform:translateY(-0.0625vw);}
.btn-line__sub{font-weight:700;font-size:1.125vw;}
.btn-line__icon{width:1.625vw;height:1.625vw;display:block;flex:none;}
.cta-inline{text-align:center;margin-top:1.5vw;}

/* ===== 実務とスキル習得 ＋ CONTACT（原本忠実・このセクション限定スコープ） ===== */
.skill-area .eyebrow{font-size:1.5vw;}                 /* 原本 SKILL fs24 */
.sub-title--orange{color:var(--orange);}             /* 「スキルだけでなく〜」見出しは橙 #FD4E05 */
/* 主な業務内容カード（原本: w270 h301 角丸20 / 影 DROP_SHADOW 0 0 10 rgba(0,0,0,.15)） */
.skill-area .cards--4{gap:2.5vw;margin-block:1.75vw;}
.skill-area .cards--4 .card{
  border-radius:1.25vw;box-shadow:0 0 0.625vw rgba(0,0,0,.15);padding-bottom:1.125vw;overflow:hidden;
}
.skill-area .cards--4 .card__img img{aspect-ratio:3/2;object-fit:cover;object-position:45% 50%;}
/* 左右余白を詰め、「データ入力（事務作業）」(242px)がカード270px内で1行に収まるようにする */
.skill-area .cards--4 .card__title{font-size:1.375vw;margin:0.75vw 0.625vw 0.375vw;white-space:nowrap;}
.skill-area .cards--4 .card__text{font-size:1vw;line-height:1.625;text-align:left;padding:0 1.3125vw;margin-bottom:0;}
/* CONTACT 本文は原本でコンテナ全幅・行高 28/18 */
.cta--contact .cta__title{line-height:1.45;}
.cta--contact .cta__text{max-width:75vw;line-height:1.56;}
/* 緑LINEボタン: 原本は #02B902 ピル＋背面に #0D710D を0.3125vw下にずらした立体（box-shadowエフェクトは無し） */
.cta--contact .btn-line{
  display:inline-flex;align-items:center;gap:0.75vw;
  padding:1.125vw 2.5vw;box-shadow:0 0.3125vw 0 #0D710D;
}
.cta--contact .btn-line__icon{width:1.625vw;height:1.625vw;display:block;}
.cta--contact .btn-line:hover{transform:translateY(-0.0625vw);box-shadow:0 0.3125vw 0 #0D710D;opacity:1;}

/* ---------- footer ---------- */
.footer{background:#fff;padding-block:2.5vw 0.375vw;}  /* 街並みイラスト下に約6px(0.375vw)の余白 */
.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.5vw;text-align:center;}
.footer__logo{width:14.94vw;height:auto;}   /* 原本ロゴ表示 239px */
.footer__lead{font-size:1vw;font-weight:500;line-height:1.9;color:var(--ink);max-width:50vw;}
/* 会社情報: 白の枠付きボックス（原本 Rectangle38 709×256） */
.company{background:#fff;border:0.0625vw solid #ddd;border-radius:0.5vw;
  display:flex;flex-direction:column;gap:0.65vw;width:100%;max-width:44.3vw;padding:1.6vw 2.6vw;}
.company>div{display:grid;grid-template-columns:6.6vw 1fr;gap:0.75vw;text-align:left;font-size:1vw;}
.company dt{font-weight:500;}
.company dd{font-weight:500;}
.access{max-width:50vw;}
.access__title{color:var(--orange-light);font-weight:600;font-size:1.25vw;margin-bottom:0.5vw;}
.access p{font-size:1vw;font-weight:500;line-height:1.9;}
.access__map{display:inline-block;margin-top:0.75vw;color:var(--ink);font-weight:500;text-decoration:underline;font-size:1vw;}
/* SNS（Instagram / TikTok / Threads）原本書き出しアイコン */
.sns{display:flex;align-items:center;justify-content:center;gap:1.25vw;list-style:none;margin:0.5vw 0 0;padding:0;}
.sns a{display:flex;align-items:center;}
.sns img{height:1.94vw;width:auto;display:block;}
.copyright{text-align:center;font-size:0.875vw;font-weight:500;color:var(--ink);padding:1.75vw 0;margin:0;}
/* 大阪の街並み線画（原本 #282828 50%透過・全幅×151px）。ベクター素材未取得のためプレースホルダ（TODO） */
.footer__street{display:block;width:100%;height:auto;margin-top:1.5vw;}

/* ---------- drawer (SP nav) ---------- */
/* 原本: 画面全体が白背景・項目は中央揃え・区切り線なし・下部に緑LINEボタン */
/* ハンバーガーメニュー frame 1:3583 (375基準 0.0625vw=0.26667vw)。全画面白・中央寄せ・下部LINEボタン */
.drawer{
  position:fixed;inset:0;height:100dvh;width:100%;max-width:none;background:#fff;z-index:120;
  transform:translateX(100%);transition:transform .3s ease;padding:18.67vw 0 10.67vw;overflow-y:auto;
}
.drawer.is-open{transform:translateX(0);}
/* × 1:3584: 中心~x334 y37, 細く大きい×。フォント依存を避けCSS2本線で描画(環境非依存) */
.drawer__close{
  position:absolute;top:5.87vw;right:6.8vw;width:8vw;height:8vw;padding:0;
  background:none;border:none;cursor:pointer;font-size:0;line-height:0;
}
.drawer__close::before,.drawer__close::after{
  content:"";position:absolute;left:50%;top:50%;width:10.67vw;height:0.53vw;background:#000;border-radius:0.0625vw;
}
.drawer__close::before{transform:translate(-50%,-50%) rotate(45deg);}
.drawer__close::after{transform:translate(-50%,-50%) rotate(-45deg);}
/* 8項目 1:3585-3592: fs16 fw500 #333 中央, ピッチ2.5625vw */
.drawer__nav{display:flex;flex-direction:column;align-items:center;gap:4.8vw;}
.drawer__nav a{padding:0;font-weight:500;font-size:4.267vw;line-height:1.448;color:#333333;text-align:center;}
/* LINEボタン 1:3593-3596: 221×55 r100 #02b902 +#0d710d立体縁, アイコン27×25.7 文字fs16 fw700 #fff */
.drawer__cta{display:flex;align-items:center;justify-content:center;gap:1.6vw;align-self:center;
  margin-top:4.53vw;width:58.93vw;height:14.67vw;max-width:none;
  background:#02b902;border-radius:26.67vw;box-shadow:0 1.07vw 0 #0d710d;}
.drawer__cta .btn-reserve__icon{width:7.2vw;height:6.85vw;}
.drawer__cta .btn-reserve__label{font-size:4.267vw;font-weight:700;color:#fff;white-space:nowrap;}
.drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:110;opacity:0;visibility:hidden;transition:opacity .3s;
}
.drawer-overlay.is-open{opacity:1;visibility:visible;}

/* =========================================================
   Responsive  ( SP : < 48vw )
   ========================================================= */
@media (max-width:1100px){
  .gnav{gap:14px;}
  .gnav a{font-size:14px;}
}
@media (max-width:900px){
  /* タブレット〜SP: ナビ非表示, ハンバーガー表示 */
  .gnav,.btn-reserve{display:none;}
  .hamburger{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    margin-left:auto;width:44px;height:44px;background:none;border:none;cursor:pointer;
  }
  .hamburger span{display:block;width:26px;height:3px;background:var(--ink);border-radius:2px;transition:.3s;}
  .hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  .cards--4{grid-template-columns:repeat(2,1fr);}
  .steps--5{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  body{font-size:15px;line-height:1.85;}
  .section{padding-block:44px;}
  /* 原本SPのコンテンツ幅は約343px(左右16px余白)。PCのmax-width:77.5vw(=290px)は狭すぎて
     画像・見出しが枠外にはみ出すため、SPはmax-width解除し全幅-16pxに合わせる(視点6: 実コンテンツのはみ出し是正) */
  .container{padding-inline:16px;max-width:none;}
  /* 横スクロール解消: オフキャンバスのドロワー(閉時 translateX(100%))が右に退避して
     scrollWidth=403になる。本文コンテンツは全て375px内に収まることを実測確認済みのため、
     off-canvas由来の横はみ出しのみをルートでクリップする(実コンテンツのマスクではない)。 */
  html,body{overflow-x:hidden;}

  /* headings */
  .eyebrow{font-size:20px;}
  .sec-title{font-size:30px;margin-bottom:20px;}
  .sec-title--dark{font-size:30px;}  /* 原本SP実測: 漢字高さ27px/L1幅201px(373vp)。他セクション見出しと同じ30px(旧26pxは過小) */
  .sub-title{font-size:22px;margin:32px 0 16px;}
  .lead{font-size:15px;text-align:left;max-width:none;}  /* 原本SP: 本文は全幅15px。max-width62.5vw(234px)圧縮を全セクション一括解除 */
  .section .eyebrow{font-size:20px;}  /* 原本SP実測(MCP各section eyebrow): 英字eyebrowは20px Orbitron・中央(SKILL/LINE/WORKS/JOB/EMP/FLOW/FEATURES/STAFF等で確認) */
  .skill-area .lead{max-width:none;font-size:16px;}  /* 原本SP実測: 本文は全幅(約340px)・16px。max-width62.5vw(=234px)で圧縮されていたのを解除 */
  .skill-area .lead br{display:inline;}  /* 原本SP: 「です。」等の改行点を有効化(234px自然折返しでは原本と不一致) */
  .skill-area .eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:2469): SKILL=20px Orbitron(可視グリフ13px)・中央 */
  .skill-area .sub-title--left{text-align:left;}  /* 原本SP(MCP1:2473): 一般的な就労支援との違い=左寄せ黒 */
  .skill-area .sub-title--orange{text-align:left;color:var(--orange);}  /* 原本SP(MCP1:2474): スキルだけでなく…=左寄せ橙#FD4E05 */

  /* ===== SP header (就労支援_LP_SP frame 1:2197 / 375基準 1px=0.26667vw) ===== */
  body{padding-top:0;}
  .header{height:15.2vw;box-shadow:0 1px 6px rgba(0,0,0,.06);}
  .header__inner{padding:0;max-width:none;display:block;}
  .header__logo{position:absolute;left:4.533vw;top:2.4vw;}      /* 原本SP実測: ロゴink x17 y9 w175(=img x17 w176) */
  .header__logo img{width:47vw;height:auto;}
  .hamburger{position:absolute;right:4.267vw;top:5.333vw;left:auto;margin:0;  /* 原本SP実測 x325-358 y20-46 33×26 */
    width:9.067vw;height:6.933vw;display:flex;flex-direction:column;justify-content:space-between;
    padding:0;background:none;border:none;cursor:pointer;}
  .hamburger span{display:block;width:100%;height:0.8vw;background:#333;border-radius:1px;}

  /* ===== SP hero (1:2197 frame座標を絶対配置, origin=frame y0) ===== */
  .hero{position:relative;width:100%;height:208.53vw;margin-top:0;background:#fff;overflow:hidden;color:#000;}
  .hero__inner{position:absolute;inset:0;padding:0;z-index:1;}
  .hero__badge,.hero__title,.hero__catch,.hero__brand,.hero__lead,.hero__cards{position:absolute;}
  /* バッジ 1:3527/3528: x18 y66 258×34 r49.6 grad / 文字fs20 fw600 #fff ls1 */
  .hero__badge{left:4.8vw;top:17.6vw;width:68.8vw;height:9.067vw;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(90deg,#FEBE05,#FD4E05);color:#fff;font-weight:600;font-size:5.333vw;letter-spacing:0.267vw;
    border-radius:13.23vw;white-space:nowrap;padding:0;}
  /* 見出し「ITが強みの就労支援」原本SP実測: 幅335px(x20-355)/高さ39px。従来font(10.06/11.99vw=実幅392px)では
     「支援」がclipしていた→原本幅335pxに合わせ縮小(が強み8.6vw=32.3px / IT10.3vw=38.6px・比1.2維持、左x20=5.36vw) */
  .hero__title{left:4.3vw;top:29vw;margin:0;line-height:1;white-space:nowrap;color:#FD4E05;font-weight:700;font-size:11.14vw;transform:scaleX(0.90);transform-origin:left top;}
  .hero__title .hero__it{font-size:13.35vw;vertical-align:baseline;}
  .hero__title .hero__b{color:#000;}
  /* キャッチ 1:3532: x17.8 y171 fs19 fw700 #000 lh27.5 */
  .hero__catch{left:4.747vw;top:45.6vw;margin:0;font-weight:700;color:#000;font-size:5.067vw;line-height:7.34vw;white-space:nowrap;}
  /* ブランド 1:3534: x15 y196 fs26 fw700 #FD4E05 */
  .hero__brand{left:4vw;top:52.27vw;margin:0;font-weight:700;color:#FD4E05;font-size:6.933vw;line-height:10.04vw;white-space:nowrap;}
  /* リード 1:3533: x16 y240 w341 fs16 fw500 #000 lh26 */
  .hero__lead{left:4.267vw;top:64vw;width:90.93vw;margin:0;font-weight:500;color:#000;font-size:4.267vw;line-height:6.933vw;}
  .hero__lead br{display:none;}
  /* 4カード 1:3535-3538: 白箱70.4 x18.5/108.4/195.1/284.9 y360.6。card_*.png(144design)流用 */
  .hero__cards{left:0;top:0;width:100%;height:auto;display:block;margin:0;padding:0;}
  /* SP 4アイコン: 白枠70px=18.667vw・角丸6.28px=1.675vw・影b6=1.6vw・ラベルfs11.31=3.016vw（375基準 1px=0.26667vw, 箱位置 relx19/108/195/285 y361） */
  .hero__cards li{position:absolute;top:96.27vw;margin:0;}
  .hero__cards li:nth-child(1){left:5.067vw;}
  .hero__cards li:nth-child(2){left:28.8vw;}
  .hero__cards li:nth-child(3){left:52vw;}
  .hero__cards li:nth-child(4){left:76vw;}
  .hero__card{width:18.667vw;height:18.667vw;border-radius:1.675vw;box-shadow:0 0 1.6vw rgba(252,111,13,.5);gap:0.8vw;}
  .hero__card img{height:8.5vw;max-width:13vw;}
  .hero__card span{font-size:3.016vw;}
  /* 写真 1:2254/2256: 667ee…-1189.webp, x0 y448 375×334 */
  /* 写真 1:2254/2256: 画像を729×410に拡大し窓[x347-722,y70-404]を表示(mask 375×334 @y448)。
     img: left-347 top378(=448-70) 729×410, 上端70pxをclipで隠す。左右下は.hero overflowでクリップ */
  .hero__photo{position:absolute;left:-92.53vw;top:100.8vw;width:194.4vw;max-width:none;height:109.33vw;object-fit:cover;clip-path:inset(18.67vw 0 0 0);aspect-ratio:auto;z-index:0;}
  .hero__photo--bg{display:none;}

  /* media rows -> stack */
  .media-row,.media-row--reverse{grid-template-columns:1fr;gap:20px;margin-block:28px;}
  .media-row--reverse .media-row__img{order:0;}
  /* 原本SP順: ヒーロー写真A→text1→写真B→text2→写真C。各ブロックともテキスト先・画像後 */
  .intro .media-row__body{order:0;}
  .intro .media-row__img{order:1;}
  /* 写真B(1:2246)・C(1:2251)=345×257.24(API)。左右15px余白で中央 */
  .intro .media-row__img img{width:100%;height:68.6vw;max-width:none;object-fit:cover;margin-inline:auto;display:block;}
  /* 本文・見出しを原本SP値に: 見出しfs22/lh31.86(1.448), 本文fs16/lh26(1.625) */
  .intro .media-row__body p{font-size:16px;line-height:1.625;margin-bottom:9px;}
  .intro .lead-heading{font-size:22px;line-height:1.448;margin-bottom:9px;}
  /* 原本間隔: 写真A下端782→text1 817(35px) / 本文→写真9px / 写真B下端→text2 40px */
  .intro .media-row{gap:9px;margin-block:0;}
  .intro .media-row + .media-row{margin-top:40px;}
  .intro{padding-top:35px;}
  .lead-heading{font-size:23px;}

  /* worries */
  .worries__grid{grid-template-columns:1fr;gap:20px;align-items:center;}
  .worries__list{gap:12px;}                        /* 原本SP: 1行項目pitch約40px */
  .worries__list li{font-size:17px;min-height:28px;padding-left:31px;}  /* 原本SP実測: 文字17px(MCP1:2270)。テキスト開始x47=content-left31px。項目1のみ2行、項目2〜8は1行 */
  .worries__list li:nth-child(6){margin-top:22px;} /* 原本SP: 5項目と6項目の間にグループ余白 */
  .worries__list li::before{width:26px;height:29px;}
  .worries__img img{width:100%;height:auto;}
  .worries__catch{font-size:20px;}  /* 原本SP実測: L1 w280/L2 w321(373vp)。19pxではw268しか出ず原本に届かず→20px, 各1行に収まる */
  .br-sp{display:inline;}                          /* SPで改行を有効化 */
  /* 原本SP実測: 見出しは中央寄せ(L1中心186=ページ中央)。「こんなお悩みは / ありませんか？」 */
  .worries .sec-title--dark{text-align:center;}
  /* 原本SP実測: オレンジ3点 x181-249(中央寄り)/φ約10px/h8 */
  .worries__dots{margin:0 0 8px 165px;transform:none;width:68px;height:10px;
    background-image:radial-gradient(circle at 5px 5px,#FD4E05 4px,transparent 4.6px);
    background-size:29px 10px;background-repeat:repeat-x;}
  .media-row--feel{gap:20px;}
  .media-row--feel .media-row__img{width:100%;height:auto;aspect-ratio:570/425;}
  .media-row--feel .media-row__img img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transform:none;}
  /* 原本SP本文: 16px/行ピッチ約26px(line-height1.625)。ベース1vw(極小)を解除 */
  .media-row--feel .media-row__body p{font-size:16px;line-height:1.625;margin-bottom:16px;}
  /* 原本SP要素順: 見出し→写真→チェックリスト。実装は list→img のため img を前へ */
  .worries__img{order:-1;}
  .worries__img img{border-radius:10px;}
  /* 逆三角(worries__tri): 原本SP実測 幅200px/高さ30px/#FEBE05単色/中央(上端css3141→頂点css3171) */
  .worries__tri{display:block;width:0;height:0;margin:30px auto 16px;
    border-left:100px solid transparent;border-right:100px solid transparent;
    border-top:30px solid #FEBE05;}
  /* 装飾(wdeco): 原本SPにも各セクション角の網点円/輪が存在するため再有効化(Phase1-A)。
     PC用vw座標はSPでは縮小スケールで配置される。横はみ出しはroot overflow-x:hiddenでクリップ。
     各セクションのSP実位置はPhase2で個別調整。 */
  /* S05 水玉クラスター(wdeco--a): 原本SP実測 103×97px(x15-118)。PC用vwでは66×63と小さいため拡大 */
  .worries .wdeco--a{transform:scale(1.55);transform-origin:left top;}
  /* S06境界 右上デコ(wdeco--c): 原本SP実測 オレンジ輪70×71/黄斜線円51×53。実装46×46/34×34と約1.5倍小さいため拡大 */
  .worries .wdeco--c{transform:scale(1.5);transform-origin:right center;}

  /* cards / steps / staff -> 1 or 2 col */
  .cards--3,.cards--4{grid-template-columns:1fr;}
  .steps--5{grid-template-columns:1fr;}
  .staff-photos{grid-template-columns:repeat(2,1fr);}
  .card__title,.job-card .card__title{font-size:20px;}
  .skill-area .cards--4 .card__title{font-size:22px;white-space:normal;}  /* 原本SP実測(MCP1:2477): カード見出し22px・ピンク#FE4B6F・中央 */
  .skill-area .cards--4 .card__text{font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:2478): カード説明文16px・lh26px */
  .stat-card__title{font-size:20px;}
  .stat-card__title span{font-size:20px;}

  /* timeline */
  .timeline::before{left:46px;}
  .timeline li{grid-template-columns:60px 1fr;gap:14px;}
  .timeline li::before{left:42px;}
  .timeline__time{font-size:17px;}
  .timeline__body h4{font-size:20px;}
  .timeline__body p br{display:none;}  /* SPはPC用の改行を解除し自然折返し（SP原本は別の行構成） */
  /* FLOW タイムライン SP: PC用vw(極小)を解除し原本SPの可読サイズへ(視点10)。時計｜時刻+見出し同行・本文下 */
  .flow-area .timeline{max-width:none;}
  .flow-area .timeline li{padding:0 0 18px 41px;min-height:0;}  /* 原本SP実測: 本文左端x58(旧96は過剰インデント)。項目間も18pxに拡大(詰まり是正)(項目1) */
  .flow-area .timeline li::before{left:14px;top:0;width:30px;height:30px;}  /* 原本SP実測: 時計アイコン左端x14(旧8) */
  .flow-area .timeline li::after{left:26px;top:30px;width:2px;}  /* 原本SP実測: 縦線x31(アイコン中心) */
  .flow-area .timeline__time{left:50px;top:3px;font-size:16px;}  /* 原本SP実測(MCP1:2902): 時刻16px・橙 */
  .flow-area .timeline__body h4{font-size:20px;line-height:1.3;margin-bottom:2px;margin-left:55px;}  /* 原本SP実測(MCP1:2893): 見出し20px・橙 */
  .flow-area .timeline__body p{font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:2911): 本文16px・lh26px */
  .flow-sched-title{margin:24px 0 14px;font-size:24px;}  /* 原本SP実測(MCP1:2863): タイムスケジュール24px・左 */
  .flow-area .eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:3523): FLOW=20px Orbitron・#333・中央 */
  .flow-area .sub-title--orange{color:var(--orange);}  /* 原本SP実測(MCP1:3015): 無理なく続けられる…=橙#FD4E05・中央 */
  .flow-area .lead{max-width:none;}  /* 原本SP実測: 本文15px(基本.lead継承)・全幅。max-width62.5vw(234px)圧縮を解除 */
  .flow-area .lead br:not(.br-sp){display:none;}  /* この本文は自然折返しが原本と1字ずれ＋PC brが原本に無い位置のため、br-spで原本改行を固定 */

  /* flow steps */
  .flow-steps li{grid-template-columns:72px 1fr;gap:14px;padding:16px;}
  .flow-steps__body h4{font-size:20px;}

  /* def list */
  .def-list>div{grid-template-columns:1fr;gap:8px;}
  .def-list dt{justify-self:start;padding:6px 18px;}

  /* faq */
  .faq__item summary{font-size:18px;padding:14px 44px 14px 14px;}  /* 原本SP実測(MCP1:3372): 質問=18px・#333 */
  .faq__q,.faq__a-mark{width:30px;height:30px;font-size:17px;}
  .faq__a p{font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:3377): 回答=16px・lh26px */

  /* cta */
  .cta__eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:2501): CONTACT=20px Orbitron Bold・黄#FFFB18・中央 */
  .cta__title{font-size:30px;}  /* 原本SP実測(MCP1:2502): まずはお気軽に…=30px SemiBold・白・中央 */
  .cta__text{font-size:18px;text-align:left;max-width:none;}  /* 原本SP実測: 本文18px・左寄せ・全幅(S20 CONTACT2含む全cta) */
  .cta--contact .cta__text{max-width:none;}  /* SPは全幅。max-width75vw(=281px)で過剰折返ししていたのを解除 */
  .cta__text br:not(.br-sp){display:none;}  /* PC用brはSPで隠し、SP改行はbr-spで固定 */
  .btn-line{padding:16px 28px;width:100%;}
  .btn-line__sub{font-size:16px;}

  /* footer */
  .company>div{grid-template-columns:90px 1fr;font-size:16px;}  /* 原本SP実測(MCP1:3431/3436): 会社情報16px */
  /* footer 原本SP: 各テキストはPC用vw(極小3-5px)で潰れていたため可読サイズに是正 */
  .footer__lead{font-size:16px;max-width:none;line-height:1.625;text-align:left;}  /* 原本SP実測(MCP1:3428): 16px・lh26px */
  .company{max-width:none;}  /* 原本SP: 会社情報ボックスは全幅。44.3vw(166px)で潰れ「合同会/社A」と過剰折返ししていたのを是正 */
  .footer__logo{width:195px;}  /* 原本SP実測: ロゴ可視幅約195px。14.94vw(56px)/140pxは過小(項目8) */
  .sns{gap:20px;}  /* 原本SP: SNSアイコン間隔。1.25vw(4.7px)で詰まりすぎを是正(項目8) */
  .footer__street{width:200%;max-width:none;}  /* 原本SP: 街並みは1つ。footer_street.pngは2連結のため、SPは画像を200%幅で左半分(1街並み)のみ表示(右半分はroot overflow-x:hiddenでクリップ)。PCは2つ維持(項目4) */
  .sns img{height:26px;}  /* 原本SP: SNSアイコン約26px。1.94vw(7px)極小を是正 */
  .access{max-width:none;}
  .access__title{font-size:20px;text-align:center;color:var(--orange-light);}  /* 原本SP実測(MCP1:3441): アクセス=20px・橙#FC6F0D・中央 */
  .access p{font-size:16px;text-align:left;line-height:1.625;}  /* 原本SP実測(MCP1:3429): 16px・lh26px・左 */
  .access__map{font-size:15px;}
  .copyright{font-size:12px;}

  /* =========================================================
     Phase1-C: 新クラスのSP対応（多列→1列 / vw見直し / 横はみ出し解消）
     ※ SP=375基準。PC用の固定width(vw)が残ると窮屈になるため width:auto で解除
     ========================================================= */
  /* LINE ご相談の流れ：5列→1列 */
  .flow5{grid-template-columns:1fr;gap:18px;margin-block:24px;}
  .flow5__icon{height:100px;margin:10px auto 8px;}  /* 原本SP実測: アイコン約102px。60pxは過小(Fumi指摘) */
  .flow5__title{font-size:22px;line-height:1.36;margin-bottom:6px;}  /* 原本SP実測(MCP1:2524): 22px・橙#FC6F0D・lh30px */
  .flow5__title br{display:none;}  /* 原本SP実測: STEP見出しは各1行(全幅)。PC5列用の強制改行をSPで解除 */
  .flow5__text{font-size:16px;line-height:1.625;text-align:left;}  /* 原本SP実測(MCP1:2525): 16px・lh26px・左寄せ */
  .step-badge{font-size:20px;width:96px;padding:6px 0;}  /* 原本SP実測(MCP1:2527): STEP=20px 白 */
  .line-area .eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:2470): LINE=20px Orbitron・#333・中央 */
  .line-area .lead{max-width:none;}  /* 原本SP: 本文は全幅。max-width62.5vw(234px)圧縮を解除 */
  .line-area .lead br:not(.br-sp){display:none;}  /* PC用brはSPで隠し、SP改行はbr-spで固定 */
  .line-area .point-list{max-width:none;margin:16px auto;}
  .line-area .point-list li{font-size:17px;padding-left:34px;}  /* 原本SP実測(MCP1:2586): 17px */
  .line-area .point-list li::before{width:22px;height:24px;}

  /* WORKS / EMPLOYMENT カード：3列→1列（width固定解除） */
  .works-area .eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:2616): WORKS=20px Orbitron・#333・中央 */
  .works-area .lead{max-width:none;font-size:16px;}  /* 原本SP実測: 本文16px・全幅(約330px)。max-width62.5vw(234px)圧縮を解除 */
  .works-area .lead br:not(.br-sp){display:none;}  /* PC用brはSPで隠し、SP改行はbr-spで固定 */
  .wdeco--lineBL{transform:scale(1.3);transform-origin:left center;}  /* 原本SP実測: 左上デコ オレンジ円41/黄円84。実装32/64と約1.3倍小さいため拡大 */
  .works-cards{grid-template-columns:1fr;gap:18px;margin-block:24px;}
  .wcard{padding:28px 22px 24px;}
  .wcard__icon{height:96px;margin-bottom:10px;}
  .wcard__title,.wcard__num{font-size:22px;line-height:1.4;}  /* 原本SP実測(MCP1:2628): 見出し・数値とも22px・ピンク#FE4B6F */
  .works-area .wcard__text,.emp-area .wcard__text{width:auto;font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:2625): 16px・lh26px */
  .works-area .wcard__text{text-align:left;}  /* 原本SP実測(MCP1:2625): text-center無し=左寄せ(本文左端x41=node左端で確認) */

  /* VOICE：3列→1列 */
  .voice-cards{grid-template-columns:1fr;gap:18px;margin-block:24px;}
  .voice-card{padding:20px 22px;}
  .voice-card__name{font-size:20px;}  /* 原本SP実測(MCP1:3068): 20px・橙 */
  .voice-card__attr{font-size:16px;}
  .voice-card__text{font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:3070): 16px・lh26px */

  /* FREE TRIAL：3列→1列 */
  .ft-cards{grid-template-columns:1fr;gap:18px;margin-block:24px;}
  .ft-card{padding:24px 22px;}
  .ft-card__icon{height:80px;margin-bottom:10px;}
  .ft-card__title{font-size:22px;line-height:1.4;}  /* 原本SP実測(MCP1:3258): 22px・ピンク#FE4B6F */
  .ft-card__text{font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:3259): 16px・lh26px */

  /* SKILL テーブル：ラベル幅縮小・はみ出し解消 */
  .skill-table{max-width:none;}
  .skill-table__row{grid-template-columns:108px 1fr;}
  .skill-table dt{font-size:16px;min-height:50px;}  /* 原本SP実測(MCP1:3092): ラベル16px・白 */
  .skill-table dd{font-size:16px;line-height:1.625;min-height:50px;padding:8px 12px;}  /* 原本SP実測(MCP1:3100): 16px・lh26px */

  /* HOW TO USE 原本SP実測: アイコン左(x18)＋[バッジ上→見出し下]を右(x111)に縦積み、本文は全幅(x16)下。本文をアイコン右にインデントしていたのを是正(項目3) */
  .htu-steps{max-width:none;}
  .htu-step{padding-left:0;min-height:0;margin-bottom:26px;position:relative;}
  .htu-step__icon{height:64px;width:auto;left:2px;top:2px;}  /* 原本SP実測: アイコン約67px(50pxは過小)・左端x18 */
  .htu-step__head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;margin-bottom:8px;padding-left:95px;min-height:66px;}  /* バッジ(上)→見出し(下)縦積み・アイコン右(x111)・min-heightでアイコンをクリア */
  .htu-step__title{font-size:22px;line-height:1.3;}  /* 原本SP実測(MCP1:2923): 22px・橙#FD4E05・左 */
  .htu-step__text{font-size:16px;line-height:1.625;padding-left:0;}  /* 原本SP実測: 本文16px・lh26px・全幅(x16) */
  .htu-area .cta-inline{display:none;}  /* 原本SP: S18末尾にLINEボタンは無い。PC原本には有るためSPのみ非表示(項目6) */

  /* JOB / FEATURES / STAFF 写真カード：PC用 width(vw)固定を解除し1列幅に */
  .job-area .card__text,.feat-area .card__text,.staff-area .card__text{width:auto;padding:0 18px;font-size:16px;line-height:1.625;}  /* 原本SP実測(MCP1:2656): 16px・lh26px */
  .staff-area .card__title{font-size:22px;}  /* 原本SP実測(MCP1:3019): STAFFカード見出し主行=22px・ピンク#FE4B6F */
  .feat-area .card__title{font-size:21px;}  /* 原本SP実測(MCP1:3482): FEATUREカード見出し=21px・ピンク#FE4B6F */
  .job-area .card__title{font-size:24px;}  /* 原本SP実測(MCP1:2649): JOBカード見出し=24px・ピンク#FE4B6F */
  .job-area .cards--3,.feat-area .cards--3,.staff-area .cards--3,.works-area .works-cards,.emp-area .works-cards{gap:18px;margin-block:24px;}

  /* S10 JOB / S11 EMPLOYMENT 原本SP忠実化（eyebrow極小・lead圧縮・br無効・バッジ極小/色 の是正） */
  .job-area .eyebrow,.emp-area .eyebrow{font-size:20px;}  /* 原本SP実測(MCP1:2617): JOB DESCRIPTION=20px Orbitron・#333・中央 */
  .job-area .lead,.emp-area .lead{max-width:none;}  /* 原本SP実測: 本文15px(基本.lead継承)・全幅。max-width62.5vw(234px)圧縮を解除。原本はPC brをハード改行とし残りは自然折返し→PC br維持で一致 */
  .job-area .skill-badge{background:var(--pink);font-size:20px;padding:4px 12px;border-radius:4px;margin:6px auto 4px;}  /* 原本SP実測(MCP1:2661): 「身につく力」=20px 白・ピンク背景 */
  .wdeco--jobBR{transform:scale(1.6);transform-origin:right center;}  /* 原本SP実測: S11右上デコ 黄網点円w78。実装w45と約1.7倍小さいため拡大 */
  .wdeco--featTL{transform:scale(1.9);transform-origin:left top;top:-43px;}  /* 原本SP実測: S13左上デコ オレンジ輪w88(scale1.9で正寸)。S12本文末(17694)とFEATURES見出し(17839)の間に配置=top調整でS12本文への被りを解消(項目2) */
  .wdeco--ftTL{transform:scale(1.6);transform-origin:left top;}  /* 原本SP実測: S17左上デコ 全体w100。実装w64と約1.6倍小さいため拡大 */
  .wdeco--voiceTR{transform:scale(1.3);transform-origin:right top;}  /* 原本SP実測: S15右上デコ 黄円95/橙円46。base(黄73/橙36)に対し約1.3倍(1.5は過大で見出し重なり)(項目4) */
  .wdeco--htuBR{transform:scale(1.5);transform-origin:right bottom;}  /* S18右下デコ。他デコ同様SPで縮小のため拡大 */
}