/* ==========================================================================
   ★全体のサイズ調整（2026-08-04 追記）

   14インチのノートPC（幅1440 / 高さ900）で確認したところ、ページ全高が
   10,801px＝約12スクリーン分あり、画像も大きく情報が頭に入りにくい状態だった。

   計測した内訳（高さ）
     ニュース＋コラム帯 2,195   ← カード509px（抜粋が長い）
     事業内容           1,822   ← 写真380px × 3行
     私たちを選ぶ理由   1,577   ← 画像630px
     取扱物件           1,395   ← カード300px
     メディア・著名人   1,202   ← 動画379px

   文字サイズは読みやすさのために上げたばかりなので下げない。
   縮めるのは「画像の高さ」と「余白」に絞る。
   このファイルの末尾に、圧縮の指定をまとめている（「サイズ圧縮」の節）。
   ========================================================================== */

/* ==========================================================================
   D.D CREST TOPページ セクション整備（2026-08-04 / X-knock）

   狙い：見出しのHTML構造（h2）をSEO的に正しくしつつ、見た目は既存デザインを維持する。

   ★重要な前提（2026-08-04の検証で判明）
     このサイトの見出しは、Elementorの「要素別スタイル」が無いものが多く、
     その場合はテーマのタグ別スタイル（h2/h3/h4…）が効く。
     つまりタグを差し替えると見た目が変わる。
     よって「タグを正す」変更は、必ずこのファイルでサイズ・行間・余白を
     元の値に固定する記述とセットで行うこと。

   ========================================================================== */

/* --------------------------------------------------------------------------
   セクション①：メディア・著名人（YouTube）
     変更前：div / 14px / 太字700 / 行間21px / 白
     変更後：h2 に変更。ただし見た目は他セクション見出し
             （「厳選された物件だけをご紹介」= 21px / 700 / 行間1.5）に合わせる。
             14pxはセクション見出しとして小さすぎたため、既存の見出し基準へ揃える。
   -------------------------------------------------------------------------- */
/* ★詳細度について（2026-08-04の検証で判明）
   ページ個別CSS（post-3928.css）は
     .elementor-3928 .elementor-element.elementor-element-XXXX .elementor-heading-title
   という4クラス構成で書かれている。単純な2クラス指定では負けて反映されない。
   !important を使わずに勝たせるため、body側の .elementor-kit-193 を先頭に足して5クラスにする。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-fc823ff .elementor-heading-title {
	/* セクション見出しの基準サイズ。H1(40px)の下位として28pxを採用する。
	   他セクションの見出しは現状21pxだが、各セクションを整備する際に順次28pxへ揃えていく。 */
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: normal;
	/* 白地に反転したため黒（比17.40） */
	color: #1a1a1a;
	/* h2のブラウザ既定マージンでレイアウトがずれるのを防ぐ */
	margin: 0;
}

/* ★配色について
   このセクションも事業内容と同じく白地・黒文字にする。
   著名人の動画は最も読ませたい根拠のひとつであり、明るい面で視線を止める狙い。
   セクションの外枠（25e7685）に白を敷き、中の文字色をすべて暗い側へ反転させる。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 {
	background-color: #ffffff;
	padding-top: 64px;
	padding-bottom: 64px;
}

/* 見出しの下に添えるリード文（新規追加） */
.dd-section-lead {
	/* 見出しを28pxに上げたぶん、余白も少し広げてまとまりを保つ */
	/* 下の余白は、リード文と動画グリッドが詰まって見えないよう確保する */
	margin: 12px 0 14px;
	/* 1行が長すぎると日本語は読みにくいため、行の長さを抑える */
	max-width: 680px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	color: #333333;
}

/* --------------------------------------------------------------------------
   セクション③：実績（ドバイ不動産に投資・経営のことなら／累計800件）
     h4  → h2   セクション見出し。サイズのみ21px→28pxへ統一（他は変えない）
     h5  → h3   小見出し。16pxのまま
     h3  → div  「+」は数字の装飾で見出しではない。46pxのまま
     h6  → p    カウンターのラベル。18pxのまま
   -------------------------------------------------------------------------- */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-9195602 .elementor-heading-title {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
	color: #d1d1d1;
	margin: 0;
}

.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-678e30f .elementor-heading-title {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	color: #d1d1d1;
	margin: 0;
}

/* 「+」は背景グラデーションを文字に抜く指定（文字色は透明）のため、色には触れない */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b24dd3a .elementor-heading-title {
	font-size: 46px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0;
}

.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-1dac4f7 .elementor-heading-title {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	color: #d1d1d1;
	margin: 0;
}

/* 「選ばれる理由」と「800+」ボックスの並べ方。
   ★経緯：当初この2つを左右に並べたまま幅配分だけ変えたところ、
     800+ボックスが285pxまで狭まり「800＋」と説明文が重なって崩れた。
     横並びを前提にすると、どちらかが必ず窮屈になる。
     そこで横並びをやめ、縦に積んでそれぞれ全幅を使う形にした。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-f7ccdc8 {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-ed34ec7,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-902a94a {
	width: 100%;
}

/* 800+ボックスを全幅にした結果、「会社概要を見る」ボタンも横いっぱいに伸びたため、
   元の見え方に近い横幅へ戻す */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-333a2ba .elementor-button {
	display: inline-flex;
	width: auto;
	min-width: 240px;
}

