@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ================================================================
   TOPページ専用スタイル (.kwt-*)
   ================================================================ */
.kwt-hero{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;padding:64px 20px;text-align:center}
.kwt-hero h1{font-size:1.85rem;font-weight:800;line-height:1.5;margin-bottom:16px}
.kwt-hero p{font-size:1rem;opacity:.88;line-height:1.9;margin-bottom:28px}
.kwt-btn-g{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kwt-btn{padding:14px 28px;border-radius:6px;font-weight:700;text-decoration:none!important;display:inline-block}
.kwt-btn-p{background:#0077c8;color:#fff!important}
.kwt-btn-o{background:transparent;color:#fff!important;border:2px solid #fff}
.kwt-btn-o2{background:transparent;color:#0077c8!important;border:2px solid #0077c8}
.kwt-sec{max-width:1080px;margin:56px auto;padding:0 20px}
.kwt-sec-bg{background:#f3f7fc;padding:56px 20px}
.kwt-sec-bg .kwt-sec{margin:0 auto}
.kwt-h2{text-align:center;font-size:1.55rem;font-weight:800;margin-bottom:8px}
.kwt-sub{text-align:center;color:#666;font-size:.92rem;margin-bottom:36px}
.kwt-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kwt-svc-card{display:flex;flex-direction:column;background:#fff;border:2px solid #e0e8f0;border-radius:12px;padding:28px 18px;text-align:center;color:inherit!important;text-decoration:none!important;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s}
.kwt-svc-card:focus-visible{border-color:#0077c8;outline:3px solid rgba(0,119,200,.28);outline-offset:3px;box-shadow:0 6px 20px rgba(0,119,200,.15)}
@media(hover:hover) and (pointer:fine){.kwt-svc-card:hover{border-color:#0077c8;background:#f9fcff;box-shadow:0 4px 18px rgba(0,119,200,.15);transform:translateY(-3px)}}
.kwt-svc-card .ic{font-size:2.4rem;margin-bottom:10px}
.kwt-badge{display:inline-block;background:#eaf4fb;color:#0077c8;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:6px}
.kwt-target{font-size:.82rem;font-weight:700;color:#005a9c;background:#eaf4fb;border-radius:6px;padding:5px 10px;margin:0 0 10px;line-height:1.4}
.kwt-svc-card h3{font-size:1.05rem;font-weight:800;margin:0 0 10px}
.kwt-svc-card p{font-size:.85rem;color:#555;line-height:1.75;margin:0 0 16px}
.kwt-svc-link{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;margin-top:auto;color:#0077c8!important;font-weight:700;font-size:.88rem}
.kwt-case-more{text-align:center;margin-top:32px}
.kwt-worry{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kwt-wi{background:#fff;border-left:4px solid #0077c8;padding:14px 16px;border-radius:0 8px 8px 0;font-size:.88rem;color:#333}
.kwt-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kwt-reason-card{text-align:center;padding:24px 16px}
.kwt-reason-card .num{font-size:2rem;font-weight:900;color:#0077c8;line-height:1}
.kwt-reason-card h3{font-size:1rem;font-weight:800;margin:10px 0 8px}
.kwt-reason-card p{font-size:.85rem;color:#555;line-height:1.75;margin:0}
.kwt-cta{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;text-align:center;padding:64px 20px;border-top:4px solid #0077c8}
.kwt-cta-badge{display:inline-block;background:#0077c8;color:#fff;font-size:.8rem;font-weight:700;padding:6px 20px;border-radius:20px;margin-bottom:18px;letter-spacing:.04em}
.kwt-cta h2{font-size:1.6rem;font-weight:800;margin-bottom:14px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.kwt-cta p{color:rgba(255,255,255,.92);line-height:1.9;margin-bottom:28px}
@media(max-width:767px){
  .kwt-svc-grid,.kwt-reason-grid{grid-template-columns:1fr}
  .kwt-worry{grid-template-columns:1fr}
  .kwt-hero h1{font-size:1.3rem}
}
@media(min-width:768px) and (max-width:1023px){.kwt-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================================
   KOTO BizMap ページ専用スタイル (.kbm-*)
   他ページへの影響なし
   ================================================================ */
.kbm-hero,.kbm-sec,.kbm-sec-bg,.kbm-steps,.kbm-cta{--kbm-blue:#0077c8;--kbm-blue-light:#eaf4fb;--kbm-dark:#0a1628;--kbm-dark2:#162040;--kbm-gray:#f3f7fc;--kbm-text:#333;--kbm-text-muted:#666}
.kbm-hero{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;padding:72px 20px 64px;text-align:center}
.kbm-hero-eyebrow{display:inline-block;background:rgba(0,119,200,.35);color:#a8d4f5;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:5px 16px;border-radius:20px;margin-bottom:20px}
.kbm-hero h1{font-size:2.4rem;font-weight:900;letter-spacing:.04em;margin:0 0 4px;line-height:1.2}
.kbm-hero-catch{font-size:1.15rem;font-weight:600;color:#a8d4f5;margin:0 0 20px;letter-spacing:.02em}
.kbm-hero-desc{font-size:.96rem;opacity:.88;line-height:1.9;margin:0 auto 32px;max-width:560px}
.kbm-btn-g{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.kbm-btn{padding:14px 30px;border-radius:6px;font-weight:700;text-decoration:none!important;display:inline-block;font-size:.95rem;transition:opacity .2s}
.kbm-btn:hover{opacity:.85}
.kbm-btn-p{background:#0077c8;color:#fff!important}
.kbm-btn-o{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.7)}
.kbm-btn-o2{background:transparent;color:#0077c8!important;border:2px solid #0077c8}
.kbm-sec{max-width:1000px;margin:0 auto;padding:64px 20px}
.kbm-sec-bg{background:#f3f7fc;padding:64px 20px}
.kbm-sec-bg .kbm-sec-inner{max-width:1000px;margin:0 auto}
.kbm-h2{text-align:center;font-size:1.55rem;font-weight:800;margin-bottom:8px;color:#1a1a2e}
.kbm-sub{text-align:center;color:#666;font-size:.92rem;margin-bottom:40px;line-height:1.7}
.kbm-worry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kbm-wi{background:#fff;border-left:4px solid #0077c8;padding:16px 18px;border-radius:0 8px 8px 0;font-size:.9rem;color:#333;line-height:1.6;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.kbm-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kbm-feat-card{background:#fff;border:2px solid #e0e8f0;border-radius:12px;padding:28px 20px;transition:all .2s}
.kbm-feat-card:hover{border-color:#0077c8;box-shadow:0 4px 18px rgba(0,119,200,.13);transform:translateY(-3px)}
.kbm-feat-card .kbm-ic{font-size:2rem;margin-bottom:12px}
.kbm-feat-card h3{font-size:1rem;font-weight:800;color:#1a1a2e;margin:0 0 8px}
.kbm-feat-card p{font-size:.85rem;color:#555;line-height:1.75;margin:0}
.kbm-steps-wrap{display:flex;align-items:flex-start;gap:0;justify-content:center;flex-wrap:wrap}
.kbm-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:160px;flex-shrink:0}
.kbm-step-num{width:48px;height:48px;border-radius:50%;background:#0077c8;color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:10px;flex-shrink:0}
.kbm-step-label{font-size:.88rem;font-weight:700;color:#1a1a2e;line-height:1.45}
.kbm-step-desc{font-size:.78rem;color:#666;margin-top:4px;line-height:1.5}
.kbm-step-arrow{font-size:1.4rem;color:#0077c8;align-self:center;margin:0 4px;margin-bottom:30px;flex-shrink:0}
.kbm-screen-grid{display:grid;grid-template-columns:1fr;gap:40px}
.kbm-screen-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.kbm-screen-item img{width:100%;height:auto;display:block}
.kbm-screen-caption{padding:14px 16px;font-size:.85rem;color:#555;font-weight:600;background:#fff;border-top:1px solid #f0f0f0}
.kbm-video-sec .kbm-sub{margin-bottom:28px}
.kbm-video-wrap{width:100%;max-width:900px;aspect-ratio:16/9;margin:0 auto;background:#0a1628;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.kbm-video-wrap iframe{display:block;width:100%;height:100%;border:0}
.kbm-video-link{text-align:center;margin-top:22px}
.kbm-video-link a{display:inline-block;color:#0077c8!important;font-size:.92rem;font-weight:700;text-decoration:none!important;border-bottom:1px solid currentColor}
.kbm-video-link a:hover{opacity:.78}
.kbm-merit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.kbm-merit{background:#fff;border-radius:10px;padding:22px;display:flex;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.kbm-merit .kbm-ic{font-size:1.8rem;flex-shrink:0}
.kbm-merit h3{font-size:.95rem;font-weight:800;margin:0 0 6px;color:#1a1a2e}
.kbm-merit p{font-size:.83rem;color:#555;line-height:1.7;margin:0}
.kbm-target-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kbm-target-card{background:#fff;border:2px solid #e0e8f0;border-radius:10px;padding:24px 18px;text-align:center}
.kbm-target-card .kbm-ic{font-size:1.8rem;margin-bottom:10px}
.kbm-target-card p{font-size:.86rem;color:#333;line-height:1.65;margin:0}
.kbm-status-box{background:#fff;border:2px solid #0077c8;border-radius:12px;padding:36px 40px;max-width:680px;margin:0 auto;text-align:center}
.kbm-status-badge{display:inline-block;background:#eaf4fb;color:#0077c8;font-size:.8rem;font-weight:700;padding:5px 16px;border-radius:20px;margin-bottom:16px;letter-spacing:.04em}
.kbm-status-box h3{font-size:1.2rem;font-weight:800;margin:0 0 12px;color:#1a1a2e}
.kbm-status-box p{font-size:.9rem;color:#555;line-height:1.85;margin:0 0 6px}
.kbm-cta{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;text-align:center;padding:72px 20px;border-top:4px solid #0077c8}
.kbm-cta-badge{display:inline-block;background:#0077c8;color:#fff;font-size:.8rem;font-weight:700;padding:6px 22px;border-radius:20px;margin-bottom:20px;letter-spacing:.05em}
.kbm-cta h2{font-size:1.65rem;font-weight:800;color:#fff;margin:0 0 14px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.kbm-cta p{color:rgba(255,255,255,.88);line-height:1.9;margin:0 auto 32px;max-width:560px;font-size:.96rem}

/* KOTO BizMap 利用相談ページ ヒーロー (.kbm-contact-hero) */
.kbm-contact-hero{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;padding:48px 20px 40px;text-align:center}
.kbm-contact-hero-badge{display:inline-block;background:rgba(0,119,200,.35);color:#a8d4f5;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:4px 14px;border-radius:20px;margin-bottom:14px}
.kbm-contact-hero h2{font-size:1.5rem;font-weight:800;margin:0 0 10px;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.kbm-contact-hero p{font-size:.92rem;color:rgba(255,255,255,.85)!important;line-height:1.8;margin:0 auto;max-width:520px}

/* ================================================================
   スマホナビ: .menu-mobile を非表示にしてハンバーガードロワーを主ナビとして使用
   Cocoon 標準: .menu-mobile はスマホで display:flex になるが、
   サブメニューのJS展開がなく子メニューにタップでアクセスできないため非表示とする。
   代替: フッターの #navi-menu-open (☰) → .menu-drawer で同じ構造を提供。
   ================================================================ */
#navi .navi-in > .menu-mobile {
    display: none !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* kbm-* responsive */
@media(max-width:767px){
  .kbm-hero h1{font-size:1.7rem}
  .kbm-hero-catch{font-size:1rem}
  .kbm-feat-grid,.kbm-target-list{grid-template-columns:1fr}
  .kbm-worry-grid,.kbm-merit-grid{grid-template-columns:1fr}
  .kbm-steps-wrap{flex-direction:column;align-items:center;gap:8px}
  .kbm-step-arrow{transform:rotate(90deg);margin:0 0 4px}
  .kbm-step{width:200px}
  .kbm-status-box{padding:28px 20px}
}

/* ================================================================
   ツール開発ページ専用スタイル (.ktd-*)
   他ページへの影響なし
   ================================================================ */
.ktd-hero{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;padding:72px 20px 64px;text-align:center}
.ktd-hero-inner{max-width:660px;margin:0 auto}
.ktd-hero-eyebrow{display:inline-block;background:rgba(0,119,200,.35);color:#a8d4f5;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:5px 16px;border-radius:20px;margin-bottom:20px}
.ktd-hero h1{font-size:1.85rem;font-weight:800;line-height:1.55;margin:0 0 18px;color:#fff}
.ktd-hero p{font-size:.96rem;opacity:.88;line-height:1.9;margin:0 auto 28px}
.ktd-btn-g{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ktd-btn{padding:14px 30px;border-radius:6px;font-weight:700;text-decoration:none!important;display:inline-block;font-size:.95rem;transition:opacity .2s}
.ktd-btn:hover{opacity:.85}
.ktd-btn-p{background:#0077c8;color:#fff!important}
.ktd-btn-wh{background:#fff;color:#0a1628!important}
.ktd-sec{max-width:1000px;margin:0 auto;padding:64px 20px}
.ktd-sec-bg{background:#f3f7fc;padding:64px 20px}
.ktd-sec-bg .ktd-sec{padding:0;margin:0 auto}
.ktd-h2{text-align:center;font-size:1.5rem;font-weight:800;margin-bottom:8px;color:#1a1a2e}
.ktd-sub{text-align:center;color:#666;font-size:.9rem;margin-bottom:36px;line-height:1.7}
.ktd-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ktd-check-item{background:#fff;border-left:4px solid #0077c8;padding:14px 16px;border-radius:0 8px 8px 0;font-size:.9rem;color:#333;line-height:1.6;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ktd-check-item::before{content:"✓ ";color:#0077c8;font-weight:700}
.ktd-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}
.ktd-tool-card{background:#fff;border:2px solid #e0e8f0;border-radius:12px;padding:28px 24px}
.ktd-tool-ic{font-size:2rem;margin-bottom:12px}
.ktd-tool-card h3{font-size:1.05rem;font-weight:800;color:#1a1a2e;margin:0 0 10px}
.ktd-tool-card p{font-size:.86rem;color:#555;line-height:1.75;margin:0}
.ktd-note{font-size:.8rem;color:#999;text-align:center;margin-top:4px}
.ktd-case-section{margin-top:56px;padding-top:56px;border-top:1px solid #dce5ee}
.ktd-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ktd-case-grid>:only-child{grid-column:1/-1;width:100%;max-width:760px;justify-self:center}
.ktd-case-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#f5fbff 0%,#fff 100%);border:2px solid #b9dcf4;border-radius:12px;padding:32px 34px;color:inherit!important;text-decoration:none!important;cursor:pointer;box-shadow:0 4px 18px rgba(0,119,200,.09);transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s}
.ktd-case-tag{display:inline-block;background:#e1f1fc;color:#0566a8;font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:15px}
.ktd-case-card h3{font-size:1.2rem;font-weight:800;color:#1a1a2e;margin:0 0 9px}
.ktd-case-card p{font-size:.87rem;color:#555;line-height:1.8;margin:0 0 12px}
.ktd-case-card .ktd-case-catch{font-size:.95rem;font-weight:800;color:#0077c8;margin-bottom:16px}
.ktd-case-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:46px;margin-top:auto;padding:11px 24px;border-radius:6px;background:#0077c8;color:#fff!important;font-size:.88rem;font-weight:700;transition:background-color .2s}
.ktd-case-card:focus-visible{border-color:#0077c8;outline:3px solid rgba(0,119,200,.28);outline-offset:3px;box-shadow:0 8px 24px rgba(0,119,200,.16)}
@media(hover:hover) and (pointer:fine){
  .ktd-case-card:hover{border-color:#0077c8;background:#f3faff;box-shadow:0 9px 26px rgba(0,119,200,.17);transform:translateY(-3px)}
  .ktd-case-card:hover .ktd-case-link{background:#0566a8}
}
.ktd-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ktd-tech-item{background:#fff;border-radius:10px;padding:18px 22px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.ktd-tech-name{font-size:.95rem;font-weight:800;color:#0077c8;white-space:nowrap;min-width:120px;margin-top:1px;flex-shrink:0}
.ktd-tech-desc{font-size:.84rem;color:#555;line-height:1.7}
.ktd-steps{display:flex;flex-direction:column;gap:20px;max-width:660px;margin:0 auto}
.ktd-step{display:flex;gap:20px;align-items:flex-start}
.ktd-step-num{width:44px;height:44px;border-radius:50%;background:#0077c8;color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ktd-step-body h3{font-size:1rem;font-weight:800;color:#1a1a2e;margin:0 0 6px}
.ktd-step-body p{font-size:.86rem;color:#555;line-height:1.75;margin:0}
.ktd-price-box{background:#fff;border:2px solid #e0e8f0;border-radius:12px;padding:40px;max-width:640px;margin:0 auto;text-align:center}
.ktd-price-box .ktd-h2{margin-bottom:16px}
.ktd-price-box p{font-size:.92rem;color:#555;line-height:1.9}
.ktd-cta{background:linear-gradient(135deg,#0a1628 0%,#162040 100%);color:#fff;text-align:center;padding:72px 20px;border-top:4px solid #0077c8}
.ktd-cta-badge{display:inline-block;background:#0077c8;color:#fff;font-size:.8rem;font-weight:700;padding:6px 22px;border-radius:20px;margin-bottom:20px;letter-spacing:.05em}
.ktd-cta h2{font-size:1.55rem;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.ktd-cta p{color:rgba(255,255,255,.88);line-height:1.9;margin:0 auto 28px;max-width:500px;font-size:.94rem}
/* 4件の開発事例をPCでは2×2、モバイルでは1列で表示 */
/* ktd-* responsive */
@media(max-width:767px){
  .ktd-hero h1{font-size:1.4rem}
  .ktd-check-grid,.ktd-tool-grid,.ktd-case-grid,.ktd-tech-grid{grid-template-columns:1fr}
  .ktd-case-section{margin-top:44px;padding-top:44px}
  .ktd-case-grid>:only-child{grid-column:auto}
  .ktd-case-card{padding:26px 22px}
  .ktd-case-link{width:100%}
  .ktd-step-num{width:36px;height:36px;font-size:.9rem}
  .ktd-price-box{padding:24px 20px}
  .ktd-cta h2{font-size:1.3rem}
}

/* ================================================================
   写真報告書作成ツールページ専用スタイル (.prtool-*)
   ================================================================ */
.prtool-page{--prtool-blue:#0077c8;--prtool-blue-dark:#07589a;--prtool-navy:#0a1628;--prtool-navy2:#162040;--prtool-pale:#f3f7fc;--prtool-line:#dce7f2;--prtool-text:#293241;--prtool-muted:#5f6b78;width:100%;max-width:100%;color:var(--prtool-text);overflow:hidden}
.prtool-page,.prtool-page *{box-sizing:border-box}
.prtool-page h1,.prtool-page h2,.prtool-page h3,.prtool-page p,.prtool-page ul,.prtool-page ol,.prtool-page figure{margin-top:0}
.prtool-page h1,.prtool-page h2,.prtool-page h3,.prtool-page p,.prtool-page li,.prtool-page a{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.prtool-page h1,.prtool-page h2,.prtool-page h3{padding:0;border:0;background:none}
.prtool-page h1::before,.prtool-page h1::after,.prtool-page h2::before,.prtool-page h2::after,.prtool-page h3::before,.prtool-page h3::after{display:none;content:none}
.prtool-hero{background:linear-gradient(135deg,var(--prtool-navy) 0%,var(--prtool-navy2) 100%);color:#fff;padding:80px 24px 72px;text-align:center;border-bottom:4px solid var(--prtool-blue)}
.prtool-hero-inner,.prtool-cta-inner{max-width:820px;margin:0 auto}
.prtool-eyebrow,.prtool-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em}
.prtool-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:999px;background:rgba(0,119,200,.38);color:#b9ddf7}
.prtool-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.15rem);font-weight:900;line-height:1.42;letter-spacing:.02em;margin-bottom:20px}
.prtool-hero-lead{max-width:700px;margin:0 auto 34px;line-height:1.95;color:rgba(255,255,255,.9);font-size:1rem}
.prtool-btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;min-height:52px;padding:14px 28px;border-radius:7px;font-size:.95rem;font-weight:800;line-height:1.45;text-align:center;white-space:normal;text-decoration:none!important;transition:opacity .2s,transform .2s}
.prtool-btn:hover{opacity:.88;transform:translateY(-1px)}
.prtool-btn-primary{background:var(--prtool-blue);color:#fff!important}
.prtool-btn-light{background:#fff;color:var(--prtool-navy)!important}
.prtool-section{width:100%;max-width:1050px;margin:0 auto;padding:72px 24px}
.prtool-band{background:var(--prtool-pale)}
.prtool-band .prtool-section{padding-top:72px;padding-bottom:72px}
.prtool-heading{max-width:800px;margin:0 auto 40px;text-align:center}
.prtool-kicker{margin-bottom:8px;color:var(--prtool-blue)}
.prtool-heading h2{margin-bottom:14px;color:var(--prtool-navy);font-size:clamp(1.55rem,3vw,2.05rem);font-weight:900;line-height:1.5}
.prtool-heading>p:last-child{margin-bottom:0;color:var(--prtool-muted);font-size:.95rem;line-height:1.9}
.prtool-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prtool-check{position:relative;padding:17px 18px 17px 48px;border-radius:8px;border-left:4px solid var(--prtool-blue);background:#fff;box-shadow:0 2px 10px rgba(10,22,40,.06);font-size:.92rem;line-height:1.6}
.prtool-check::before{content:"✓";position:absolute;left:18px;top:16px;color:var(--prtool-blue);font-weight:900}
.prtool-figure{max-width:960px;margin:0 auto 24px;border:1px solid var(--prtool-line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(10,22,40,.09)}
.prtool-image-link{display:block;background:#fff}
.prtool-figure img{display:block;width:100%;max-width:100%;height:auto;margin:0}
.prtool-figure figcaption{margin:0;padding:13px 18px;background:#fff;border-top:1px solid var(--prtool-line);color:var(--prtool-muted);font-size:.8rem;line-height:1.65;text-align:center}
.prtool-disclaimer{max-width:900px;margin:22px auto 0;padding:15px 18px;border-radius:8px;background:#e8f2fa;color:#48596a;font-size:.78rem;line-height:1.75}
.prtool-before-after{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto}
.prtool-compare-card{padding:30px;border:2px solid var(--prtool-line);border-radius:12px;background:#fff}
.prtool-compare-label{display:inline-block;margin-bottom:15px;padding:4px 13px;border-radius:999px;background:#edf1f5;color:#536170;font-size:.75rem;font-weight:800}
.prtool-compare-card h3{margin-bottom:18px;color:var(--prtool-navy);font-size:1.15rem;line-height:1.55}
.prtool-compare-card ul{margin:0;padding-left:1.2em;color:var(--prtool-muted);font-size:.9rem;line-height:1.9}
.prtool-compare-arrow{align-self:center;color:var(--prtool-blue);font-size:2rem;font-weight:900;text-align:center}
.prtool-after{border-color:var(--prtool-blue);background:#f5fbff}
.prtool-after .prtool-compare-label{background:#dceffc;color:var(--prtool-blue-dark)}
.prtool-auto-mark{margin:20px 0;padding:16px;border-radius:8px;background:var(--prtool-blue);color:#fff;font-size:1.05rem;font-weight:900;text-align:center}
.prtool-after p{margin-bottom:0;color:var(--prtool-muted);font-size:.88rem;line-height:1.8}
.prtool-figure-workflow{max-width:1000px}
.prtool-flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 0;padding:0;list-style:none;counter-reset:prtool-flow}
.prtool-flow-list li{position:relative;min-width:0;padding:24px 20px 22px 58px;border-radius:10px;background:#fff;border:1px solid var(--prtool-line);counter-increment:prtool-flow}
.prtool-flow-list li::before{content:counter(prtool-flow);position:absolute;top:20px;left:18px;width:30px;height:30px;border-radius:50%;background:var(--prtool-blue);color:#fff;font-weight:900;line-height:30px;text-align:center}
.prtool-flow-list strong,.prtool-flow-list span{display:block}
.prtool-flow-list strong{margin-bottom:7px;color:var(--prtool-navy);font-size:.92rem}
.prtool-flow-list span{color:var(--prtool-muted);font-size:.8rem;line-height:1.7}
.prtool-priority-box{max-width:900px;margin:38px auto 0;padding:36px;border-radius:12px;border:3px solid var(--prtool-blue);background:#f5fbff;text-align:center}
.prtool-priority-label{display:inline-block;margin-bottom:12px;padding:5px 15px;border-radius:999px;background:var(--prtool-blue);color:#fff;font-size:.75rem;font-weight:800}
.prtool-priority-box h3{margin-bottom:14px;color:var(--prtool-navy);font-size:1.35rem;line-height:1.6}
.prtool-priority-box>p:last-child{max-width:720px;margin:0 auto;color:var(--prtool-muted);font-size:.95rem;line-height:1.9}
.prtool-priority-box strong{color:var(--prtool-blue-dark)}
.prtool-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:880px;margin:0 auto 34px}
.prtool-choice-card{padding:34px 26px;border-radius:12px;text-align:center}
.prtool-choice-card span{display:inline-block;margin-bottom:13px;font-size:.78rem;font-weight:800}
.prtool-choice-card h3{margin-bottom:0;font-size:1.22rem;line-height:1.65}
.prtool-choice-ready{border:2px solid #ccd5df;background:#fff;color:#56616d}
.prtool-choice-custom{border:2px solid var(--prtool-blue);background:var(--prtool-blue);color:#fff;box-shadow:0 8px 22px rgba(0,119,200,.18)}
.prtool-choice-custom h3{color:#fff}
.prtool-options{max-width:880px;margin:0 auto;padding:30px;border-radius:12px;background:#fff;border:1px solid var(--prtool-line)}
.prtool-options h3{margin-bottom:20px;color:var(--prtool-navy);font-size:1.05rem;text-align:center}
.prtool-options ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding-left:1.3em;color:var(--prtool-muted);font-size:.88rem;line-height:1.7}
.prtool-options>p{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--prtool-line);color:#7a8590;font-size:.76rem;line-height:1.7}
.prtool-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.prtool-use-grid div{display:flex;align-items:center;justify-content:center;min-height:86px;padding:15px;border-radius:9px;border:1px solid var(--prtool-line);background:#fff;color:var(--prtool-navy);font-size:.88rem;font-weight:800;line-height:1.5;text-align:center;box-shadow:0 2px 9px rgba(10,22,40,.05)}
.prtool-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto;padding:0;list-style:none}
.prtool-steps li{display:flex;gap:16px;min-width:0;padding:23px;border-radius:10px;background:#fff;border:1px solid var(--prtool-line)}
.prtool-steps li>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--prtool-blue);color:#fff;font-weight:900}
.prtool-steps strong{display:block;margin-bottom:5px;color:var(--prtool-navy);font-size:.92rem;line-height:1.55}
.prtool-steps p{margin-bottom:0;color:var(--prtool-muted);font-size:.8rem;line-height:1.65}
.prtool-cta{padding:76px 24px;background:linear-gradient(135deg,var(--prtool-navy) 0%,var(--prtool-navy2) 100%);border-top:4px solid var(--prtool-blue);color:#fff;text-align:center}
.prtool-cta h2{margin-bottom:18px;color:#fff;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.prtool-cta-inner>p:not(.prtool-eyebrow){max-width:700px;margin:0 auto 30px;color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.9}
@media(max-width:767px){
  .prtool-hero{padding:62px 18px 56px}
  .prtool-hero-inner{width:100%}
  .prtool-hero h1{font-size:1.5rem}
  .prtool-hero-lead br{display:none}
  .prtool-section,.prtool-band .prtool-section{padding:54px 18px}
  .prtool-heading{margin-bottom:30px}
  .prtool-check-grid,.prtool-choice-grid,.prtool-options ul,.prtool-steps{grid-template-columns:1fr}
  .prtool-before-after{grid-template-columns:1fr;gap:14px}
  .prtool-compare-arrow{transform:rotate(90deg)}
  .prtool-flow-list{grid-template-columns:1fr}
  .prtool-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prtool-compare-card,.prtool-options,.prtool-priority-box{padding:24px 20px}
  .prtool-figure{border-radius:8px}
  .prtool-figure figcaption{text-align:left}
  .prtool-cta{padding:60px 18px}
  .prtool-cta h2 br{display:none}
}
@media(max-width:390px){
  .prtool-hero h1{font-size:1.45rem}
  .prtool-btn{width:100%;padding-right:18px;padding-left:18px}
  .prtool-use-grid{grid-template-columns:1fr}
  .prtool-steps li{padding:20px 16px}
}

/* ================================================================
   Webシステム自動登録ツールページ専用スタイル (.webentry-*)
   ================================================================ */
.webentry-page{--webentry-blue:#0877c9;--webentry-blue-dark:#075692;--webentry-navy:#0a1628;--webentry-navy2:#162040;--webentry-green:#0b8068;--webentry-pale:#f3f7fc;--webentry-line:#dbe6f0;--webentry-text:#293241;--webentry-muted:#5f6b78;width:100%;max-width:100%;color:var(--webentry-text);overflow:hidden}
.webentry-page,.webentry-page *{box-sizing:border-box}
.webentry-page h1,.webentry-page h2,.webentry-page h3,.webentry-page p,.webentry-page ul,.webentry-page ol,.webentry-page figure{margin-top:0}
.webentry-page h1,.webentry-page h2,.webentry-page h3,.webentry-page p,.webentry-page li,.webentry-page a{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.webentry-page h1,.webentry-page h2,.webentry-page h3{padding:0;border:0;background:none}
.webentry-page h1::before,.webentry-page h1::after,.webentry-page h2::before,.webentry-page h2::after,.webentry-page h3::before,.webentry-page h3::after{display:none;content:none}
.webentry-hero{padding:80px 24px 72px;border-bottom:4px solid var(--webentry-blue);background:linear-gradient(135deg,var(--webentry-navy) 0%,var(--webentry-navy2) 100%);color:#fff;text-align:center}
.webentry-hero-inner,.webentry-cta-inner{max-width:830px;margin:0 auto}
.webentry-eyebrow,.webentry-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em}
.webentry-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:999px;background:rgba(8,119,201,.38);color:#c6e7ff}
.webentry-hero h1{margin-bottom:20px;color:#fff;font-size:clamp(2rem,4vw,3.15rem);font-weight:900;line-height:1.42;letter-spacing:.02em}
.webentry-hero-lead{max-width:720px;margin:0 auto 34px;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.95}
.webentry-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:0;max-width:100%;padding:14px 28px;border-radius:7px;font-size:.95rem;font-weight:800;line-height:1.45;text-align:center;white-space:normal;text-decoration:none!important;transition:opacity .2s,transform .2s}
.webentry-btn:hover{opacity:.88;transform:translateY(-1px)}
.webentry-btn-primary{background:var(--webentry-blue);color:#fff!important}
.webentry-btn-light{background:#fff;color:var(--webentry-navy)!important}
.webentry-section{width:100%;max-width:1050px;margin:0 auto;padding:72px 24px}
.webentry-band{background:var(--webentry-pale)}
.webentry-band .webentry-section{padding-top:72px;padding-bottom:72px}
.webentry-heading{max-width:820px;margin:0 auto 40px;text-align:center}
.webentry-kicker{margin-bottom:8px;color:var(--webentry-blue)}
.webentry-heading h2{margin-bottom:14px;color:var(--webentry-navy);font-size:clamp(1.55rem,3vw,2.05rem);font-weight:900;line-height:1.5}
.webentry-heading>p:last-child{margin-bottom:0;color:var(--webentry-muted);font-size:.95rem;line-height:1.9}
.webentry-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.webentry-check{position:relative;padding:17px 18px 17px 48px;border-radius:8px;border-left:4px solid var(--webentry-blue);background:#fff;box-shadow:0 2px 10px rgba(10,22,40,.06);font-size:.92rem;line-height:1.6}
.webentry-check::before{content:"✓";position:absolute;top:16px;left:18px;color:var(--webentry-blue);font-weight:900}
.webentry-figure{max-width:960px;margin:0 auto 24px;overflow:hidden;border:1px solid var(--webentry-line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(10,22,40,.09)}
.webentry-figure-flow{max-width:1040px}
.webentry-image-link{display:block;background:#fff}
.webentry-figure img{display:block;width:100%;max-width:100%;height:auto;margin:0}
.webentry-figure figcaption{margin:0;padding:13px 18px;border-top:1px solid var(--webentry-line);background:#fff;color:var(--webentry-muted);font-size:.8rem;line-height:1.65;text-align:center}
.webentry-disclaimer,.webentry-security-note{max-width:920px;margin:22px auto 0;padding:15px 18px;border-radius:8px;background:#e8f2fa;color:#48596a;font-size:.78rem;line-height:1.75}
.webentry-security-note{border-left:4px solid var(--webentry-green);background:#eaf7f4}
.webentry-priority-box{max-width:900px;margin:38px auto 0;padding:36px;border:3px solid var(--webentry-blue);border-radius:12px;background:#f5fbff;text-align:center}
.webentry-priority-label{display:inline-block;margin-bottom:12px;padding:5px 15px;border-radius:999px;background:var(--webentry-blue);color:#fff;font-size:.75rem;font-weight:800}
.webentry-priority-box h3{margin-bottom:14px;color:var(--webentry-navy);font-size:1.35rem;line-height:1.6}
.webentry-priority-box>p:last-child{max-width:720px;margin:0 auto;color:var(--webentry-muted);font-size:.95rem;line-height:1.9}
.webentry-priority-box strong{color:var(--webentry-blue-dark)}
.webentry-flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 0;padding:0;list-style:none;counter-reset:webentry-flow}
.webentry-flow-list li{position:relative;min-width:0;padding:24px 20px 22px 58px;border:1px solid var(--webentry-line);border-radius:10px;background:#fff;counter-increment:webentry-flow}
.webentry-flow-list li::before{content:counter(webentry-flow);position:absolute;top:20px;left:18px;width:30px;height:30px;border-radius:50%;background:var(--webentry-blue);color:#fff;font-weight:900;line-height:30px;text-align:center}
.webentry-flow-list strong,.webentry-flow-list span{display:block}
.webentry-flow-list strong{margin-bottom:7px;color:var(--webentry-navy);font-size:.92rem}
.webentry-flow-list span{color:var(--webentry-muted);font-size:.8rem;line-height:1.7}
.webentry-before-after{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto}
.webentry-compare-card{padding:30px;border:2px solid var(--webentry-line);border-radius:12px;background:#fff}
.webentry-compare-label{display:inline-block;margin-bottom:15px;padding:4px 13px;border-radius:999px;background:#edf1f5;color:#536170;font-size:.75rem;font-weight:800}
.webentry-compare-card h3{margin-bottom:16px;color:var(--webentry-navy);font-size:1.15rem;line-height:1.55}
.webentry-compare-card ol{margin:0;padding-left:1.25em;color:var(--webentry-muted);font-size:.9rem;line-height:1.9}
.webentry-compare-arrow{align-self:center;color:var(--webentry-blue);font-size:2rem;font-weight:900;text-align:center}
.webentry-after{border-color:var(--webentry-green);background:#f2fbf8}
.webentry-after .webentry-compare-label{background:#dff3ed;color:#08725e}
.webentry-caution-box{max-width:880px;margin:0 auto;padding:34px;border:2px solid #e8b35f;border-radius:12px;background:#fffaf0;text-align:center}
.webentry-caution-box h3{margin-bottom:12px;color:#6a4307;font-size:1.15rem;line-height:1.55}
.webentry-caution-box p{margin-bottom:0;color:#66563d;font-size:.9rem;line-height:1.9}
.webentry-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:0 auto}
.webentry-choice-card{padding:34px 26px;border-radius:12px;text-align:center}
.webentry-choice-card span{display:inline-block;margin-bottom:13px;font-size:.78rem;font-weight:800}
.webentry-choice-card h3{margin-bottom:0;font-size:1.18rem;line-height:1.65}
.webentry-choice-ready{border:2px solid #ccd5df;background:#fff;color:#56616d}
.webentry-choice-custom{border:2px solid var(--webentry-blue);background:var(--webentry-blue);color:#fff;box-shadow:0 8px 22px rgba(8,119,201,.18)}
.webentry-choice-custom h3{color:#fff}
.webentry-options{max-width:900px;margin:0 auto;padding:30px;border:1px solid var(--webentry-line);border-radius:12px;background:#fff}
.webentry-options ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 24px;margin:0;padding-left:1.3em;color:var(--webentry-muted);font-size:.88rem;line-height:1.7}
.webentry-options>p{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--webentry-line);color:#7a8590;font-size:.76rem;line-height:1.7}
.webentry-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto;padding:0;list-style:none}
.webentry-steps li{display:flex;gap:16px;min-width:0;padding:23px;border:1px solid var(--webentry-line);border-radius:10px;background:#fff}
.webentry-steps li>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--webentry-blue);color:#fff;font-weight:900}
.webentry-steps strong{display:block;margin-bottom:5px;color:var(--webentry-navy);font-size:.92rem;line-height:1.55}
.webentry-steps p{margin-bottom:0;color:var(--webentry-muted);font-size:.8rem;line-height:1.65}
.webentry-sample-note{border-top:1px solid #cee6dd;border-bottom:1px solid #cee6dd;background:#eef9f5;text-align:center}
.webentry-sample-note .webentry-section{padding-top:28px;padding-bottom:28px}
.webentry-sample-note p{max-width:880px;margin:0 auto;color:#386154;font-size:.82rem;line-height:1.8}
.webentry-cta{padding:76px 24px;border-top:4px solid var(--webentry-blue);background:linear-gradient(135deg,var(--webentry-navy) 0%,var(--webentry-navy2) 100%);color:#fff;text-align:center}
.webentry-cta h2{margin-bottom:18px;color:#fff;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.webentry-cta-inner>p:not(.webentry-eyebrow){max-width:720px;margin:0 auto 30px;color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.9}
@media(max-width:767px){
  .webentry-hero{padding:62px 18px 56px}
  .webentry-hero h1{font-size:1.5rem}
  .webentry-hero-lead br{display:none}
  .webentry-section,.webentry-band .webentry-section{padding:54px 18px}
  .webentry-heading{margin-bottom:30px}
  .webentry-check-grid,.webentry-choice-grid,.webentry-options ul,.webentry-steps{grid-template-columns:1fr}
  .webentry-before-after{grid-template-columns:1fr;gap:14px}
  .webentry-compare-arrow{transform:rotate(90deg)}
  .webentry-flow-list{grid-template-columns:1fr}
  .webentry-compare-card,.webentry-options,.webentry-priority-box,.webentry-caution-box{padding:24px 20px}
  .webentry-figure{border-radius:8px}
  .webentry-figure figcaption{text-align:left}
  .webentry-cta{padding:60px 18px}
  .webentry-cta h2 br{display:none}
}
@media(max-width:390px){
  .webentry-hero h1{font-size:1.45rem}
  .webentry-btn{width:100%;padding-right:18px;padding-left:18px}
  .webentry-steps li{padding:20px 16px}
}

/* ================================================================
   商品情報収集ツールページ専用スタイル (.productcollector-*)
   ================================================================ */
.productcollector-page{--productcollector-blue:#0877c9;--productcollector-blue-dark:#075692;--productcollector-navy:#0a1628;--productcollector-navy2:#162040;--productcollector-green:#0b8068;--productcollector-pale:#f3f7fc;--productcollector-line:#dbe6f0;--productcollector-text:#293241;--productcollector-muted:#5f6b78;width:100%;max-width:100%;overflow:hidden;color:var(--productcollector-text)}
.productcollector-page,.productcollector-page *{box-sizing:border-box}
.productcollector-page h1,.productcollector-page h2,.productcollector-page h3,.productcollector-page p,.productcollector-page ul,.productcollector-page ol,.productcollector-page figure{margin-top:0}
.productcollector-page h1,.productcollector-page h2,.productcollector-page h3,.productcollector-page p,.productcollector-page li,.productcollector-page a{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.productcollector-page h1,.productcollector-page h2,.productcollector-page h3{padding:0;border:0;background:none}
.productcollector-page h1::before,.productcollector-page h1::after,.productcollector-page h2::before,.productcollector-page h2::after,.productcollector-page h3::before,.productcollector-page h3::after{display:none;content:none}
.productcollector-hero{padding:80px 24px 72px;border-bottom:4px solid var(--productcollector-blue);background:linear-gradient(135deg,var(--productcollector-navy) 0%,var(--productcollector-navy2) 100%);color:#fff;text-align:center}
.productcollector-hero-inner,.productcollector-cta-inner{max-width:840px;margin:0 auto}
.productcollector-eyebrow,.productcollector-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em}
.productcollector-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:999px;background:rgba(8,119,201,.38);color:#c6e7ff}
.productcollector-hero h1{margin-bottom:20px;color:#fff;font-size:clamp(2rem,4vw,3.15rem);font-weight:900;line-height:1.42;letter-spacing:.02em}
.productcollector-hero-lead{max-width:740px;margin:0 auto 34px;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.95}
.productcollector-btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:52px;padding:14px 28px;border-radius:7px;font-size:.95rem;font-weight:800;line-height:1.45;text-align:center;white-space:normal;text-decoration:none!important;transition:opacity .2s,transform .2s}
.productcollector-btn:hover{opacity:.88;transform:translateY(-1px)}
.productcollector-btn-primary{background:var(--productcollector-blue);color:#fff!important}
.productcollector-btn-light{background:#fff;color:var(--productcollector-navy)!important}
.productcollector-section{width:100%;max-width:1050px;margin:0 auto;padding:72px 24px}
.productcollector-band{background:var(--productcollector-pale)}
.productcollector-band .productcollector-section{padding-top:72px;padding-bottom:72px}
.productcollector-heading{max-width:820px;margin:0 auto 40px;text-align:center}
.productcollector-kicker{margin-bottom:8px;color:var(--productcollector-blue)}
.productcollector-heading h2{margin-bottom:14px;color:var(--productcollector-navy);font-size:clamp(1.55rem,3vw,2.05rem);font-weight:900;line-height:1.5}
.productcollector-heading>p:last-child{margin-bottom:0;color:var(--productcollector-muted);font-size:.95rem;line-height:1.9}
.productcollector-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.productcollector-check{position:relative;padding:17px 18px 17px 48px;border-left:4px solid var(--productcollector-blue);border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(10,22,40,.06);font-size:.92rem;line-height:1.6}
.productcollector-check::before{position:absolute;top:16px;left:18px;color:var(--productcollector-blue);content:"✓";font-weight:900}
.productcollector-figure{max-width:960px;margin:0 auto 24px;overflow:hidden;border:1px solid var(--productcollector-line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(10,22,40,.09)}
.productcollector-figure-flow{max-width:1040px}
.productcollector-image-link{display:block;background:#fff}
.productcollector-figure img{display:block;width:100%;max-width:100%;height:auto;margin:0}
.productcollector-figure figcaption{margin:0;padding:13px 18px;border-top:1px solid var(--productcollector-line);background:#fff;color:var(--productcollector-muted);font-size:.8rem;line-height:1.65;text-align:center}
.productcollector-disclaimer,.productcollector-security-note{max-width:920px;margin:22px auto 0;padding:15px 18px;border-radius:8px;background:#e8f2fa;color:#48596a;font-size:.78rem;line-height:1.75}
.productcollector-security-note{border-left:4px solid var(--productcollector-green);background:#eaf7f4}
.productcollector-priority-box{max-width:900px;margin:38px auto 0;padding:36px;border:3px solid var(--productcollector-blue);border-radius:12px;background:#f5fbff;text-align:center}
.productcollector-priority-label{display:inline-block;margin-bottom:12px;padding:5px 15px;border-radius:999px;background:var(--productcollector-blue);color:#fff;font-size:.75rem;font-weight:800}
.productcollector-priority-box h3{margin-bottom:14px;color:var(--productcollector-navy);font-size:1.35rem;line-height:1.6}
.productcollector-priority-box>p:last-child{max-width:720px;margin:0 auto;color:var(--productcollector-muted);font-size:.95rem;line-height:1.9}
.productcollector-priority-box strong{color:var(--productcollector-blue-dark)}
.productcollector-flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 0;padding:0;list-style:none;counter-reset:productcollector-flow}
.productcollector-flow-list li{position:relative;min-width:0;padding:24px 20px 22px 58px;border:1px solid var(--productcollector-line);border-radius:10px;background:#fff;counter-increment:productcollector-flow}
.productcollector-flow-list li::before{position:absolute;top:20px;left:18px;width:30px;height:30px;border-radius:50%;background:var(--productcollector-blue);color:#fff;content:counter(productcollector-flow);font-weight:900;line-height:30px;text-align:center}
.productcollector-flow-list strong,.productcollector-flow-list span{display:block}
.productcollector-flow-list strong{margin-bottom:7px;color:var(--productcollector-navy);font-size:.92rem}
.productcollector-flow-list span{color:var(--productcollector-muted);font-size:.8rem;line-height:1.7}
.productcollector-before-after{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto}
.productcollector-compare-card{padding:30px;border:2px solid var(--productcollector-line);border-radius:12px;background:#fff}
.productcollector-compare-label{display:inline-block;margin-bottom:15px;padding:4px 13px;border-radius:999px;background:#edf1f5;color:#536170;font-size:.75rem;font-weight:800}
.productcollector-compare-card h3{margin-bottom:16px;color:var(--productcollector-navy);font-size:1.15rem;line-height:1.55}
.productcollector-compare-card ol{margin:0;padding-left:1.25em;color:var(--productcollector-muted);font-size:.9rem;line-height:1.9}
.productcollector-compare-arrow{align-self:center;color:var(--productcollector-blue);font-size:2rem;font-weight:900;text-align:center}
.productcollector-after{border-color:var(--productcollector-green);background:#f2fbf8}
.productcollector-after .productcollector-compare-label{background:#dff3ed;color:#08725e}
.productcollector-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.productcollector-info-card{min-width:0;padding:25px 18px;border:1px solid var(--productcollector-line);border-radius:10px;background:#fff;text-align:center;box-shadow:0 2px 9px rgba(10,22,40,.05)}
.productcollector-info-card>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto 12px;border-radius:50%;background:#e3f2fc;color:var(--productcollector-blue-dark);font-size:.72rem;font-weight:900}
.productcollector-info-card h3{margin-bottom:8px;color:var(--productcollector-navy);font-size:1rem;line-height:1.5}
.productcollector-info-card p{margin-bottom:0;color:var(--productcollector-muted);font-size:.78rem;line-height:1.7}
.productcollector-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:0 auto}
.productcollector-output-card{display:flex;align-items:flex-start;gap:20px;padding:30px;border:1px solid var(--productcollector-line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(10,22,40,.06)}
.productcollector-output-icon{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:48px;border-radius:8px;background:var(--productcollector-green);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em}
.productcollector-output-card h3{margin-bottom:8px;color:var(--productcollector-navy);font-size:1.05rem;line-height:1.5}
.productcollector-output-card p{margin-bottom:0;color:var(--productcollector-muted);font-size:.86rem;line-height:1.75}
.productcollector-custom-box{max-width:900px;margin:0 auto 28px;padding:30px;border:1px solid var(--productcollector-line);border-radius:12px;background:#fff}
.productcollector-custom-box ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;margin:0;padding-left:1.3em;color:var(--productcollector-muted);font-size:.88rem;line-height:1.7}
.productcollector-caution-box{max-width:900px;margin:0 auto;padding:34px;border:2px solid #e8b35f;border-radius:12px;background:#fffaf0;text-align:center}
.productcollector-caution-box h3{margin-bottom:12px;color:#6a4307;font-size:1.15rem;line-height:1.55}
.productcollector-caution-box p{margin-bottom:0;color:#66563d;font-size:.9rem;line-height:1.9}
.productcollector-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto;padding:0;list-style:none}
.productcollector-steps li{display:flex;gap:16px;min-width:0;padding:23px;border:1px solid var(--productcollector-line);border-radius:10px;background:#fff}
.productcollector-steps li>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--productcollector-blue);color:#fff;font-weight:900}
.productcollector-steps strong{display:block;margin-bottom:5px;color:var(--productcollector-navy);font-size:.92rem;line-height:1.55}
.productcollector-steps p{margin-bottom:0;color:var(--productcollector-muted);font-size:.8rem;line-height:1.65}
.productcollector-sample-note{border-top:1px solid #cee6dd;border-bottom:1px solid #cee6dd;background:#eef9f5;text-align:center}
.productcollector-sample-note .productcollector-section{padding-top:28px;padding-bottom:28px}
.productcollector-sample-note p{max-width:900px;margin:0 auto;color:#386154;font-size:.82rem;line-height:1.8}
.productcollector-cta{padding:76px 24px;border-top:4px solid var(--productcollector-blue);background:linear-gradient(135deg,var(--productcollector-navy) 0%,var(--productcollector-navy2) 100%);color:#fff;text-align:center}
.productcollector-cta h2{margin-bottom:18px;color:#fff;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.productcollector-cta-inner>p:not(.productcollector-eyebrow){max-width:740px;margin:0 auto 30px;color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.9}
@media(max-width:900px){
  .productcollector-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .productcollector-hero{padding:62px 18px 56px}
  .productcollector-hero h1{font-size:1.5rem}
  .productcollector-hero-lead br{display:none}
  .productcollector-section,.productcollector-band .productcollector-section{padding:54px 18px}
  .productcollector-heading{margin-bottom:30px}
  .productcollector-check-grid,.productcollector-output-grid,.productcollector-custom-box ul,.productcollector-steps{grid-template-columns:1fr}
  .productcollector-before-after{grid-template-columns:1fr;gap:14px}
  .productcollector-compare-arrow{transform:rotate(90deg)}
  .productcollector-flow-list{grid-template-columns:1fr}
  .productcollector-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .productcollector-compare-card,.productcollector-priority-box,.productcollector-custom-box,.productcollector-caution-box{padding:24px 20px}
  .productcollector-figure{border-radius:8px}
  .productcollector-figure figcaption{text-align:left}
  .productcollector-cta{padding:60px 18px}
  .productcollector-cta h2 br{display:none}
}
@media(max-width:390px){
  .productcollector-hero h1{font-size:1.45rem}
  .productcollector-btn{width:100%;padding-right:18px;padding-left:18px}
  .productcollector-info-grid{grid-template-columns:1fr}
  .productcollector-output-card{padding:22px 18px}
  .productcollector-output-icon{flex-basis:54px;width:54px}
  .productcollector-steps li{padding:20px 16px}
}

/* ================================================================
   AI記事作成・ブログ自動投稿ツールページ専用スタイル (.aiblog-*)
   ================================================================ */
.aiblog-page{--aiblog-blue:#0877c9;--aiblog-blue-dark:#075692;--aiblog-navy:#0a1628;--aiblog-navy2:#162040;--aiblog-green:#0b8068;--aiblog-pale:#f3f7fc;--aiblog-line:#dbe6f0;--aiblog-text:#293241;--aiblog-muted:#5f6b78;width:100%;max-width:100%;overflow:hidden;color:var(--aiblog-text)}
.aiblog-page,.aiblog-page *{box-sizing:border-box}
.aiblog-page h1,.aiblog-page h2,.aiblog-page h3,.aiblog-page p,.aiblog-page ul,.aiblog-page ol,.aiblog-page figure{margin-top:0}
.aiblog-page h1,.aiblog-page h2,.aiblog-page h3,.aiblog-page p,.aiblog-page li,.aiblog-page a{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.aiblog-page h1,.aiblog-page h2,.aiblog-page h3{padding:0;border:0;background:none}
.aiblog-page h1::before,.aiblog-page h1::after,.aiblog-page h2::before,.aiblog-page h2::after,.aiblog-page h3::before,.aiblog-page h3::after{display:none;content:none}
.aiblog-hero{padding:80px 24px 72px;border-bottom:4px solid var(--aiblog-blue);background:linear-gradient(135deg,var(--aiblog-navy) 0%,var(--aiblog-navy2) 100%);color:#fff;text-align:center}
.aiblog-hero-inner,.aiblog-cta-inner{max-width:860px;margin:0 auto}
.aiblog-eyebrow,.aiblog-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em}
.aiblog-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:999px;background:rgba(8,119,201,.38);color:#c6e7ff}
.aiblog-hero h1{margin-bottom:20px;color:#fff;font-size:clamp(2rem,4vw,3.15rem);font-weight:900;line-height:1.42;letter-spacing:.02em}
.aiblog-hero-lead{max-width:780px;margin:0 auto 34px;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.95}
.aiblog-btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:52px;padding:14px 28px;border-radius:7px;font-size:.95rem;font-weight:800;line-height:1.45;text-align:center;white-space:normal;text-decoration:none!important;transition:opacity .2s,transform .2s}
.aiblog-btn:hover{opacity:.88;transform:translateY(-1px)}
.aiblog-btn-primary{background:var(--aiblog-blue);color:#fff!important}
.aiblog-btn-light{background:#fff;color:var(--aiblog-navy)!important}
.aiblog-section{width:100%;max-width:1050px;margin:0 auto;padding:72px 24px}
.aiblog-band{background:var(--aiblog-pale)}
.aiblog-band .aiblog-section{padding-top:72px;padding-bottom:72px}
.aiblog-heading{max-width:840px;margin:0 auto 40px;text-align:center}
.aiblog-kicker{margin-bottom:8px;color:var(--aiblog-blue)}
.aiblog-heading h2{margin-bottom:14px;color:var(--aiblog-navy);font-size:clamp(1.55rem,3vw,2.05rem);font-weight:900;line-height:1.5}
.aiblog-heading>p:last-child{margin-bottom:0;color:var(--aiblog-muted);font-size:.95rem;line-height:1.9}
.aiblog-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aiblog-check{position:relative;padding:17px 18px 17px 48px;border-left:4px solid var(--aiblog-blue);border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(10,22,40,.06);font-size:.92rem;line-height:1.6}
.aiblog-check::before{position:absolute;top:16px;left:18px;color:var(--aiblog-blue);content:"✓";font-weight:900}
.aiblog-figure{max-width:960px;margin:0 auto 24px;overflow:hidden;border:1px solid var(--aiblog-line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(10,22,40,.09)}
.aiblog-figure-flow{max-width:1040px}
.aiblog-image-link{display:block;background:#fff}
.aiblog-figure img{display:block;width:100%;max-width:100%;height:auto;margin:0}
.aiblog-figure figcaption{margin:0;padding:13px 18px;border-top:1px solid var(--aiblog-line);background:#fff;color:var(--aiblog-muted);font-size:.8rem;line-height:1.65;text-align:center}
.aiblog-priority-box{max-width:900px;margin:38px auto 0;padding:36px;border:3px solid var(--aiblog-blue);border-radius:12px;background:#f5fbff;text-align:center}
.aiblog-priority-label{display:inline-block;margin-bottom:12px;padding:5px 15px;border-radius:999px;background:var(--aiblog-blue);color:#fff;font-size:.75rem;font-weight:800}
.aiblog-priority-box h3{margin-bottom:14px;color:var(--aiblog-navy);font-size:1.35rem;line-height:1.6}
.aiblog-priority-box>p:last-child{max-width:740px;margin:0 auto;color:var(--aiblog-muted);font-size:.95rem;line-height:1.9}
.aiblog-priority-box strong{color:var(--aiblog-blue-dark)}
.aiblog-flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 0;padding:0;list-style:none;counter-reset:aiblog-flow}
.aiblog-flow-list li{position:relative;min-width:0;padding:24px 20px 22px 58px;border:1px solid var(--aiblog-line);border-radius:10px;background:#fff;counter-increment:aiblog-flow}
.aiblog-flow-list li::before{position:absolute;top:20px;left:18px;width:30px;height:30px;border-radius:50%;background:var(--aiblog-blue);color:#fff;content:counter(aiblog-flow);font-weight:900;line-height:30px;text-align:center}
.aiblog-flow-list strong,.aiblog-flow-list span{display:block}
.aiblog-flow-list strong{margin-bottom:7px;color:var(--aiblog-navy);font-size:.92rem}
.aiblog-flow-list span{color:var(--aiblog-muted);font-size:.8rem;line-height:1.7}
.aiblog-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:940px;margin:32px auto 0}
.aiblog-review-card{padding:26px 22px;border:1px solid var(--aiblog-line);border-radius:10px;background:#fff;text-align:center}
.aiblog-review-card>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 13px;border-radius:50%;background:#e3f2fc;color:var(--aiblog-blue-dark);font-size:.72rem;font-weight:900}
.aiblog-review-card h3{margin-bottom:8px;color:var(--aiblog-navy);font-size:1rem;line-height:1.5}
.aiblog-review-card p{margin-bottom:0;color:var(--aiblog-muted);font-size:.8rem;line-height:1.7}
.aiblog-before-after{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto}
.aiblog-compare-card{padding:30px;border:2px solid var(--aiblog-line);border-radius:12px;background:#fff}
.aiblog-compare-label{display:inline-block;margin-bottom:15px;padding:4px 13px;border-radius:999px;background:#edf1f5;color:#536170;font-size:.75rem;font-weight:800}
.aiblog-compare-card h3{margin-bottom:16px;color:var(--aiblog-navy);font-size:1.15rem;line-height:1.55}
.aiblog-compare-card ol{margin:0;padding-left:1.25em;color:var(--aiblog-muted);font-size:.9rem;line-height:1.9}
.aiblog-compare-arrow{align-self:center;color:var(--aiblog-blue);font-size:2rem;font-weight:900;text-align:center}
.aiblog-after{border-color:var(--aiblog-green);background:#f2fbf8}
.aiblog-after .aiblog-compare-label{background:#dff3ed;color:#08725e}
.aiblog-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aiblog-feature-card{min-width:0;padding:27px 22px;border:1px solid var(--aiblog-line);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(10,22,40,.05)}
.aiblog-feature-card>span{display:inline-block;margin-bottom:12px;padding:4px 11px;border-radius:999px;background:#e3f2fc;color:var(--aiblog-blue-dark);font-size:.68rem;font-weight:900;letter-spacing:.04em}
.aiblog-feature-card h3{margin-bottom:8px;color:var(--aiblog-navy);font-size:1rem;line-height:1.5}
.aiblog-feature-card p{margin-bottom:0;color:var(--aiblog-muted);font-size:.8rem;line-height:1.7}
.aiblog-custom-box{max-width:900px;margin:0 auto 28px;padding:30px;border:1px solid var(--aiblog-line);border-radius:12px;background:#fff}
.aiblog-custom-box ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;margin:0;padding-left:1.3em;color:var(--aiblog-muted);font-size:.88rem;line-height:1.7}
.aiblog-caution-box{max-width:900px;margin:0 auto;padding:34px;border:2px solid #e8b35f;border-radius:12px;background:#fffaf0;text-align:center}
.aiblog-caution-box h3{margin-bottom:12px;color:#6a4307;font-size:1.15rem;line-height:1.55}
.aiblog-caution-box p{margin-bottom:0;color:#66563d;font-size:.9rem;line-height:1.9}
.aiblog-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto;padding:0;list-style:none}
.aiblog-steps li{display:flex;gap:16px;min-width:0;padding:23px;border:1px solid var(--aiblog-line);border-radius:10px;background:#fff}
.aiblog-steps li>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--aiblog-blue);color:#fff;font-weight:900}
.aiblog-steps strong{display:block;margin-bottom:5px;color:var(--aiblog-navy);font-size:.92rem;line-height:1.55}
.aiblog-steps p{margin-bottom:0;color:var(--aiblog-muted);font-size:.8rem;line-height:1.65}
.aiblog-sample-note{border-top:1px solid #cbdff1;border-bottom:1px solid #cbdff1;background:#eef6fc;text-align:center}
.aiblog-sample-note .aiblog-section{padding-top:28px;padding-bottom:28px}
.aiblog-sample-note p{max-width:900px;margin:0 auto;color:#405f78;font-size:.82rem;line-height:1.8}
.aiblog-cta{padding:76px 24px;border-top:4px solid var(--aiblog-blue);background:linear-gradient(135deg,var(--aiblog-navy) 0%,var(--aiblog-navy2) 100%);color:#fff;text-align:center}
.aiblog-cta h2{margin-bottom:18px;color:#fff;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.aiblog-cta-inner>p:not(.aiblog-eyebrow){max-width:740px;margin:0 auto 30px;color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.9}
@media(max-width:767px){
  .aiblog-hero{padding:62px 18px 56px}
  .aiblog-hero h1{font-size:1.5rem}
  .aiblog-hero-lead br{display:none}
  .aiblog-section,.aiblog-band .aiblog-section{padding:54px 18px}
  .aiblog-heading{margin-bottom:30px}
  .aiblog-check-grid,.aiblog-review-grid,.aiblog-feature-grid,.aiblog-custom-box ul,.aiblog-steps{grid-template-columns:1fr}
  .aiblog-before-after{grid-template-columns:1fr;gap:14px}
  .aiblog-compare-arrow{transform:rotate(90deg)}
  .aiblog-flow-list{grid-template-columns:1fr}
  .aiblog-compare-card,.aiblog-priority-box,.aiblog-custom-box,.aiblog-caution-box{padding:24px 20px}
  .aiblog-figure{border-radius:8px}
  .aiblog-figure figcaption{text-align:left}
  .aiblog-cta{padding:60px 18px}
  .aiblog-cta h2 br{display:none}
}
@media(max-width:390px){
  .aiblog-hero h1{font-size:1.42rem}
  .aiblog-btn{width:100%;padding-right:18px;padding-left:18px}
  .aiblog-steps li{padding:20px 16px}
}

/* 「開発・制作実績」PCドロップダウンだけ長い項目名を省略しない */
#navi .menu-pc>.kw-menu-development-works>.sub-menu{left:50%;width:max-content;min-width:340px;max-width:calc(100vw - 32px);transform:translateX(-50%)}
#navi .menu-pc>.kw-menu-development-works>.sub-menu>li>a{width:auto;min-width:340px;overflow:visible;text-overflow:clip;white-space:nowrap}