@charset "UTF-8";

/* =========================================================
   Tailwind Preflight リセット上書き（Next.js統合時用）
========================================================= */
.lp-theme h1,
.lp-theme h2,
.lp-theme h3,
.lp-theme h4,
.lp-theme h5,
.lp-theme h6 {
  font-size: inherit;
  font-weight: inherit;
}

.lp-theme ul,
.lp-theme ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-theme img {
  max-width: 100%;
  height: auto;
  display: block;
}

.lp-theme figure {
  margin: 0;
}

.lp-theme a {
  color: inherit;
  text-decoration: none;
}

.lp-theme p {
  margin: 0;
}

/* =========================================================
   ページ固有スタイル
========================================================= */

/* KV背景（commonを上書き） */
.section-theme.kv {
  background-color: #0091ff;
  background: linear-gradient(135deg, rgba(76, 234, 255, 0.3), rgba(30, 55, 58, 0.5)),
    url(/lp_theme/midcareer-housing/img/MV.jpg);
  background-position: center;
  background-size: cover;
  color: #fff;
}

/* シーンカードのタイトル中央寄せ */
#sec-scene .box-point p.font-s13.font-w600 {
  text-align: center;
}

/* 物件カードのタイトル中央寄せ */
.bg-gy .box-point p.font-s13.font-w600 {
  text-align: center;
  margin-bottom: 0.6em;
}

/* 物件カード用CTA（このページで使用） */
.button-cta.room a {
  background-image: linear-gradient(135deg, #ffaa5f, #ff861c);
}

.button-cta.room a p {
  text-align: center;
}

/* 物件カード内テキスト・ボタン余白 */
.bg-gy .box-point > p:last-of-type {
  margin: 0.8em 0;
}

.button-cta.room {
  margin-bottom: 0.8em;
}

/* 事例内チェックリスト文字サイズ調整（このページで使用） */
.lp-theme ul.list-check li {
  font-size: 1.3rem;
}

/* 背景色（commonとの差分のみ） */
.bg-gr-sb {
  background-image: linear-gradient(135deg, #99d7f0, #39c9d1);
}
.bg-gr-nv {
  background-image: linear-gradient(135deg, #f9fdfd, #c9ebf8);
}

/* 装飾（このページで使用） */
.text-marker {
  background: linear-gradient(transparent 70%, #ffc052 80%);
}

/* レイアウト微調整（このページで使用） */
.box-point.detail-solution {
  padding-top: 2em;
}
.section-theme.pb-0 {
  padding-bottom: 0 !important;
}

/* 事例セクションの「導入事例一覧」ボタン */
.button-cta a.page {
  background-image: linear-gradient(135deg, #f8fafa, #d0d1d1) !important;
}
.button-cta a.page p {
  color: #000 !important;
}

/* 事例CTAのテキストとボタン間の余白 */
#sec-case .area-cta > p {
  margin-bottom: 0.5em;
}

/* SP: 課題提起セクションのテキストエリア下余白 */
@media (max-width: 800px) {
  #sec-problem .w-p60 {
    margin-bottom: 16px !important;
  }
}