/* 業務診断スタイル v2 — Claude Design「業務診断LP v2」準拠
   navy #284898 / blue #1C5FA8 / sky #CFE2F7 #E8F0FB / bg #F7F9FC #F5F8FC */
:root{}
.gyas-diag,.gyas-lp{
  --navy:#284898; --blue:#1C5FA8; --blue-h:#0A1B33;
  --sky:#CFE2F7; --sky2:#E8F0FB; --hero-lead:#C4D8F0;
  --ink:#1F2A37; --ink2:#3D4B5C; --muted:#5A6878; --muted2:#6B7887;
  --bg:#F7F9FC; --bg2:#F5F8FC; --line:#E7EDF4; --line2:#E4EBF3; --line3:#EAEEF3; --line4:#D3DDE9;
  font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); -webkit-font-smoothing:antialiased; text-wrap:pretty;
}
.gyas-diag *,.gyas-lp *{box-sizing:border-box}

/* ================= 診断エンジン（カード） ================= */
.gyas-diag{max-width:900px;margin:0 auto;padding:0}
.gd-card{position:relative;background:var(--bg2);border:1px solid var(--line2);border-radius:28px;padding:34px 40px;animation:gd-in .4s cubic-bezier(.2,.7,.2,1)}
@keyframes gd-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.gd-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--blue);margin:0 0 14px}
.gd-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(28,95,168,.16)}