/* --------------------------------------------------------------------------
   セクション④：残りのセクション見出しを28pxのh2へ統一する。
     タグを変えるとテーマのタグ別スタイルが効いてしまうため、
     ここでサイズ・行間・色を明示して見た目を固定する（色は元の値のまま）。
   -------------------------------------------------------------------------- */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-93c5a81 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d3a0c1a .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-2a0fad7 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-24b283f .elementor-heading-title {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
	color: #d1d1d1;
	margin: 0;
}

/* ニュースとコラムの見出し。
   ★この2つは白背景の帯に置かれている。元の金色 #BD9769 は白地でのコントラスト比が
     2.69 しかなく、28pxの大きな文字でも基準（3.0）を下回っていた。
     事業内容セクションと同じ #8A6A3A（比5.00）に揃えて読めるようにする。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d0e8b2d .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e3f186 .elementor-heading-title {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
	color: #8a6a3a;
	margin: 0;
}

/* 「NEWS RELEASE」も同じ白帯の上にある。
   本文色を明るくした結果、白地に対して比1.66まで落ちてしまったため個別に指定する。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-60272e1 .elementor-icon-list-text {
	color: #8a6a3a;
}

/* --------------------------------------------------------------------------
   事業内容（Development / Management / Consulting）
     変更前：左カラムに3つ縦積み。英単語の見出し＋数行の説明だけで、
             何をしてくれる会社なのかが読み取れなかった。
     変更後：全幅の左右交互レイアウト。写真・番号・要点の箇条書きを添えて深掘りする。
     ※写真はサイト内の既存画像を暫定で使用。専用写真が用意でき次第、
       img の src と alt を差し替えるだけで入れ替わる。
   -------------------------------------------------------------------------- */
/* 代表プロジェクト（カジノエリア開発）。
   4つ目の事業ではなく「①不動産開発事業の実例」なので、01の中に一段下げて置く。 */
.dd-service-project {
	display: grid;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	margin: -24px 0 56px;
	padding: 22px 24px;
	border: 1px solid rgba(138, 106, 58, 0.3);
	border-radius: 12px;
	background: rgba(189, 151, 105, 0.12);
}

.dd-service-project-media img {
	display: block;
	width: 100%;
	max-height: 180px;
	object-fit: cover;
	border-radius: 8px;
}

.dd-service-project .dd-service-project-label {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #8a6a3a;
}

.dd-service-project .dd-service-project-title {
	font-family: inherit;
	margin: 6px 0 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #1a1a1a;
}

/* 代表プロジェクトのリンクは .dd-service-body の外にあるため、
   本文側のリンク色指定が効かず金色のまま（比2.44）だった。ここで個別に指定する。 */
.dd-service-project .dd-service-link {
	color: #8a6a3a;
	border-bottom-color: rgba(138, 106, 58, 0.6);
}

.dd-service-project .dd-service-project-desc {
	margin: 10px 0 0;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.9;
	color: #333333;
}

@media (max-width: 900px) {
	.dd-service-project { grid-template-columns: 1fr; gap: 18px; margin: -12px 0 48px; }
	.dd-service-project-media img { max-height: 200px; }
}

/* --------------------------------------------------------------------------
   お役立ちコラム：横並びリスト → プレスリリースと同じカード型
     カードの見た目（白地・角丸・影・サムネ比・文字色）は
     .elementor-post__card 系のクラスCSSがそのまま効くため、ここでは並べ方だけ指定する。
     ニュース側の実測に合わせて 3列・行間35px・列間30px とする。
   -------------------------------------------------------------------------- */
.dd-column-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 35px 30px;
}

.dd-column-more {
	margin-top: 32px;
	text-align: center;
}

.dd-column-more .dd-column-more-link {
	display: inline-block;
	padding: 12px 28px;
	border: 1px solid rgba(138, 106, 58, 0.6);
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	color: #8a6a3a;
	text-decoration: none;
}

@media (max-width: 1024px) {
	.dd-column-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.dd-column-grid { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   ページ末尾のCTA（新設）
     これまでTOPは「購入の流れ」で終わっており、その先の行き先がなかった。
     ページ内のボタンは「会社概要を見る」「View All」だけで、
     問い合わせにつながる導線はヒーローと追従ボタンのみだった。
     流れを読み終えた直後に、次の行動を置く。
   -------------------------------------------------------------------------- */
.dd-cta {
	background: linear-gradient(180deg, #0d0d0d 0%, #040404 100%);
	border-top: 1px solid rgba(189, 151, 105, 0.35);
}

.dd-cta-inner {
	max-width: 880px;
	margin: 0 auto;
	padding: 72px 20px 80px;
	text-align: center;
}

.dd-cta .dd-cta-eyebrow {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #bd9769;
}

.dd-cta .dd-cta-title {
	font-family: inherit;
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
}

.dd-cta .dd-cta-desc {
	margin: 16px auto 0;
	max-width: 680px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	color: #c9c9c9;
}

.dd-cta-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 32px;
}

.dd-cta .dd-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	padding: 14px 32px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}

/* 主導線。LINEのブランドカラー #06C755 はそのまま使う。
   ただし白文字だとコントラスト比2.26で基準（4.5）を大きく下回るため、
   文字色を濃い緑寄りの黒にして比6.56を確保する。地の色は変えていない。 */
.dd-cta .dd-cta-btn--line {
	background: #06c755;
	color: #0b2e1a;
}

/* 副導線。主導線より弱く見せるため、枠線のみにする */
.dd-cta .dd-cta-btn--sub {
	border: 1px solid rgba(189, 151, 105, 0.6);
	background: transparent;
	color: #bd9769;
}

@media (max-width: 767px) {
	.dd-cta-inner       { padding: 56px 20px 64px; }
	.dd-cta .dd-cta-title { font-size: 22px; }
	.dd-cta-actions     { flex-direction: column; }
	.dd-cta .dd-cta-btn { width: 100%; }
}

/* --------------------------------------------------------------------------
   取扱物件カード
     変更前：写真の上に物件名だけを重ねていた。エリア・デベロッパー・完成時期・
             価格は登録済みなのに一切出ておらず、比較検討ができなかった。
     変更後：主要項目を追加。あわせて写真の上の文字が読めるよう、
             下から黒へ落とすグラデーションを敷く（写真によっては白文字が沈むため）。
   -------------------------------------------------------------------------- */
.elementor-kit-193 .jkit-postblock article.jkit-post {
	overflow: hidden;
	border-radius: 8px;
}

/* 文字の下地。画像そのものは加工せず、擬似要素で覆う */
.elementor-kit-193 .jkit-postblock article.jkit-post .jkit-postblock-content::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/* 文字量に関わらず十分覆えるよう、コンテンツ高さ＋余白ぶんを確保する */
	top: -40px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.72) 45%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 0;
}

