/* company-info-comp-info.css — ベースライン(自動読込・module-base.css前提)。編集せず上書きで調整。 */
@charset "UTF-8";

.comp_info {
  background-image: url(@@A@@images/comp-info-bg-1.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.comp_info .container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 1% 1%;
}
.comp_info .comp_img > .row {
  padding: 5% 0;
}
.comp_info .comp_wrap {
  background: rgba(0, 0, 0, 0.7);
  /* ★黒オーバーレイ(上のrgba)前提なので文字は白で固定する(2026-07-24)。
     元は var(--color-on-primary) だったが、これは「primary色の面に乗る文字」用で、
     primaryが明るい金色のサイトでは #111(黒) に解決され、黒オーバーレイ上に黒文字=
     読めない(実測 比1.11)。濃色primaryのサイトでは偶然白=バグが露見しなかった。
     暗面の文字なので #fff 固定(白/黒は意図明確=契約C3の温存対象)。 */
  color: #fff;
  padding: 5%;
}
/* module-base の dt/dd 既定色(#111)が【直接指定】で継承(.comp_wrap の白)を破るため、
   子孫にも明示展開して詳細度で勝たせる。 */
/* !important が要る: 同ファイルの .comp_info_read/.comp_info_text が heading-ink を
   !important で当てており(白背景前提のルール)、黒オーバーレイ上では白が正しい。 */
.comp_info .comp_wrap dt,
.comp_info .comp_wrap dd,
.comp_info .comp_wrap p,
.comp_info .comp_wrap li,
.comp_info .comp_wrap a,
.comp_info .comp_wrap .comp_info_read,
.comp_info .comp_wrap .comp_info_text,
.comp_info .comp_wrap .comp_info_address dt,
.comp_info .comp_wrap .comp_info_address dd { color: #fff !important; }
.comp_info .comp_info_text {
  margin-top: 5%;
}
.comp_info .comp_info_address {
  border-top: 1px solid #fff;
}
.comp_info .comp_map_canvas {
  width: 100%;
  overflow: hidden;
  height: 100%;
}