@charset "UTF-8";
/* =====================
   署名画像本体（CSS背景で表示）
===================== */
.sign-wrap {
  position: relative;
  display: inline-block;
  width: 280px; /* 任意 */
  height: 85px;
  overflow: hidden;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .sign-wrap {
    width: 200px; /* 任意 */
    height: 85px;
  }
}

.sign-image {
  width: 100%;
  height: 100%;

  /* ← ここに署名画像 */
  background-image: url(/profile/message/assets/img/img-ceo-sign.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  /* スマホ長押し防止 */
  -webkit-touch-callout: none;

  /* 選択禁止 */
  -webkit-user-select: none;
  user-select: none;

  /* ドラッグ禁止 */
  -webkit-user-drag: none;
  user-drag: none;

  /* クリック無効 */
  pointer-events: none;
}

/* =====================
   透明オーバーレイ
===================== */
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0); /* 完全透明 */

  /* 操作をこっちで受ける */
  cursor: default;
}

/* =====================
   念のため全体にも適用（強化）
===================== */
.sign-wrap,
.sign-wrap * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}