body{background-color:#f0f4f8}:root{--color-navy: #1B3A6B;--color-green: #2E8B2E;--color-bg-light: #F0F4F8;--color-text-main: #333333;--color-text-muted: #64748b;--color-white: #FFFFFF;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 16px rgba(0, 0, 0, .15);--transition-speed: .3s}.hero{position:relative;background:linear-gradient(135deg,#1b3a6b73,#2a529866),url(/images/plugins-bg.webp) center center / cover no-repeat;background-color:var(--color-navy);padding:100px 5%;text-align:center;color:var(--color-white)}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:.05em}.hero p{font-size:1.1rem;max-width:700px;margin:0 auto;font-weight:500}.hero-gradient-line{height:6px;background:linear-gradient(to right,var(--color-navy),var(--color-green));width:100%;display:block}.intro-section{padding:60px 5% 40px;display:flex;justify-content:center}.intro-card{background:var(--color-white);max-width:800px;width:100%;padding:40px;border-radius:12px;box-shadow:var(--shadow-card);text-align:center}.intro-card h2{color:var(--color-navy);font-size:1.5rem;margin-bottom:24px;position:relative;display:inline-block}.intro-card h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--color-green);border-radius:2px}.intro-card p{font-size:1.05rem;color:var(--color-text-main);line-height:1.8;text-align:left;margin:0 0 18px}.intro-card p:last-of-type{margin-bottom:0}.free-scope-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 26px}.free-scope-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.95rem}.free-scope-table th,.free-scope-table td{border:1px solid var(--color-bg-light);padding:11px 14px;text-align:left;vertical-align:top;line-height:1.7}.free-scope-table thead th{background:var(--color-navy);color:var(--color-white);font-weight:700;white-space:nowrap}.free-scope-table tbody th,.free-scope-table tbody td:first-child{background:#f7fafc;font-weight:700;color:var(--color-navy);min-width:190px}.free-scope-table .is-free{color:var(--color-green);font-weight:700}.intro-question{text-align:center!important;font-weight:700;color:var(--color-navy);font-size:1.1rem!important;padding:12px 0}.intro-cta{text-align:center;margin-top:28px}.intro-cta-button{display:inline-block;padding:14px 28px;background-color:var(--color-navy);color:var(--color-white);border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.intro-cta-button:hover{background-color:var(--color-green);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.section-container{padding:40px 5% 80px;max-width:1200px;margin:0 auto}.section-title{font-size:1.75rem;color:var(--color-navy);margin-bottom:40px;padding-left:16px;border-left:5px solid var(--color-green);display:flex;align-items:center}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.plugin-card{position:relative;background-color:var(--color-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;color:inherit}.plugin-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.plugin-card:focus-within{box-shadow:var(--shadow-hover),0 0 0 3px #1b3a6b59}.plugin-card[hidden]{display:none}.plugin-card-image{width:100%;aspect-ratio:1200 / 630;object-fit:cover;display:block;border-bottom:1px solid #e2e8f0}.plugin-card-content{padding:24px 20px;display:flex;flex-direction:column;flex-grow:1}.plugin-title{font-size:1.15rem;font-weight:700;line-height:1.45;color:var(--color-navy);margin-bottom:4px;min-height:2.9em}.plugin-title a{color:inherit;text-decoration:none}.plugin-title a:after{content:"";position:absolute;inset:0;z-index:0}.plugin-title a:focus-visible{outline:none}.plugin-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:20px}.plugin-cats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:34px;align-content:flex-start}.plugin-cat{font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:4px 11px;border:0;border-radius:999px;line-height:1.5;white-space:nowrap;cursor:pointer;background:var(--cat-bg);color:var(--cat-fg);outline-offset:2px}.plugin-cat:hover{filter:brightness(.94)}.plugin-cat[data-cat=自動入力],.pf-chip[data-cat=自動入力]{--cat-bg: #fff1e0;--cat-fg: #9c530f}.plugin-cat[data-cat=入力チェック],.pf-chip[data-cat=入力チェック]{--cat-bg: #fdeaea;--cat-fg: #a32f2b}.plugin-cat[data-cat=表示・編集制御],.pf-chip[data-cat=表示・編集制御]{--cat-bg: #fdf4d9;--cat-fg: #77590a}.plugin-cat[data-cat=一括処理],.pf-chip[data-cat=一括処理]{--cat-bg: #fdeaf2;--cat-fg: #962f63}.plugin-cat[data-cat=一覧表示],.pf-chip[data-cat=一覧表示]{--cat-bg: #e8f0fb;--cat-fg: #1b3a6b}.plugin-cat[data-cat=画面レイアウト],.pf-chip[data-cat=画面レイアウト]{--cat-bg: #e2f1f4;--cat-fg: #0e5f6c}.plugin-cat[data-cat=装飾・配色],.pf-chip[data-cat=装飾・配色]{--cat-bg: #f3eafc;--cat-fg: #6b3496}.plugin-cat[data-cat=検索・閲覧],.pf-chip[data-cat=検索・閲覧]{--cat-bg: #eaeafa;--cat-fg: #3c368f}.plugin-cat[data-cat=集計・計算],.pf-chip[data-cat=集計・計算]{--cat-bg: #e7f5e7;--cat-fg: #1f5c1f}.plugin-cat[data-cat=出力・帳票],.pf-chip[data-cat=出力・帳票]{--cat-bg: #eff3e0;--cat-fg: #4d6612}.plugin-cat[data-cat=通知・メール],.pf-chip[data-cat=通知・メール]{--cat-bg: #ddf2f0;--cat-fg: #0b6f68}.plugin-cat[data-cat=情報共有],.pf-chip[data-cat=情報共有]{--cat-bg: #f5ece3;--cat-fg: #7a4d24}.plugin-cat[data-cat=履歴・復元],.pf-chip[data-cat=履歴・復元]{--cat-bg: #ecf0f4;--cat-fg: #3d4c5c}.lead-section{padding:48px 5% 8px}.lead-card{max-width:1200px;padding:28px 32px}.lead-main{font-size:1.05rem}.lead-sub{font-size:.98rem!important;color:var(--color-text-muted)!important}.lead-folds{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}.lead-fold{flex:1 1 280px;border:1px solid #dbe3ec;border-radius:10px;background:#f8fafc}.lead-fold[open]{flex-basis:100%;background:var(--color-white);border-color:#c3d0e0}.lead-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;font-size:.95rem;font-weight:700;color:var(--color-navy);cursor:pointer;list-style:none}.lead-fold>summary::-webkit-details-marker{display:none}.lead-fold>summary>h2{display:inline;font-size:inherit;font-weight:inherit;color:inherit;margin:0}.lead-fold>summary>h2:after{content:none}.lead-fold>summary:after{content:"＋";flex-shrink:0;font-size:.95rem;color:var(--color-green)}.lead-fold[open]>summary:after{content:"−"}.lead-fold>summary:hover{color:var(--color-green)}.lead-fold-body{padding:16px 16px 18px;border-top:1px solid #e2e8f0;margin-top:-1px}.lead-fold-body p{font-size:.98rem!important}.faq-section{padding-top:0}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:10px;box-shadow:var(--shadow-card);padding:24px 28px;margin-bottom:16px}.faq-q{font-size:1.08rem;font-weight:700;color:var(--color-navy);margin:0 0 10px;padding-left:26px;position:relative}.faq-q:before{content:"Q";position:absolute;left:0;color:var(--color-green);font-weight:900}.faq-a{font-size:.98rem;line-height:1.85;color:var(--color-text-main);margin:0;padding-left:26px}@media(max-width:640px){.faq-item{padding:20px 18px}}.lead-campaign{margin-top:4px}.pf-bar{padding:16px 5% 0;display:flex;justify-content:center}.pf-inner{background:var(--color-white);max-width:1200px;width:100%;padding:22px 28px 18px;border-radius:12px;box-shadow:var(--shadow-card)}.pf-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px}.pf-title{font-size:1.15rem;font-weight:700;color:var(--color-navy);margin:0}.pf-count{font-size:.9rem;font-weight:700;color:var(--color-text-muted);margin:0}.pf-group{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:start;margin-bottom:10px}.pf-group-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);padding-top:7px}.pf-chips{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{font:inherit;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid #dbe3ec;background:#f4f7fb;color:#4a5a6b;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}.pf-chip:hover{border-color:#b9c7d8;background:#e9eff7}.pf-chip[aria-pressed=true]{background:var(--cat-bg);color:var(--cat-fg);border-color:currentColor}.pf-chip-n{margin-left:7px;font-size:.78em;opacity:.7}.pf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}.pf-desc{font-size:.9rem;color:var(--color-text-muted);margin:0}.pf-clear{font:inherit;font-size:.85rem;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--color-navy);background:transparent;color:var(--color-navy);cursor:pointer;white-space:nowrap}.pf-clear:hover{background:var(--color-navy);color:var(--color-white)}.pf-empty{max-width:1200px;margin:40px auto 0;padding:0 5%;text-align:center;color:var(--color-text-muted)}.pf-empty-clear{font:inherit;font-weight:700;margin-left:8px;border:0;background:none;color:var(--color-navy);text-decoration:underline;cursor:pointer}.pf-float{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 18px;border-radius:999px;background:var(--color-navy);color:var(--color-white);box-shadow:0 6px 20px #00000040;font-size:.88rem;font-weight:700;width:max-content;max-width:calc(100% - 32px)}.pf-float-label{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-float-clear{font:inherit;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:0;background:#fff3;color:inherit;cursor:pointer;line-height:1}.pf-float-clear:hover{background:#ffffff59}.pf-float[hidden],[data-plugin-section][hidden]{display:none!important}@media(max-width:640px){.lead-card{padding:24px 20px}.pf-inner{padding:18px 16px 14px}.pf-group{grid-template-columns:1fr;gap:6px;margin-bottom:14px}.pf-group-label{padding-top:0}.pf-chip{font-size:.78rem;padding:7px 12px}}.plugin-desc{font-size:.92rem;line-height:1.6;margin-bottom:20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;min-height:9.4em}.plugin-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.plugin-pricing-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:24px}.pricing-divider{color:#94a3b8;font-size:.9rem}.badge-free{background-color:var(--color-green);color:var(--color-white);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.badge-coming-soon{background-color:#fff3cd;color:#856404;border:1px solid #ffe082;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.badge-coming-soon:before{content:"🔧";font-size:.95rem}.badge-recommended{background-color:#e74c3c;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-save{background-color:#fff3cd;color:#856404;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700;margin-left:8px;white-space:nowrap}.badge-price{color:var(--color-navy);font-weight:700;font-size:1rem}.premium-section{padding-bottom:24px}.section-title.premium-title{border-left-color:#c9a227}.premium-intro{margin:-24px 0 36px;padding-left:21px;color:var(--color-text-main);font-size:1.02rem;line-height:1.8}.premium-intro strong{color:var(--color-navy)}.plugin-card.premium{position:relative;border:1px solid #e7d9a8}.premium-badge-overlay{position:absolute;top:12px;right:12px;z-index:2;background:linear-gradient(135deg,#1b3a6b,#2e8b2e);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:5px 12px;border-radius:20px;box-shadow:0 2px 6px #00000040;display:inline-flex;align-items:center;gap:4px}.badge-premium{background:linear-gradient(135deg,#1b3a6b,#2e8b2e);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.badge-free-tier{background-color:#e8f0e8;color:var(--color-green);border:1px solid #cfe3cf;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.plugin-card.premium .plugin-card-image{aspect-ratio:1200 / 630}.premium-plan-note{color:var(--color-navy);font-weight:700;font-size:.95rem}.premium-divider{height:1px;background:#e2e8f0;max-width:1200px;margin:0 auto}.plugin-button{display:block;text-align:center;padding:12px 20px;border:1px solid var(--color-navy);color:var(--color-navy);border-radius:6px;font-weight:700;transition:all var(--transition-speed)}.plugin-card:hover .plugin-button{background-color:var(--color-navy);color:var(--color-white)}@media(max-width:768px){.hero{padding:60px 5%}.hero h1{font-size:1.8rem}.intro-section{padding:40px 5% 30px}.intro-card{padding:30px 20px}.plugins-grid{grid-template-columns:1fr}}