/**
 * PoC CSS をラボ（style2 + 既存ヘッダー／フッター）と併用するときの橋渡し
 * 読み込み順: style2.css → poc-renewal.css → poc-feature-detail.css → 本ファイル
 */

/* ラボ固定ヘッダー下にヒーローが潜らないよう、PoC --header-h を実ヘッダーに合わせる */
:root {
  --header-h: 75px;
}

/* poc-renewal のグローバル a / img がラボナビ・フッターを壊しすぎないよう緩和 */
.c-header a,
.c-footer a,
.c-newsList a,
.c-columnList a {
  text-decoration: none;
}

/* ヒーロー直後のお知らせ（CMS include 維持・位置のみ PoC に寄せる） */
.p-topNew--after-hero {
  margin-top: 0;
  padding-top: 28px;
  padding-bottom: 8px;
  background: transparent;
}

@media screen and (max-width: 960px) {
  .p-topNew--after-hero {
    padding-top: 20px;
  }
}

/* PoC 右端固定お問い合わせ（ラボ footer の LET'S TRY とは別導線） */
body.poc-renewal-top .fixed-inquiry,
body.poc-renewal-feature .fixed-inquiry {
  display: flex;
}

/* 下層: PoC underpage 本体。ラボヘッダー分の余白は .l-main に依存 */
body.poc-renewal-feature .under-main {
  background: var(--page-bg, #f7f6ef);
}

body.poc-renewal-feature .under-section {
  padding-bottom: 40px;
}

/* ラボ footer の LET'S TRY があるため、下層で PoC try-section は出さない想定 */
body.poc-renewal-feature .try-section {
  display: none;
}