/* 新規モデル詳細専用。既存ページでは読み込まない。 */
/* 外観写真：01と同じPC/SP枠を満たす。PC上下・SP左右のトリミングは承認済み。 */
.page-model-addition .model-intro__photo { aspect-ratio: 1100 / 500; background: #fff; }
.page-model-addition .model-intro__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.page-model-addition .model-gallery__photo { aspect-ratio: 3 / 2; background: #fff; }
.page-model-addition .model-gallery__photo img { width: 100%; height: 100%; object-fit: contain; }
/* 棟ごとに長さの異なる特徴タグ。01の固定幅には影響させない。 */
.page-model-addition .model-tags li { width: auto; max-width: 100%; height: auto; min-height: 35px; padding-block: 5px; white-space: normal; text-align: center; }
/* 間取り図：01のPC画像枠1100×480内の元図面612×480に合わせる。
   図面本体はトリミングせず、比率を保って同じ表示ボックス内に収める。 */
.page-model-addition .model-floorplan__figure { position: relative; display: grid; place-items: center; min-width: 0; height: 480px; margin: 0; }
.page-model-addition .model-floorplan__figure img { display: block; width: 612px; max-width: 100%; height: 480px; object-fit: contain; }
.page-model-addition .model-floorplan__figure figcaption { position: absolute; top: 8px; left: 20px; color: #4c584e; font-size: 14px; line-height: 22px; }
/* 02は各図面を612×480で横並びにするため、この欄のみ1244pxへ拡張。 */
.page-model-addition .model-floorplan--multi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: calc(100% - 20px); max-width: 1244px; }
@media (max-width: 1279px) {
  .page-model-addition .model-intro__photo { aspect-ratio: 350 / 240; }
  /* 01のSP画像枠390×360に統一。02は1F→2Fの縦並び。 */
  .page-model-addition .model-floorplan__figure { height: auto; aspect-ratio: 390 / 360; }
  .page-model-addition .model-floorplan__figure img { width: 100%; height: 100%; min-height: 0; }
  .page-model-addition .model-floorplan--multi { grid-template-columns: minmax(0, 1fr); gap: 24px; width: 100%; max-width: 680px; }
}
/* 会社名の正式表記を省略せず収める。元の文字サイズ・高さは維持する。 */
.page-model-addition .model-intro__builder { width: max-content; min-width: 105px; max-width: 100%; padding-inline: 12px; }
/* 支給会社写真も元の構図を維持し、既存紹介欄の写真枠へ全体を収める。 */
.page-model-addition .model-builder__photo { aspect-ratio: 3 / 2; background: #fff; }
.page-model-addition .model-builder__photo img { width: 100%; height: 100%; object-fit: contain; }
