/* -----------------------
  concierge
----------------------- */
.concierge{
  position: relative;
  background: #9f9ea5;
}
.concierge p,
.concierge h2{
  position: relative;
  z-index: 2;
}
.concierge video {
  position: absolute;
  top: 0;
  left: 0;
  width: min(calc(750/750 * 100vw), 750px);
  height: min(calc(1000/750 * 100vw), 1000px);
  object-position: center 100%;
  object-fit: cover;
  z-index: 0;
  background: transparent; /* ←背景色は親に任せる */

  /* ▼ここがポイント：下方向にフェードするマスク */
  -webkit-mask-image: linear-gradient(to bottom, #000 60%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom, #000 60%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}