.p-company-decor {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  user-select: none;
}

.p-company-decor img {
  position: absolute;
  max-width: none;
  height: auto;
  transform-origin: 0 0;
  will-change: translate; /* パララックスで毎フレーム動かすので、GPU の層にしてガタつきを抑える（common.js。foliage.css と同じ） */
}

.p-company-decor--sp {
  display: none;
}

/* PC leaves scale with the 1440px artboard. SP leaves keep the 375px artboard
size in px, anchored to the centre, as in foliage.css. */

.p-company-decor__20975 {
  left: 53.44496%;
  top: calc(-47.07319cqw * var(--cqw-scale));
  width: 48.00891%;
  transform: matrix(0.5, 0.86603, -0.86603, 0.5, 0, 0);
}

.p-company-decor__20976 {
  left: 47.22208%;
  top: calc(-45.4861cqw * var(--cqw-scale));
  width: 56.25%;
}

.p-company-decor__23623 {
  left: calc(50% - 16.53px);
  top: -216.59px;
  width: 216.48px;
  transform: matrix(0.70711, 0.70711, -0.70711, 0.70711, 0, 0);
}

.p-company-decor__23624 {
  left: calc(50% - 2.52px);
  top: -134px;
  width: 212.03px;
}

.p-company-decor__20977 {
  left: 28.57653%;
  top: calc(-36.44695cqw * var(--cqw-scale));
  width: 56.25%;
  transform: matrix(0.96593, 0.25882, -0.25882, 0.96593, 0, 0);
}

.p-company-decor__23622 {
  left: calc(50% - 195.56px);
  top: -130.54px;
  width: 282.23px;
  transform: matrix(0.96593, 0.25882, -0.25882, 0.96593, 0, 0);
}

/* Figma layer order: intro panel, pack, cards (2479:20987 / 21043 / 21048). */
.p-company-decor--pack {
  z-index: 2;
}

.p-company-index .p-company-intro {
  z-index: 1;
}

.p-company-index .p-company-grid {
  z-index: 3;
}

/* Figma exports from Kaneda include rotation and both shadow layers.
Lower decorations retain this site's content-relative link-section anchor. */
/* 縦位置は、ロゴ（special.css の .p-company-logos）の下端からの距離で決める。
   ロゴの位置は px の余白（上 150px・タグ 29px・間隔 10px・下 40px・枠の内側 40px）と cqw で縮む見出し・ロゴの高さの和なので、
   cqw だけで置くと、狭い幅（1000〜1439px）ほど袋がロゴに上がって重なる（Asana「気になる：SPECIALで商品画像とロゴ画像がかぶる」）。
   ロゴの下端 = 223.9px + 16.745cqw（1440px で 465px）。そこから -2.361cqw（1440px で -34px。袋の上の透明な部分）に置く。
   1440px 以上は、1440px のときの位置（431px）を base.css の zoom で拡大する */
.p-company-decor__pack {
  left: 0.208333%;
  top: calc(223.9px + 14.384cqw * var(--cqw-scale));
  width: 35.555556%;
}

.p-company-decor__bottle {
  left: 71.458333%;
  top: calc(-40.6404cqw * var(--cqw-scale));
  width: 28.680556%;
}

@media (max-width: 999px) {
  .p-company-decor--pc {
    display: none;
  }
  .p-company-decor--sp {
    display: block;
  }
  /* SP は葉と同じく 375px 基準の固定寸法・中央基準 */
  .p-company-decor__bottle {
    left: calc(50% + 60.5px);
    top: -187.47px;
    width: 133px;
  }
}