@charset "UTF-8";
/* =========================================================
   プライムス 会社概要ページ  company.css
   Figma PC 293:4013 (1920) / SP 446:3412 (375) 数値忠実
   style.css の後に読み込む。共通部品(.contact/.footer/.header)は流用。
   ========================================================= */

/* =========================================================
   下層ヒーロー  (mv 1920x430  bg #333 + 写真 c178f3a8)
   中央に Poppins64 英名 + Noto20 和名  gap30
   ========================================================= */
.page-mv{
  position:relative;
  width:100%;
  height:430px;
  overflow:hidden;
  background:#333333;
}
.page-mv::before{                 /* 背景写真 */
  content:"";position:absolute;inset:0;z-index:0;
  background:url(../img/company/c178f3a8.png) center/cover no-repeat;
  opacity:.55;                    /* #333 ベースに写真を重ねた見え方に合わせる */
}
.page-mv__copy{
  position:relative;z-index:1;
  height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:30px;
  text-align:center;
}
.page-mv__en{
  font:500 64px/64px var(--f-en);
  color:var(--c-white);
  margin-top:-9px;margin-bottom:-10px;   /* leading-trim 64/64 */
}
.page-mv__jp{
  font:500 20px/24px var(--f-jp);
  color:var(--c-white);
  margin-top:-6px;margin-bottom:-7px;     /* leading-trim 20/24 */
}

/* =========================================================
   会社情報テーブル
   container 1200 / padTop100 / padBottom150
   行: ラベル250(#f0f6ff,700/14/#5689d5,中央) + 値950(#fff/0.5,400/14/#333)
   行間に上ボーダー #5689d5 0.5px / 最終行は下にも
   ========================================================= */
.company{position:relative;background:var(--c-white);overflow:hidden}
.company__inner{
  position:relative;z-index:1;
  width:1200px;margin:0 auto;
  padding:100px 0 150px;
}
/* 右側のうっすら青い装飾ブロブ (Figma: 4-7-8 Breathing Technique, blur30) */
.company__blob{
  position:absolute;z-index:0;
  top:-88px;left:560px;width:1920px;height:1920px;
  background:url(../img/top/business-texture.png) center/cover no-repeat;
  filter:blur(30px);opacity:.5;pointer-events:none;
}

.info{display:flex;flex-direction:column}
.info__row{
  display:flex;align-items:stretch;
  border-top:.5px solid var(--c-blue-400);
}
.info__row--last{border-bottom:.5px solid var(--c-blue-400)}

.info__label{
  flex:0 0 250px;width:250px;
  display:flex;align-items:center;justify-content:center;
  padding:30px 40px;
  background:var(--c-bg-blue);
  font:700 14px/28px var(--f-jp);
  color:var(--c-blue-400);
  text-align:center;
}
.info__val{
  flex:1 1 auto;
  background:rgba(255,255,255,.50);
  padding:41px 40px;                 /* pad50 - leading-trim18 ≒ 41。lh28で各行高がFigma一致 */
  font:400 14px/28px var(--f-jp);
  color:var(--c-text);
}
.info__val--inter{font-family:var(--f-inter)}

/* 中央寄せ行 (会社名 / 代表取締役 / 営業時間) */
.info__row--center .info__val{text-align:center}

/* 地図行 (本社所在地 / 千葉センター所在地) : 縦並び gap30, pad50/40 */
.info__row--map .info__val{
  display:flex;flex-direction:column;gap:30px;
  padding:50px 40px;
}
.info__addr{margin-top:-7px;margin-bottom:-11px}   /* leading-trim jp14/28 */
.info__map{width:870px;max-width:100%;height:200px;line-height:0;font-size:0}
.info__map iframe{display:block;width:100%;height:100%;border:0}
/* 千葉センター: QR(/company/#chiba)の着地点。固定ヘッダー(top30+82)分を空ける */
#chiba{scroll-margin-top:132px}
.info__photo{margin:0;width:400px;max-width:100%;line-height:0}
.info__photo img{display:block;width:100%;height:auto;border-radius:4px}
@media (max-width:768px){#chiba{scroll-margin-top:84px}}

/* 現在登録一覧 : 縦並び gap30 + 注記(12px #2c438e/0.30) */
.info__row--reg .info__val{
  display:flex;flex-direction:column;gap:30px;
  padding:50px 40px;
}
.info__row--reg .info__val>p{margin-top:-7px;margin-bottom:-11px}
.info__note{
  font:400 14px/28px var(--f-inter);
  color:var(--c-text);   /* 10/13 薄くて読みにくいとの指摘で本文と同じ色・大きさに（旧 12px rgba(44,67,142,.30)） */
}

/* =========================================================
   @media SP (max-width:768px)  ※375専用フレーム 446:3412 準拠
   ヒーロー280 / container335(20余白) / padT80 padB80
   行: ラベル横帯(pad20/40 中央) の下に 値帯(縦積み)
   ========================================================= */
@media (max-width:768px){
  /* ---- ヒーロー (mv 375x280) ---- */
  .page-mv{height:280px}
  .page-mv__copy{gap:16px}
  .page-mv__en{font-size:36px;line-height:36px;margin-top:-5px;margin-bottom:-6px}
  .page-mv__jp{font-size:14px;line-height:20.27px;margin-top:-5px;margin-bottom:-5px}

  /* ---- テーブル ---- */
  .company__inner{width:auto;padding:80px 20px}
  .company__blob{top:0;left:-188px;width:750px;height:750px}

  /* 行=縦積み(ラベル帯→値帯)。横ボーダーは行の上辺。
     SPは縦積みなのでラベル・値の両方が行高に効く→leading-trim分(9px)をpaddingで相殺。 */
  .info__row{flex-direction:column;align-items:stretch}
  .info__label{
    flex:none;width:auto;
    justify-content:center;
    padding:11px 40px;             /* Figma pad20 - trim9 → 帯 h50 (20+10+20) */
  }
  .info__val{
    padding:21px 40px;             /* Figma pad30 - trim9 → 単行 h70 (30+10+30) */
  }

  /* SP は中央寄せ行も左寄せ (Figma SP: 値テキスト LEFT) */
  .info__row--center .info__val{text-align:left}
  /* 例外: 会社名・代表取締役は1行なので中央のままで可だが、Figma SPは左。LEFT統一 */

  /* 地図行 SP : 値 縦並び gap30 pad30/40, 地図255幅 */
  .info__row--map .info__val{padding:30px 40px;gap:30px}
  .info__map{width:255px;height:200px}

  .info__row--reg .info__val{padding:30px 40px;gap:30px}
}