@charset "UTF-8";

/* 固定ページ */

/* パンくずリスト */
.breadcrumbs {
    margin-bottom: var(--gasp-sp-24);
}

/* プライバシーポリシー */
.policy_link a {
	color: inherit;
}

/* カテゴリページ */
.category_caption {
    position: relative;
    width: 50%;
    margin: auto;
    padding: var(--gasp-sp-32) 0px var(--gasp-sp-48) 0px;
    background: #e5f6ff;
}
.category_caption:before {
  position: absolute;
  top: -10px;
  left: -20px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}
@media (max-width: 767px) {
    .category_caption {
        width: 90%;
        padding: var(--gasp-sp-24) 0px var(--gasp-sp-24) 0px;
    }
    .category_caption:before {
        top: 0px;
        left: 0px;
    }
}

/* 資料ダウンロード */
.materials_download .wp-block-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.materials_download .wp-block-file a:nth-child(1) {
    font-size: large;
}
.materials_download .wp-block-file .wp-block-file__button:hover {
    color: #FFFFFF;
}
@media (max-width: 767px) {
    .wp-block-file {
		flex-wrap: wrap;
	}
    .wp-block-file .wp-block-file__button {
		width: 100%;
        text-align: center;
        margin-top: 1vh;
	}
}

/* ===== 2026-08-25 段階B：is-lightヒーローの可読性 ここから =====
   RECRUIT等の明色ヒーロー：既定dim（数値クラス無し）のみオーバーレイを濃くして濃色文字を立たせる。
   ※page.cssはis_page()時のみ読込のため記事側アイキャッチには波及しない。common.cssへ移動禁止 */
.page-content-wrapper .wp-block-cover.is-light .wp-block-cover__background:not([class*="has-background-dim-"]) {
    opacity: 0.72;
}
/* ===== 2026-08-25 段階B：is-lightヒーローの可読性 ここまで ===== */

/* ===== 2026-08-25 段階B：ページ別タイトル帯背景 ここから =====
   各固定ページのタイトル(h1.single-page-title)を「自社撮影写真＋紺オーバーレイ」の帯にする。
   画像はメディアライブラリ（2026/08）。url()はルート相対＝検証環境へそのまま移設可能 */

/* 帯の共通スタイル（対象ページのみ列挙して適用） */
body.page-id-96 .single-page-title,
body.page-id-97 .single-page-title,
body.page-id-98 .single-page-title,
body.page-id-99 .single-page-title,
body.page-id-103 .single-page-title,
body.page-id-104 .single-page-title,
body.page-id-106 .single-page-title,
body.page-id-28 .single-page-title,
body.page-id-32 .single-page-title,
body.page-id-34 .single-page-title,
body.page-id-35 .single-page-title,
body.page-id-3292 .single-page-title,
body.page-id-3297 .single-page-title,
body.page-id-2 .single-page-title {
    display: flex;
    align-items: center;
    min-height: 220px;
    padding: 2rem 3rem;
    border-radius: var(--gasp-r-12);
    color: #ffffff;
    background-size: cover;
    background-position: center;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
    body.page-id-96 .single-page-title,
    body.page-id-97 .single-page-title,
    body.page-id-98 .single-page-title,
    body.page-id-99 .single-page-title,
    body.page-id-103 .single-page-title,
    body.page-id-104 .single-page-title,
    body.page-id-106 .single-page-title,
    body.page-id-28 .single-page-title,
    body.page-id-32 .single-page-title,
    body.page-id-34 .single-page-title,
    body.page-id-35 .single-page-title,
    body.page-id-3292 .single-page-title,
    body.page-id-3297 .single-page-title,
    body.page-id-2 .single-page-title {
        min-height: 150px;
        padding: 1.4rem 1.8rem;
        border-radius: var(--gasp-r-12);
    }
}

