/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 
/* コンテンツエリアだけ背景白に */
/* 全画像コンテナのマージン調整 */






/* 全体背景白 */
body,
main,
#footer,
.footer-01,
.footer-02 {
  background-color: #ffffff !important;
  color: #333 !important;
  border-top: none !important;
}

/* フッター内のリンク色も黒に */
#footer a {
  color: #333 !important;
}
#footer a:hover {
  color: #e60033 !important; /* お好みで */
}

/* コピーライトなどの薄い文字色も統一 */
.footer-copy {
  color: #666 !important;
}
#footer .wrap {
  padding: 15px;
}
.footer-01 {
  padding: 0;
}
h2.section-title {
  display: block;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin: 40px auto;
  padding: 12px 16px;
  border-left: none;
  border-right: none;
  background-color: #f9f9f9;
  color: #111;
  border-bottom: 4px solid #e4002b;
  max-width: fit-content;
}
/* 2) ヘッダーを白に（親の緑を上書き） */
body:not(.page-template-page-lp) #header {
  background: #fff !important;
  box-shadow: none;
  border-bottom: 1px solid #eee; /* お好みで薄い線。不要なら削除 */
}

/* ヘッダー内テキスト/リンクも見える色に */
body:not(.page-template-page-lp) #header,
body:not(.page-template-page-lp) #header a {
  color: #111 !important;
}

/* 1) ロゴ画像に差し替え（<p id="logo"><a>IT.inc</a></p> を想定） */
body:not(.page-template-page-lp) #logo a {
  display: block;
  width: 160px;         /* ロゴの横幅を調整 */
  height: 70px;         /* ロゴの高さを調整 */
  background: url("https://itinc-lp.jp/wp-content/uploads/2025/09/IT_logo_image_B_05.png") no-repeat center center / contain;
  text-indent: -9999px; /* テキストを視覚的に非表示 */
  overflow: hidden;
  white-space: nowrap;
}

/* ロゴの位置微調整（必要なら） */
body:not(.page-template-page-lp) #logo {
  margin: 0;
  padding: 12px 0; /* ヘッダーの高さに合わせて調整 */
}

/* 3) パンくずを非表示 */
body:not(.page-template-page-lp) .breadcrumb-area {
  display: none !important;
}
body:not(.page-template-page-lp) {

  /* 4) 背景のマダラ模様を真っ白に */
  background: #fff !important;
}

/* 戻るボタン */
.page-id-60 .thanks-wrapper .btn-back {
  display: inline-block;
  text-align: center;
  background-color: #66812f;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  margin: 40px auto 20px;
  transition: background-color 0.3s;
}

/* =========================================
   固定バナーを通常テンプレートでは非表示に
   LP (page-lp.php) では従来どおり表示
========================================= */

/* 通常テンプレート（LP以外）ではバナーを消す */
body:not(.page-template-page-lp) .fixed-banner,
body:not(.page-template-page-lp) .fixed-banner-pc,
body:not(.page-template-page-lp) .fixed-banner-sp {
  display: none !important;
}