/**
 * 管理会計LP（静的HTML版）用の追加スタイル。
 * 本文に含まれていたインライン <style> の内容をここに集約（WordPress でタグが剥がれて表示されるのを防ぐ）。
 * ヒーロー背景はインラインが効かない場合のフォールバック。
 * 本番（solution.keng.co.jp）と同じ色・背景が出るよう、ブロック用CSS除去後に残る継承をリセット。
 */

/* 本文エリアはLPのインライン／Tailwindに任せ、余計な継承をかけない */
.lp-page.lp-kanri-kaikei .entry-content {
  background: none;
  color: inherit;
}

/* 管理会計の定義セクション：見出しの文字色（インラインが効かない場合のフォールバック） */
.lp-page.lp-kanri-kaikei .entry-content .min-h-screen > section.bg-white:first-of-type h2 {
  color: rgb(51, 51, 51) !important;
}
.lp-page.lp-kanri-kaikei .entry-content .min-h-screen > section.bg-white:first-of-type h3 {
  color: rgb(0, 102, 204) !important;
}

/* ヒーロー（1本目の section）の背景フォールバック（インライン style が効かない環境用） */
.lp-page .entry-content .min-h-screen > section:first-child {
  background-image: linear-gradient(180deg, rgba(0, 102, 204, 0.6) 0%, rgba(0, 68, 153, 0.7) 100%),
    url("https://images.unsplash.com/photo-1758873271740-f1fd6c6f1524?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMG1lZXRpbmclMjBkYXRhJTIwYW5hbHlzaXN8ZW58MXx8fHwxNzY3ODQ3OTg0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral");
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  .responsive-text-definition {
    text-align: justify !important;
  }
  .responsive-text-necessity-1 {
    text-align: justify !important;
  }
  .responsive-text-necessity-2 {
    text-align: justify !important;
  }
  .responsive-text-east2 {
    text-align: justify !important;
  }
}

@media (min-width: 768px) {
  .responsive-text-definition {
    text-align: center !important;
  }
  .responsive-text-necessity-1 {
    text-align: center !important;
  }
  .responsive-text-necessity-2 {
    text-align: center !important;
  }
  .responsive-text-east2 {
    text-align: center !important;
  }
}