/* ページ別の背景写真（紺オーバーレイを重ねて可読性確保） */
body.page-id-2 .single-page-title,
body.page-id-96 .single-page-title { /* page-id-2=COMPANYハブページ / page-id-96=会社概要。同じエントランスのロゴ看板を使用 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.45), rgba(20, 28, 58, 0.55)), url(/wp-content/uploads/2026/08/entrance_logo.jpg);
}
body.page-id-97 .single-page-title { /* 代表メッセージ：寄せ書きボード */
    background-image: linear-gradient(rgba(20, 28, 58, 0.45), rgba(20, 28, 58, 0.55)), url(/wp-content/uploads/2026/08/message_board.jpg);
}
body.page-id-98 .single-page-title { /* 沿革：銀座のビル群 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.45), rgba(20, 28, 58, 0.55)), url(/wp-content/uploads/2026/08/history_ginza.jpg);
}
body.page-id-99 .single-page-title { /* アクセス：オフィスからの街並み */
    background-image: linear-gradient(rgba(20, 28, 58, 0.45), rgba(20, 28, 58, 0.55)), url(/wp-content/uploads/2026/08/access_street.jpg);
    background-position: center 30%;
}
body.page-id-103 .single-page-title { /* 認証・認定：エレベーターホールのロゴ壁 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.40), rgba(20, 28, 58, 0.50)), url(/wp-content/uploads/2026/08/cert_wall.jpg);
}
body.page-id-104 .single-page-title,
body.page-id-106 .single-page-title { /* 主要取引先・パートナー：空の多いビル群 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.40), rgba(20, 28, 58, 0.50)), url(/wp-content/uploads/2026/08/partner_sky.jpg);
    background-position: center 20%;
}
body.page-id-28 .single-page-title { /* SOLUTION：会議室 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.45), rgba(20, 28, 58, 0.55)), url(/wp-content/uploads/2026/08/solution_meeting.jpg);
    background-position: center 55%;
}
body.page-id-32 .single-page-title { /* SERVICE：ネットワーク機器 */
    background-image: linear-gradient(rgba(20, 28, 58, 0.50), rgba(20, 28, 58, 0.60)), url(/wp-content/uploads/2026/08/service_network.jpg);
}
body.page-id-34 .single-page-title { /* CASE：夜の街路（イルミネーション） */
    background-image: linear-gradient(rgba(20, 28, 58, 0.35), rgba(20, 28, 58, 0.50)), url(/wp-content/uploads/2026/08/case_night_street.jpg);
    background-position: center 40%;
}
body.page-id-35 .single-page-title,
body.page-id-3292 .single-page-title,
body.page-id-3297 .single-page-title { /* RESOURCES系：葉のテクスチャ */
    background-image: linear-gradient(rgba(20, 28, 58, 0.40), rgba(20, 28, 58, 0.50)), url(/wp-content/uploads/2026/08/resources_leaf.jpg);
}

/* ページ最下層（コンテンツ背後）にも同じ写真を白ぼかし（白93%のフラット塗り重ね）で敷き、奥行きを出す
   ※モバイル・タブレットは background-attachment:fixed の描画負荷と転送量を考慮して無効（PC幅のみ） */
@media (min-width: 1025px) {
    body.page-id-2,
    body.page-id-96 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/entrance_logo.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-97 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/message_board.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-98 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/history_ginza.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-99 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/access_street.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-103 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/cert_wall.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-104,
    body.page-id-106 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/partner_sky.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-28 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/solution_meeting.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-32 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/service_network.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-34 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/case_night_street.jpg); background-size: cover; background-attachment: fixed; }
    body.page-id-35,
    body.page-id-3292,
    body.page-id-3297 { background-image: linear-gradient(rgba(250, 248, 255, 0.93), rgba(250, 248, 255, 0.93)), url(/wp-content/uploads/2026/08/resources_leaf.jpg); background-size: cover; background-attachment: fixed; }
}

/* ===== 2026-08-25 段階B：ページ別タイトル帯背景 ここまで ===== */

/* ===== 2026-09-01 全面紺地・段階B白ベールの紺化 ここから =====
 * 段2.6（コーポレート配色）：上の「段階B：ページ別タイトル帯背景」ブロック（166-181行目）は
 * このファイル内で変更しない方針のため、同一セレクタをここで再宣言して後勝ちで上書きする
 * （既存ブロックは1行も書き換えない）。
 * 対象は同じ14ページ（page-id 2,96-99,103,104,106,28,32,34,35,3292,3297）・同じPC幅のみ
 * （@media min-width:1025px。モバイル・タブレットは元々background-attachment:fixedを
 * 無効化しているため対象なし）。白93%ベール（rgba(250,248,255,0.93)）を
 * 紺ベール（rgba(20,28,58,0.93)）に置換。画像・background-size/attachmentは変更しない。
 * corp-color.cssでarticle.single-content（`.card-layout-w`の白背景）を transparent 化した
 * ことで、このベールが実際に見える範囲が生まれている（従来は不透明な白カードに隠れて
 * ほぼ見えなかった）。 */
@media (min-width: 1025px) {
    body.page-id-2,
    body.page-id-96 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/entrance_logo.jpg); }
    body.page-id-97 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/message_board.jpg); }
    body.page-id-98 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/history_ginza.jpg); }
    body.page-id-99 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/access_street.jpg); }
    body.page-id-103 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/cert_wall.jpg); }
    body.page-id-104,
    body.page-id-106 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/partner_sky.jpg); }
    body.page-id-28 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/solution_meeting.jpg); }
    body.page-id-32 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/service_network.jpg); }
    body.page-id-34 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/case_night_street.jpg); }
    body.page-id-35,
    body.page-id-3292,
    body.page-id-3297 { background-image: linear-gradient(rgba(20, 28, 58, 0.93), rgba(20, 28, 58, 0.93)), url(/wp-content/uploads/2026/08/resources_leaf.jpg); }
}
/* ===== 2026-09-01 全面紺地・段階B白ベールの紺化 ここまで ===== */