/* 静的HTML変換用の修正CSS */

/* ============================
   1. 基本リセット
   ============================ */

/* アニメーション待ちの非表示を解除 */
.elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
}

/* デフォルトのテキスト色を確保（白背景の場合） */
.elementor .elementor-widget-text-editor,
.elementor .elementor-widget-text-editor p,
.elementor .elementor-widget-heading .elementor-heading-title {
  color: #1e293b;
}

/* ============================
   2. ヘッダー
   ============================ */
.ast-primary-header-bar {
  background-color: #111111 !important;
}
.ast-primary-header-bar a,
.ast-primary-header-bar .menu-link,
.site-title a,
.ast-site-title-wrap a {
  color: #FFFFFF !important;
}
.ast-primary-header-bar a:hover {
  color: #046bd2 !important;
}

/* ============================
   3. ヒーロー（トップ画像セクション）
   ============================ */
.elementor-element-25d9082 {
  background-image: url('wp-content/uploads/2024/03/23041305_m.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
}
.elementor-element-25d9082::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: rgba(17, 17, 17, 0.55) !important;
  z-index: 0 !important;
}
.elementor-element-25d9082 > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
}
/* モバイル版ヒーロー */
.elementor-element-164d2fa {
  background-image: url('wp-content/uploads/2024/03/23041305_m.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
}
.elementor-element-164d2fa::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: rgba(17, 17, 17, 0.55) !important;
  z-index: 0 !important;
}
.elementor-element-164d2fa > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
}

/* ヒーロー内テキスト → 白 */
.elementor-element-25d9082 .elementor-heading-title,
.elementor-element-25d9082 .elementor-text-editor,
.elementor-element-25d9082 .elementor-text-editor p,
.elementor-element-25d9082 .elementor-widget-container,
.elementor-element-164d2fa .elementor-heading-title,
.elementor-element-164d2fa .elementor-text-editor,
.elementor-element-164d2fa .elementor-text-editor p,
.elementor-element-164d2fa .elementor-widget-container {
  color: #FFFFFF !important;
}

/* ============================
   4. MESSAGE セクション (23bafd1)
   白背景・暗いテキスト
   ============================ */
.elementor-element-23bafd1 {
  background-color: #FFFFFF !important;
}
.elementor-element-23bafd1 .elementor-heading-title {
  color: #1e293b !important;
}
.elementor-element-23bafd1 .elementor-text-editor,
.elementor-element-23bafd1 .elementor-text-editor p,
.elementor-element-23bafd1 .elementor-widget-container {
  color: #334155 !important;
}

/* ============================
   5. SERVICE セクション (cee157b) - #131313暗い背景
   ============================ */
.elementor-element-cee157b {
  background-color: #131313 !important;
}
.elementor-element-cee157b .elementor-heading-title,
.elementor-element-cee157b .elementor-text-editor,
.elementor-element-cee157b .elementor-text-editor p,
.elementor-element-cee157b .elementor-widget-container {
  color: #FFFFFF !important;
}

/* ============================
   6. 事業紹介セクション (90c0557, 0848576, fc55fe6, 217e23a)
   左右分割：画像 + テキスト（白背景側）
   ============================ */
.elementor-element-90c0557,
.elementor-element-0848576,
.elementor-element-fc55fe6,
.elementor-element-217e23a {
  background-color: #FFFFFF !important;
}
.elementor-element-90c0557 .elementor-heading-title,
.elementor-element-0848576 .elementor-heading-title,
.elementor-element-fc55fe6 .elementor-heading-title,
.elementor-element-217e23a .elementor-heading-title {
  color: #1e293b !important;
}
.elementor-element-90c0557 .elementor-text-editor,
.elementor-element-90c0557 .elementor-text-editor p,
.elementor-element-0848576 .elementor-text-editor,
.elementor-element-0848576 .elementor-text-editor p,
.elementor-element-fc55fe6 .elementor-text-editor,
.elementor-element-fc55fe6 .elementor-text-editor p,
.elementor-element-217e23a .elementor-text-editor,
.elementor-element-217e23a .elementor-text-editor p {
  color: #334155 !important;
}

/* Title01-04 (子テキスト) */
.elementor-element-2093811 .elementor-heading-title,
.elementor-element-3a13e60 .elementor-heading-title,
.elementor-element-aecd0a0 .elementor-heading-title,
.elementor-element-d6eb2b2 .elementor-heading-title {
  color: #1e293b !important;
}

/* ============================
   7. 不動産セクション (3d4bf5c)
   ============================ */
.elementor-element-3d4bf5c {
  background-color: #FFFFFF !important;
}
.elementor-element-3d4bf5c .elementor-heading-title {
  color: #1e293b !important;
}
.elementor-element-3d4bf5c .elementor-text-editor,
.elementor-element-3d4bf5c .elementor-text-editor p {
  color: #334155 !important;
}

