/* ============================================================================
   ワークスHP 仕事を知る（business.html） — このページ固有の座標
   ----------------------------------------------------------------------------
   共通部分（リセット・スケーリング土台・ヘッダー・Entry/Contact帯・フッター・
   ボタン・見出しの型）は css/style.css にある。HTML では style.css → このファイル
   の順で読み込むこと。
   ========================================================================== */

.stage { height: 7933px; }

/* ============================================================================
   背景（business_bg グループをフラット化した画像）
   ========================================================================== */
.bizbg { left: -186px; top: -154px; width: 2292px; height: 7210px; }

/* ============================================================================
   ページ見出し
   ========================================================================== */
/* Rectangle 92 — 見出し左の青い縦バー（aboutの白バーとは色が違う） */
.pg-bar { left: 180px; top: 269px; width: 9px; height: 71px; background: var(--blue); border-radius: 19px; }
.pg-label {
  left: 227px; top: 275px; width: 171px; height: 60px;
  font-size: 30px; line-height: 60px; font-weight: 500;
  letter-spacing: 0.1em; white-space: nowrap; color: var(--navy); margin: 0;
}
.pg-h1 {
  left: 180px; top: 416px; width: 605px; height: 270px;
  font-size: 45px; line-height: 84px; font-weight: 500;
  letter-spacing: 0.1em; white-space: nowrap; color: var(--navy); margin: 0;
}
.pg-lead {
  left: 180px; top: 715px; width: 662px; height: 107px;
  font-size: 18px; line-height: 36px; font-weight: 350;
  letter-spacing: 0.1em; white-space: nowrap; color: var(--navy); margin: 0;
}

/* ---------- 事業アイコン（白丸7つ） ---------- */
.wcircle {
  width: 153.67px; height: 154.42px;
  background: #FFFFFF; border-radius: 50%;
  filter: drop-shadow(3.30366px 3.30366px 3.30366px rgba(0, 27, 68, 0.4));
}
.wc1 { left: 945px;     top: 436px; }
.wc2 { left: 1118.44px; top: 436px; }
.wc3 { left: 1291.88px; top: 436px; }
.wc4 { left: 1465.33px; top: 436px; }
.wc5 { left: 1031.72px; top: 608.37px; }
.wc6 { left: 1205.16px; top: 608.98px; }
.wc7 { left: 1378.61px; top: 608.98px; }

.wlabel {
  width: 127.69px; height: 34.15px;
  font-size: 16.5183px; line-height: 34px; font-weight: 500;
  letter-spacing: 0.1em; text-align: center; white-space: nowrap;
  color: var(--navy); margin: 0;
}
.wl1 { left: 958.36px;  top: 527.31px; }
.wl2 { left: 1132.55px; top: 527.31px; }
.wl3 { left: 1305.25px; top: 527.31px; }
.wl4 { left: 1478.69px; top: 527.31px; }
.wl5 { left: 1044.34px; top: 699.68px; }
.wl6 { left: 1217.78px; top: 700.29px; }
.wl7 { left: 1391.97px; top: 700.29px; }

/* 事業アイコン（Figmaの%指定を1920×7873基準でpx換算） */
.wicon-people { left: 997.63px;  top: 467.66px; width: 49.15px; height: 49.60px; }
.wicon-cup    { left: 1173.31px; top: 477.89px; width: 44.54px; height: 39.37px; }
.wicon-heart  { left: 1343.04px; top: 467.66px; width: 52.03px; height: 49.60px; }
.wicon-lawyer { left: 1514.30px; top: 467.66px; width: 56.45px; height: 49.60px; }
.wicon-beauty { left: 1087.49px; top: 641.65px; width: 41.47px; height: 40.15px; }
.wicon-pc     { left: 1259.33px; top: 645.59px; width: 45.31px; height: 41.73px; }
.wicon-trade  { left: 1432.70px; top: 645.59px; width: 45.31px; height: 41.73px; }

/* ============================================================================
   事業カード（7枚）
   Figmaの縦オートレイアウト（left:187 / top:1012 / gap:130）を展開した絶対座標
   ========================================================================== */