.elementor-kit-193 .jkit-postblock article.jkit-post .jkit-postblock-content > * {
	position: relative;
	z-index: 1;
}

.elementor-kit-193 .jkit-postblock .jkit-post-title a {
	color: #ffffff;
}

.dd-prop-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	color: #e0e0e0;
}

/* 項目の区切り。記号を文字として置かず、擬似要素で描く */
.dd-prop-meta .dd-prop-item + .dd-prop-item::before {
	content: "／";
	margin-right: 10px;
	color: rgba(224, 224, 224, 0.5);
}

.dd-prop-price {
	margin: 8px 0 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	color: #ffcc91;
}

.dd-prop-price .dd-prop-price-label {
	margin-right: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #e0e0e0;
}

@media (max-width: 767px) {
	.dd-prop-meta  { font-size: 12px; }
	.dd-prop-price { font-size: 13px; }
}

/* ★配色について
   このセクションだけ白地・黒文字にする。ページ全体は黒基調だが、
   事業内容は最も読ませたい情報のため、明るい面に反転させて視線を止める。

   ゴールドの扱い：既存の #BD9769 は白背景だとコントラスト比 2.70:1 しかなく、
   本文サイズの文字では読みにくい（読みやすさの目安は 4.5:1）。
   そのため小さい文字のゴールドは #8A6A3A（4.99:1）へ、
   大きな装飾文字（番号）は #A8814E（3.55:1）へ濃くしている。
   黒背景側のゴールドは #BD9769 のまま変えていない。 */
.dd-service-band {
	background: #ffffff;
}

.dd-service {
	max-width: 1240px;
	margin: 0 auto;
	padding: 72px 20px 24px;
}

.dd-service-eyebrow {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #8a6a3a;
}

.dd-service .dd-service-h2 {
	margin: 0 0 48px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	color: #1a1a1a;
}

.dd-service-row {
	display: grid;
	/* 1fr だと画像の実寸で押し広げられるため minmax(0,1fr) */
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 48px;
	align-items: center;
	margin-bottom: 56px;
}

/* 偶数行は写真と本文を左右入れ替える */
.dd-service-row--rev .dd-service-media { order: 2; }

.dd-service-media img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 380px;
	object-fit: cover;
	border-radius: 12px;
}

.dd-service-body .dd-service-num {
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #a8814e;
}

.dd-service-body .dd-service-title {
	margin: 10px 0 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.5;
	color: #1a1a1a;
}

.dd-service-body .dd-service-en {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #8a6a3a;
}

.dd-service-body .dd-service-desc {
	margin: 14px 0 0;
	/* サイト標準は500。読ませたい本文なので一段太くする */
	font-weight: 600;
	/* 本文ルール（16px）に合わせる。ここだけ15pxで小さく見えていた */
	font-size: 16px;
	line-height: 1.9;
	/* #4A4A4A は基準は満たすが白地では軽く見えるため濃くする（比12.63） */
	color: #333333;
}

.dd-service-body .dd-service-points {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.dd-service-body .dd-service-points li {
	position: relative;
	font-weight: 600;
	margin: 0 0 10px;
	padding-left: 22px;
	/* 本文ルール（16px）に合わせる */
	font-size: 16px;
	line-height: 1.8;
	color: #262626;
}

/* チェックマーク相当の目印。画像を使わずCSSだけで描く */
.dd-service-body .dd-service-points li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #a8814e;
}

.dd-service-body .dd-service-link {
	display: inline-block;
	margin-top: 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(138, 106, 58, 0.6);
	font-size: 15px;
	font-weight: 700;
	color: #8a6a3a;
	text-decoration: none;
}

@media (max-width: 900px) {
	.dd-service-row { grid-template-columns: 1fr; gap: 24px; margin-bottom: 48px; }
	/* 縦積みでは順序を入れ替えず、常に写真が先に来るようにする */
	.dd-service-row--rev .dd-service-media { order: 0; }
	.dd-service .dd-service-h2 { font-size: 22px; margin-bottom: 32px; }
}

