.page-owner_cases_detail .case-tags {
  margin-top: 18px;
}
.page-owner_cases_detail .case-tags .tag {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}
.page-owner_cases_detail .page-hero h1 {
  margin-top: 10px;
}
/* 帯の写真(たいち 11/07)。左の壁に文字を置き、資料の机が文字の下に見えるよう、写真の下端を合わせる */
.page-owner_cases_detail .page-hero-photo img {
  object-position: 50% 100%;
}
.page-owner_cases_detail .page-hero.is-plain .page-hero-photo::after {
  background: linear-gradient(
    90deg,
    rgba(20, 21, 22, 0.72) 0%,
    rgba(20, 21, 22, 0.5) 55%,
    rgba(20, 21, 22, 0.24) 100%
  );
}
/* ご要望と対策: 左にやったこと、右に写真 */
.page-owner_cases_detail .case-story {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 56px;
  align-items: start;
}
.page-owner_cases_detail .case-photo {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--color-sand);
}
.page-owner_cases_detail .case-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-owner_cases_detail .case-table {
  margin-top: 24px;
}
.page-owner_cases_detail .case-table th {
  width: 180px;
  white-space: nowrap;
}
.page-owner_cases_detail .case-note {
  margin-top: 12px;
  font-size: 13px;
  color: var(--color-text-sub);
}
.page-owner_cases_detail .case-steps {
  margin-top: 24px;
}
.page-owner_cases_detail .case-steps p:not(.step-no) {
  font-size: 16px;
  line-height: 2;
  color: var(--color-text);
}
.page-owner_cases_detail .case-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 32px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .page-owner_cases_detail .case-story {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width: 760px) {
  .page-owner_cases_detail .page-hero-photo img {
    object-position: 0% 100%;
  }
  .page-owner_cases_detail .case-steps p:not(.step-no) {
    font-size: 15px;
  }
}
/* 物件概要の表は短いので、スマホでも見出しと値を横に並べる */
@media (max-width: 760px) {
  .page-owner_cases_detail .case-table th,
  .page-owner_cases_detail .case-table td {
    display: table-cell;
    padding: 12px 14px;
  }
  .page-owner_cases_detail .case-table th {
    width: 120px;
    border-bottom: 1px solid var(--color-line);
  }
}

/* g3-9: 狭い幅では、項目名(「満室時の家賃収入」など)を折り返して、値の列を広く取る。値が言葉の途中で折れないようにする(2026-11-10 再総点検) */
@media (max-width: 400px) {
  .page-owner_cases_detail .case-table th {
    width: 6.5em;
    white-space: normal;
  }
}