.bcard { left: 187px; width: 1563px; background: #FFFFFF; border-radius: 40px; }
.bc1 { top: 1012px;    height: 710px; }
.bc2 { top: 1852px;    height: 710px; }
.bc3 { top: 2695px;    height: 698px; }
.bc4 { top: 3525.15px; height: 722px; }
.bc5 { top: 4377.15px; height: 758px; }
.bc6 { top: 5268.15px; height: 698px; }
.bc7 { top: 6098.3px;  height: 758px; }

/* 写真（business_image_0X.png は写真＋装飾バーをフラット化した書き出し） */
.bimg { left: 831.46px; width: 942.14px; height: 703.15px; }
.bi1 { top: 1015px; }
.bi2 { top: 1855px; }
.bi3 { top: 2692px; }
.bi4 { top: 3535.15px; }
.bi5 { top: 4404.15px; }
.bi6 { top: 5265.15px; }
.bi7 { top: 6126.3px; }

/* テキストブロック */
.btext { }
/* top はFigma実数値から一律 -1px。Figmaとブラウザで行ボックス内の
   ベースライン位置が1px違うため、実測で補正している（全7枚とも同量）。 */
.bt1 { left: 270px; top: 1138px; width: 583px; }
.bt2 { left: 268px; top: 1950px; width: 627px; }
.bt3 { left: 270px; top: 2851px; width: 616px; }
.bt4 { left: 268px; top: 3612px; width: 601px; }
.bt5 { left: 268px; top: 4459px; width: 607px; }
.bt6 { left: 268px; top: 5406px; width: 618px; }
.bt7 { left: 268px; top: 6184px; width: 587px; }

.btag {
  display: block; height: 60px;
  font-size: 30px; line-height: 60px; font-weight: 500;
  letter-spacing: 0.1em; white-space: nowrap;
  color: var(--blue); margin: 0;
}
/* タグ(60px)＋タイトル(90px)のグループ高さがFigmaでは139pxのため、
   -11px 詰めて合わせている */
.btitle {
  display: block; height: 90px;
  font-size: 45px; line-height: 90px; font-weight: 500;
  letter-spacing: 0.1em; white-space: nowrap;
  color: var(--navy); margin: -11px 0 0;
}
/* 本文は段落間に1行空きが入る（Figmaの高さ287px=8行分などがそれを含む）。
   ブラウザはFigmaより1〜2文字多く収まってしまい行が変わるため、
   参照デザインの行どおりに <br> を明示し、自動折り返しは止めている。 */
.bbody {
  display: block;
  font-size: 18px; line-height: 36px; font-weight: 350;
  letter-spacing: 0.1em; white-space: nowrap;
  color: var(--navy); margin: 30px 0 0;
}

/* ---------- ブランドロゴ＋公式HPボタン（カード2 / 4 / 5 / 7） ---------- */
/* ロゴは .btext の中に入れている（SPでタイトルの右横に置くため）。
   座標は .btext 左上からの相対値＝元の絶対座標との差。
     blogo2: 332.5−268 / 2375−1950   blogo4: 319.5−268 / 4073−3612
     blogo5: 322.5−268 / 4956−4459   blogo7: 312.75−268 / 6681−6184 */
.blogo { position: absolute; }
.blogo2 { left: 64.5px;  top: 425px; width: 123px;    height: 86.86px; }
.blogo4 { left: 51.5px;  top: 461px; width: 69.09px;  height: 79.88px; }
.blogo5 { left: 54.5px;  top: 497px; width: 96px;     height: 96.53px; }
.blogo7 { left: 44.75px; top: 529.24px; width: 148.22px; height: 23.13px; }

.bbtn {
  width: 314px; height: 82px;
  background: var(--navy); border-radius: 117px;
}
.bbtn2 { left: 516.5px;  top: 2381px; }
.bbtn4 { left: 503.5px;  top: 4076.15px; }
.bbtn5 { left: 506.5px;  top: 4963.15px; }
.bbtn7 { left: 496.25px; top: 6684px; }

.bbtn .lbl {
  position: absolute;
  left: 61px; top: 18px;
  width: 169.81px; height: 38px;
  font-size: 21.375px; line-height: 43px; font-weight: 500;
  letter-spacing: 0.1em; text-align: center; white-space: nowrap;
  color: #FFFFFF;
}
/* 貿易部のボタンだけラベルが長く、文字サイズも18px */
.bbtn7 .lbl {
  left: 29px; width: 234px;
  font-size: 18px;
}
.bbtn .arw {
  position: absolute;
  left: 268px; top: 29px;
  width: 0; height: 0;
  border-left: 12px solid #FFFFFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* ============================================================================
   Entry / Contact 帯とフッターの縦位置（本体は css/style.css）
   ========================================================================== */
.ec-band  { top: 7056px; }
.ec-panel { top: 7129px; }
.ft       { top: 7431px; }