/* ============================
   8. REAL ESTATE INFORMATION (e87805a) - 暗い背景
   ============================ */
.elementor-element-e87805a {
  background-color: #141414 !important;
}
.elementor-element-e87805a .elementor-heading-title,
.elementor-element-e87805a .elementor-text-editor,
.elementor-element-e87805a .elementor-text-editor p,
.elementor-element-e87805a .elementor-widget-container {
  color: #FFFFFF !important;
}

/* ============================
   9. ONLINESTORE セクション (a253b15)
   ============================ */
.elementor-element-a253b15 {
  background-color: #FFFFFF !important;
}
.elementor-element-a253b15 .elementor-heading-title {
  color: #1e293b !important;
}

/* ============================
   10. ABOUT セクション (4a8967a, afb1535)
   ============================ */
.elementor-element-4a8967a {
  background-color: #FFFFFF !important;
}
.elementor-element-4a8967a .elementor-heading-title {
  color: #1e293b !important;
}
.elementor-element-4a8967a .elementor-text-editor,
.elementor-element-4a8967a .elementor-text-editor p {
  color: #334155 !important;
}
.elementor-element-afb1535 {
  background-color: #FFFFFF !important;
}
.elementor-element-afb1535 .elementor-heading-title,
.elementor-element-afb1535 .elementor-text-editor,
.elementor-element-afb1535 .elementor-text-editor p {
  color: #1e293b !important;
}
/* ABOUTの項目リスト(アイコンボックス) */
.elementor-element-afb1535 .elementor-icon-box-title,
.elementor-element-afb1535 .elementor-icon-box-description,
.elementor-element-afb1535 .elementor-icon-box-content {
  color: #1e293b !important;
}

/* ============================
   11. CONTACT セクション (234de5c, 77d3ddb)
   ============================ */
.elementor-element-234de5c {
  background-color: #111111 !important;
}
.elementor-element-234de5c .elementor-heading-title,
.elementor-element-234de5c .elementor-text-editor,
.elementor-element-234de5c .elementor-text-editor p,
.elementor-element-234de5c .elementor-widget-container {
  color: #FFFFFF !important;
}
/* コンタクト内アイコンボックス */
.elementor-element-234de5c .elementor-icon-box-title,
.elementor-element-234de5c .elementor-icon-box-description,
.elementor-element-234de5c .elementor-icon-box-content {
  color: #FFFFFF !important;
}
.elementor-element-234de5c .elementor-icon-box-icon .elementor-icon {
  color: #046bd2 !important;
  fill: #046bd2 !important;
}

.elementor-element-77d3ddb {
  background-color: #111111 !important;
}
.elementor-element-77d3ddb .elementor-heading-title,
.elementor-element-77d3ddb .elementor-text-editor,
.elementor-element-77d3ddb .elementor-text-editor p,
.elementor-element-77d3ddb .elementor-widget-container {
  color: #FFFFFF !important;
}

/* ============================
   12. フッター (7912decb)
   ============================ */
.elementor-element-7912decb {
  background-color: #111111 !important;
}
.elementor-element-7912decb .elementor-heading-title,
.elementor-element-7912decb .elementor-text-editor,
.elementor-element-7912decb .elementor-text-editor p,
.elementor-element-7912decb .elementor-widget-container,
.elementor-element-7912decb a {
  color: #cccccc !important;
}
.site-footer,
.site-footer a,
.site-footer p,
.ast-small-footer,
.ast-footer-overlay {
  background-color: #111111 !important;
  color: #cccccc !important;
}

/* ============================
   13. 全般的なアイコンボックス修正
   ============================ */
/* 暗い背景上のアイコンボックス */
.elementor-element-721b87ff .elementor-icon-box-title,
.elementor-element-721b87ff .elementor-icon-box-description,
.elementor-element-51382e85 .elementor-icon-box-title,
.elementor-element-51382e85 .elementor-icon-box-description,
.elementor-element-309b4e58 .elementor-icon-box-title,
.elementor-element-309b4e58 .elementor-icon-box-description {
  color: #FFFFFF !important;
}

/* ============================
   14. ボタンスタイル
   ============================ */
.elementor-button {
  background-color: #046bd2 !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  display: inline-block !important;
}
.elementor-button:hover {
  background-color: #045cb4 !important;
}
/* 暗い背景の送信ボタン */
.elementor-element-080eea1 .elementor-button {
  background-color: #046bd2 !important;
  color: #FFFFFF !important;
}

/* ============================
   15. フォーム要素
   ============================ */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpforms-field input,
.wpforms-field textarea {
  background-color: #1e293b !important;
  color: #FFFFFF !important;
  border: 1px solid #334155 !important;
  padding: 10px !important;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder,
.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder {
  color: #94a3b8 !important;
}
.wpcf7-form label,
.wpforms-field-label {
  color: #FFFFFF !important;
}

/* ============================
   16. テキストの可読性
   ============================ */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  line-height: 1.8 !important;
}