/* 進捗（5分割） */
.gd-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.gd-prog-seg{display:flex;gap:6px;flex:1}
.gd-prog-seg span{height:6px;flex:1;background:#D8E2EE;border-radius:999px;display:block;transition:background .3s}
.gd-prog-seg span.on{background:var(--blue)}
.gd-step{margin:0;font-size:12.5px;font-weight:700;color:var(--blue);flex:none;white-space:nowrap}

/* 対象業務タグ */
.gd-worktag{display:inline-block;font-size:12.5px;color:var(--blue);background:var(--sky2);border-radius:999px;padding:6px 14px;margin:0 0 16px}
.gd-worktag b{font-weight:700}

/* 設問 */
.gd-qtext{font-size:22px;font-weight:700;line-height:1.6;color:var(--navy);margin:0 0 6px}
.gd-hint{font-size:13.5px;color:var(--muted2);margin:0 0 22px}
.gd-opts{display:flex;flex-direction:column;gap:10px}
.gd-opts.gd-err{animation:gd-shake .3s}
.gd-opt{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line4);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.13s;font-size:15px;line-height:1.6}
.gd-opt:hover{border-color:#AFC4DC;background:#FBFDFF}
.gd-opt input{position:absolute;opacity:0;pointer-events:none}
.gd-tick{flex:0 0 auto;width:24px;height:24px;border:2px solid #C3D0DE;border-radius:50%;position:relative;transition:.13s;background:#fff}
.gd-opt.is-on{border-color:var(--blue);background:#EFF5FC}
.gd-opt.is-on .gd-tick{background:var(--blue);border-color:var(--blue)}
.gd-tick::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .13s}
.gd-opt.is-on .gd-tick::after{transform:translate(-50%,-50%) scale(1)}
.gd-opt-label{flex:1}

/* 業務選択チップ */
.gd-wchips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 4px}
.gd-wchip{font-size:13.5px;font-weight:500;color:var(--ink2);background:#fff;border:1px solid var(--line4);border-radius:999px;padding:12px 18px;cursor:pointer;transition:.12s;font-family:inherit;line-height:1}
.gd-wchip:hover{border-color:#AFC4DC;background:#FBFDFF}
.gd-wchip.is-on{background:var(--blue);color:#fff;border-color:var(--blue)}
.gd-wother{margin-top:22px;border-top:1px solid var(--line2);padding-top:22px}

/* ナビ・ボタン */
.gd-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.gd-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:15px;font-weight:700;padding:15px 28px;border-radius:999px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.18s;white-space:nowrap}
.gd-btn-lg{padding:17px 32px;font-size:16px}
.gd-btn-block{width:100%}
.gd-btn-p{background:var(--blue);color:#fff}
.gd-btn-p:hover{background:var(--navy)}
.gd-btn-ghost{background:#fff;border-color:var(--line4);color:var(--ink2)}
.gd-btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.gd-btn:disabled{opacity:.5;cursor:default}
.gd-arw{font-style:normal;transition:transform .18s}
.gd-btn-p:hover .gd-arw{transform:translateX(3px)}
.gd-btn-ghost:hover .gd-arw-l{transform:translateX(-3px)}

/* イントロ（ショートコード単体用） */
.gd-intro{display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:center}
.gd-intro-art svg{width:100%;height:auto}
.gd-title{font-size:26px;font-weight:900;line-height:1.45;color:var(--navy);margin:0 0 14px}
.gd-lead{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 22px}
.gd-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}
.gd-chips li{font-size:12.5px;font-weight:600;color:var(--blue);background:var(--sky2);border-radius:999px;padding:7px 14px}

/* 結果 */
.gd-rhead{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.gd-badge{flex:0 0 auto;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:var(--blue)}
.gd-o-buy   .gd-badge,.gd-badge.gd-o-buy{background:linear-gradient(150deg,#12a1b6,#0e6f83)}
.gd-o-build .gd-badge,.gd-badge.gd-o-build{background:linear-gradient(150deg,#2f7fc9,#1C5FA8)}
.gd-o-excel .gd-badge,.gd-badge.gd-o-excel{background:linear-gradient(150deg,#33a973,#1f7d52)}
.gd-o-bpr   .gd-badge,.gd-badge.gd-o-bpr{background:linear-gradient(150deg,#d89a3c,#b46f24)}
.gd-rhead .gd-eyebrow{color:var(--muted2);margin-bottom:6px}
.gd-type{font-size:26px;font-weight:900;color:var(--navy);margin:0;line-height:1.4}
.gd-verdict{font-size:16.5px;font-weight:700;line-height:1.7;color:var(--navy);margin:0 0 16px}
.gd-why{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 20px}
.gd-insider{font-size:14px;line-height:1.9;color:#245c3a;background:#EAF6EE;border-left:4px solid #33a973;border-radius:0 10px 10px 0;padding:14px 16px;margin:0 0 20px}
.gd-block{border-top:1px solid var(--line2);padding:18px 0 4px;margin-top:4px}
.gd-block h4{position:relative;font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.03em;margin:0 0 8px;padding:0 0 0 14px}
.gd-block h4::before{content:"";position:absolute;left:0;top:2px;width:4px;height:14px;border-radius:4px;background:var(--blue)}
.gd-block p{font-size:14.5px;line-height:1.95;color:var(--muted);margin:0}
.gd-evi{font-size:12.5px;line-height:1.7;color:#8A94A2;border-top:1px solid var(--line2);padding-top:14px;margin:18px 0 0}
.gd-logic{margin:14px 0 0;border-top:1px solid var(--line2);padding-top:12px}
.gd-logic summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--blue);list-style:none}
.gd-logic summary::-webkit-details-marker{display:none}
.gd-logic summary::before{content:"▸ "}
.gd-logic[open] summary::before{content:"▾ "}
.gd-logic p{font-size:13px;line-height:1.9;color:var(--muted2);margin:10px 0 0}

/* 資料オファー（リード） */
.gd-offer{margin-top:26px;padding:26px;background:#fff;border:1px solid var(--line2);border-radius:20px}
.gd-offer-title{font-size:17px;font-weight:800;color:var(--navy);margin:2px 0 6px}
.gd-offer-desc{font-size:13.5px;line-height:1.8;color:var(--muted);margin:0 0 8px}
.gd-form{margin-top:14px}
.gd-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gd-f{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:14px}
.gd-f input,.gd-f select{height:50px;padding:0 14px;border:1px solid var(--line4);border-radius:14px;font-size:15px;background:#fff;color:var(--ink);font-family:inherit;transition:.13s}
.gd-f input:focus,.gd-f select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(28,95,168,.12)}
.gd-f input.gd-err{border-color:#d64545}
.gd-req{color:#d64545;font-size:11px;font-weight:700;margin-left:6px}
.gd-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.gd-note{font-size:12px;color:#8A94A2;line-height:1.7;margin:14px 0 0}
.gd-note-c{text-align:center}
.gd-note a{color:var(--blue);text-decoration:underline}
.gd-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.gd-thanks .gd-badge{background:linear-gradient(150deg,#33a973,#1f7d52)}

@keyframes gd-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

/* ================= 全幅ランディングページ ================= */
.gyas-lp{overflow-x:clip}
.gyas-lp section{width:100vw;margin-left:calc(50% - 50vw);position:relative}
.gl-wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.gl-ic{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none}
.gl-ic svg{width:100%;height:100%}
.gl-h2{font-size:32px;font-weight:900;line-height:1.5;color:var(--navy);margin:0 0 12px}
.gl-sub{font-size:14.5px;line-height:1.85;color:var(--muted);margin:0}
.gl-center{text-align:center}
.gl-cta{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700;padding:19px 34px;border-radius:999px;text-decoration:none;transition:.18s;line-height:1}
.gl-cta .gl-ic{width:17px;height:17px}
.gl-cta-white{background:#fff;color:var(--navy)}
.gl-cta-white:hover{background:var(--sky)}
.gl-cta-blue{background:var(--blue);color:#fff;font-size:15px;padding:16px 30px}
.gl-cta-blue:hover{background:var(--navy)}
.gl-cta-block{justify-content:center;width:100%;padding:21px 0}
.gl-cta .gl-ic svg{transition:transform .18s}
.gl-cta:hover .gl-ic svg{transform:translateX(3px)}

/* ヒーロー */
.gl-hero{background:var(--navy);color:#fff;border-radius:0 0 40px 40px;overflow:hidden}
.gl-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center}
.gl-hero-copy{padding:76px 0 80px}
.gl-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:700;letter-spacing:.03em;color:var(--sky);margin-bottom:26px}
.gl-badge .gl-ic{width:15px;height:15px;color:#8FBDEE}
.gl-h1{font-size:54px;font-weight:900;line-height:1.36;margin:0 0 22px;color:#fff}
.gl-hero-lead{font-size:16px;line-height:1.95;color:var(--hero-lead);margin:0 0 30px;max-width:520px}
.gl-metas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.gl-meta{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:14px;padding:11px 18px;font-size:13.5px;font-weight:700;color:#EAF3FF}
.gl-meta .gl-ic{color:#8FBDEE}
.gl-hero-cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.gl-cta-note{font-size:13px;line-height:1.75;color:#9BB6D6}
.gl-hero-art{padding:40px 0;display:flex;justify-content:center}
.gl-art-box{width:100%;max-width:420px;aspect-ratio:1/1;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16365a,#0c2340)}
.gl-art-box svg{width:78%;height:78%}
.gl-art-light{background:linear-gradient(160deg,#eef4fb,#dfeaf7)}

/* 診断セクション */
.gl-diag{background:#fff;padding:66px 0 60px}
.gl-diag-wrap{max-width:900px}
.gl-diag-head{text-align:center;margin-bottom:28px}
.gl-diag-head .gl-h2{font-size:28px;margin-bottom:10px}

/* 課題 */
.gl-issue{background:var(--bg);padding:72px 0 70px}
.gl-issue-grid{display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:center}
.gl-issue-copy .gl-h2{font-size:34px;margin-bottom:18px}
.gl-issue-lead{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 28px;max-width:540px}
.gl-pains{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.gl-pain{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;font-size:14.5px;font-weight:500;line-height:1.75;color:var(--ink)}
.gl-pain-ic{flex:none;width:32px;height:32px;border-radius:999px;background:var(--sky2);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-top:1px}
.gl-pain-ic .gl-ic{width:17px;height:17px}

/* 4つの進め方 */
.gl-answers{background:#fff;padding:74px 0 70px}
.gl-sec-head{text-align:center;margin-bottom:40px}
.gl-ans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gl-ans-card{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:28px 24px 26px;text-align:center}
.gl-ans-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;font-size:29px;font-weight:800;color:#fff;margin-bottom:16px}
.gl-ans-icon.o-buy{background:linear-gradient(150deg,#12a1b6,#0e6f83)}
.gl-ans-icon.o-build{background:linear-gradient(150deg,#2f7fc9,#1C5FA8)}
.gl-ans-icon.o-excel{background:linear-gradient(150deg,#33a973,#1f7d52)}
.gl-ans-icon.o-bpr{background:linear-gradient(150deg,#d89a3c,#b46f24)}
.gl-ans-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:9px;line-height:1.55}
.gl-ans-desc{font-size:13.5px;line-height:1.85;color:var(--muted)}

/* 3ステップ */
.gl-steps{background:var(--bg);padding:72px 0 70px}
.gl-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gl-step-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px 28px}
.gl-step-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.gl-step-no{width:40px;height:40px;border-radius:999px;background:var(--navy);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.gl-step-badge{font-size:12.5px;font-weight:700;color:var(--blue);background:var(--sky2);border-radius:999px;padding:6px 13px}
.gl-step-title{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.55}
.gl-step-desc{font-size:13.5px;line-height:1.9;color:var(--muted)}

/* 信頼の一行 */
.gl-trust{background:#fff;padding:56px 0 52px}
.gl-trust-box{background:var(--bg2);border-radius:24px;padding:30px 36px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}
.gl-trust-stat{display:flex;align-items:center;gap:16px;padding-right:32px;border-right:1px solid #DFE7F0}
.gl-trust-shield{width:48px;height:48px;border-radius:999px;background:var(--sky2);display:flex;align-items:center;justify-content:center;color:var(--blue);flex:none}
.gl-trust-shield .gl-ic{width:24px;height:24px}
.gl-trust-num{font-size:26px;font-weight:900;color:var(--navy);line-height:1.2}
.gl-trust-num span{font-size:17px}
.gl-trust-cap{font-size:12px;color:var(--muted2);line-height:1.6}
.gl-trust-text{font-size:14px;line-height:1.9;color:var(--ink2)}
.gl-trust-src{display:block;font-size:11.5px;color:#8A94A2;margin-top:6px}

/* FAQ */
.gl-faq{background:#fff;padding:20px 0 74px}
.gl-faq-wrap{max-width:820px}
.gl-faq .gl-h2{margin-bottom:28px}
.gl-faq-list{display:flex;flex-direction:column;gap:12px}
.gl-faq-item{background:var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.gl-faq-item summary{display:flex;gap:14px;align-items:center;padding:22px 26px;cursor:pointer;list-style:none}
.gl-faq-item summary::-webkit-details-marker{display:none}
.gl-faq-q{flex:none;width:28px;height:28px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.gl-faq-qt{flex:1;font-size:15.5px;font-weight:700;color:var(--navy);line-height:1.65}
.gl-faq-sign{flex:none;font-size:20px;color:#8A94A2;line-height:1;font-weight:500}
.gl-faq-sign::before{content:"＋"}
.gl-faq-item[open] .gl-faq-sign::before{content:"−"}
.gl-faq-a{padding:0 26px 24px 68px;font-size:14px;line-height:1.95;color:var(--muted)}

/* 末尾CTA */
.gl-final{background:#fff;padding:0 0 74px}
.gl-final-box{background:var(--navy);border-radius:36px;padding:60px 56px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center}
.gl-final-h{font-size:32px;font-weight:900;line-height:1.5;color:#fff;margin:0 0 14px}
.gl-final-sub{font-size:15px;line-height:1.9;color:var(--hero-lead);margin:0}

/* ================= テーマ(.post_content)打ち消し ================= */
.gyas-diag ul,.gyas-lp ul{list-style:none!important;margin:0!important;padding:0!important}
.gyas-diag li,.gyas-lp li{margin:0!important;padding:0!important;list-style:none!important;text-indent:0!important}
.gyas-diag li::before,.gyas-diag li::marker,.gyas-lp li::before,.gyas-lp li::marker{content:none!important;display:none!important}
.gyas-diag h1,.gyas-diag h2,.gyas-diag h3,.gyas-diag h4,.gyas-lp h1,.gyas-lp h2,.gyas-lp h3,.gyas-lp h4{margin-top:0!important;padding:0!important;border:0!important;background:none!important}
.gyas-diag details,.gyas-lp details{margin:0!important}
.gyas-diag summary,.gyas-lp summary{list-style:none!important}
.gyas-diag .gd-chips li{padding:7px 14px!important}
.gyas-diag .gd-block h4{padding:0 0 0 14px!important}
.gyas-diag .gd-qtext{margin:0 0 6px!important}
.gyas-diag .gd-type,.gyas-lp .gl-h1{margin-top:0!important}
.gyas-lp .gl-h2{margin-top:0!important}
.gyas-lp .gl-final-h,.gyas-lp .gl-issue-copy .gl-h2{margin-top:0!important}

/* ================= レスポンシブ ================= */
@media(max-width:960px){
  .gl-hero-grid{grid-template-columns:1fr;gap:24px}
  .gl-hero-copy{padding:56px 0 60px}
  .gl-hero-art{order:-1;padding:0;max-width:240px;margin:0 auto}
  .gl-h1{font-size:38px}
  .gl-issue-grid{grid-template-columns:1fr;gap:28px}
  .gl-issue-art{max-width:300px;margin:0 auto}
  .gl-issue-copy .gl-h2{font-size:28px}
  .gl-ans-grid{grid-template-columns:1fr 1fr}
  .gl-trust-box{grid-template-columns:1fr;gap:20px}
  .gl-trust-stat{padding-right:0;border-right:0;border-bottom:1px solid #DFE7F0;padding-bottom:20px}
  .gl-final-box{grid-template-columns:1fr;gap:26px;padding:44px 32px}
}
@media(max-width:680px){
  .gl-wrap{padding:0 20px}
  .gd-card{padding:26px 20px;border-radius:22px}
  .gd-qtext{font-size:19px}
  .gd-type{font-size:22px}
  .gd-row{grid-template-columns:1fr;gap:0}
  .gl-step-grid{grid-template-columns:1fr}
  .gl-ans-grid{grid-template-columns:1fr}
  .gl-h1{font-size:32px}
  .gl-h2,.gl-issue-copy .gl-h2,.gl-final-h{font-size:25px}
  .gl-hero-cta-row{gap:14px}
  .gl-cta{width:100%;justify-content:center}
  .gl-pains{grid-template-columns:1fr}
  .gd-nav .gd-btn{padding:14px 20px}
}