/* ==================================================
   BugGuard Global Stylesheet  â€? 完å?ç‰?
   - モ�イルファース� / �存�� / Noto Sans JP を��
   - index.html / pricing.html / 他下層ペã?ジã�§å…±é€šåˆ©ç”¨
   ================================================== */

/* ========== カラートã?クン / Design Tokens ========== */
:root{
  --bg:#FFFFFF;               /* Base */
  --text:#0F172A;             /* Slate-900 */
  --sub:#475569;              /* Slate-600 */
  --pri:#0EA5E9;              /* Sky-500 */
  --pri-600:#0284C7;          /* Sky-600 */
  --acc:#14B8A6;              /* Teal-500 */
  --acc-600:#0F766E;          /* Teal-600 */
  --sf:#F8FAFC;               /* Surface */
  --muted:#F1F5F9;            /* Muted surface */
  --br:#E2E8F0;               /* Border */
}

/* ========== Reset / Base ========== */
*{box-sizing:border-box}
html{font-family:'Noto Sans JP',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.75;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--pri);text-decoration:none}
a:hover{color:var(--pri-600)}
button{font:inherit}

/* アクセシビリãƒ?‚£ */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden}
:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:8px}

/* ========== レイアウ� / タイ� ========== */
.container{max-width:1120px;margin-inline:auto;padding:0 16px}
.section{padding:56px 0}
.h2{font-size:1.375rem;font-weight:800;margin:.2rem 0 1rem}
.h3{font-size:1.05rem;font-weight:800;margin:.2rem 0 .5rem}
.lead{color:var(--sub)}

/* Grid helpers */
.grid-2{display:grid;gap:16px}
@media(min-width:960px){.grid-2{grid-template-columns:1fr 1fr}}
.cards{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--br);border-radius:16px;padding:20px}

/* ========== ヘッ�ー / ナビ ========== */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--br);backdrop-filter:saturate(150%) blur(4px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:inherit}
/* ç”»åƒ�ロゴ?ˆæŽ¨å¥¨: /assets/img/logo.png?? */
.brand-logo{height:65px;width:auto;display:block}
@media(min-width:960px){.brand-logo{height:60px}}

