@charset "UTF-8";
/* ==========================================================================
   株式会社FEA ホームページ
   header ほかの指定
   --------------------------------------------------------------------------
   もとは news/20230331-locations-2023.html ほか計11ページ の <head> に直接書かれていたスタイルです。
   CSP から style-src 'unsafe-inline' を外すため、2026-09 に外部ファイル化しました。
   修正するときは、HTML ではなくこのファイルを編集してください。
   ========================================================================== */
header {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: transparent;
  transition: background 0.3s, box-shadow 0.3s, padding 0.3s;
}
header.scrolled {
  background: #ffffff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
header:has(nav ul li.has-dropdown:hover) {
  background: #ffffff;
}
    :root {
      --c-navy:   #1a1a1a;
      --c-blue:   #444444;
      --c-dark:   #0d1f3c;
      --c-bg:     #ffffff;
      --c-border: rgba(0,0,0,0.10);
      /* お知らせカラー */
      --c-tag:    #2a8f7e;
      --c-tag-bg: #eef8f6;
      --c-accent: #3aac9a;
    }
    html { overflow-x: hidden; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; color: #1a1a1a; background: #ffffff; overflow-x: hidden; }

    /* ===== ページヒーロー ===== */
    .page-hero {
      margin-top: 80px;
      padding: 44px 8vw 36px;
      background: #fff;
      color: #1a1a1a;
      border-bottom: 1px solid #e8e8e8;
    }
    .breadcrumb { font-size: 0.72rem; color: #999; margin-bottom: 14px; letter-spacing: 0.08em; }
    .breadcrumb a { color: #999; text-decoration: none; transition: color 0.2s; }
    .breadcrumb a:hover { color: #1a1a1a; }
    .breadcrumb span { margin: 0 6px; opacity: 0.4; }
    .hero-tag {
      display: inline-flex; align-items: center;
      padding: 4px 12px; border-radius: 4px; margin-bottom: 12px;
      font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em;
      background: var(--c-tag-bg); color: var(--c-tag);
      border: 1px solid rgba(0,0,0,0.12);
    }
    .page-hero h1 { font-size: clamp(1.3rem, 2.8vw, 2rem); letter-spacing: 0.08em; font-weight: 300; line-height: 1.55; color: #111; }
    .hero-date { font-size: 0.74rem; color: #999; margin-top: 12px; letter-spacing: 0.08em; }

    /* ===== 記事本文エリア ===== */
    .article-wrap {
      max-width: 800px; margin: 0 auto;
      padding: 56px 5vw 100px;
    }

    /* アクセントライン */
    .article-wrap::before {
      content: '';
      display: block;
      height: 3px;
      background:linear-gradient(90deg, var(--c-accent), transparent);
      margin-bottom: 40px;
      border-radius: 2px;
    }

    /* ============================================================
      【編集箇所 2/3】記事本文
      以下の .article-body 内を自由に編集してください。
      使用できる要素：
        <p>          … 段落テキスト
        <h2>         … 中見出し
        <h3>         … 小見出し
        <ul><li>     … 箇条書きリスト
        <ol><li>     … 番号付きリスト
        <table>      … テーブル（thead/tbody/tr/th/td）
        <a href="">  … リンク
        <strong>     … 強調（太字）
        <img>        … 画像（../image/ または ../news/image/ に格納）
        <div class="info-box">  … 注意書きボックス
        <div class="divider">   … セクション区切り線
    ============================================================ */
    .article-body { font-size: 0.95rem; color: #333; line-height: 1.9; letter-spacing: 0.03em; }
    .article-body p { margin-bottom: 1.4em; }
    .article-body h2 {
      font-size: 1.1rem; font-weight: 700; color: var(--c-navy);
      margin: 2.4em 0 0.8em;
      padding-left: 12px;
      border-left: 3px solid var(--c-accent);
    }
    .article-body h3 {
      font-size: 1rem; font-weight: 700; color: var(--c-navy);
      margin: 1.8em 0 0.6em;
    }
    .article-body ul, .article-body ol { margin: 0 0 1.4em 1.6em; }
    .article-body li { margin-bottom: 0.4em; }
    .article-body a { color: var(--c-blue); text-decoration: underline; text-underline-offset: 3px; }
    .article-body a:hover { color: var(--c-navy); }
    .article-body strong { font-weight: 700; }
    .article-body img { max-width: 100%; height: auto; border-radius: 6px; margin: 1.2em 0; display: block; }
    .article-body table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 0.88rem; }
    .article-body th { background: var(--c-navy); color: #fff; padding: 10px 14px; text-align: left; font-weight: 600; white-space: normal; word-break: break-all; }
    .article-body td { padding: 10px 14px; border-bottom: 1px solid #dde3ee; white-space: normal; word-break: break-all; }
    .article-body tr:nth-child(even) td { background: #f0f4f8; }
    .info-box {
      background: #eef8f6; border-left: 3px solid var(--c-accent);
      border-radius: 0 6px 6px 0; padding: 16px 20px;
      margin: 1.4em 0; font-size: 0.88rem; color: #1f6b5e;
    }
    .divider { border: none; border-top: 1px solid #dde3ee; margin: 2em 0; }

    /* 戻るボタン */
    .back-link-wrap { margin-top: 52px; text-align: center; }
    .back-link {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 12px 32px; border-radius: 40px;
      border: 1.5px solid var(--c-navy); color: var(--c-navy);
      text-decoration: none; font-size: 0.85rem; font-weight: 600;
      letter-spacing: 0.1em; transition: background 0.2s, color 0.2s;
    }
    .back-link:hover { background: var(--c-navy); color: #fff; }
    .back-link::before { content: '←'; font-size: 0.9em; }

    /* ===== レスポンシブ ===== */
    @media (max-width: 540px) { .page-hero { padding: 36px 5vw 28px; } }
    @media (max-width: 480px) { .article-wrap { padding-bottom: 280px; } }
  
.seiho-marquee-track { animation: none; }