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

/* ---------- uagb-style-conditional-extension ---------- */
@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none !important}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none !important}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none !important}}

/* ---------- uagb-style-frontend-66112 ---------- */
.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}

/* ---------- lcRestyle ---------- */
/* ============================================================
   Double（/service/double）
   オリジナル配色は維持。ヘッダー/フッターを他サービスページと
   同じデザイン言語に統一し、和文フォントを整理する。
   ============================================================ */

/* ---- 和文フォント：本文＝Noto Sans JP（ゴシック） ---- */
body.double.service,
body.double.service p,
body.double.service li,
body.double.service dt,
body.double.service dd,
body.double.service td,
body.double.service th,
body.double.service a,
body.double.service input,
body.double.service textarea,
body.double.service .lead,
body.double.service .body,
body.double.service .note,
body.double.service .label,
body.double.service .ja,
body.double.service .sub,
body.double.service .tag,
body.double.service .item,
body.double.service .acc-title,
body.double.service .acc-body,
body.double.service .btn,
body.double.service .btn-gold,
body.double.service .btn-ghost,
body.double.service .hero-logo,
body.double.service .hero-stats .label,
body.double.service .hero-stats .note{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}

/* ---- 見出し（行書＝明朝）の箇所は Noto Serif JP に統一 ---- */
body.double.service .catch,
body.double.service .catch-sub,
body.double.service .num-big,
body.double.service .highlight,
body.double.service .kw{
  font-family:"Noto Serif JP",serif !important;
}

/* 数字（欧文スラブ）は現状の Roboto Slab を維持 */

