@charset "utf-8";
/* ============================================================
   CONTACT（contact）— lc-inquery.css を土台に生成
   本番テーマ lastcompass220713 のCSSより後に読み込むこと。
   画像は ../../images/restyle/ に配置。
   自動生成: build_dist.py — プレビューの適用順をそのまま保持。
   ============================================================ */

/* ---------- lcRestyle ---------- */
/* ============================================================
   SKIN A — ネイビー×ゴールド（リデザイン確定テーマ準拠）
   構成・HTMLは一切変更せず、CSS上書きのみで実現
   ============================================================ */

/* ---- ベース ---- */
body:not(:has(.box-header-02.recruit)){
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  color:#a9b8d0 !important;
  background:
    radial-gradient(1300px 640px at 50% -8%, rgba(96,158,196,.28), transparent 60%),
    radial-gradient(1000px 560px at 90% 30%, rgba(38,96,128,.22), transparent 55%),
    linear-gradient(180deg,#12283f 0%,#0d1e33 40%,#0a1526 100%) !important;
  background-attachment:fixed !important;
}
body:not(:has(.box-header-02.recruit)) main, body:not(:has(.box-header-02.recruit)) main section, .section-home, .articleSlide,
.box-slide-09, .top_seminarList, .top_trainingList{ background:transparent !important; }
html:not(:has(.box-header-02.recruit)){ background:#0a1526 !important; }
body:not(:has(.box-header-02.recruit)) main p, body:not(:has(.box-header-02.recruit)) main li{ color:#a9b8d0; }

/* ---- ヘッダー ---- */
.header-wrap{
  background:rgba(10,21,38,.72) !important;
  backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:none !important;
}
.box-header-02:not(.recruit) .header-nav a{ color:#cfd8e4 !important; font-family:"Open Sans","Noto Sans JP",sans-serif !important; transition:color .2s, box-shadow .2s; }
.box-header-02:not(.recruit) .header-nav a span{ color:#8a97ab !important; transition:color .2s; }

/* ナビホバー：テーマの「白背景＋紺文字」を廃止し、ゴールド文字＋金の下線に */
.box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover{
  background:transparent !important;
  color:#d8b877 !important;
  box-shadow:inset 0 -2px 0 #d8b877;
}
/* 日本語サブラベルは::after(content:attr)で描画されている */
.box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{ transition:color .2s; }
.box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover::after{
  color:rgba(216,184,119,.65) !important;
}

/* ドロップダウン：白パネルをやめてダークガラス＋金の天板ラインに */
.box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child{
  border-top:2px solid #d8b877;
  box-shadow:0 18px 40px rgba(5,12,25,.5);
}
.box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child > li{
  background:rgba(8,16,30,.96) !important;
}
.box-header-02 .header-nav ul.nav-inner .nav-child a{
  color:#cfd8e4 !important;
  padding:11px 18px !important;
  line-height:1.5 !important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.box-header-02 .header-nav ul.nav-inner .nav-child a:hover{
  color:#d8b877 !important;
  background:rgba(216,184,119,.08) !important;
  box-shadow:none;
}
/* ドロップダウン項目の横に付く商品名（data-sub由来の::after）：
   テーマが濃紺文字にするためダークパネルで消える → シャンパンで表示 */
.box-header-02 .header-nav .nav-child a::after,
.box-header-02 .header-nav .lc_spNav_inner a::after{
  color:rgba(216,184,119,.68) !important;
}
.box-header-02 .header-nav .nav-child a:hover::after{
  color:#d8b877 !important;
}

/* 集客改善（ProMo）のメニュー項目を非表示（ヘッダーDD・フッター・SPナビ）
   ※本番ではWPメニュー管理から削除するのが正道。それまでのCSS対応 */
.header-nav li:has(> a[href*="/promo"]),
footer li:has(> a[href*="/promo"]),
.footer-wrap li:has(> a[href*="/promo"]),
.lc_spNav_inner li:has(> a[href*="/promo"]){
  display:none !important;
}
.header-logo, .header-logo a{ color:#fff !important; }
/* COMPASS PORT：丸型をやめ、金縁のシャープな矩形に */
.header-btn .btn-inner{
  background:transparent !important;
  border:1px solid rgba(216,184,119,.65) !important;
  border-radius:0 !important;
  color:#d8b877 !important;
  font-family:"Cinzel",serif !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  transition:background .2s, border-color .2s;
}
.header-btn .btn-inner span{ color:#d8b877 !important; transition:color .2s, text-shadow .2s; }
/* ホバー挙動は restyle-hbtn-*.css 側で定義する（金ワッシュ背景は金文字と同化するため廃止） */

/* ---- セクション見出し（EN大＋JP小） ---- */
h2.unit-title-08{
  font-family:"Cinzel",serif !important;
  color:#d8b877 !important;
  letter-spacing:.24em !important;
  font-weight:600 !important;
}
h2.unit-title-08 span{
  font-family:"Noto Serif JP",serif !important;
  color:#fff !important;
  letter-spacing:.18em !important;
}
/* このテーマはJPサブタイトルを ::after(content) で描画している */
h2.unit-title-08::after, p.unit-title-08::after{
  background:transparent !important;
  color:#a9b8d0 !important;
  font-family:"Noto Serif JP",serif !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
}
.unit-title-08 span::after{ background:#C8A668 !important; }
p.unit-title-08{
  font-family:"Cinzel",serif !important;
  color:#d8b877 !important;
  letter-spacing:.24em !important;
}
p.unit-title-08 span{ font-family:"Noto Serif JP",serif !important; color:#fff !important; }

/* ---- ヒーロー ---- */
.slide-txt .txt-main, .slide-txt h2{
  font-family:"Noto Serif JP",serif !important;
  letter-spacing:.06em !important;
  text-shadow:0 2px 24px rgba(5,12,25,.6);
}
.slide-txt .txt-sub{ letter-spacing:.14em !important; }

/* MISSIONスライドにも経営改善資料スライドと同じコンパス透かし（白の極薄） */
.slide-txt:not(.contactSlide)::before{
  content:"";
  position:absolute;
  left:50%; top:46%;
  transform:translate(-50%,-50%);
  width:560px; height:560px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffffff' stroke-width='0.5'%3E%3Ccircle cx='24' cy='24' r='21'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 1v8M24 39v8M1 24h8M39 24h8'/%3E%3Cpolygon points='24,7 26.6,24 24,41 21.4,24' fill='%23ffffff' stroke='none'/%3E%3Cpolygon points='7,24 24,21.4 41,24 24,26.6' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.08;
  pointer-events:none;
  z-index:-1;
}
@media screen and (max-width:768px){
  .slide-txt:not(.contactSlide)::before{ width:340px; height:340px; }
}

/* MISSIONラベル：大きな見出しをやめ、反対スライドのキッカー
   (LIMITED TIME DOCUMENTS)と同格の小さな金の英字ラベルに */
.slide-txt:not(.contactSlide) .txt-sub{
  font-family:"Cinzel",serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.46em !important;
  text-indent:.46em;
  color:rgba(216,184,119,.9) !important;
  margin-bottom:18px !important;
}
@media screen and (max-width:768px){
  .slide-txt:not(.contactSlide) .txt-sub{
    font-size:10px !important;
    letter-spacing:.24em !important;
    text-indent:.24em;
    margin-bottom:12px !important;
  }
}

/* MISSIONスライドのキャッチ
   PC：テーマ標準サイズ(35px)の1行のまま。
   モバイルのみ「成果に直結する／コンサルティングの提供」の2行に分割
   （テーマHTMLが1行のためCSSで置換。スローガン文言変更時はここも更新） */
@media screen and (max-width:768px){
  .slide-list .slide-txt:not(.contactSlide) .txt-main{
    font-size:0 !important;
    line-height:0 !important;
  }
  .slide-list .slide-txt:not(.contactSlide) .txt-main::before{
    content:"成果に直結する\Aコンサルティングの提供";
    white-space:pre;
    display:block;
    font-family:"Noto Serif JP",serif;
    font-size:2.1rem;
    font-weight:600;
    line-height:1.55;
    letter-spacing:.06em;
    color:#fff;
    text-shadow:0 2px 24px rgba(5,12,25,.6);
  }
}

/* ---- 海背景の連続アニメーション ----
   テーマは各スライドの .slide-bg に scaleZoom(4s,1回) を掛け直すため
   切替のたびにリセットされる。両スライドとも同じ画像(slide_bg_09.jpg)なので、
   背景を切り替わらない親(.box-mainvisual-02)の::beforeに1枚だけ敷き、
   無限ループ(往復)でゆっくり漂わせる。テキストのみがクロスフェードする。 */
.box-mainvisual-02{ position:relative; overflow:hidden; }
.box-mainvisual-02::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:url(https://lastcompass.co.jp/wp-content/themes/lastcompass220713/images/top/slide_bg_09.jpg) center/cover no-repeat;
  animation:lcOceanDrift 14s ease-in-out infinite alternate;
  will-change:transform;
}
.box-mainvisual-02::after{
  content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(180deg, rgba(10,21,38,.25), rgba(10,21,38,.55));
  pointer-events:none;
}
.box-mainvisual-02 .mainvisual-slide{ position:relative; z-index:1; }
.box-mainvisual-02 .mainvisual-slide .slide-list .slide-bg{
  opacity:0 !important;
  animation:none !important;
}
@keyframes lcOceanDrift{
  0%{ transform:scale(1.03) translate(0,0); }
  100%{ transform:scale(1.22) translate(-2.6%,1.8%); }
}
@media (prefers-reduced-motion:reduce){
  .box-mainvisual-02::before{ animation:none; }
}
/* 「経営改善資料」の色はヒーロー案(restyle-hero-*.css)側で定義する */

/* ヒーローCTA「期間限定資料を受け取る」：1行のシャープなゴールドボタンに */
.slide-list .contactSlide .txt-sub{ max-width:none !important; }
.slide-list .contactSlide .txt-sub a{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  white-space:nowrap !important;
  width:auto !important;
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  font-family:"Noto Sans JP",sans-serif !important;
  font-size:1.7rem !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  padding:19px 54px 19px 58px !important;
  border-radius:2px !important;
  outline:1px solid rgba(255,255,255,.45);
  outline-offset:-5px;
  box-shadow:0 0 0 1px rgba(216,184,119,.5), 0 14px 36px rgba(200,166,104,.35);
  transition:transform .2s, box-shadow .2s;
}
.slide-list .contactSlide .txt-sub a::before{ display:none !important; } /* 旧グラフアイコンを撤去 */
.slide-list .contactSlide .txt-sub a::after{
  content:"→"; margin-left:16px; font-weight:700; transition:transform .2s;
}
.slide-list .contactSlide .txt-sub a:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(216,184,119,.7), 0 18px 44px rgba(200,166,104,.45);
}
.slide-list .contactSlide .txt-sub a:hover::after{ transform:translateX(4px); }

/* SPメニュー（ヒーロー境界）とSEMINAR見出しの間隔：モバイルで詰める */
@media screen and (max-width:768px){
  .top_seminarList, .top_trainingList{ padding-top:26px !important; }
  /* モバイルはSEMINAR/TRAINING帯の透過をやめ、下の紺色で塗りつぶす */
  .articleSlide, .top_seminarList, .top_trainingList{
    background:#0c1a2e !important;
  }
}

/* ---- スライダーの上下ぐらつき解消：slickのadaptiveHeightが
   スライドごとに高さをアニメーションさせるため、高さを最大スライドに固定 ---- */
.article_sliderList .slick-list{ height:auto !important; }

/* ---- セミナー・研修カード：サムネを一回り小さく、余白で整える ---- */
.article_sliderList .slick-slide{ padding:0 18px !important; box-sizing:border-box; }
.article-figure img, .linkImg img{
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(5,12,25,.45);
  transition:transform .25s, box-shadow .25s;
}
.linkImg:hover img{ transform:translateY(-4px); box-shadow:0 0 0 2px rgba(216,184,119,.4), 0 16px 38px rgba(5,12,25,.55); }
.seminarDate{
  color:#C8A668 !important; font-weight:700 !important;
  font-family:"Inter","Noto Sans JP",sans-serif !important;
  font-size:13px !important; letter-spacing:.08em !important;
  margin-top:14px !important;
}
.seminarTtl{
  color:#eaf1fb !important;
  font-size:14px !important;
  line-height:1.75 !important;
  font-weight:500 !important;
}

/* ---- READ MORE ボタン ---- */
.unit-readmore-01 a{
  font-family:"Cinzel",serif !important;
  color:#d8b877 !important;
  border:1px solid rgba(216,184,119,.5) !important;
  border-radius:0 !important;
  background:transparent !important;
  letter-spacing:.24em !important;
  display:block !important;
  max-width:280px !important;
  margin:0 auto !important;
  text-align:center !important;
  padding:13px 0 !important;
  transition:background .2s, border-color .2s;
}
.unit-readmore-01 a:hover{ background:rgba(216,184,119,.12) !important; border-color:#d8b877 !important; }

/* ---- サービスロゴ帯（SERVICEバンド） ---- */
.pc_subMenu{
  background:rgba(8,16,30,.74) !important;
  backdrop-filter:blur(12px) saturate(140%);
  border-top:1px solid rgba(216,184,119,.3);
  border-bottom:1px solid rgba(255,255,255,.08);
}
/* 見出し・タイルの意匠は restyle-svc-*.css（3案）側で定義する */
.topPc_slide .slick-slide{ padding:0 8px !important; box-sizing:border-box; }
/* 送りボタン（矢印）をゴールドに */
.pc_subMenu .slick-arrow{ color:#d8b877 !important; opacity:.85; transition:opacity .2s; }
.pc_subMenu .slick-arrow:hover{ opacity:1; }
.pc_subMenu .slick-arrow > *::before{ border-color:#d8b877 !important; }

/* ---- フッター ---- */
footer:not(.recruit) .footer-wrap, footer:not(.recruit){
  background:rgba(10,21,38,.65) !important;
  border-top:1px solid rgba(255,255,255,.1);
  color:#8a97ab !important;
}
footer:not(.recruit) a{ color:#a9b8d0 !important; }
footer:not(.recruit) a:hover{ color:#fff !important; }
.footer-copyright{ color:#6f829e !important; background:transparent !important; }

/* ---- 汎用ボタン・リンク（シャープ基調で統一） ---- */
a.btn, .box-link-01 a, input[type=submit]{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  border-radius:2px !important;
  border:0 !important;
  font-weight:700 !important;
}

/* ---- 固定CV（スマホ・PC共通の帯） ---- */
.unit-fix-07:not(.recruit) .fix-inner{
  background-color:#C8A668 !important;
  color:#16233b !important;
  border-radius:0;
}
.unit-fix-07:not(.recruit) .fix-inner span{ color:#16233b !important; }

/* ============================================================
   HERO 案3 — シャンパングラデーション × コンパス透かし
   金を「白→シャンパンゴールド」の上品なグラデーションに抑え、
   背後にブランドシンボルのコンパスをうっすら透かす。ラグジュアリー路線。
   ============================================================ */
.contactSlide .txt-main{ color:#fff !important; letter-spacing:.08em !important; }
.contactSlide .txt-main span{
  background:linear-gradient(180deg,#ffffff 12%,#f0e2b8 58%,#cfae72 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#ecd9ab !important;
  text-shadow:none !important;
  filter:drop-shadow(0 4px 20px rgba(200,166,104,.35));
}
.contactSlide .txt-main::before{
  content:"LIMITED TIME DOCUMENTS";
  display:block;
  font-family:"Cinzel",serif;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.44em;
  text-indent:.44em;
  color:rgba(216,184,119,.9);
  margin-bottom:24px;
}
/* コンパスの透かし（ブランドシンボル） */
.slide-txt.contactSlide::before{
  content:"";
  position:absolute;
  left:50%; top:46%;
  transform:translate(-50%,-50%);
  width:560px; height:560px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23d8b877' stroke-width='0.5'%3E%3Ccircle cx='24' cy='24' r='21'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 1v8M24 39v8M1 24h8M39 24h8'/%3E%3Cpolygon points='24,7 26.6,24 24,41 21.4,24' fill='%23d8b877' stroke='none'/%3E%3Cpolygon points='7,24 24,21.4 41,24 24,26.6' fill='%23d8b877' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.13;
  pointer-events:none;
  z-index:-1;
}
@media screen and (max-width:768px){
  .slide-txt.contactSlide::before{ width:340px; height:340px; }
  /* キッカー英字：モバイルでは字間を絞って1行に収める */
  .contactSlide .txt-main::before{
    font-size:10px !important;
    letter-spacing:.22em !important;
    text-indent:.22em !important;
    margin-bottom:16px !important;
  }
}

/* ============================================================
   HERO 案3-C — アウトライン・ミニマル「文字を邪魔しない」
   CTAを金縁アウトライン＋薄いガラス風に格下げし、
   シャンパン文字のタイトルを完全な主役にする。ホバーで金に反転。
   COMPASS PORTと同じ"金縁フレーム"言語で統一感が出る。
   ============================================================ */
.slide-list .contactSlide .txt-main{ margin-bottom:46px !important; }
.slide-list .contactSlide .txt-main span{ font-size:5.4rem !important; }
.slide-list .contactSlide .txt-sub a{
  background:rgba(10,21,38,.28) !important;
  border:1px solid rgba(216,184,119,.75) !important;
  color:#ecd9ab !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:blur(5px);
  font-size:1.5rem !important;
  padding:16px 52px !important;
  letter-spacing:.22em !important;
  border-radius:0 !important;
  transition:background .25s, color .25s, transform .2s;
}
.slide-list .contactSlide .txt-sub a:hover{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  transform:translateY(-2px);
}
@media screen and (max-width:768px){
  .slide-list .contactSlide .txt-main span{ font-size:3.2rem !important; }
  .slide-list .contactSlide .txt-sub a{ font-size:1.3rem !important; padding:13px 34px !important; }
}

/* ============================================================
   3-C バランス案3 — 黄金比スケール
   タイトルをわずかに落とし(5rem)、CTA幅をタイトル幅の約62%に。
   「大きな文字 × 小さめの品のいいボタン」の古典的プロポーション。
   ============================================================ */
.contactSlide .txt-main::before{ margin-bottom:20px !important; }
/* 2行の横幅を常に一致させるロックアップ：
   「ラストコンパスの」8字×字間.1em ＝「経営改善資料」6字×字間.06em
   → 2行目のサイズは1行目の約1.36倍（実測補正済み）（em指定なので全画面幅で比率維持） */
.slide-list .contactSlide .txt-main{
  margin-bottom:28px !important;
  font-size:3.6rem !important;
  letter-spacing:.1em !important;
  line-height:1.35 !important;
}
.slide-list .contactSlide .txt-main span{
  font-size:1.362em !important;
  letter-spacing:.06em !important;
}
.slide-list .contactSlide .txt-sub a{
  width:264px !important;
  min-width:0 !important;
  justify-content:center !important;
  font-size:1.35rem !important;
  padding:13px 0 !important;
  letter-spacing:.12em !important;
}
@media screen and (max-width:768px){
  .slide-list .contactSlide .txt-main{
    margin-bottom:20px !important;
    font-size:2.17rem !important;
  }
  .slide-list .contactSlide .txt-main span{ font-size:1.362em !important; }
  .slide-list .contactSlide .txt-sub a{
    width:auto !important;
    font-size:1.25rem !important;
    padding:9px 18px !important;
    letter-spacing:.06em !important;
  }
}

/* ============================================================
   ゴールド削減 案2改 — 白主体＋白透かし（確定版）
   タイトルは純白、キッカーは青灰、コンパス透かしは白の極薄ライン。
   金が残るのはCTAの枠と文字だけ＝「金＝押す場所」が明確。
   ============================================================ */
.contactSlide .txt-main::before{ color:#93a5bd !important; }
.contactSlide .txt-main span{
  background:none !important;
  -webkit-background-clip:initial !important; background-clip:initial !important;
  -webkit-text-fill-color:#fff !important;
  color:#fff !important;
  filter:none !important;
  text-shadow:0 2px 26px rgba(5,12,25,.65) !important;
}
/* コンパス透かし：白の極薄ライン */
.slide-txt.contactSlide::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffffff' stroke-width='0.5'%3E%3Ccircle cx='24' cy='24' r='21'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 1v8M24 39v8M1 24h8M39 24h8'/%3E%3Cpolygon points='24,7 26.6,24 24,41 21.4,24' fill='%23ffffff' stroke='none'/%3E%3Cpolygon points='7,24 24,21.4 41,24 24,26.6' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") !important;
  opacity:.08 !important;
}

/* ============================================================
   ヘッダーボタン 案3 — 金グロー（確定版）
   ホバーで枠が満金になり、文字は白ではなく
   「明るいシャンパンゴールド」に増光して金のハローを放つ。
   背面にごく薄いダークガラスを敷いて発光を際立たせる。
   ============================================================ */
.header-btn .btn-inner:hover{
  background:rgba(8,16,30,.55) !important;
  border-color:#e2c88c !important;
  box-shadow:0 0 18px rgba(216,184,119,.55), inset 0 0 12px rgba(216,184,119,.15);
}
.header-btn .btn-inner:hover span{
  color:#f3e3b3 !important;
  text-shadow:0 0 10px rgba(216,184,119,.9), 0 0 22px rgba(216,184,119,.5);
}

/* ============================================================
   SERVICE帯 案3 — ゴールド額装・シャープ
   見出しはCinzelゴールド＋和文もシャンパンで揃える。
   タイルは金の細枠×角丸なしの「額装」。COMPASS PORTボタンや
   ヒーローCTAと同じ金縁言語で、ページ全体のシャープ基調に揃う。
   ============================================================ */
/* 見出しはSEMINAR等の他セクションと同一仕様（白のNoto明朝＋青灰サブ） */
.pc_subMenu .unit-title-08, .pc_subMenu .unit-title-08 span{
  font-family:"Noto Serif JP",serif !important;
  color:#fff !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
}
.pc_subMenu .unit-title-08::after{
  background:transparent !important;
  color:#a9b8d0 !important;
  font-family:"Noto Serif JP",serif !important;
  letter-spacing:.24em !important;
  font-weight:500 !important;
}
.topPc_slide a{
  display:block;
  border:1px solid rgba(216,184,119,.5) !important;
  border-radius:3px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(5,12,25,.4) !important;
  overflow:hidden;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.topPc_slide a img{ border-radius:2px; display:block; }
.topPc_slide a:hover{
  transform:translateY(-3px);
  border-color:#d8b877 !important;
  box-shadow:0 0 18px rgba(216,184,119,.35), 0 14px 32px rgba(5,12,25,.55) !important;
}

/* ============================================================
   SPメニュー 案3・配色3 — シャンパンガラス
   タイルの中に金をごく薄く溶かし込み、枠と文字を明るいシャンパンに。
   3パターン中もっともリッチで、ヒーローの金グローと調和する。
   ============================================================ */
.sp_subMenu{ padding:10px 10px 12px; }
.sp_subMenu .menuList{
  border-top:0 !important;
  display:flex; flex-wrap:wrap;
  gap:6px;
}
.sp_subMenu .menuList li,
.sp_subMenu .menuList li:nth-child(n){
  background:linear-gradient(160deg, rgba(216,184,119,.16), rgba(8,16,30,.82) 55%) !important;
  width:calc((100% - 12px)/3) !important;
  border:1px solid rgba(230,207,150,.6) !important;
  border-radius:0;
  backdrop-filter:blur(8px);
}
.sp_subMenu .menuList li a{
  color:#fff !important;
  font-family:"Cinzel","Open Sans",serif !important;
  letter-spacing:.1em;
  font-size:1.25rem !important;
  padding:1.4em .3em !important;
  text-shadow:0 0 12px rgba(216,184,119,.3);
}
.sp_subMenu .menuList li a::after{
  color:rgba(240,226,184,.65) !important;
  font-family:"Noto Sans JP",sans-serif !important;
  letter-spacing:.02em;
  font-size:.95rem !important;
  text-shadow:none;
}
.sp_subMenu .menuList li a:active{ background:rgba(216,184,119,.28) !important; }

/* ============================================================
   フッターCVバー 案3 — フローティングゴールド
   画面下に浮かせた独立ボタン（左右に余白＋影）。
   バー型よりアプリ的で、コンテンツの視認を妨げない。
   ※本番反映時はリンク先(tel:)を資料ページURLへ変更が必要。採用LP(.recruit)のENTRYバーは対象外
   ============================================================ */
.unit-fix-07:not(.recruit){
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  width:auto !important;
}
/* 下層ページはバー内に複数リンク（セミナー/資料請求/電話）があるため、
   資料請求(fix-inquery)だけを残してCTA化する。TOPは電話のみ→そのまま置換 */
.unit-fix-07:has(.fix-inquery) .fix-inner:not(.fix-inquery){ display:none !important; }
.unit-fix-07:not(.recruit) .fix-inner .fix-main,
.unit-fix-07:not(.recruit) .fix-inner .fix-sub{ display:none !important; }
.unit-fix-07:not(.recruit) .fix-inner{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  display:flex !important;
  align-items:center; justify-content:center; gap:9px;
  padding:15px 10px !important;
  border-radius:2px !important;
  box-shadow:0 5px 14px rgba(5,12,25,.28), inset 0 0 0 1px rgba(255,255,255,.35);
}
.unit-fix-07:not(.recruit) .fix-inner::before{
  content:"期間限定資料を確認する";
  font-family:"Noto Sans JP",sans-serif;
  font-weight:700;
  font-size:14px;
  letter-spacing:.12em;
  color:#16233b;
  line-height:1;
}
.unit-fix-07:not(.recruit) .fix-inner::after{
  content:"→";
  font-weight:700;
  color:#16233b;
  line-height:1;
}

/* 携帯版ヒーローCTA サイズ案1 — コンパクト（最小・上品） */
@media screen and (max-width:768px){
  .slide-list .contactSlide .txt-sub a{
    font-size:1.15rem !important;
    padding:8px 14px !important;
    letter-spacing:.05em !important;
  }
}

/* ============================================================
   下層ページ共通の適応（A案ネイビー×ゴールド）
   トップ用スキンは header/footer/ボタン等の共通部を担うため、
   ここでは下層特有の「白背景前提の本文・見出し・パネル」を
   ダークテーマへ適応させる。
   ============================================================ */

/* ---- ページ見出し（h1.unit-title-08）：h2と同じ白明朝＋青灰サブに統一 ---- */
h1.unit-title-08, h1.unit-title-08 span{
  color:#fff !important;
  font-family:"Noto Serif JP",serif !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
}
h1.unit-title-08::after{
  background:transparent !important;
  color:#a9b8d0 !important;
  font-family:"Noto Serif JP",serif !important;
  letter-spacing:.24em !important;
}

/* ---- 本文テキスト：紺文字前提のものを明色に ---- */
body:not(:has(.box-header-02.recruit)) main p, body:not(:has(.box-header-02.recruit)) main li, body:not(:has(.box-header-02.recruit)) main dd{ color:#c6d2e2; }
body:not(:has(.box-header-02.recruit)) main h3{ color:#fff; }
.read-more .container p, .mv-read-more .container p{
  color:#eaf1fb !important;
  text-shadow:0 1px 12px rgba(5,12,25,.4);
}

/* ---- 下層ヒーロー（box-mainvisual-01）：ネイビーのオーバーレイ ---- */
.box-mainvisual-01{ position:relative; }
.box-mainvisual-01::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,
    rgba(10,21,38,.82) 0%,
    rgba(10,21,38,.55) 32%,
    rgba(10,21,38,.72) 100%);
  pointer-events:none;
}
.box-mainvisual-01 > *{ position:relative; z-index:1; }
/* タイトルSVG（紺塗り画像）を白に反転して浮かび上がらせる
   ※影を強くすると細い文字が黒ずむため控えめに */
.box-mainvisual-01 .logo, .box-mainvisual-01 .mainvisual-logo{
  filter:brightness(0) invert(1) drop-shadow(0 1px 6px rgba(5,12,25,.35));
  opacity:.97;
}
/* タイトルは背景写真の上下中央に配置
   ※.mainvisual-innerは高さ0のため、位置基準をヒーロー本体に変更する */
.box-mainvisual-01 .mainvisual-inner{ position:static !important; }
.box-mainvisual-01 .mainvisual-inner .logo{
  top:50% !important;
  z-index:1;
}

/* ---- コンセプト項目（unit-concept-01） ---- */
.unit-concept-01 .title{
  color:#d8b877 !important;
  font-family:"Noto Serif JP",serif !important;
}
.unit-concept-01 p{ color:#c6d2e2; }

/* ---- 会社概要パネル（box-about-01）
   中のワイドロゴ(紺)を活かすため白カードのまま、金の額装に ---- */
.box-about-01{
  background:linear-gradient(180deg,#ffffff,#f1f3f7) !important;
  border:1px solid rgba(216,184,119,.55);
  border-radius:0 !important;
  box-shadow:0 20px 50px rgba(5,12,25,.5);
}
.box-about-01 p, .box-about-01 dd, .box-about-01 li{ color:#48546a !important; }
.box-about-01 .section-style-01 .dl dl{ border-bottom:1px solid #dfe3e8 !important; }
.box-about-01 .section-style-01 .dl dl dt{ color:#1c2a3c !important; }

/* ---- ページ送り（wp-pagenavi）：ダーク背景で見えるように（全ページ共通） ---- */
.wp-pagenavi a, .wp-pagenavi span{
  background:transparent !important;
  border:1px solid rgba(216,184,119,.45) !important;
  color:#d8b877 !important;
}
.wp-pagenavi span.current{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  border-color:transparent !important;
  font-weight:700 !important;
}
.wp-pagenavi span.extend{
  border:0 !important;
  color:#8fa2ba !important;
  background:transparent !important;
}
.wp-pagenavi a:hover{
  background:rgba(216,184,119,.14) !important;
  border-color:#d8b877 !important;
}

/* ---- 下層フッター（box-footer-01：淡グレー前提）をダークに ---- */
.box-footer-01:not(.recruit){ background:#0f1c2e !important; }
/* 内側wrapにも同じ半透明が掛かり中央だけ濃くなるため無効化 */
.box-footer-01:not(.recruit) .footer-wrap{ background:transparent !important; }
.box-footer-01:not(.recruit) a, .box-footer-01:not(.recruit) p, .box-footer-01:not(.recruit) li, .box-footer-01:not(.recruit) address{ color:#a9b8d0 !important; }
.box-footer-01:not(.recruit) a:hover{ color:#d8b877 !important; }
/* フッターのメニュー横に付く商品名（data-sub由来の::after）をシャンパンで表示 */
.box-footer-01:not(.recruit) a::after, footer:not(.recruit) .footer-sitemap a::after, .box-footer-01:not(.recruit) .footer-wrap a::after{
  color:rgba(216,184,119,.6) !important;
}
.box-footer-01:not(.recruit) .footer-wrap .footer-info::before{ background:rgba(255,255,255,.14) !important; }
.box-footer-01:not(.recruit) .footer-copyright{ background:#0b1521 !important; color:#6f829e !important; }
/* フッター中央ロゴ（紺画像）を淡い白に反転（TOP含む全ページ共通） */
footer:not(.recruit) .unit-logo-03, .box-footer-01:not(.recruit) .unit-logo-03, .box-footer-01:not(.recruit) .footer-logo{
  filter:brightness(0) invert(.85);
  opacity:.9;
}

/* ---- 採用LP（body.recruitlp）は独自デザインを維持 ---- */
body:has(.box-header-02.recruit){ background:#fff !important; }

/* ============================================================
   INQUERY（資料請求フォーム）ページ個別の適応
   ============================================================ */

/* フォーム全体：ダークガラスのパネルに収める */
.section-inquery .form-inquery{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(216,184,119,.35);
  padding:34px 30px;
  backdrop-filter:blur(6px);
}
@media screen and (max-width:768px){
  .section-inquery .form-inquery{ padding:22px 14px; }
}

/* ラベル・本文を明色に */
.section-inquery .form-inquery,
.section-inquery .form-inquery p,
.section-inquery .form-inquery label,
.section-inquery .form-inquery th,
.section-inquery .form-inquery td,
.section-inquery .form-inquery dt,
.section-inquery .form-inquery dd{
  color:#dbe4f0 !important;
}

/* 入力欄：白地×紺文字（ダーク上で確実に読めるように） */
.section-inquery input[type="text"],
.section-inquery input[type="email"],
.section-inquery input[type="tel"],
.section-inquery select,
.section-inquery textarea{
  background:#ffffff !important;
  color:#1c222f !important;
  border:1px solid #c9cfd8 !important;
  border-radius:0 !important;
  padding:10px 12px !important;
  transition:border-color .2s, box-shadow .2s;
}
.section-inquery input:focus,
.section-inquery select:focus,
.section-inquery textarea:focus{
  outline:none !important;
  border-color:#C8A668 !important;
  box-shadow:0 0 0 3px rgba(216,184,119,.25) !important;
}
.section-inquery ::placeholder{ color:#98a0ab !important; }

/* チェックボックス・ラジオ：金のアクセント＋タップしやすく */
.section-inquery input[type="checkbox"],
.section-inquery input[type="radio"]{
  accent-color:#C8A668;
  width:16px; height:16px;
}
.section-inquery .wpcf7-list-item{ margin:4px 14px 4px 0 !important; }

/* フォーム内リンク（プライバシーポリシー等）：金で明示 */
.section-inquery .form-inquery a{
  color:#d8b877 !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
}
.section-inquery .form-inquery a:hover{ color:#f0e2b8 !important; }

/* 必須マーク */
.section-inquery .required, .section-inquery .req{ color:#e8a48e !important; }

/* 送信ボタン：金のグラデーションCTA（サイト共通のボタン言語） */
.section-inquery .wpcf7-submit{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  border:0 !important;
  border-radius:2px !important;
  font-weight:700 !important;
  font-size:1.6rem !important;
  letter-spacing:.14em !important;
  padding:18px 64px !important;
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(216,184,119,.5), 0 14px 36px rgba(200,166,104,.3);
  transition:transform .2s, box-shadow .2s;
}
.section-inquery .wpcf7-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(216,184,119,.7), 0 18px 44px rgba(200,166,104,.4);
}

/* ページ見出し（h1.ttl） */
main h1.ttl{
  color:#fff !important;
  font-family:"Noto Serif JP",serif !important;
}

/* ① ヒーローCVボタン：意匠は restyle-inqbtn-*.css（3案）側で定義。
   ここでは共通の土台（テーマのアイコン除去・配置）のみ */
.inquiryHead .formLink a{
  display:inline-flex !important;
  align-items:center; justify-content:center; gap:9px;
  font-weight:700 !important;
  font-size:1.6rem !important;
  border-radius:2px !important;
  transition:transform .2s, box-shadow .2s, background .25s, color .25s;
}
.inquiryHead .formLink a::before{ display:none !important; } /* テーマのグラフアイコンを撤去 */
.inquiryHead .formLink a::after{ content:"→"; font-weight:700; }

/* ③ 背景に回転するコンパス透かし（TOPと同じブランドシンボル） */
.inquiryHead{
  position:relative;
  padding-top:52px !important;
  padding-bottom:44px !important;
}
.inquiryHead::before{
  content:"";
  position:absolute;
  left:-130px; top:-110px;
  width:520px; height:520px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffffff' stroke-width='0.5'%3E%3Ccircle cx='24' cy='24' r='21'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 1v8M24 39v8M1 24h8M39 24h8'/%3E%3Cpolygon points='24,7 26.6,24 24,41 21.4,24' fill='%23ffffff' stroke='none'/%3E%3Cpolygon points='7,24 24,21.4 41,24 24,26.6' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.07;
  pointer-events:none;
  animation:lcCompassSpin 90s linear infinite;
}
.inquiryHead > *{ position:relative; z-index:1; }
@keyframes lcCompassSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){
  .inquiryHead::before{ animation:none; }
}
@media screen and (max-width:768px){
  .inquiryHead::before{ width:300px; height:300px; left:-90px; top:-70px; }
  /* SPの文字サイズを他ページの確定値に合わせる
     （CVボタンはTOPヒーローCTAコンパクトと同値：1.15rem / 8px 14px） */
  .inquiryHead .formLink a{
    font-size:1.15rem !important;
    padding:8px 14px !important;
    letter-spacing:.05em !important;
  }
  .inquiryHead .ttl{ font-size:1.4rem !important; }
  .inquiryHead .ttl span{ font-size:2.6rem !important; }
  .inquiryHead .period{ font-size:1.3rem !important; }
  .inquiryHead .period span{ font-size:1.6rem !important; }
  .lc-countdown{ font-size:1.1rem !important; }
}

/* ④ 事例カード（voiceWrap＝白カード）内の文字：淡色→紺系に */
.voiceBlc .voiceWrap .txt,
.voiceBlc .voiceWrap p{
  color:#48546a !important;
}

/* ③ 資料紹介（introWrap＝ダーク上）：金の見出し＋明色本文 */
.inquiryIntroduction .introWrap .ttl{
  color:#d8b877 !important;
  font-family:"Noto Serif JP",serif !important;
  font-weight:600 !important;
}
.inquiryIntroduction .introWrap .txt{ color:#c6d2e2 !important; }

/* ④ 資料カード：サムネ＋説明を1枚のカードに（説明はJSでli内へ移動。
   WPで資料を追加してもli数に応じて自動でペアリング） */
.documentBlc .documentList{
  display:grid !important;
  /* カードは固定幅330px。収まらない画面幅では自動で折り返し、
     左右の間隔は常に維持される */
  grid-template-columns:repeat(auto-fit, 330px);
  justify-content:center;
  gap:52px;
  align-items:stretch;
  max-width:1094px !important;   /* 下の事例カード群と同幅 */
  margin-left:auto !important;
  margin-right:auto !important;
}
.documentBlc .documentList li{
  margin:0 !important;
  width:auto !important;   /* テーマの300px固定を解除（列の左に寄り右側だけ空く原因） */
  border:1px solid rgba(200,166,104,.55);
  background:#ffffff;
  box-shadow:0 10px 28px rgba(28,42,60,.10);
  display:flex;
  flex-direction:column;
}
.documentBlc .documentList li figure{ margin:0; background:#fff; }
.documentBlc .documentList li figure img{ display:block; width:100%; height:auto; margin:0; }
.documentBlc .documentList li .introWrap{
  border-top:1px solid rgba(200,166,104,.45);
  padding:18px 16px 22px !important;
  margin:0 !important;
  flex:1;
}
.documentBlc .documentList li .introWrap .ttl{
  color:#1c2a3c !important;
  font-family:"Noto Serif JP",serif !important;
  font-weight:600 !important;
}
.documentBlc .documentList li .introWrap .txt{ color:#48546a !important; }
/* ② カード内の要素はスクロール浮き上がり(AOS)・ホバー移動を一切しない
   （サムネは静止しているのに説明だけ動くと故障に見えるため） */
.documentBlc .documentList li [data-aos],
.documentBlc .documentList li .aos-init,
.documentBlc .documentList li .introWrap{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
.documentBlc .documentList li:hover figure,
.documentBlc .documentList li:hover figure img,
.documentBlc .documentList figure img{
  transform:none !important;
}

/* 説明の移動が完了したら元コンテナは非表示（JS未動作時はそのまま残る） */
.inquiryIntroduction:empty{ display:none !important; }
.inquiryIntroduction .introWrap{ /* フォールバック時の見た目 */
  border:1px solid rgba(216,184,119,.35);
  padding:18px 16px !important;
  margin:0 0 14px !important;
  background:rgba(255,255,255,.045);
}
@media screen and (max-width:768px){
  .documentBlc .documentList{ grid-template-columns:1fr; gap:16px; padding:0 16px; }
  /* SPはテーマが li 300px 固定（左寄せの原因）→ 全幅に */
  .underlayer .inquiryBlc .documentBlc .documentList li,
  .documentBlc .documentList li{
    width:100% !important;
    max-width:none !important;
  }
}

/* ① ポップアップ内の資料サムネ：可変数対応
   モーダル内にもページと同じ .documentList があるため、
   モーダル専用に auto-fit グリッドで上書き（WPで資料/事例を
   何件追加しても折り返して収まる。見切れ防止） */
#modal-overlay .modal-container{ overflow-x:hidden !important; }
#modal-overlay .documentBlc .documentList{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
#modal-overlay .documentBlc .documentList li{
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
}
#modal-overlay .documentBlc .documentList figure{
  display:block !important;
  float:none !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
#modal-overlay .documentBlc .documentList figure img{
  display:block !important;
  width:100% !important; max-width:100% !important; height:auto !important;
}

/* 事例カードの1行目（社名/地域）は見出しとして強調 */
.voiceBlc .voiceWrap .txt::first-line{
  color:#1c2a3c;
  font-weight:700;
}

/* CF7の応答メッセージが暗色で沈まないように */
.wpcf7-response-output{
  color:#f0e2b8 !important;
  border-color:rgba(216,184,119,.5) !important;
}
.wpcf7-not-valid-tip{ color:#ff9d84 !important; }

/* ---------- iq3 ---------- */
/* ============================================================
   INQUERY CV要デザイン 案3 — 行動ハードル低減：3ステップ表示
   ============================================================ */
/* 挿入要素は既定非表示（各案で表示） */
.lc-countdown,.lc-steps,.lc-midcta{ display:none; }

/* 「選ぶ→30秒入力→即受取」の3ステップバーを見出し下に表示 */
.lc-steps{
  display:flex !important;
  justify-content:center; gap:0;
  margin:22px auto 0;
  width:fit-content;
}
.lc-steps span{
  color:#dbe4f0; font-size:1.3rem; font-weight:600;
  border:1px solid rgba(216,184,119,.45);
  padding:9px 20px;
  background:rgba(255,255,255,.05);
}
.lc-steps span+span{ border-left:0; }
.lc-steps b{ color:#d8b877; font-weight:700; margin-right:6px; }

/* SP：1行に収まるよう縮小（折返し防止） */
@media screen and (max-width:768px){
  .lc-steps{ margin-top:16px; }
  .lc-steps span{
    font-size:1.05rem;
    padding:7px 9px;
    white-space:nowrap;
  }
  .lc-steps b{ margin-right:4px; }
}

/* ---------- ib1 ---------- */
/* ============================================================
   INQUERYヒーローCVボタン 案1 — 金縁アウトライン（TOPヒーローと同言語）
   ============================================================ */

.inquiryHead .formLink a{
  background:rgba(10,21,38,.35) !important;
  border:1px solid rgba(216,184,119,.75) !important;
  color:#ecd9ab !important;
  letter-spacing:.2em !important;
  padding:16px 54px !important;
  backdrop-filter:blur(5px);
  box-shadow:none !important;
}
.inquiryHead .formLink a:hover{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  transform:translateY(-2px);
}

/* SPはTOPヒーローCTAコンパクト（確定値）と同サイズ感に */
@media screen and (max-width:768px){
  .inquiryHead .formLink a{
    font-size:1.15rem !important;
    padding:8px 14px !important;
    letter-spacing:.05em !important;
  }
}

/* ---------- im5 ---------- */
/* ============================================================
   資料案内ポップアップ 案5 — 金グラデヘッダー
   ============================================================ */

#modal-overlay .modal-container{
  background:#fff !important;
  border:0 !important;
  box-shadow:0 30px 80px rgba(0,0,0,.5) !important;
  position:relative;
}
/* 金グラデ帯はフロー内＋sticky（overflow:hiddenのコンテナでも切れず、
   スクロールしても上に留まる） */
#modal-overlay .modal-container::before{
  content:"＼ 今月末までの期間限定配信 ／";
  display:block;
  position:sticky; top:0; z-index:5;
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a);
  padding:14px 10px;
  text-align:center; color:#16233b; font-weight:700;
  font-size:1.5rem; letter-spacing:.1em;
}

.modal-form .wpcf7-submit{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important; border:0 !important; font-weight:700 !important; cursor:pointer;
}

/* ×ボタン：実体は .scroll 直下の button.close（top:-20pxで金帯に隠れるため再配置） */
#modal-overlay .scroll{ overflow:visible !important; }
#modal-overlay button.close{
  position:absolute !important;
  top:10px !important; right:10px !important;
  z-index:10 !important;
  width:34px; height:34px; line-height:32px;
  background:#16233b !important; color:#fff !important;
  border:1px solid rgba(216,184,119,.6) !important; border-radius:50% !important;
  font-size:16px; text-align:center; cursor:pointer;
  box-shadow:0 4px 12px rgba(10,20,35,.35);
}
#modal-overlay button.close:hover{ background:#2a3c55 !important; }

/* ライト地の内側文字（共通CSSの明色上書きを打ち消す） */
.modal-form, .modal-form p, .modal-form label, .modal-form td, .modal-form th{ color:#1c2a3c !important; }
.modal-form input[type="text"], .modal-form input[type="email"], .modal-form input[type="tel"],
.modal-form select, .modal-form textarea{
  background:#fff !important; color:#1c222f !important; border:1px solid #c9cfd8 !important; border-radius:0 !important;
}
.modal-form input[type="checkbox"]{ accent-color:#C8A668; }
.modal-form a{ color:#a8834a !important; text-decoration:underline; }

/* ラッパー直下のタイトル等の文字色 */
#modal-overlay .modal-container, #modal-overlay .modal-container p{ color:#1c2a3c !important; }

/* ---------- idc3 ---------- */
/* ============================================================
   資料カード帯 案3 — 金プレート×ネイビー反転ホバー
   カード上端に金のプレートライン。ホバーで紺に反転（SERVICE
   MENUの確定意匠と同じ振る舞い＝サイト全体で操作感を統一）
   ============================================================ */

.underlayer .documentBlc .documentList li{
  border:1px solid rgba(200,166,104,.55) !important;
  box-shadow:0 10px 28px rgba(28,42,60,.10) !important;
  transition:background .3s;
}
/* 上端の金プレート */
.underlayer .documentBlc .documentList li::before{
  content:"";
  display:block;
  height:6px;
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a);
}

/* ホバー＝ネイビー反転（SERVICEと同じ言語）。浮き上がり・影の変化なし */
.underlayer .documentBlc .documentList li:hover{
  background:#1c2a3c !important;
}
.underlayer .documentBlc .documentList li:hover .introWrap .ttl{
  color:#f0e2b8 !important;
}
.underlayer .documentBlc .documentList li:hover .introWrap .txt{
  color:#c6d2e2 !important;
}
.underlayer .documentBlc .documentList li .introWrap .ttl,
.underlayer .documentBlc .documentList li .introWrap .txt{
  transition:color .3s;
}

/* ---------- inline ---------- */
html{background:#fff; color-scheme:light;} .grecaptcha-badge,[class*="grecaptcha"]{display:none !important;}


/* ============================================================
   英字セクション見出し（unit-title-08）を行書系からゴシックへ統一
   ページ上部の「SERVICE MENU / サービスメニュー」等も対象
   ============================================================ */
h1.unit-title-08, h2.unit-title-08, p.unit-title-08,
h1.unit-title-08 span, h2.unit-title-08 span, p.unit-title-08 span,
h1.unit-title-08::after, h2.unit-title-08::after, p.unit-title-08::after,
.unit-title-08, .unit-title-08 span, .unit-title-08::after{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}


/* ---- 見出しの太さを統一（SERVICE MENU=500 / SUB MENU=600 と不揃いだった） ---- */
h1.unit-title-08, h2.unit-title-08, p.unit-title-08,
h1.unit-title-08 span, h2.unit-title-08 span, p.unit-title-08 span{
  font-weight:600 !important;
}

/* ---- 導入カードの見出し（unit-title-13）も行書体→ゴシックに ---- */
h2.unit-title-13, .unit-title-13, .unit-title-13 span{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
}

/* ---- 修正: 紺グラデーションをキャンバス(html)に適用 ----
   bodyのボックスが1画面分しかなく、下スクロール時に下地の別色紺が
   見えていた問題の解消。ルート要素の背景はキャンバス全体に描画される。 */
html:not(:has(.box-header-02.recruit)){
  background:
    radial-gradient(1300px 640px at 50% -8%, rgba(96,158,196,.28), transparent 60%),
    radial-gradient(1000px 560px at 90% 30%, rgba(38,96,128,.22), transparent 55%),
    linear-gradient(180deg,#12283f 0%,#0d1e33 40%,#0a1526 100%) #0a1526 !important;
  background-attachment:fixed !important;
}
body:not(:has(.box-header-02.recruit)){ background:transparent !important; }

/* ============================================================
   CONTACT（/contact）お問い合わせページ専用
   inqueryのフォーム意匠を .contact-main スコープへ展開する。
   ============================================================ */

/* ページ見出し（HTMLに見出しが無いためCSSで付与） */
.contact-main{ padding-top:64px !important; }
.contact-main::before{
  content:"CONTACT";
  display:block;
  text-align:center;
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif;
  font-weight:600;
  font-size:26px;
  letter-spacing:.22em;
  color:#e8eef7;
}
.contact-main > .wrapper::before{
  content:"お問い合わせ";
  display:block;
  text-align:center;
  font-size:11px;
  letter-spacing:.3em;
  color:#A8834A;
  margin:10px 0 34px;
}

/* フォームの器：ダークカード */
.contact-main .box-clear1{
  max-width:860px;
  margin:0 auto 90px;
  padding:38px 34px;
  background:rgba(10,21,38,.5) !important;
  border:1px solid rgba(255,255,255,.09);
  border-radius:2px;
}
@media screen and (max-width:768px){
  .contact-main .box-clear1{ padding:26px 16px; margin-bottom:60px; }
}

/* ラベル・本文を明色に */
.contact-main, .contact-main p, .contact-main label,
.contact-main th, .contact-main td, .contact-main dt, .contact-main dd,
.contact-main li, .contact-main span{
  color:#dbe4f0 !important;
}
.contact-main .box-text14 p{ color:#a9b8d0 !important; }

/* 入力欄：白地×紺文字 */
.contact-main input[type="text"],
.contact-main input[type="email"],
.contact-main input[type="tel"],
.contact-main select,
.contact-main textarea{
  background:#ffffff !important;
  color:#1c222f !important;
  border:1px solid #c9cfd8 !important;
  border-radius:0 !important;
  padding:10px 12px !important;
  transition:border-color .2s, box-shadow .2s;
}
.contact-main input:focus,
.contact-main select:focus,
.contact-main textarea:focus{
  outline:none !important;
  border-color:#C8A668 !important;
  box-shadow:0 0 0 3px rgba(216,184,119,.25) !important;
}
.contact-main ::placeholder{ color:#98a0ab !important; }

/* チェックボックス・ラジオ */
.contact-main input[type="checkbox"],
.contact-main input[type="radio"]{
  accent-color:#C8A668;
  width:16px; height:16px;
}
.contact-main .wpcf7-list-item{ margin:4px 14px 4px 0 !important; }

/* フォーム内リンク（プライバシーポリシー等） */
.contact-main form a{
  color:#d8b877 !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
}
.contact-main form a:hover{ color:#f0e2b8 !important; }

/* 必須マーク */
.contact-main .required, .contact-main .req,
.contact-main .hissu, .contact-main form span[style*="red"]{ color:#e8a48e !important; }

/* 送信ボタン：金のグラデーションCTA */
.contact-main .wpcf7-submit,
.contact-main input[type="submit"]{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  color:#16233b !important;
  border:0 !important;
  border-radius:2px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  padding:18px 64px !important;
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(216,184,119,.5), 0 14px 36px rgba(200,166,104,.3);
  transition:transform .2s, box-shadow .2s;
}
.contact-main .wpcf7-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(216,184,119,.7), 0 18px 44px rgba(200,166,104,.4);
}
/* 送信ボタン内の矢印画像などは非表示にして単色CTAに */
.contact-main .btn-submit img, .contact-main .submit-wrap img{ display:none !important; }

/* エラーメッセージ */
.contact-main .wpcf7-not-valid-tip{ color:#ff9d84 !important; }
.contact-main .wpcf7-response-output{
  color:#f0e2b8 !important;
  border-color:rgba(216,184,119,.5) !important;
}

/* このページは既にフォームなので、下部固定CV（資料確認バー）は出さない */
body .unit-fix-07{ display:none !important; }


/* 携帯: 下部CVボタンの幅をTOPの6ボタングリッド(左右10px)と統一 */
@media screen and (max-width:768px){
  .unit-fix-07:not(.recruit){ left:10px !important; right:10px !important; }
}