/* =========================================================
   page-common.css
   ---------------------------------------------------------
   固定ページ共通スタイル用CSS

   ■ 概要
   WordPressの固定ページ（page.php）全体に適用される
   共通スタイルを記述するファイル

   ■ 読み込み条件
   functions.php にて以下条件で読み込み
   - is_page() && !is_front_page()

   ■ 対象ページ
   - お問い合わせページ
   - 会社概要ページ
   - サービス紹介ページ
   などの固定ページ全般

   ■ 注意
   - トップページには適用されない
   - 投稿ページ（single.php）には適用されない
   - Nanoテーマの既存スタイルを上書きする場合あり

   ■ 今後の運用
   - 固定ページ全体に共通するスタイルはここに追加
   - ページ個別のスタイルは別CSSに分ける
     例：contact.css, about.css など
========================================================= */

:root {
  --color-main: #F79B3F;   /* テーマカラー（オレンジ） */
  --color-black: #002F34;   /* 黒カラー */
  --color-white: #FFFFFF;     /* 白カラー */
}

/* =========================
   固定ページ共通ヘッダー
   ========================= */
.page-header {
  text-align: center;
  padding-bottom: 30px;
}

.p-menu-btn{
    font-weight: 700;	
}


@media screen and (max-width: 768px) {
	.page-header {
		padding-top: 30px;
	}
}

.page-header h1.page-header_title {
  font-size: 46px;
  font-weight: bold;
  color: var(--color-main);
  margin-bottom: 10px;
  line-height: 1;
}

.page-header .page-header_subtitle {
  font-size: 16px;
  font-weight: bold;
  color: var(--color-black);
}

.p-entry__body h2.col_title {
    font-size: 24px;
    font-weight: 600;
    padding: 12px 16px;
	border-radius: 6px;
    background-color: var(--color-main);
	color: var(--color-white);
}

@media screen and (max-width: 768px) {
  .p-entry__body h2.col_title {
    font-size: 18px;
  }
}

.p-entry__body a, .custom-html-widget a{
  text-decoration: underline !important;
}

.p-entry__body a:hover, .custom-html-widget a:hover{
  text-decoration: none !important;
}


.l-main,
.l-main p,
.l-main h1, .l-main h2, .l-main h3, .l-main h4,
.l-main li, .l-main a, .l-main span {
    font-weight: 700;
	color: #002F34;
}

.l-main .p-breadcrumb__item span {
	font-weight: 400;
}

.l-main .p-cover__title, .l-main .p-cover__sub {
	color: #ffffff;
}

@media screen and (max-width: 767px) {
    .p-breadcrumb {
        display: block;
    }
}

@media screen and (orientation: portrait) {
    .p-breadcrumb {
        display: block;
    }
}

.p-news-tab-list__tabs {
    display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.p-btn.p-contact-cards__btn.is-disabled a {
	color: #002F34;
    pointer-events: none;
    background: #E5EAEB;
}

.p-btn.p-contact-cards__btn.is-disabled a:hover {
	filter: none;
}