/* ---- ヘッダー：他サービスページと同じデザイン言語（紺＋金） ---- */
body.double.service .header-wrap{
  background:#1C2A3C !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
body.double.service .box-header-02 .header-nav a{
  color:#cfd8e4 !important;
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
  transition:color .2s, box-shadow .2s;
}
body.double.service .box-header-02 .header-nav a span{ color:#8a97ab !important; }
body.double.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{
  color:#8a97ab !important;
}
body.double.service .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;
}
body.double.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover::after{
  color:rgba(216,184,119,.65) !important;
}
/* ロゴは白のまま */
body.double.service .header-logo a span{ filter:none !important; }

/* COMPASS PORT：金縁のシャープな矩形 */
body.double.service .header-btn .btn-inner{
  background:transparent !important;
  border:1px solid rgba(216,184,119,.65) !important;
  color:#ECD8A4 !important;
  border-radius:2px !important;
}

/* ドロップダウン：ダークガラス＋金の天板ライン */
body.double.service .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(0,0,0,.5);
}
body.double.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child > li{
  background:rgba(12,12,14,.96) !important;
}
body.double.service .box-header-02 .header-nav ul.nav-inner .nav-child a{ color:#cfd8e4 !important; }
body.double.service .box-header-02 .header-nav ul.nav-inner .nav-child a span,
body.double.service .box-header-02 .header-nav ul.nav-inner .nav-child a::after{
  color:rgba(216,184,119,.75) !important;
}
body.double.service .box-header-02 .header-nav ul.nav-inner .nav-child a:hover{ color:#d8b877 !important; }

/* ---- フッター：他サービスページとフォントを統一 ---- */
body.double.service .box-footer-01,
body.double.service .box-footer-01 a,
body.double.service .box-footer-01 p,
body.double.service .box-footer-01 li,
body.double.service .box-footer-01 dt,
body.double.service .box-footer-01 dd,
body.double.service .box-footer-01 address{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* ---- 赤の強調はゴールドに（他サービスページと統一） ---- */
body.double.service .fc-red{ color:#a8834a !important; }

/* ---- ヘッダーロゴ：紺背景で見えるよう白に反転 ---- */
body.double.service .header-logo a span{
  filter:brightness(0) invert(1) !important;
}

/* ---- CVボタン：他ページと同じゴールドに統一 ---- */
body.double.service .btn-gold,
body.double.service a.btn.btn-gold{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  background-color:#b8945a !important;
  color:#16233b !important;
  border:0 !important;
  border-radius:2px !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
body.double.service .btn-gold:hover,
body.double.service a.btn.btn-gold:hover{
  background:linear-gradient(135deg,#f2e3bd,#e0c48c 45%,#B8945A) !important;
  color:#16233b !important;
}

/* ---- ヘッダー背景：TOPページと同色（ダークガラス） ---- */
body.double.service .header-wrap{
  background:rgba(10,21,38,.72) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
  backdrop-filter:blur(14px) saturate(150%) !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important;
}

/* ---- ヘッダーは透過なしのベタ塗りに ---- */
body.double.service .header-wrap{
  background:#0A1526 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important;
}

/* ---- ヘッダー：わずかに透過（背後がうっすら透ける程度） ---- */
body.double.service .header-wrap{
  background:rgba(10,21,38,.9) !important;
  -webkit-backdrop-filter:blur(10px) saturate(130%) !important;
  backdrop-filter:blur(10px) saturate(130%) !important;
}

/* ---- TOPの背景をヘッダー上部まで拡張（ヘッダーは前面に重ねる） ---- */
body.double.service header.box-header-02{
  height:0 !important;
  min-height:0 !important;
  overflow:visible !important;
}
body.double.service .hero{
  padding-top:100px !important;
}
@media (max-width:900px){
  body.double.service .hero{ padding-top:74px !important; }
}

/* ---- ヒーローの上下を延長し、ヘッダーとロゴの間隔を広げる ---- */
body.double.service .hero{
  padding-top:172px !important;
  padding-bottom:104px !important;
}
@media (max-width:900px){
  body.double.service .hero{
    padding-top:120px !important;
    padding-bottom:72px !important;
  }
}

/* ヒーロー内容は上下中央寄せのため、ロゴに上マージンを足して
   ヘッダーとの間隔を実際に広げる */
body.double.service .hero .hero-logo{
  margin-top:54px !important;
}
@media (max-width:900px){
  body.double.service .hero .hero-logo{ margin-top:30px !important; }
}

/* 高さが伸びすぎたため調整（ヘッダーとの間隔は確保しつつ全体を締める） */
body.double.service .hero{
  padding-top:118px !important;
  padding-bottom:84px !important;
}
body.double.service .hero .hero-logo{ margin-top:26px !important; }
@media (max-width:900px){
  body.double.service .hero{ padding-top:92px !important; padding-bottom:64px !important; }
  body.double.service .hero .hero-logo{ margin-top:16px !important; }
}

/* ---- ヒーローの高さをLeverageページに合わせる（ヘッダー込み870px相当） ---- */
body.double.service .hero{
  min-height:870px !important;
  box-sizing:border-box !important;
}
@media (max-width:900px){
  body.double.service .hero{ min-height:0 !important; }
}

/* ---- キャッチ部分を少し小さく、ロゴとヘッダーの間隔を広げる ---- */
body.double.service .hero .catch{ font-size:21px !important; }
body.double.service .hero .catch-sub{ font-size:17px !important; }
body.double.service .hero .num-big{ font-size:50px !important; }
body.double.service .hero .hero-logo{ margin-top:58px !important; }
@media (max-width:900px){
  body.double.service .hero .catch{ font-size:17px !important; }
  body.double.service .hero .catch-sub{ font-size:14px !important; }
  body.double.service .hero .num-big{ font-size:38px !important; }
  body.double.service .hero .hero-logo{ margin-top:34px !important; }
}

/* ---- Doubleページ独自の金 #B3A074 を正本 #D8B877 に統一 ---- */
body.double.service .num-big,
body.double.service .stat .label,
body.double.service .msg span,
body.double.service .hero .num-big{
  color:#D8B877 !important;
}
body.double.service .stat{
  border-color:rgba(216,184,119,.45) !important;
}
/* 斜めラインの装飾（ヒーロー・バナー） */
body.double.service .hero{
  background-image:
    linear-gradient(115deg, rgba(0,0,0,0) 42%, rgba(216,184,119,.14) 42.5%, rgba(216,184,119,.14) 44%, rgba(0,0,0,0) 44.5%),
    linear-gradient(115deg, rgba(0,0,0,0) 48%, rgba(216,184,119,.10) 48.5%, rgba(216,184,119,.10) 50%, rgba(0,0,0,0) 50.5%),
    linear-gradient(160deg, #16233B 0%, #0A1526 100%) !important;
}
body.double.service .banner{
  background-image:
    linear-gradient(115deg, rgba(0,0,0,0) 30%, rgba(216,184,119,.12) 30.5%, rgba(216,184,119,.12) 32%, rgba(0,0,0,0) 32.5%),
    linear-gradient(160deg, #1C222F 0%, #111826 100%) !important;
}
/* 蛍光ペン風の下線 */
body.double.service .highlight{
  background-image:linear-gradient(rgba(0,0,0,0) 65%, rgba(216,184,119,.35) 65%) !important;
}

/* ============================================================
   サービスページ共通フッター（グレー）
   背景 #F2F2F2 に統一し、フォントは "Open Sans","Noto Sans JP"。
   ============================================================ */
body.service:not(.recruit) .box-footer-01:not(.recruit){
  background:#F2F2F2 !important;
}
/* 内側wrapの二重塗りを無効化 */
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-wrap{
  background:transparent !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) a,
body.service:not(.recruit) .box-footer-01:not(.recruit) p,
body.service:not(.recruit) .box-footer-01:not(.recruit) li,
body.service:not(.recruit) .box-footer-01:not(.recruit) dt,
body.service:not(.recruit) .box-footer-01:not(.recruit) dd,
body.service:not(.recruit) .box-footer-01:not(.recruit) address{
  color:#1C222F !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) a:hover{ color:#a8834a !important; }

/* メニュー横の商品名（::after）は金 */
body.service:not(.recruit) .box-footer-01:not(.recruit) a::after,
body.service:not(.recruit) footer:not(.recruit) .footer-sitemap a::after{
  color:#a8834a !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-wrap .footer-info::before{
  background:rgba(28,34,47,.14) !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-copyright{
  background:#E9E9E9 !important;
  color:#6B7280 !important;
}

/* 中央ロゴは原色（反転しない） */
body.service:not(.recruit) footer:not(.recruit) .unit-logo-03,
body.service:not(.recruit) .box-footer-01:not(.recruit) .unit-logo-03,
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-logo{
  filter:none !important;
  opacity:1 !important;
}

/* ---- フォント統一 ---- */
body.service:not(.recruit) .box-footer-01:not(.recruit),
body.service:not(.recruit) .box-footer-01 a,
body.service:not(.recruit) .box-footer-01 p,
body.service:not(.recruit) .box-footer-01 li,
body.service:not(.recruit) .box-footer-01 dt,
body.service:not(.recruit) .box-footer-01 dd,
body.service:not(.recruit) .box-footer-01 address,
body.service:not(.recruit) .box-footer-01 .footer-copyright{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* ============================================================
   サービスページ共通 — 金の正本化
   テーマ側に残る旧ゴールド #D2C185 を正本の4値に寄せる。

   正本パレット
     #ECD8A4  ペール（濃色背景のグラデ上端）
     #D8B877  ライト（濃色背景の文字）
     #B8945A  スタンダード（罫・枠・面）
     #A8834A  ダーク（明色背景の文字）
   ============================================================ */

/* 問い合わせフォームの表の罫線 */
body.service:not(.recruit) .box-form-01 table td,
body.service:not(.recruit) .box-form-01 table th,
body.service:not(.recruit) .box-table-08 table td,
body.service:not(.recruit) .box-table-08 table th,
body.service:not(.recruit) table th.required,
body.service:not(.recruit) table th.required.nowrap{
  /* テーマ既定の 2px ベタ金は重いので、1pxの淡い金に */
  border-bottom:1px solid rgba(184,148,90,.42) !important;
}

/* 「WEB」などのラベルバッジ */
body.service:not(.recruit) .under-simplenote-sec04 li > span{
  background:#B8945A !important;
  color:#ffffff !important;
}

/* ============================================================
   SEMINAR・ブログ一覧カード（.box-article-01）の左右余白
   携帯で本文が画面端から10px、日付(.time-inner)が右へはみ出していた。
   ============================================================ */
@media screen and (max-width:900px){
  body.service:not(.recruit) .box-article-01 > li{
    padding-left:6px !important;
    padding-right:6px !important;
    box-sizing:border-box !important;
  }
  body.service:not(.recruit) .box-article-01 .time-inner{
    display:inline-block !important;
    max-width:100% !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }
}

/* CASE一覧（.box-article-04）：親wrapperの余白が10pxしかなく本文が端に寄る */
@media screen and (max-width:1100px){
  body.service:not(.recruit) .box-article-04{
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   iPad帯のガター穴を塞ぐ
   テーマは .blc_in / .wrapper に @media(max-width:1000px) でしか
   左右paddingを与えておらず、1001〜1100pxでは max-width:1000px の
   まま余白が5pxしか残らない。
   ※ReNOMAは個別に調整済みのため除外（比較表と白ボックスの幅一致を保つ）
   ============================================================ */
@media screen and (min-width:1001px) and (max-width:1100px){
  body.service:not(.recruit):not(.renoma):not(.simplenote) .blc_in,
  body.service:not(.recruit):not(.renoma):not(.simplenote) .wrapper{
    padding-left:40px !important;
    padding-right:40px !important;
    box-sizing:border-box !important;
  }
}

/* ---------- dbcv ---------- */
/* ============================================================
   フッター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;
}

/* ---------- 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;
}

/* ---- 修正: 資料請求(INQUIRY)セクションを他サービスページのREQUESTと同テイストに ----
   見出しをゴシック(Noto Sans JP 600)へ、囲みをグレーカード(#f2f2f2)へ統一。 */
/* 英字見出し(INQUIRY)は元のRoboto Slabのまま（ユーザー指定で復元） */
#inquiry .sec-title .ja{
  color:#A8834A !important;
  font-size:11px !important;
  letter-spacing:.3em !important;
}
#inquiry .box{
  background:#f2f2f2 !important;
  border:0 !important;
  border-radius:2px !important;
}

/* ---- 携帯版: ヒーローの2ボタン（資料請求はこちら / Doubleとは？）の横幅統一 ---- */
@media screen and (max-width:768px){
  .hero-btns .btn{
    width:min(78vw, 280px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
}


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