@charset "utf-8";
/* =========================
   物件情報ページ 更新中
   h2幅に完全一致させる最終版
========================= */

/* ページ本体 */
.property-contact {
  max-width: 720px;
  margin: 0 auto;
  padding: clamp(96px, 10vw, 144px) 20px;
  text-align: center;

  display: flex;
  justify-content: center;
}

/* h2基準の箱 */
.contact-box {
  display: inline-block; /* ← 幅＝中身（h2） */
}

/* 見出し */
.contact-box h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #1f2937;
}

/* 説明文 */
.contact-box p {
  max-width: 560px;
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  margin: 0 auto 40px;
}

/* =========================
   電話番号（共通）
========================= */
.contact-box .tel-link {
  display: block;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
}

/* =========================
   SP：電話ボタン（イエロー・影弱め）
========================= */
@media (max-width: 1023px) {
  .contact-box .tel-link {
    font-size: 22px;
    padding: 20px 40px;
    color: #1f2937;
    background: linear-gradient(180deg, #fde047 0%, #facc15 100%);
    border-radius: 12px;

    /* 影を弱める */
    box-shadow: 0 6px 14px rgba(250, 204, 21, 0.22);
  }

  .contact-box .tel-link:active {
    transform: scale(0.98);
    box-shadow: 0 4px 10px rgba(250, 204, 21, 0.25);
  }
}

/* =========================
   PC：85%サイズ＋h2完全一致罫線
========================= */
/* PC：上下中央寄せ＋フッター考慮 */
@media (min-width: 1024px) {
  .property-contact {
    min-height: calc(100vh - 663.6px);

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .contact-box .tel-link {
    pointer-events: none;
    cursor: default;

    font-size: 28px;
    color: #111;

    padding: 20px 0;
    border-top: 2px solid #e5e7eb;
    border-bottom: 2px solid #e5e7eb;
  }
}

/* =========================
   改行制御
   SPのみ <br> を有効
========================= */

/* デフォルト：改行しない（PC） */
.property-contact br {
  display: none;
}

/* SPのみ：改行を有効 */
@media (max-width: 1023px) {
  .property-contact br {
    display: inline;
  }
}

/* =========================
   フリーダイヤルマーク追加
========================= */
.contact-box .tel-link::before {
  content: "📞";
  display: inline-block;
  margin-right: 0.4em;
  font-size: 0.95em;
  vertical-align: middle;
}