/* 補足の一文（h5→p）と、購入の流れのステップ名（h5→h3）・英字ラベル（h5→div） */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-f47ca7d .elementor-heading-title {
	font-size: 16px; line-height: 1.5; font-weight: 700; color: #d1d1d1; margin: 0;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6a23919 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-e60af5e .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c331e5 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6889366 .elementor-heading-title {
	font-size: 18px; line-height: 1.5; font-weight: 700; color: #d1d1d1; margin: 0;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-1af2cb4 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-12d2924 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-13f9549 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-9033058 .elementor-heading-title {
	font-size: 16px; line-height: 1.5; font-weight: 700; color: #bd9769; margin: 0;
}

@media (max-width: 767px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-93c5a81 .elementor-heading-title,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d3a0c1a .elementor-heading-title,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-2a0fad7 .elementor-heading-title,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-24b283f .elementor-heading-title,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d0e8b2d .elementor-heading-title,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e3f186 .elementor-heading-title {
		font-size: 22px;
	}
}

/* 上段は「左に画像／右に実績」の2カラム、その下に強みを全幅で並べる。
   e-con-inner は2カラムのflex行なので、折り返しを許可して3つ目を全幅で下に落とす。 */
.elementor-kit-193 .elementor-3928 .elementor-element-0e729c3 .e-con-inner {
	flex-wrap: wrap;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-ed34ec7 {
	width: 100%;
	margin-top: 56px;
}

/* 選ばれる理由：7項目をカードにして、それぞれに説明を付ける。
   チェックマークの箇条書きでは、各項目の価値が伝わらなかった。 */
.dd-reason-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

/* 通し番号。参考サイトと同じく、番号で「いくつあるか」が一目で分かるようにする */
.dd-reason-card .dd-reason-num {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	padding: 6px 9px;
	border-radius: 6px;
	color: #1a1a1a;
	background: #ffcc91;
}

.dd-reason-card {
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
}

/* サイト側のキットは h4 だけ "Noto Sans JP" を指定しているが、そのフォントは
   実際には読み込まれておらず、日本語が別フォントで表示されて細く見えていた。
   自作の見出しは本文と同じフォントを継承させて統一する。 */
.dd-reason-card .dd-reason-title {
	font-family: inherit;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	color: #ffcc91;
}

.dd-reason-card .dd-reason-desc {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: #b5b5b5;
}

/* 1項目目（クリスティーズ）は最重要のため全幅で見せる。
   残り6項目がちょうど3列×2段に収まる利点もある。 */
.dd-reason-card:first-child {
	grid-column: 1 / -1;
}

@media (max-width: 1024px) {
	.dd-reason-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-ed34ec7 { margin-top: 40px; }
}

@media (max-width: 767px) {
	.dd-reason-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-9195602 .elementor-heading-title {
		font-size: 22px;
	}
}

/* 動画の見せ方：主役2本を大きく、残り3本を「その他の掲載動画」としてまとめる。
   Elementorのグリッドコンテナは廃し、ここで完結して制御する。 */
.dd-media-featured {
	display: grid;
	/* 1fr だと中の要素幅で押し広げられてはみ出すため minmax(0,1fr) を使う */
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	margin-top: 8px;
}

.dd-media-sub {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.dd-media-embed iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

/* h3 はテーマのタグ別スタイル（46px）が効いてしまうため、
   クラスを2つ重ねて詳細度で上回らせる */
.dd-media-card .dd-media-title {
	margin: 14px 0 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: #1a1a1a;
}

.dd-media-card .dd-media-desc {
	margin: 6px 0 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
	color: #333333;
}

/* その他側は主役より一段小さくして、主従をはっきりさせる */
.dd-media-sub .dd-media-card .dd-media-title { font-size: 16px; margin-top: 10px; }
.dd-media-sub .dd-media-card .dd-media-desc  { font-size: 14px; color: #4a4a4a; }

.dd-media-more {
	margin: 44px 0 16px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.14);
	font-size: 16px;
	font-weight: 700;
	color: #333333;
}

@media (max-width: 1024px) {
	.dd-media-featured { grid-template-columns: 1fr; gap: 28px; }
	.dd-media-sub      { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.dd-media-sub                 { grid-template-columns: 1fr; }
	.dd-media-card .dd-media-title { font-size: 16px; }

	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-fc823ff .elementor-heading-title {
		font-size: 22px;
	}
	.dd-section-lead {
		font-size: 15px;
	}
}

/* ==========================================================================
   サイズ圧縮（2026-08-04）
   14インチ画面で全体が大きすぎたため、画像の高さと余白を詰める。
   文字サイズには手を入れない。
   ========================================================================== */

/* --- メディア・著名人 --------------------------------------------------- */
/* 動画が幅いっぱいだと高さ379pxになる。主役2本の並びに上限幅を設けて抑える */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 {
	padding-top: 44px;
	padding-bottom: 44px;
}
.dd-media-featured {
	max-width: 1040px;
	gap: 28px;
}
.dd-media-sub {
	max-width: 1040px;
	gap: 20px;
}
.dd-media-more {
	margin: 32px 0 14px;
	padding-top: 16px;
}

/* --- 私たちを選ぶ理由 ---------------------------------------------------- */
/* 左の縦長画像が630pxあり、このセクションだけで1画面分近くを占めていた */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-ed0fd69 img {
	max-height: 430px;
	object-fit: cover;
}
.dd-reason-card {
	padding: 14px 16px;
}
.dd-reason-grid {
	gap: 12px;
	margin-top: 16px;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-ed34ec7 {
	margin-top: 40px;
}

/* --- 事業内容 ------------------------------------------------------------ */
.dd-service {
	padding: 48px 20px 16px;
}
.dd-service .dd-service-h2 {
	margin-bottom: 32px;
}
.dd-service-row {
	gap: 36px;
	margin-bottom: 40px;
}
.dd-service-media img {
	max-height: 260px;
}
.dd-service-project {
	margin: -16px 0 40px;
	padding: 18px 20px;
}
.dd-service-project-media img {
	max-height: 150px;
}

/* --- 取扱物件 ------------------------------------------------------------ */
/* カード300px × 3行で1,395px。写真の主張を少し抑える。
   ★高さを持っているのは img ではなく .thumbnail-container 側。
     img は position:absolute / min-height:100% で親いっぱいに広がる作りのため、
     親の高さを変えないと縮まない。 */
/* ★高さ300pxは post-3928.css が
     .elementor-3928 .elementor-element.elementor-element-043ef6d .jeg-elementor-kit… .thumbnail-container
   という長いセレクタで指定している。同じ土俵に乗るため要素IDまで含めて書く。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-043ef6d .jeg-elementor-kit.jkit-postblock .jkit-thumb .thumbnail-container {
	height: 250px;
}

/* --- ニュース／コラム ---------------------------------------------------- */
/* サムネイル221px＋抜粋が長く、カード1枚で509pxあった */
/* ★このサイトの dd-static-hf.css が
     .dd-static-hf .elementor-posts--skin-cards .elementor-post__thumbnail { height:auto }
   を3クラスで指定しているため、2クラスでは負ける。同じ形に .elementor-kit-193 を足して勝たせる。 */
.elementor-kit-193 .dd-static-hf .elementor-posts--skin-cards .elementor-post__thumbnail,
.dd-static-hf .elementor-posts--skin-cards .elementor-post__thumbnail,
.elementor-kit-193 .dd-column-grid .elementor-post__thumbnail {
	height: 180px;
	padding-bottom: 0;
	overflow: hidden;
}
.elementor-kit-193 .dd-static-hf .elementor-posts--skin-cards .elementor-post__thumbnail img,
.dd-static-hf .elementor-posts--skin-cards .elementor-post__thumbnail img,
.elementor-kit-193 .dd-column-grid .elementor-post__thumbnail img {
	position: static;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.elementor-kit-193 .elementor-post__card .elementor-post__text {
	padding: 14px 18px 0;
}
.elementor-kit-193 .elementor-post__card .elementor-post__meta-data {
	padding: 8px 18px 14px;
}

/* --- ページ末尾のCTA ----------------------------------------------------- */
.dd-cta-inner {
	padding: 52px 20px 56px;
}
.dd-cta-actions {
	margin-top: 24px;
}

/* ==========================================================================
   余白の調整（2026-08-04）
   ・左右：内側の幅が1280〜1380pxあり、画面端まで詰まって見えていた。
     コンテンツ幅を1160pxに抑え、左右に余白を作る。
   ・上下：セクションの上下余白が0のものが多く、区切りが分かりにくかった。
     各セクションに上下72pxを与えて、まとまりを見せる。
   ========================================================================== */

/* --- 左右の余白 ---------------------------------------------------------- */
.elementor-kit-193 .elementor-3928 > .e-con > .e-con-inner {
	max-width: 1160px;
}

/* ヒーローだけは元の広さ（1380px）を保つ。画面いっぱいの見せ場のため */
.elementor-kit-193 .elementor-3928 > .elementor-element-cf91915 > .e-con-inner {
	max-width: 1380px;
}

/* 内側の幅を持たないセクション（自作ブロック）も同じ幅に揃える */
.dd-service {
	max-width: 1160px;
	padding-left: 20px;
	padding-right: 20px;
}

/* --- セクションごとの上下余白 -------------------------------------------- */
.elementor-kit-193 .elementor-3928 > .elementor-element-25e7685,
.elementor-kit-193 .elementor-3928 > .elementor-element-0e729c3,
.elementor-kit-193 .elementor-3928 > .elementor-element-5995238,
.elementor-kit-193 .elementor-3928 > .elementor-element-6c0a418,
.elementor-kit-193 .elementor-3928 > .elementor-element-b51742d {
	padding-top: 72px;
	padding-bottom: 72px;
}

.dd-service {
	padding-top: 72px;
	padding-bottom: 56px;
}

.dd-cta-inner {
	padding-top: 72px;
	padding-bottom: 76px;
}

@media (max-width: 1024px) {
	.elementor-kit-193 .elementor-3928 > .elementor-element-25e7685,
	.elementor-kit-193 .elementor-3928 > .elementor-element-0e729c3,
	.elementor-kit-193 .elementor-3928 > .elementor-element-5995238,
	.elementor-kit-193 .elementor-3928 > .elementor-element-6c0a418,
	.elementor-kit-193 .elementor-3928 > .elementor-element-b51742d {
		padding-top: 56px;
		padding-bottom: 56px;
	}
	.dd-service { padding-top: 56px; padding-bottom: 40px; }
}

@media (max-width: 767px) {
	.elementor-kit-193 .elementor-3928 > .e-con > .e-con-inner { max-width: 100%; }
	.elementor-kit-193 .elementor-3928 > .elementor-element-25e7685,
	.elementor-kit-193 .elementor-3928 > .elementor-element-0e729c3,
	.elementor-kit-193 .elementor-3928 > .elementor-element-5995238,
	.elementor-kit-193 .elementor-3928 > .elementor-element-6c0a418,
	.elementor-kit-193 .elementor-3928 > .elementor-element-b51742d {
		padding-top: 44px;
		padding-bottom: 44px;
	}
}

/* --- 余白調整にともなう修正（2026-08-04） -------------------------------- */
/* コンテンツ幅を1160pxに狭めた結果、「私たちを選ぶ理由」の左右カラムが
   496px＋694px＝1190px で収まらず、縦に折り返して+653px伸びていた。
   固定幅ではなく割合で指定して、幅が変わっても2カラムを保つようにする。 */
/* 42%+56%=98% でも、カラム間の余白（gap）を足すと1160pxを超えて折り返していた。
   gapぶんを見込んで合計を下げる。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-aa55100 {
	width: 39%;
	flex: 0 1 auto;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-55f6a92 {
	width: 55%;
	flex: 0 1 auto;
}

/* メディア・著名人の上下余白。先に書いた4クラスの指定に負けていたため、
   同じ形で上書きして他セクションと同じ72pxに揃える */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 {
	padding-top: 72px;
	padding-bottom: 72px;
}

@media (max-width: 1024px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-aa55100,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-55f6a92 {
		width: 100%;
	}
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 {
		padding-top: 56px;
		padding-bottom: 56px;
	}
}

/* --- メディア・著名人セクションの中央揃え（2026-08-04） ------------------ */
/* 見出し・リード文・区切りラベルを中央に寄せ、動画の並びも中央に配置する。
   カード内の本文だけは左揃えのまま残す。日本語の複数行は左揃えのほうが読みやすいため。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-fc823ff .elementor-heading-title {
	text-align: center;
}

.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-361cf4a {
	align-items: center;
}

.dd-section-lead {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 動画の並びを中央に置く（max-widthを付けていたため左寄りになっていた） */
.dd-media-featured,
.dd-media-sub {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.dd-media-more {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* --- ニュース／コラムの中央揃え（2026-08-04） ---------------------------- */
/* 見出しとラベルを中央に寄せる。リード文は既に中央指定済み。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d0e8b2d .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e3f186 .elementor-heading-title {
	text-align: center;
}

/* 「NEWS RELEASE」のラベルは、アイコンと文字がひと組で左に寄っていた */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-60272e1 .elementor-icon-list-items {
	justify-content: center;
}

/* --- PCでのみ効かせる改行 ------------------------------------------------ */
/* 日本語は折り返し位置を制御できず「まとめていま／す。」のような不格好な改行が起きる。
   PCでは意図した位置で改行させ、スマホでは自然な折り返しに任せる。 */
.dd-br-pc {
	display: none;
}

@media (min-width: 768px) {
	.dd-br-pc {
		display: inline;
	}
	/* 改行位置を br で決めるため、幅の上限で先に折り返らないよう広げる */
	.dd-section-lead {
		max-width: 960px;
	}
}

/* --- ニュース見出しの中央寄せ（PC）-------------------------------------- */
/* 見出しブロック（dc73da0）と View All ボタン（645549a）が横並びのため、
   見出しは左671pxの枠内で中央になり、セクション全体では左に寄っていた。
   PCでは縦積みに変え、見出しを全幅で中央に置き、ボタンはその下に中央配置する。 */
@media (min-width: 1025px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b720a50 {
		flex-direction: column;
		align-items: center;
	}
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-dc73da0,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-645549a {
		width: 100%;
	}
	/* ボタンは中央に。元は右端にあった */
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-645549a .elementor-button-wrapper {
		text-align: center;
	}
}

/* --- 幅の統一と NEWS RELEASE の中央揃え（2026-08-04） ------------------- */
/* ★実測すると、狭かったのはメディア（1040px）と物件（1056px）のほうだった。
   ニュース・コラムは既に1160pxで最大。全セクションを1160pxに揃える。 */
.dd-media-featured,
.dd-media-sub,
.dd-media-more {
	max-width: 1160px;
}

.elementor-kit-193 .elementor-3928 .jkit-postblock .jkit-posts {
	width: 100%;
	max-width: none;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-043ef6d .jkit-block-container {
	width: 100%;
	max-width: none;
}

/* 「NEWS RELEASE」のリストは ul が block 表示のため justify-content が効かない。
   中身を中央に置くには text-align と、項目自体を inline-flex にする必要がある。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-60272e1 .elementor-icon-list-items {
	display: block;
	text-align: center;
}
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-60272e1 .elementor-icon-list-item {
	display: inline-flex;
	align-items: center;
	width: auto;
}

/* 物件グリッドだけ1056pxと狭かった原因は、親コンテナ（beec903）の左右50pxの余白。
   1160 − 内側の2px×2 − 50px×2 = 1056。余白を外して他セクションと同じ幅にする。 */
@media (min-width: 1025px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-beec903 {
		padding-left: 0;
		padding-right: 0;
	}
}

/* --- コラムを独立セクションに分離（2026-08-04） -------------------------- */
/* ★経緯：ニュースとコラムが同じコンテナに入れ子で、
     ニュースのカード下端からコラム見出しまで21pxしか空いていなかった。
     一方でセクションの上には144px（前セクションの下72＋自身の上72）空いており、
     同じ帯の中で余白がちぐはぐだった。
   コラムを独立したセクションに切り出し、幅・背景・上下余白をニュース側と揃える。 */
.dd-colsec {
	background: #ffffff;
	padding-top: 72px;
	padding-bottom: 72px;
}

.dd-colsec-inner {
	/* 左右20pxの余白を内側に持つため、中身を1160pxにするには上限を1200pxにする */
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* 見出しとカードの間隔をニュース側と揃える（分離直後は20pxしかなかった） */
.dd-colsec .dd-column-grid {
	margin-top: 40px;
}

/* ニュース側は下の余白を持たせない。分離したコラム側の上余白と二重になるため */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c0a418 {
	padding-bottom: 0;
}

@media (max-width: 1024px) {
	.dd-colsec { padding-top: 56px; padding-bottom: 56px; }
}

@media (max-width: 767px) {
	.dd-colsec { padding-top: 44px; padding-bottom: 44px; }
	.dd-colsec-inner { max-width: 100%; }
}

/* --- セクション上下の空きすぎを解消（2026-08-04） ------------------------ */
/* ★実測すると、ニュース（6c0a418）と「私たちを選ぶ理由」（0e729c3）の
     e-con-inner に上下120pxの余白が入っていた。
     セクション自体の72pxと合わせて192pxとなり、見出しの上が大きく空いていた。
     ここを24pxに下げ、72+24=96px（約半分）にする。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c0a418 > .e-con-inner,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e729c3 > .e-con-inner {
	padding-top: 24px;
	padding-bottom: 24px;
}

@media (max-width: 767px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c0a418 > .e-con-inner,
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e729c3 > .e-con-inner {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

/* ニュースのカードを包むコンテナには min-height:544px が指定されていた。
   ニュースとコラムが同居していた頃の高さで、コラムを別セクションに分けた後は
   中身が422pxしかなく、下に122pxの空白が残っていた。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0469338 {
	min-height: 0;
}

/* ==========================================================================
   FAQ（2026-08-04 新設）
   details / summary で開閉する。JavaScriptを足さずに動作させるため。
   回答文はHTMLに存在するので、構造化データ（FAQPage）の要件も満たす。
   ========================================================================== */
.dd-faq {
	background: #ffffff;
	padding-top: 72px;
	padding-bottom: 72px;
}

.dd-faq-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.dd-faq .dd-faq-eyebrow {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #8a6a3a;
}

.dd-faq .dd-faq-title {
	font-family: inherit;
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	color: #1a1a1a;
}

.dd-faq-list {
	max-width: 880px;
	margin: 40px auto 0;
	text-align: left;
}

.dd-faq-item {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	margin-bottom: 12px;
	background: #fff;
}

.dd-faq-item .dd-faq-q {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 22px;
	cursor: pointer;
	list-style: none;
}

/* 標準の三角マークを消して、自前の＋／−を右端に置く */
.dd-faq-item .dd-faq-q::-webkit-details-marker { display: none; }

.dd-faq-item .dd-faq-q-text {
	font-family: inherit;
	margin: 0;
	flex: 1;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
	color: #1a1a1a;
}

.dd-faq-item .dd-faq-q::after {
	content: "＋";
	flex: 0 0 auto;
	font-size: 18px;
	font-weight: 700;
	color: #8a6a3a;
}

.dd-faq-item[open] .dd-faq-q::after {
	content: "−";
}

.dd-faq-item .dd-faq-a {
	padding: 0 22px 20px;
}

.dd-faq-item .dd-faq-a p {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	color: #333333;
}

@media (max-width: 767px) {
	.dd-faq { padding-top: 44px; padding-bottom: 44px; }
	.dd-faq .dd-faq-title { font-size: 22px; }
	.dd-faq-item .dd-faq-q { padding: 16px 18px; }
	.dd-faq-item .dd-faq-q-text { font-size: 16px; }
	.dd-faq-item .dd-faq-a { padding: 0 18px 18px; }
}

/* --- リード文の色を背景に合わせる（2026-08-04 修正） -------------------- */
/* ★不具合：メディアセクションを白地にした際、.dd-section-lead の色を #333333 に
     変更したが、この指定は全セクション共通だった。
     黒背景の「購入の流れ」にも適用され、コントラスト比1.62で読めなくなっていた。
   白地のセクション（メディア／ニュース／コラム／FAQ）は #333333 のままとし、
   黒地のセクションだけ明るい色に戻す。あわせて文字揃えも見出しに合わせる。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b51742d .dd-section-lead {
	color: #c9c9c9;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

/* ==========================================================================
   見出しの統一（2026-08-04）
   「購入の流れ」のテイスト（◉ 英字ラベル ＋ 日本語のH2、左揃え）に全セクションを揃える。

   元のラベルは Elementor のアイコンリストで作られており、
   セクションごとに日本語だったり英語だったりバラバラだった。
   共通パーツ .dd-eyebrow に置き換え、アイコンはCSSで描いて画像・SVGに依存させない。
   ========================================================================== */
.dd-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #d1d1d1;
	text-align: left;
}

/* ◉ のアイコン。元は far dot-circle のSVG（20px / #BD9769）だった */
.dd-eyebrow::before {
	content: "";
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border: 2px solid #bd9769;
	border-radius: 50%;
	background: radial-gradient(circle, #bd9769 0 4px, transparent 4px);
}

/* 白背景のセクションでは、文字とアイコンを濃い側に寄せる */
.dd-service-band .dd-eyebrow,
.dd-colsec .dd-eyebrow,
.dd-faq .dd-eyebrow,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 .dd-eyebrow,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c0a418 .dd-eyebrow {
	color: #333333;
}
.dd-service-band .dd-eyebrow::before,
.dd-colsec .dd-eyebrow::before,
.dd-faq .dd-eyebrow::before,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 .dd-eyebrow::before,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-6c0a418 .dd-eyebrow::before {
	border-color: #8a6a3a;
	background: radial-gradient(circle, #8a6a3a 0 4px, transparent 4px);
}

/* --- 中央揃えを解除して、すべて左揃えに戻す ------------------------------ */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-fc823ff .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d0e8b2d .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e3f186 .elementor-heading-title,
.dd-faq .dd-faq-title,
.dd-cta .dd-cta-title {
	text-align: left;
}

.dd-section-lead {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.dd-media-more {
	text-align: left;
}

.dd-faq-inner,
.dd-cta-inner {
	text-align: left;
}

.dd-faq-list {
	margin-left: 0;
	max-width: 1160px;
}

.dd-cta-inner {
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
}

.dd-cta .dd-cta-desc {
	margin-left: 0;
}

.dd-cta-actions {
	justify-content: flex-start;
}

/* ニュースの見出しブロックは中央寄せをやめて左に戻す */
@media (min-width: 1025px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b720a50 {
		align-items: flex-start;
	}
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-645549a .elementor-button-wrapper {
		text-align: left;
	}
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-361cf4a {
		align-items: flex-start;
	}
}

.dd-media-featured,
.dd-media-sub {
	margin-left: 0;
}

/* --- 見出しの左端を全セクションで揃える（2026-08-04） -------------------- */
/* 実測すると3箇所ずれていた。
     WHY CHOOSE US  左662px … 2カラムの右側に入っているため
     SERVICE        左160px … .dd-service の左右padding 20px ぶん
     PROPERTY       左142px … 親コンテナの2pxぶん
   いずれも他セクションの140pxに合わせる。 */

/* 「私たちを選ぶ理由」は、ラベル・見出し・リード文を2カラムの外へ出して
   セクションの先頭に全幅で置いた（他セクションと左端を揃えるため）。
   負のマージンで無理に引き出す方法はやめている。 */
.dd-why-head {
	width: 100%;
	margin-bottom: 32px;
}
.dd-why-head .dd-section-lead {
	max-width: 960px;
}

/* 事業内容は内側の余白ぶんだけ外へ出す */
.dd-service-band .dd-service > .dd-eyebrow,
.dd-service-band .dd-service > .dd-service-h2 {
	margin-left: -20px;
}

/* 物件は親コンテナの2pxぶん */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-5995238 .dd-eyebrow {
	margin-left: -2px;
}

/* --- ラベルと見出しの間隔を揃える（2026-08-04） -------------------------- */
/* 実測すると、フォントサイズ（ラベル16px／見出し28px／行間42px）は全セクションで
   既に同じだった。差があったのは間隔だけで、COLUMNなど7セクションが6pxなのに対し、
   PROPERTY と NEWS RELEASE だけ26pxあった。
   この2つはラベルが flex コンテナの直下にあり、コンテナの gap:20px が
   ラベルの margin-bottom:6px に上乗せされていたため。
   gap のぶんを打ち消して、COLUMNと同じ6pxに揃える。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-dc73da0 > .dd-eyebrow,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-5995238 .dd-eyebrow {
	margin-bottom: -14px;
}

/* --- 指定6セクションを中央揃え（2026-08-04） ---------------------------- */
/* 中央にするのは MEDIA / SERVICE / NEWS RELEASE / COLUMN / HOW IT WORK / CONTACT。
   WHY CHOOSE US・PROPERTY・FAQ は左揃えのまま残す。
   .dd-eyebrow は flex なので、中央寄せは justify-content で行う。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 .dd-eyebrow,
.dd-service-band .dd-eyebrow,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-dc73da0 > .dd-eyebrow,
.dd-colsec .dd-eyebrow,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b51742d .dd-eyebrow,
.dd-cta .dd-eyebrow {
	justify-content: center;
}

/* 見出し */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-fc823ff .elementor-heading-title,
.dd-service-band .dd-service > .dd-service-h2,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-d0e8b2d .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-0e3f186 .elementor-heading-title,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-24b283f .elementor-heading-title,
.dd-cta .dd-cta-title {
	text-align: center;
}

/* リード文（該当セクションのみ中央。左右のマージンも自動にして中央に置く） */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-25e7685 .dd-section-lead,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-dc73da0 .dd-section-lead,
.dd-colsec .dd-section-lead,
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b51742d .dd-section-lead,
.dd-cta .dd-cta-desc {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* SERVICE は左揃え用に -20px ずらしていたので、中央では打ち消す */
.dd-service-band .dd-service > .dd-eyebrow,
.dd-service-band .dd-service > .dd-service-h2 {
	margin-left: 0;
}

/* CONTACT はボタンも中央に */
.dd-cta-actions {
	justify-content: center;
}

/* NEWS RELEASE の「View All」も見出しに合わせて中央へ */
@media (min-width: 1025px) {
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-b720a50 {
		align-items: center;
	}
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-645549a .elementor-button-wrapper {
		text-align: center;
	}
	/* メディアの動画グリッドも中央に置く */
	.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-361cf4a {
		align-items: center;
	}
}

.dd-media-featured,
.dd-media-sub,
.dd-media-more {
	margin-left: auto;
	margin-right: auto;
}

/* --- 物件セクションのゴールドの枠を消す（2026-08-04） -------------------- */
/* 枠の正体は border ではなく、外側コンテナ（f979941）の ::before に敷かれた
   ゴールドのグラデーション。内側の黒い箱（beec903／角丸25px）が上に載ることで、
   縁だけグラデーションが見えて枠のようになっていた。
   ::before を消せば枠だけがなくなり、中の要素には影響しない。 */
.elementor-kit-193 .elementor-3928 .elementor-element.elementor-element-f979941::before {
	display: none;
}