/* ==========================================================================
   D.D CREST 可読性の改善（2026-08-03 / X-knock）

   既存デザインのレイアウト・色・構成は一切変更しない。
   Elementorキット（post-193.css）が持つタイポグラフィのCSS変数だけを上書きする。

   変更前の実測値
     本文サイズ  PC 14px ／ タブレット 16px ／ SP 14px
     行間        1.6em（全ブレークポイント共通）
     ※日本語本文の適正は 16〜17px ／ 行間 1.8〜2.0

   個別要素のセレクタには一切触れていないため、
   このファイルを読み込まなければ即座に元の状態へ戻る。
   ========================================================================== */

.elementor-kit-193 {
	/* PC: 14px → 16px */
	--e-global-typography-text-font-size: 16px;
	/* 行間: 1.6em → 1.8em */
	--e-global-typography-text-line-height: 1.8em;

	/* 本文の文字色 #8B8B8B → #C9C9C9
	   黒背景に対するコントラスト比は 6.02 → 12.19。
	   6.02は最低基準（4.5）こそ満たすものの、長い日本語の文章では薄く感じる。
	   見出しに使われている #D1D1D1 に寄せて、本文だけが沈まないようにする。 */
	--e-global-color-text: #c9c9c9;
}

/* 本文ウィジェット（テキストエディタ）は、ページ個別CSSが要素ごとに #8B8B8B を
   直接指定しているため、上のグローバル変数だけでは色が変わらなかった。
   黒背景に置かれている本文だけを対象に、変数と同じ #C9C9C9 へ揃える。
   ※白背景の帯にある文字は別途下で指定しており、ここでは対象にならない。 */
.elementor-kit-193 .elementor-widget-text-editor p,
.elementor-kit-193 .elementor-widget-text-editor {
	color: #c9c9c9;
}

/* --------------------------------------------------------------------------
   白背景の帯（ニュース・コラム）にある文字の読みやすさ

   このページは黒基調だが、ニュースとコラムの区画だけ背景が白い。
   そこに黒背景向けの薄い文字色がそのまま使われており、以下のように
   基準（本文4.5 / 大きな文字3.0）を下回っていた。

     記事タイトル（ニュース）  #BD9769 比2.69
     記事タイトル（コラム）    #8B8B8B 比3.41
     日付                      #ADADAD 比2.24
     View All / Load More      #BD9769 / #8B8B8B 比2.69 / 3.41

   金色は色味を保ったまま濃くした #8A6A3A（比5.00）に置き換える。
   黒背景側の金色 #BD9769 には触れていない。
   -------------------------------------------------------------------------- */
.elementor-kit-193 .elementor-post__excerpt p {
	color: #5f5f5f;
}

.elementor-kit-193 .elementor-post__title a {
	color: #8a6a3a;
}

.elementor-kit-193 .elementor-post-date {
	color: #6b6b6b;
}

.elementor-kit-193 .jkit-postlist-title {
	color: #4a4a4a;
}

.elementor-kit-193 .jkit-block-loadmore a {
	color: #5f5f5f;
}

/* 白帯にある「View All」（ニュース側 a7f7502）だけを濃くする。
   同じ「View All」でも黒帯にあるもの（物件側 19bdf28）は #BD9769 のまま残す。 */
.elementor-kit-193 .elementor-element.elementor-element-a7f7502 .elementor-button-text {
	color: #8a6a3a;
}

/* コラム一覧の「Load More」。テーマ側の指定に勝つため要素を重ねて指定する */
.elementor-kit-193 .jkit-block-loadmore a.jkit-button,
.elementor-kit-193 .jkit-pagination-button.jkit-block-loadmore a {
	color: #5f5f5f;
}

/* 「会社概要を見る」ボタン。金色の地に白文字で比2.69と読みにくかった。
   文字は白のままにし、地の金色だけ濃くして比4.99にする。 */
.elementor-kit-193 .elementor-element.elementor-element-333a2ba .elementor-button {
	background-color: #8a6a3a;
}

/* タブレットは元から16px。行間のみ継承させる（変数は親から降りてくるため記述不要だが、
   キット側が同メディアクエリで font-size を再宣言しているため明示しておく） */
@media (max-width: 1024px) {
	.elementor-kit-193 {
		--e-global-typography-text-font-size: 16px;
		--e-global-typography-text-line-height: 1.8em;
	}
}

/* SP: 14px → 16px */
@media (max-width: 767px) {
	.elementor-kit-193 {
		--e-global-typography-text-font-size: 16px;
		--e-global-typography-text-line-height: 1.8em;
	}
}