/* 画像の最大幅 */
.elementor-widget-image img {
  max-width: 100% !important;
  height: auto !important;
}

/* ============================
   17. セクション区切り線
   ============================ */
.elementor-widget-divider .elementor-divider-separator {
  border-top-color: #D1D5DB !important;
}

/* ============================
   18. 白背景セクション内の白テキスト修正（包括的）
   ============================ */
/* 白/明るい背景のセクション内で白テキストになっている要素を暗い色に */
.elementor-element-5d2f000 .elementor-heading-title,
.elementor-element-e3e8a19 .elementor-heading-title {
  color: #FFFFFF !important; /* これらは青背景(#046bd2)上なので白のまま */
}
.elementor-element-5d2f000 .elementor-text-editor,
.elementor-element-5d2f000 .elementor-text-editor p,
.elementor-element-e3e8a19 .elementor-text-editor,
.elementor-element-e3e8a19 .elementor-text-editor p {
  color: #FFFFFF !important; /* 青背景上 */
}

/* Content Viewsの投稿カード */
.pt-cv-wrapper .pt-cv-title a,
.pt-cv-wrapper .pt-cv-content {
  color: #1e293b !important;
}

/* ============================
   19. レスポンシブ
   ============================ */
@media (max-width: 767px) {
  .elementor-element-25d9082 {
    min-height: 500px !important;
  }
  .elementor-element-4de063c .elementor-heading-title {
    font-size: 24px !important;
  }
}

/* ============================
   20. 会社情報テーブル
   ============================ */
#table01 {
  width: 100% !important;
  background-color: rgba(30, 41, 59, 0.9) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border-collapse: collapse !important;
  margin: 20px 0 !important;
}
#table01 th,
#table01 td {
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  text-align: left !important;
  color: #FFFFFF !important;
  vertical-align: top !important;
}
#table01 th {
  width: 140px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  color: #94a3b8 !important;
}

/* ============================
   21. お問い合わせフォーム
   ============================ */
.wpcf7-form label {
  color: #FFFFFF !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100% !important;
  background-color: #1e293b !important;
  color: #FFFFFF !important;
  border: 1px solid #475569 !important;
  border-radius: 4px !important;
  padding: 10px 12px !important;
  margin-bottom: 16px !important;
  font-size: 14px !important;
}
.wpcf7-form input[type="submit"] {
  background-color: #046bd2 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 40px !important;
  cursor: pointer !important;
  font-size: 16px !important;
}

/* ============================
   22. 不動産物件カード
   ============================ */
.pt-cv-content-item {
  margin-bottom: 20px !important;
}
.pt-cv-title a {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.pt-cv-thumbnail {
  border-radius: 4px !important;
}

/* ============================
   23. 事業紹介アイコンボックス - 白背景に暗いテキスト
   ============================ */
/* AUTO GARAGE UNION */
.elementor-element-5ccc51e .elementor-icon-box-title,
.elementor-element-5ccc51e .elementor-icon-box-title span,
.elementor-element-5ccc51e .elementor-icon-box-description {
  color: #1e293b !important;
}
/* UNION REAL ESTATE (デスクトップ) */
.elementor-element-5615dfc .elementor-icon-box-title,
.elementor-element-5615dfc .elementor-icon-box-title span,
.elementor-element-5615dfc .elementor-icon-box-description {
  color: #1e293b !important;
}
/* UNION REAL ESTATE (モバイル) */
.elementor-element-a3ce0b6 .elementor-icon-box-title,
.elementor-element-a3ce0b6 .elementor-icon-box-title span,
.elementor-element-a3ce0b6 .elementor-icon-box-description {
  color: #1e293b !important;
}
/* BAR UNION */
.elementor-element-797371c .elementor-icon-box-title,
.elementor-element-797371c .elementor-icon-box-title span,
.elementor-element-797371c .elementor-icon-box-description {
  color: #1e293b !important;
}
/* 不動産セクション見出し */
.elementor-element-145b6e7 .elementor-icon-box-title,
.elementor-element-145b6e7 .elementor-icon-box-title span,
.elementor-element-145b6e7 .elementor-icon-box-description {
  color: #1e293b !important;
}
/* オンラインストア見出し */
.elementor-element-fd5d867 .elementor-icon-box-title,
.elementor-element-fd5d867 .elementor-icon-box-title span,
.elementor-element-fd5d867 .elementor-icon-box-description {
  color: #1e293b !important;
}
/* ABOUT見出し */
.elementor-element-4384ec5 .elementor-icon-box-title,
.elementor-element-4384ec5 .elementor-icon-box-title span,
.elementor-element-4384ec5 .elementor-icon-box-description {
  color: #1e293b !important;
}

#table01 td a {
  color: #7dd3fc !important;
}