.menu{display:none;gap:1rem;list-style:none;margin:0;padding:0}
.menu a{display:inline-block;padding:.5rem .25rem;border-radius:8px}
.menu a[aria-current="page"]{color:#0b1320;font-weight:700}
.hamburger{background:none;border:0;font-weight:700}

/* 拠点ドロ�?�ウン */
.dropdown{position:relative}
.dropdown>button{background:none;border:1px solid transparent;border-radius:8px;padding:.5rem .75rem}
.dropdown[aria-expanded="true"]>button{border-color:var(--br);background:var(--sf)}
.dropdown-menu{position:absolute;inset-inline:auto 0;top:calc(100% + 8px);width:220px;background:#fff;border:1px solid var(--br);border-radius:12px;box-shadow:0 8px 32px rgba(2,6,23,.08);padding:8px;display:none}
.dropdown[aria-expanded="true"] .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:.625rem .75rem;border-radius:8px}
.dropdown-menu a:hover{background:#f1f5f9}

@media(min-width:960px){.menu{display:flex}.hamburger{display:none}}

/* ========== ヒã?ロー ========== */
.hero{background:linear-gradient(180deg,#E0F2FE 0%,#F8FAFC 100%);padding:56px 0}
.kv{display:grid;gap:24px;align-items:center}
@media(min-width:960px){.kv{grid-template-columns:1.1fr .9fr}}
.hero-region{display:inline-block;font-size:.9rem;font-weight:700;color:#075985;background:#E6F6FE;border:1px solid #BAE6FD;border-radius:9999px;padding:.25rem .625rem;margin-bottom:8px}
.brand-mark{background:linear-gradient(90deg,#0369A1,#0F766E);-webkit-background-clip:text;color:transparent}

/* ========== CTA / Buttons ========== */
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;border-radius:12px;padding:.875rem 1.25rem;font-weight:700}
.btn-primary{background:var(--pri);color:#fff}
.btn-primary:hover{background:var(--pri-600)}
.btn-secondary{background:#0F172A;color:#fff}
.btn-secondary:hover{filter:brightness(1.08)}
.btn-ghost{background:#d8d8d8;border:1px solid var(--br);color:var(--text)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}

/* ========== 価格ãƒ??ブル / ノã?ãƒ? ========== */
.price-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--br);border-radius:12px;overflow:hidden}
.price-table th,.price-table td{padding:12px;border-bottom:1px solid var(--br)}
.price-table thead th{background:var(--muted);text-align:left}
.price-note{color:var(--sub);font-size:.92rem}

/* ========== 価格カード�OP・料金共用?? ========== */
/* TOP�「基本調査料金�カー� */
.price-intro{background:#fff;border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.price-cards{display:grid;gap:16px}
@media(min-width:960px){.price-cards{grid-template-columns:repeat(3,1fr)}}
.plan{border:2px solid #8B2C2C33;background:#FFF7F7;border-radius:16px;padding:20px}
.plan h3{color:#7F1D1D;margin:.2rem 0 .4rem}
.plan .price-main{font-size:1.8rem;font-weight:800;color:#7F1D1D}
.plan .price-sub{margin-top:2px;color:#7F1D1D}
.plan ul{margin:12px 0 0;padding-left:1.25rem}

/* 料金ペã?ジã�®ãƒ’ã?ロー直下カード（å�Œãƒ?‚¶ã‚¤ãƒ³ã‚’クラスã�§æ��ä¾›ï¼? */
.hero-price{background:#fff;border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.hero-price .cards{display:grid;gap:16px}
@media(min-width:960px){.hero-price .cards{grid-template-columns:repeat(3,1fr)}}
.hero-plan{border:2px solid #8B2C2C33;background:#FFF7F7;border-radius:16px;padding:20px}
.hero-plan h3{color:#7F1D1D;margin:.2rem 0 .4rem}
.hero-plan .yen-main{font-size:1.8rem;font-weight:800;color:#7F1D1D}
.hero-plan .yen-sub{margin-top:2px;color:#7F1D1D}
.hero-plan ul{margin:12px 0 0;padding-left:1.25rem}

/* ========== FAQ / details ========== */
details{border:1px solid var(--br);border-radius:12px;padding:14px;background:#fff}
details+details{margin-top:12px}
summary{cursor:pointer;font-weight:700}

/* ========== フォーム ========== */
input,select,textarea{width:100%;border:1px solid var(--br);border-radius:10px;padding:.625rem .75rem;font:inherit;background:#fff}
label{display:block;margin-bottom:12px}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(2,132,199,.15);border-color:#93c5fd}
button[type="submit"]{cursor:pointer}

/* ========== 固定CTA??P?? ========== */
.dock{position:fixed;inset-inline:0;bottom:0;background:#fff;border-top:1px solid var(--br);z-index:60}
.dock .grid{display:grid;grid-template-columns:repeat(3,1fr)}
.dock a{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:14px 8px;font-weight:700}
@media(min-width:960px){.dock{display:none}}

/* ========== フッター ========== */
footer{background:#0B1220;color:#CBD5E1}
footer a{color:#93C5FD}

/* ========== パンã��ã�š?ˆä»»æ„�ï¼? ========== */
.breadcrumb{list-style:none;display:flex;gap:8px;padding:0;margin:0;color:var(--sub)}

/* ========== ユーãƒ?‚£ãƒªãƒ?‚£ ========== */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}
.p-0{padding:0}.px-16{padding-left:16px;padding-right:16px}
.rounded{border-radius:12px}
.border{border:1px solid var(--br)}
.bg-surface{background:var(--sf)}
.text-sub{color:var(--sub)}

/* ========== å�°åˆ·æ™‚ã?æœ?å°�調整 ========== */
@media print{
  .site-header,.dock{display:none}
  .section{padding:24px 0}
  a{color:#000;text-decoration:underline}
}

/* TELãƒ�ナー?ˆå?通ï¼? */
.tel-banner{display:block;max-width:1120px;margin:10px 0px 10px auto 0}
.tel-banner img{height:auto;text-align: center; border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.08)}
@media (min-width:960px){.tel-banner{margin:10px 0px 10px auto; text-align:center;}}
.tel-banner-wrap{background:#fff; padding:8px 0;}
@media(min-width:960px){.tel-banner-wrap{padding:12px 0;}}

:root{--_pri:var(--pri, #0EA5E9);--_pri600:var(--pri-600, #0284C7);--_sub:var(--sub,#475569);--_br:var(--br,#E2E8F0);--_sf:var(--sf,#F8FAFC)}
.telbar{padding:6px 0;background:transparent}
.telbar-link{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;max-width:1120px;margin:0 auto;text-decoration:none;background:#fff;border:1px solid var(--_br);border-radius:16px;box-shadow:0 10px 28px rgba(2,6,23,.06);padding:12px 14px}
.telbar-link:hover{box-shadow:0 12px 34px rgba(2,6,23,.1)}
.telbar-img{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#E0F2FE, #F8FAFC);border:1px solid var(--_br);border-radius:14px;overflow:hidden}
.telbar-img img{width:100%;height:100%;object-fit:cover}
.telbar-body{display:grid;gap:4px}
.telbar-time{margin:0;color:var(--_sub);font-weight:700}
.telbar-number{margin:0;line-height:1;display:flex;align-items:center;gap:10px}
.telbar-icon{color:var(--_pri)}
.telbar-number span{display:inline-block;font-weight:900;letter-spacing:.02em;font-size:2.25rem;background:linear-gradient(90deg,var(--_pri), var(--_pri600));-webkit-background-clip:text;background-clip:text;color:transparent}
.telbar-note{margin:0;color:#3f2d20;font-weight:900}


@media (min-width:720px){
.telbar-link{padding:16px 18px;gap:18px}
.telbar-img{width:120px;height:120px;border-radius:16px}
.telbar-number span{font-size:3rem}
}
@media (max-width:520px){
.telbar-link{grid-template-columns:1fr;gap:10px}
.telbar-img{display:none}
.telbar-number span{font-size:2rem}
}
/* ãƒ?ーク背景上ã�«è¼‰ã�›ã�Ÿã�„å ´å�ˆã?å��転ãƒ�リアンãƒ? */
.telbar.-on-dark .telbar-link{background:var(--_sf)}
/* 赤系ã�®ç•ªå�·ã�«ã�—ã�Ÿã�? ´å�ˆï¼ˆå�‚è€?”»åƒ�ï¼? */
.telbar.-red .telbar-number span{background:unset;color:#ef4444}

/* TELãƒ�ナーã�®â€œå·¦å¯?‚Šã�«è¦‹ã�ˆã‚‹â?�å•�é¡Œã?修正パッãƒ? */
.telbar{padding:8px 0}
.telbar > .telbar-link{width:100%; margin:0 auto}

/* ãƒ?‚­ã‚¹ãƒˆç¾¤ã‚’中央å¯?�›??P?? */
.telbar .telbar-body{display:grid; gap:6px; text-align:center}
.telbar .telbar-number{justify-content:center}

/* PCã�§ã�¯ç”»åƒ�を出ã�—ã�¤ã�¤æœ¬æ–??å·¦æ�?�ˆã�«æˆ»ã�™ï¼ˆèª­ã�¿ã‚?�™ã�•å„ªå…ˆï¼? */
@media (min-width:960px){
  .telbar > .telbar-link{grid-template-columns:auto 1fr; justify-items:start}
  .telbar .telbar-body{justify-items:start; text-align:left}
}

/* オプション?šãƒ�ー全体をã�©çœŸã‚“中ã�«ç½®ã��ã�Ÿã�?™‚ */
.telbar.--center .telbar-link{justify-content:center}

/* オプション?šç”»åƒ�を使ã‚�ã�ªã�?™‚?ˆå·¦å�³ãƒ�ランス崩れ対策ï¼? */
.telbar.--noimg .telbar-img{display:none}
.telbar.--noimg .telbar-link{grid-template-columns:1fr}
/* === TELãƒ�ナー?ˆã‚µã‚¤ãƒˆèª¿å’Œã?常ã�«ç”»åƒ�表示・中央é…�ç½®?? === */
.telbar{padding:8px 0;}
.telbar .container{display:flex;justify-content:center;} /* コンãƒ?ƒŠä¸­å¤®å¯?�› */

.telbar-link{
  display:grid;
  grid-template-columns:88px 1fr; /* �SP�も画�を表示 */
  gap:12px;
  align-items:center;
  width:100%;
  max-width:1120px;           /* 親containerã�¨å�Œã�˜å¹?�§ãƒ–レã�ªã�? */
  margin:0 auto;
  background:#fff;
  border:1px solid var(--br);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(2,6,23,.06);
  padding:12px 14px;
  text-decoration:none;
}
.telbar-link:hover{box-shadow:0 12px 34px rgba(2,6,23,.1);}

.telbar-img{
  width:88px;height:88px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#E0F2FE,#F8FAFC);
  border:1px solid var(--br);
  border-radius:12px;
  overflow:hidden;
}
.telbar-img img{width:100%;height:100%;object-fit:cover;}

.telbar-body{display:grid;gap:6px;}
.telbar-time{margin:0;color:var(--sub);font-weight:700;}
.telbar-number{
  margin:0;line-height:1;
  display:flex;align-items:center;gap:10px;
  justify-content:flex-start; /* PCã�§â€œå·¦ã�«å¯?�£ã�¦è¦‹ã�ˆã‚‹â?�ã?を抑ã�ˆã‚‹ */
}
.telbar-icon{color:var(--pri);}
.telbar-number span{
  display:inline-block;
  font-weight:900;letter-spacing:.02em;
  font-size:1.9rem;
  background:linear-gradient(90deg,#0369A1,#0F766E);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.telbar-note{margin:0;color:#3f2d20;font-weight:900;}

@media (min-width:960px){
  .telbar-link{grid-template-columns:250px 1fr; padding:16px 20px; width:70%;}
  .telbar-img{width:120px;height:120px;border-radius:14px;}
  .telbar-number span{font-size:2.6rem;}
}

@media (max-width:480px){
  .telbar-link{grid-template-columns:72px 1fr;}
  .telbar-img{width:72px;height:72px;}
  .telbar-number span{font-size:1.7rem;}
}


/* ========== �注� ========== */

.alert-v2{background:var(--sf);border-block:1px solid var(--br)}
.alertv2-head{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#F8FAFC 0,#fff 100%);border:1px solid var(--br);border-radius:16px;padding:12px 16px;box-shadow:0 8px 24px rgba(2,6,23,.05)}
.alertv2-icon{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid var(--br);border-radius:12px}
.eyebrow{display:inline-block;margin:0 0 6px;color:#0369A1;background:#E6F6FE;border:1px solid #BAE6FD;border-radius:999px;padding:.25rem .6rem;font-weight:800}


.alertv2-grid{display:grid;gap:16px;margin-top:16px}
@media(min-width:960px){.alertv2-grid{grid-template-columns:1.4fr .9fr;align-items:start}}


.alertv2-list{margin:0;padding:0;display:grid;gap:10px;list-style:none}
.alertv2-list li{position:relative;background:#fff;border:1px solid var(--br);border-radius:12px;padding:12px 12px 12px 40px;box-shadow:0 6px 18px rgba(2,6,23,.04)}
.alertv2-list li::before{content:"";position:absolute;inset:14px auto auto 12px;width:16px;height:16px;border-radius:4px;background:conic-gradient(from 0deg, var(--acc) 0 25%, #22d3ee 25% 50%, var(--pri) 50% 75%, #0ea5e9 75% 100%);mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M20.285 6.709a1 1 0 010 1.414l-9.192 9.192a1 1 0 01-1.415 0L3.71 12.537a1 1 0 011.415-1.414l5.172 5.172 8.485-8.485a1 1 0 011.503-.101z\"/></svg>') center/contain no-repeat}
.alertv2-list .b{font-weight:800}


.alertv2-cta .cta-card{background:#fff;border:1px solid var(--br);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(2,6,23,.06)}
.cta-title{margin:.2rem 0 .75rem;font-weight:800}
.benefits{margin:0 0 10px;padding-left:1.2rem;color:var(--sub)}
.benefits li{margin:.2rem 0}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.cta-note{margin:.6rem 0 0;color:var(--sub);font-size:.9rem}

/* ========== top記�========== */
/* ナローコンãƒ?ƒŠ?šæ¨ªå¹?‚’抑ã�ˆã�¦èª­ã�¿ã‚?�™ã�? */
.container--narrow{max-width:940px;padding-inline:16px;margin-inline:auto}
.article-insight{background:var(--sf);border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.article-insight h2{font-size:1.55rem;font-weight:800;margin-bottom:.8rem;text-align:center;background:linear-gradient(90deg,var(--pri),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.article-insight p{margin-bottom:1rem;color:var(--text)}
.article-insight .measure{max-width:68ch}


/* 図版：ã?ã�¿å‡ºã�•ã�ªã�??角丸・影 */
.fig{background:#fff;border:1px solid var(--br);border-radius:14px;padding:8px;box-shadow:0 8px 24px rgba(2,6,23,.05);margin:0}
.fig img{border-radius:10px;max-width:100%;height:auto; text-align:center;}
.fig figcaption{margin:.35rem .25rem 0;color:var(--sub);font-size:.92rem}
.fig.wide{max-width:900px;margin:0 auto 12px}


/* 2カラム?šãƒŠãƒ­ãƒ¼å¹?�§ã‚‚読ã�¿ã‚?�™ã�?–“éš? */
.grid-2{display:grid;gap:16px;margin:12px 0}
@media(min-width:960px){.grid-2{grid-template-columns:1fr 1fr;gap:20px}}


.case-list{list-style:disc;padding-left:1.5rem;margin:0 0 1.2rem}
.case-list li{margin-bottom:.4rem}


.insight-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:.5rem}

/* ===============================
   記事セクションã�®ç”»åƒ�を“中央å¯?�›â€�ã�«ã�™ã‚‹ãƒ‘ッãƒ?
   対象??/components/article-ç›—è?ã�®å®Ÿæ?.* ã�® <figure class="fig"> ã�Šã‚ˆã�³ç”»åƒ?
   使ã�?–¹??/assets/css/styles.css ã�®æœ«å°¾ã�«ã�“ã?CSSを追記（ã�¾ã�Ÿã?<link>ã�§è¿½åŠ ??
   =============================== */

/* 1) ç”»åƒ�ã?図版をブロãƒ?‚¯ä¸­å¤®ã�« */
.article-insight figure.fig,
.article-insight .fig{display:block;margin-left:auto;margin-right:auto}
.article-insight .fig img{display:block;margin-left:auto;margin-right:auto}

/* 2) キャプションã�¯ä¸­å¤®å¯?�› */
.article-insight .fig figcaption{text-align:center}

/* 3) グリãƒ?ƒ‰å†?�§ã‚‚図版を中央ã�«?ˆå·¦å�³ã‚«ãƒ©ãƒ ã�§ç‰?¯?�£ã�¦è¦‹ã�ˆã‚‹ã?を防ã��ï¼? */
.article-insight .grid-2 .fig,
.article-insight .grid-2-bleed .fig{justify-self:center}

/* 4) å¹??プリセãƒ?ƒˆ?ˆå¿?¦�ã�«å¿œã�˜ã�¦ class を追加?? */
.article-insight .fig.-sm{max-width:640px;width:100%}
.article-insight .fig.-md{max-width:720px;width:100%}
.article-insight .fig.-lg{max-width:900px;width:100%}
.article-insight .fig.-full{max-width:none;width:100%}

/* 5) “wideâ€? 図版も中央æ�?�ˆã�«?ˆæ—¢å­˜ã? .wide ã‚’å°Šé‡�?? */
.article-insight .fig.wide{margin-left:auto;margin-right:auto}

/* 6) サムãƒ�イル等ã?ç”»åƒ�ã� ã�‘中央ã�«ç½®ã��ã�Ÿã�?™‚ã�®æ±Žç”¨ãƒ˜ãƒ«ãƒ‘ã? */
.img-center{display:block;margin-left:auto;margin-right:auto}

/* 7) モ�イル��余白微調整 */
@media (max-width:480px){
  .article-insight .fig{padding:6px}
  .article-insight .fig figcaption{font-size:.9rem}
}



/* =====================================================
   H3 見å?ã�—ã?ãƒ?‚¶ã‚¤ãƒ³æ”¹å–?¼ˆè¨˜äº‹ã‚»ã‚¯ã‚·ãƒ§ãƒ³ç”¨??
   対象??.article-insight, .article.detail �? .h3
   使ã�?–¹??/assets/css/styles.css ã�®æœ«å°¾ã�«è¿½åŠ 
   -----------------------------------------------------
   �リアント�
     - ãƒ?ƒ•ã‚©ãƒ«ãƒˆï¼ˆãƒ�ー付ã��?? … 何も付ã�‘ã�ªã��ã�¦ã‚‚é�©ç”¨
     - 下線グラãƒ?‰ˆ … 見å?ã�—ã�« .-underline を付ä¸?
     - 番å�·ä»˜ã��     … 見å?ã�—ã�« .-num を付与（è?動採番??
     - アンカー表示 … <a class="anchor" id="...">ã�§å›²ã‚?ã�¨ # ã�Œã?ãƒ�ã?ã�§è¡¨ç¤º
   ===================================================== */

/* 記事セクションã�® H3 ベã?ス */
.article-insight .h3,
.article.detail .h3{
  position:relative;
  margin:1.15rem 0 .55rem;
  font-weight:800;
  font-size:1.06rem;
  line-height:1.45;
  color:var(--text);
}
@media(min-width:960px){
  .article-insight .h3,
  .article.detail .h3{font-size:1.12rem}
}

/* ãƒ?ƒ•ã‚©ãƒ«ãƒˆï¼šå·¦ãƒ�ã??ˆãƒ–ランドグラãƒ?¼? */
.article-insight .h3::before,
.article.detail .h3::before{
  content:"";
  position:absolute;left:-.65rem;top:.18em;
  width:4px;height:1.25em;border-radius:3px;
  background:linear-gradient(180deg,var(--pri),var(--acc));
}
@media(min-width:960px){
  .article-insight .h3::before,
  .article.detail .h3::before{left:-.8rem;width:6px}
}

/* 下線グラãƒ??ãƒ�リアント（クラスã�§åˆ?›¿?? */
.article-insight .h3.-underline,
.article.detail .h3.-underline{padding-bottom:.28rem}
.article-insight .h3.-underline::before,
.article.detail .h3.-underline::before{display:none}
.article-insight .h3.-underline{background-image:linear-gradient(90deg,var(--pri),var(--acc));background-size:100% 3px;background-repeat:no-repeat;background-position:0 100%}

/* 自動番å�·ä»˜ä¸Žã?ãƒ�リアント（セクションå�˜ä½�ã�§ã‚«ã‚¦ãƒ³ã‚¿ã‚’リセãƒ?ƒˆ??*/
.article-insight{counter-reset:h3}
.article-insight .h3.-num::before,
.article.detail .h3.-num::before{
  content:counter(h3,decimal-leading-zero);
  counter-increment:h3;
  position:relative;left:auto;top:auto;
  display:inline-block;min-width:2.2ch;margin-right:.5rem;
  padding:.06rem .35rem;border-radius:.5rem;
  background:#eef6ff;border:1px solid #cfe5ff;color:#0369A1;
}

/* 見å?ã�—直後ã?補助ãƒ?‚­ã‚¹ãƒ? */
.article-insight .h3 + .subhead,
.article.detail .h3 + .subhead{margin:.25rem 0 .2rem;color:var(--sub);font-weight:600;font-size:.95rem}

/* 見å?ã�—ã�¨éš£æŽ¥è¦�ç´ ã�®è·�離感最é�©åŒ? */
.article-insight .h3 + p,
.article-insight .h3 + .fig,
.article.detail .h3 + p,
.article.detail .h3 + .fig{margin-top:.35rem}

/* アンカー付ã��見å?ã�—（ã?ãƒ�ã?ã�§ # を表示?? */
.article-insight .h3 a.anchor,
.article.detail .h3 a.anchor{position:relative;color:inherit;text-decoration:none;padding-right:1.1rem}
.article-insight .h3 a.anchor::after,
.article.detail .h3 a.anchor::after{content:"#";position:absolute;right:0;top:0;opacity:0;transition:opacity .18s ease;color:var(--sub)}
.article-insight .h3:hover a.anchor::after,
.article.detail .h3:hover a.anchor::after{opacity:1}

/* スクロールä½�置補正?ˆã?ãƒ?ƒ€ãƒ¼å›ºå®šå¯¾ç­–ï¼? */
.article-insight .h3[id],
.article.detail .h3[id]{scroll-margin-top:88px}

/* コントラスト�険 */
@media (prefers-contrast: more){
  .article-insight .h3::before,
  .article.detail .h3::before{background:#0b5cab}
  .article-insight .h3.-underline{background-image:linear-gradient(90deg,#0b5cab,#0b5cab)}
}

/* FAQ */

.faq .faq-group{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--br);border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.04)}
.faq summary.q{list-style:none;cursor:pointer;padding:14px 16px;font-weight:800;position:relative}
.faq summary.q::-webkit-details-marker{display:none}
.faq summary.q::after{content:"\25BC";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--sub);transition:transform .18s ease}
.faq details[open] summary.q::after{transform:translateY(-50%) rotate(180deg)}
.faq .a{padding:0 16px 14px;color:var(--text)}
.faq .a p{margin:.5rem 0 0}

/* エリア */
.area-coverage{background:var(--sf);border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.area-chip-wrap{display:flex;gap:8px;row-gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--br);box-shadow:0 4px 14px rgba(2,6,23,.04);font-weight:700;color:#0b1320}
.area-links{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0}
@media(min-width:760px){.area-links{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.area-links{grid-template-columns:repeat(5,1fr)}}
.area-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;background:#fff;border:1px solid var(--br);border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px rgba(2,6,23,.06);text-decoration:none}
.area-card:hover{box-shadow:0 12px 32px rgba(2,6,23,.08)}
.area-card strong{font-weight:800}
.area-card span{color:var(--sub)}
.note{margin-top:6px;color:var(--sub)}


/* =====================================================
   BugGuard /assets/css/header+drawer.css â€? ヘッãƒ?ー & ドロワー?ˆå®Œå?版ï¼?
   対応ã?ãƒ?ƒ€ãƒ¼?šãƒ¦ãƒ¼ã‚¶ãƒ¼æ��示ã�® <header> 構é? 
   ä¾�存：カラートã?クン??--pri, --acc, --text, --sub, --br, --sf??
   ===================================================== */

/* ベã?スレイアウãƒ? */
:root{
  --text:#0F172A; --sub:#475569; --br:#E2E8F0; --sf:#F8FAFC;
  --pri:#0EA5E9; --acc:#14B8A6;
}
.site-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--br)}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.container{max-width:1080px;margin-inline:auto;padding-inline:16px}

/* ブラン� */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{display:block;width:auto}
.brand span{font-weight:900;color:var(--text)}

/* PC ナビ */
.menu{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0}
.menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700}
.menu a[aria-current="page"]{background:linear-gradient(180deg,#F0FDFF,#E0F2FE);border:1px solid #bae6fd}
.menu a:hover{background:#F8FAFC}

/* ドロ�?�ウン??C?? */
.dropdown{position:relative}
.dropbtn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--br);background:#fff;font-weight:700}
.dropdown[aria-expanded="true"] .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border:1px solid var(--br);border-radius:12px;box-shadow:0 16px 40px rgba(2,6,23,.12);padding:8px;display:grid;gap:4px;opacity:0;transform:translateY(6px);pointer-events:none;z-index:50}
.dropdown-menu a{padding:10px;border-radius:8px}
.dropdown-menu a:hover{background:#F8FAFC}

/* ãƒ�ンãƒ�ã?ガー??P?? */
.hamburger{display:inline-grid;gap:4px;align-items:center;justify-items:center;width:40px;height:40px;border:1px solid var(--br);border-radius:10px;background:#fff}
.hb-bar{width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .18s ease,opacity .18s ease}
@media(min-width:960px){.hamburger{display:none}}
.pc-only{display:none}
@media(min-width:960px){.pc-only{display:flex}}

/* ドロワー */
.drawer{position:fixed;inset:0;z-index:999;pointer-events:none;overscroll-behavior:contain}
.drawer[aria-hidden="false"]{pointer-events:auto}
.drawer-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.48);opacity:0;transition:opacity .2s ease}
.drawer[aria-hidden="false"] .drawer-backdrop{opacity:1}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(86vw,380px);background:#fff;border-left:1px solid var(--br);box-shadow:0 10px 40px rgba(2,6,23,.2);transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(12px + env(safe-area-inset-top,0) + constant(safe-area-inset-top,0));padding-bottom:calc(16px + env(safe-area-inset-bottom,0) + constant(safe-area-inset-bottom,0) + 68px)}
.drawer[aria-hidden="false"] .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--br);background:linear-gradient(180deg,#F8FAFC 0,#fff 100%)}
.drawer-close{background:#fff;border:1px solid var(--br);border-radius:8px;width:36px;height:36px;font-size:18px}
.drawer-links{list-style:none;margin:0;padding:8px}
.drawer-links>li>a,.drawer-acc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid var(--br)}
.drawer-links>li>a:hover,.drawer-acc:hover{background:#F8FAFC}
.drawer-links>li+li{margin-top:8px}
.drawer-acc{width:100%;background:#fff}
.drawer-sub{list-style:none;margin:6px 0 8px 12px;padding:0;display:none}
.drawer-acc[aria-expanded="true"] + .drawer-sub{display:block}
.drawer-cta{display:grid;gap:10px;padding:12px;border-top:1px solid var(--br)}
.drawer-cta .btn{min-width:260px;justify-content:center;margin-inline:auto}

/* ドロワー開閉ã�«å¿œã�˜ã�Ÿãƒ�ンãƒ�ã?ガー変形・背景固定ã?固定CTAé€?é�¿ */
body.drawer-open .hamburger .hb-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.drawer-open .hamburger .hb-bar:nth-child(2){opacity:0}
body.drawer-open .hamburger .hb-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
body.drawer-open{overflow:hidden;touch-action:none}
body.drawer-open .dock{transform:translateY(110%);opacity:.6;pointer-events:none}
.dock{transition:transform .22s ease, opacity .22s ease}

/* フォーカス�視化 */
.drawer a:focus-visible,.drawer button:focus-visible,.menu a:focus-visible,.dropbtn:focus-visible{outline:3px solid var(--pri);outline-offset:2px;border-radius:10px}

/* 低モーション設� */
@media (prefers-reduced-motion: reduce){.drawer-panel,.drawer-backdrop,.hb-bar{transition:none}}

/* 余白ã�®æœ?終調整??Pã�§ãƒ–ランド左ã€�ãƒ�ンãƒ�ã?ガーå�³?? */
@media (max-width:959px){.nav{position:relative}.hamburger{position:absolute;right:12px;top:8px}}

/* ドロワーã�®â€œçµ¶å¯¾â€�最å‰�é�¢åŒ–ï¼?ƒ“ューãƒ�ã?ト固定ã?å†�ä¿�証 */
.drawer{position:fixed !important; inset:0 !important; z-index: 2147483000;}
.drawer-backdrop{pointer-events:auto}


/* ドロワー開時ã�¯ãƒ˜ãƒƒãƒ?ーå¢?•Œã‚’消ã�—ã€�視覚ノイズをゼロã�« */
body.drawer-open .site-header{box-shadow:none;border-bottom-color:transparent}


/* iOSã�®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒ�ã?縮å°�時ã�§ã‚‚å?é�¢åŒ–ï¼?afari対策ï¼? */
html,body{height:auto;min-height:100%}
.drawer-panel{height:100%; min-height:100dvh}


/* 端末回転ã‚?‚ºãƒ¼ãƒ æ™‚ã?ピクセルå¢?•Œãƒ�ラã�¤ã��を抑制 */
.drawer-panel{will-change:transform}




/* backdrop をドロワー閉時��表示 */
.drawer[aria-hidden="true"] .drawer-backdrop{
opacity:0 !important;
pointer-events:none !important;
visibility:hidden !important;
}


/* 開時ã�¯å…¨ç”»é�¢ã‚«ãƒ�ã? */
.drawer[aria-hidden="false"] .drawer-backdrop{
opacity:1 !important;
visibility:visible !important;
background:rgba(0,0,0,.48) !important;
z-index:2147482999 !important;
}


/* ドロワー本体�常�backdropより��� */
.drawer-panel{z-index:2147483000 !important;}


/* body固定時ã�«èƒŒæ™¯é»’ã�Œæ®‹ã‚‰ã�ªã�?‚ˆã�?�« */
body.drawer-open{background:#fff !important;}


/* Safari/iOS �場��transform残�を��る */
.drawer-panel{will-change:transform,opacity}



/* backdrop をドロワー閉時��表示 */
.drawer[aria-hidden="true"] .drawer-backdrop{
opacity:0 !important;
pointer-events:none !important;
visibility:hidden !important;
}


/* 開時ã�¯å…¨ç”»é�¢ã‚«ãƒ�ã? */
.drawer[aria-hidden="false"] .drawer-backdrop{
opacity:1 !important;
visibility:visible !important;
background:rgba(0,0,0,.48) !important;
z-index:2147482999 !important;
}


/* ドロワー本体�常�backdropより��� */
.drawer-panel{z-index:2147483000 !important;}


/* body固定時ã�«èƒŒæ™¯é»’ã�Œæ®‹ã‚‰ã�ªã�?‚ˆã�?�« */
body.drawer-open{background:#fff !important;}


/* Safari/iOS �場��transform残�を��る */
.drawer-panel{will-change:transform,opacity}

/* =====================================================
   SPã�§Ã—を押ã�—ã�Ÿå¾Œã�«PCメニューã�Œå·¦å�´ã�«å‡ºã�¦ã�—ã�¾ã�?¸�å?å�ˆã?修正
   原因??.menu ã�« display:flex ã�ŒåŠ¹ã�?�¦ã�Šã‚Šã€?.pc-only ã�®é�žè¡¨ç¤ºã�Œè² ã�‘ã�¦ã�?‚‹?ˆæŒ‡å®šé ?/優先度??
   対応ï¼?.pc-only を強制çš?�«é�žè¡¨ç¤ºã€‚ドロワー開時もPCメニューã�¯å¸¸ã�«éš ã�™ã??
   追加?šå¿µã�®ã�Ÿã‚�ヘッãƒ?ーå†?�§ã�®ãƒ©ãƒ??崩れを防止ã€?
   �用先�/assets/css/header+drawer.css �末尾
   ===================================================== */

/* 1) ãƒ?ƒ•ã‚©ãƒ«ãƒˆã�§PCメニューを確実ã�«éš ã�™ï¼?P?? */
.site-header .menu.pc-only{display:none !important}

/* 2) 960px以上ã?ã�¿è¡¨ç¤º??!important ã�§ä¸Šæ›¸ã��å‹�ã�¡ã‚’å�–ã‚‹ï¼? */
@media (min-width:960px){
  .site-header .menu.pc-only{display:flex !important}
}

/* 3) ドロワー開時ã�¯å¿µã�®ã�Ÿã‚�PCメニューを強制çš?�«éš ã�™ï¼ˆèƒŒé�¢ã‚¯ãƒªãƒ?‚¯é˜²æ­¢?? */
body.drawer-open .site-header .menu.pc-only{display:none !important}

/* 4) ヘッ�ー�?折り返�防止??P?? */
@media (max-width:959px){
  .site-header .nav{flex-wrap:nowrap}
}


/* 固定CTA */

.dock.redesigned{position:fixed;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--br);box-shadow:0 -4px 20px rgba(2,6,23,.1);z-index:90}
.dock-inner{display:flex;justify-content:space-around;align-items:center;gap:4px;padding:8px 6px;max-width:340px}
.dock-inner a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border-radius:12px;font-size:.8rem;font-weight:700;text-decoration:none;color:var(--text);transition:background .2s ease,color .2s ease}
.dock-inner a svg{color:var(--pri)}
.dock-inner a:hover{background:var(--sf)}


/* CTA���色味 */
.cta-line{color:#fff;background:var(--pri);border:1px solid var(--pri)}
.cta-line svg{color:#fff}
.cta-tel{color:#fff;background:#0F172A;border:1px solid #0F172A}
.cta-tel svg{color:#fff}
.cta-form{color:var(--text);background:#F1F5F9;border:1px solid var(--br)}


/* �画��� */
@media(max-width:480px){
.dock-inner a{font-size:.75rem}
.dock-inner a svg{width:20px;height:20px}
}

/* =====================================================
固定CTAã�®è‰²å‘³ã‚’トークンã�«çµ±ä¸?ã�—ã?�白背景上ã�§ã‚‚馴染ã?よã�†èª¿æ•´
使ã�?–¹??/assets/css/styles.css ã�® dock セクションã�®ç›´å¾Œã�«è¿½åŠ 
===================================================== */


/* トã?クン上書ã��（å¿?¦�ã�ªã‚‰ï¼? */
:root{
--pri:#0EA5E9; /* LINE系ブルー */
--pri-700:#0284C7; /* æ¿?�„å½±/hover */
--ink:#0F172A; /* æ–?­—ã?æ¿?‰² */
--ink-900:#0B1320; /* 電話�ボタン色 */
--sf:#F8FAFC; /* サーフェス */
--br:#E2E8F0; /* ボã?ãƒ?ー */
}


/* ãƒ�ã?ã�®èƒŒæ™¯ã‚’ã�»ã‚“ã?りグラãƒ? + 影弱ã‚? */
.dock.redesigned{background:linear-gradient(180deg,#FFFFFF 0,#F9FAFB 100%);box-shadow:0 -6px 28px rgba(2,6,23,.08)}


/* ボタンã�®è‰²ã‚’è�½ã�¡ç�?ã�?�Ÿãƒˆã?ンã�«ãƒ»ãƒ?‚­ã‚¹ãƒˆã?å��å?ã�ªã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒ? */
.dock-inner .cta-line{background:var(--pri);border-color:var(--pri);color:#fff}
.dock-inner .cta-line:hover{background:var(--pri-700)}


.dock-inner .cta-tel{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.dock-inner .cta-tel:hover{filter:brightness(.95)}


.dock-inner .cta-form{background:#ffffff;border-color:var(--br);color:var(--ink)}
.dock-inner .cta-form:hover{background:#F1F5F9}


/* アイコン色ã�¯è¦ªã�®æ–?­—色ã�«è¿½å¾? */
.dock-inner a svg{color:currentColor}


/* 角丸をå?体ã�§ã��ã‚�ã�ˆã??–“ã�«ã�?�£ã�™ã‚‰ä»•å?ã‚? */
.dock-inner{gap:8px}
.dock-inner a{border-radius:16px}


/* 端末ã�«ã‚ˆã�£ã�¦ã�¯å¼·ã�?�’ã�Œç™½åœ°ã�§æµ®ã��é�Žã�Žã‚‹ã�®ã�§ã€�コントラスト比をä¿�ã�£ã�Ÿã�¾ã�¾å½©åº¦ã‚?1段è�½ã�¨ã�™ã�ªã‚‰ä¸‹è¨˜ã‚‚å�¯ */
/* .dock-inner .cta-line{background:#12A8E6} */


/* =====================
   shopping-hikaku 風トã?ンã�«å¯?�›ã�Ÿä¸?覧ãƒ?‚¶ã‚¤ãƒ³
   - è–?�„グレー背景ã�«ç™½ã‚«ãƒ¼ãƒ?
   - å�?‚«ãƒ¼ãƒ‰ä¸Šéƒ¨ã�«æ¿?´ºã�®å¸¯??order-top??
   - サムãƒ�ã?å°�ã�•ã‚�枠付ã��?ˆç”»åƒ�ã�ªã�—ã�§ã‚‚ã?レース??
   - NEWã�¯èµ¤ãƒ”ルã€�ã‚«ãƒ?‚´ãƒªã�¯ç´°ã�?ƒ©ãƒ™ãƒ«
   ===================== */

/* 見å?ã�—：左ライン?‹é�¢ã�§é¦´æŸ“ã�¾ã�›ã‚‹ */
.section-headline{background:var(--sf);border:1px solid var(--br);border-radius:10px;padding:10px 12px;position:relative;margin-bottom:12px}
.section-headline::before{content:"";position:absolute;inset:0 0 0 0;border-left:6px solid var(--pri);border-radius:10px}
.section-headline .h2{margin:0;color:var(--text);font-weight:800;font-size:1.1rem}


/* セクション背景を薄グレーã�«ã�—ã�¦åŒºåˆ?‚Šã‚’強調 */
#blog-compact{background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;padding:12px}
#blog-compact .container{padding:0}


/* グリãƒ?ƒ‰?ˆç”»åƒ�ã�ªã�—：本æ–?1カラム?? */
#blog-compact .post-rows{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:880px){#blog-compact .post-rows{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){#blog-compact .post-rows{grid-template-columns:repeat(3,1fr)}}


#blog-compact .post-rows{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:880px){#blog-compact .post-rows{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){#blog-compact .post-rows{grid-template-columns:repeat(3,1fr)}}


/* カー� */
.post-row{background:#fff;border:1px solid #D6DEE9;border-radius:10px;box-shadow:0 2px 6px rgba(2,6,23,.06);overflow:hidden;position:relative;transition:transform .15s ease, box-shadow .15s ease}
.post-row{border-top:6px solid #3E5C90}
/* 本体� */
.row-link{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px;color:inherit;text-decoration:none;align-items:center}
@media(min-width:520px){.row-link{grid-template-columns:48px 1fr}}


/* アイコンボックス?ˆå¸¸æ™‚表示・画åƒ�é�‹ç”¨ä¸�è¦?¼? */
.iconbox{width:48px;height:48px;border:1px solid var(--br);border-radius:999px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(2,6,23,.05)}
.iconbox .i{width:22px;height:22px;color:var(--icon, var(--pri));}


/* 本� */
.row-body{display:grid;gap:6px}
.row-title{font-weight:800;font-size:1.0rem;color:#0F172A}
.row-excerpt{color:#475569;font-size:.9rem}
.date{color:#6B7280;font-size:.8rem;white-space:nowrap}


.row-body{display:grid;gap:6px}
.row-title{font-weight:800;font-size:1.0rem;color:#0F172A}
.row-excerpt{color:#475569;font-size:.9rem}
.date{color:#6B7280;font-size:.8rem;white-space:nowrap}


/* 上部カãƒ?‚´ãƒªãƒ�ã? â†? ç´°ã�?ƒ©ãƒ™ãƒ«ã� ã�‘ã�«?ˆå¸¯ã�¯ã‚«ãƒ¼ãƒ‰ä¸Šéƒ¨ã�®ç´ºç·šã�§è¡¨ç�¾?? */
.catbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 6px;margin:0 0 4px 0;border-bottom:1px solid #EEF2F7}
.cat{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.78rem;color:#334155;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:999px;padding:2px 8px}
.cat::before{content:var(--tag-icon, "'�'");opacity:.9}


/* NEWãƒ�ッジ?ˆèµ¤ãƒ”ルã€�サイトå¯?�›?? */
.badge-new{display:inline-flex;align-items:center;background:#C81E1E;color:#fff;border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:900;margin-right:6px;box-shadow:0 1px 0 rgba(0,0,0,.08)}


/* タイプ別ã�®ã‚¢ã‚¤ã‚³ãƒ³ã� ã�‘残ã�™?ˆè‰²ã�¯çµ±ä¸?トã?ンã�«?? */
.post-row[data-type="notice"]{--tag-icon:"'📢'";--icon:#B45309}
.post-row[data-type="case"] {--tag-icon:"'🔎'";--icon:#0EA5E9}
.post-row[data-type="article"]{--tag-icon:"'📚'";--icon:#0E7490}
.post-row[data-type="tips"] {--tag-icon:"'💡'";--icon:#16A34A}


/* ホãƒ�ー?ˆè»½ã‚?¼? */
.post-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(2,6,23,.10)}
.row-link:hover .row-title{text-decoration:underline}


/* 末尾�「記事�覧を見る�を中央� */
.post-more{display:flex;justify-content:center;margin-top:12px}


/* 見å?ã�—：左ライン?‹é�¢ã�§é¦´æŸ“ã�¾ã�›ã‚‹ */
.section-headline{background:var(--sf);border:1px solid var(--br);border-radius:10px;padding:10px 12px;position:relative;margin-bottom:12px}
.section-headline::before{content:"";position:absolute;inset:0 0 0 0;border-left:6px solid var(--pri);border-radius:10px}
.section-headline .h2{margin:0;color:var(--text);font-weight:800;font-size:1.1rem}

/* セクション背景を薄グレーã�«ã�—ã�¦åŒºåˆ?‚Šã‚’強調 */
#blog-compact{background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;padding:12px}
#blog-compact .container{padding:0}

/* グリãƒ?ƒ‰?ˆç”»åƒ�ã�ªã�—：本æ–?1カラム?? */
#blog-compact .post-rows{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:880px){#blog-compact .post-rows{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){#blog-compact .post-rows{grid-template-columns:repeat(3,1fr)}}

#blog-compact .post-rows{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:880px){#blog-compact .post-rows{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){#blog-compact .post-rows{grid-template-columns:repeat(3,1fr)}}

/* カー� */
.post-row{background:#fff;border:1px solid #D6DEE9;border-radius:10px;box-shadow:0 2px 6px rgba(2,6,23,.06);overflow:hidden;position:relative;transition:transform .15s ease, box-shadow .15s ease}
.post-row{border-top:6px solid #3E5C90}
/* 本体� */
.row-link{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px;color:inherit;text-decoration:none;align-items:center}
@media(min-width:520px){.row-link{grid-template-columns:48px 1fr}}

/* アイコンボックス?ˆå¸¸æ™‚表示・画åƒ�é�‹ç”¨ä¸�è¦?¼? */
.iconbox{width:48px;height:48px;border:1px solid var(--br);border-radius:999px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(2,6,23,.05)}
.iconbox .i{width:22px;height:22px;color:var(--icon, var(--pri));}

/* 本� */
.row-body{display:grid;gap:6px}
.row-title{font-weight:800;font-size:1.0rem;color:#0F172A}
.row-excerpt{color:#475569;font-size:.9rem}
.date{color:#6B7280;font-size:.8rem;white-space:nowrap}

.row-body{display:grid;gap:6px}
.row-title{font-weight:800;font-size:1.0rem;color:#0F172A}
.row-excerpt{color:#475569;font-size:.9rem}
.date{color:#6B7280;font-size:.8rem;white-space:nowrap}

/* 上部カãƒ?‚´ãƒªãƒ�ã? â†? ç´°ã�?ƒ©ãƒ™ãƒ«ã� ã�‘ã�«?ˆå¸¯ã�¯ã‚«ãƒ¼ãƒ‰ä¸Šéƒ¨ã�®ç´ºç·šã�§è¡¨ç�¾?? */
.catbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 6px;margin:0 0 4px 0;border-bottom:1px solid #EEF2F7}
.cat{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.78rem;color:#334155;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:999px;padding:2px 8px}
.cat::before{content:var(--tag-icon, "'�'");opacity:.9}

/* NEWãƒ�ッジ?ˆèµ¤ãƒ”ルã€�サイトå¯?�›?? */
.badge-new{display:inline-flex;align-items:center;background:#C81E1E;color:#fff;border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:900;margin-right:6px;box-shadow:0 1px 0 rgba(0,0,0,.08)}

/* タイプ別ã�®ã‚¢ã‚¤ã‚³ãƒ³ã� ã�‘残ã�™?ˆè‰²ã�¯çµ±ä¸?トã?ンã�«?? */
.post-row[data-type="notice"]{--tag-icon:"'📢'";--icon:#B45309}
.post-row[data-type="case"]  {--tag-icon:"'🔎'";--icon:#0EA5E9}
.post-row[data-type="article"]{--tag-icon:"'📚'";--icon:#0E7490}
.post-row[data-type="tips"]   {--tag-icon:"'💡'";--icon:#16A34A}

/* ホãƒ�ー?ˆè»½ã‚?¼? */
.post-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(2,6,23,.10)}
.row-link:hover .row-title{text-decoration:underline}

/* 末尾�「記事�覧を見る�を中央� */
.post-more{display:flex;justify-content:center;margin-top:12px}


/* /assets/css/styles.css ‚É’Ç‹L */
.company-card{
  background:#fff;border:1px solid var(--br);border-radius:12px;
  box-shadow:0 6px 14px rgba(2,6,23,.06);padding:16px;display:grid;gap:16px
}
.company-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.company-name{font-size:1.25rem;font-weight:800;color:var(--text);margin:0}
.company-cta{display:flex;gap:8px;flex-wrap:wrap}
.company-table{margin:0;display:grid;gap:10px}
.company-table .row{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:start;
  padding:8px;border:1px solid var(--br);border-radius:10px;background:var(--sf)}
.company-table dt{color:var(--sub);font-weight:700}
.company-table dd{margin:0;color:var(--text)}
.company-map{border:1px solid var(--br);border-radius:10px;overflow:hidden;background:var(--sf)}
.company-map img{display:block;width:100%;height:auto}
@media (max-width:720px){
  .company-table .row{grid-template-columns:1fr}
}

.article.detail{background:#fff;border:1px solid var(--br);border-radius:10px;box-shadow:0 6px 16px rgba(2,6,23,.06);padding:16px;line-height:1.75}
.article-body{display:grid;gap:1rem;margin-top:1rem}
.article-foot{margin-top:1.5rem;display:grid;gap:12px}
.article-foot .article-cta{display:flex;flex-wrap:wrap;gap:8px}

/* ‰æ‘œƒuƒ�ƒbƒN */
.fig{
  margin: 12px 0;
  background:#fff;
  border:1px solid var(--br);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(2,6,23,.06);
}
.fig img{display:block;width:50%;height:auto;aspect-ratio:auto;object-fit:cover}
.fig figcaption{
  padding:8px 10px;
  font-size:.9rem;
  color:#475569;
  background:var(--sf);
  border-top:1px solid var(--br);
}

/* 2–‡ƒMƒƒƒ‰ƒŠ�[�iSP1—ñ�¨PC2—ñ�j */
.fig-grid{display:grid;gap:12px;margin:12px 0}
@media(min-width:960px){.fig-grid{grid-template-columns:1fr 1fr}}

/* ŠÈˆÕƒ‰ƒCƒgƒ{ƒbƒNƒX */
.lightbox{inset:0; width:100%; max-width:none; border:none; padding:0; background:transparent}
.lightbox::backdrop{background:rgba(2,6,23,.72)}
.lightbox img{display:block; max-width:min(92vw,1200px); max-height:86vh; width:auto; height:auto;
  border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.35); margin:auto}
.lightbox-close{
  position:fixed; top:16px; right:16px;
  background:#fff; border:1px solid var(--br); border-radius:999px; width:38px; height:38px;
  font-size:18px; line-height:38px; text-align:center; cursor:pointer
}
@media (prefers-reduced-motion:no-preference){
  .lightbox[open] img{animation:lb-fade .14s ease both}
  @keyframes lb-fade{from{opacity:0;transform:scale(.98)} to{opacity:1;transform:scale(1)}}
}

/* GoogleƒtƒH�[ƒ€–„‚ß�ž‚Ý—pƒXƒ^ƒCƒ‹ */
.form-wrap {
  border:1px solid var(--br);
  border-radius:12px;
  box-shadow:0 4px 14px rgba(2,6,23,.05);
  overflow:hidden;
  background:#fff;
  padding:0;
}
.form-wrap iframe {
  display:block;
  width:100%;
  min-height:800px;
  border:none;
  border-radius:12px;
}