:root{--primary:#1a5f3c;--primary-dark:#0d3d24;--accent:#e85a2c;--accent-light:#ff6b3d;--bg-warm:#faf8f5;--bg-section:#f5f2ed;--text-dark:#1a1a1a;--text-muted:#666;--border-light:#e5e0d8;--red:#c0392b;--shadow-soft:0 4px 20px rgba(0,0,0,0.08);--shadow-hover:0 8px 30px rgba(0,0,0,0.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans JP',sans-serif;background:var(--bg-warm);color:var(--text-dark);line-height:1.6}.first-view{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.first-view .mini-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--primary)}.first-view .mini-hero-left{display:flex;align-items:center;gap:20px}.first-view .mini-hero-image{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#f5f5f5 0,#e8e8e8 100%);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 0 0 3px #fff,0 0 0 3px var(--primary);display:flex;align-items:center;justify-content:center}.first-view .mini-hero-image img{width:100%;height:100%;object-fit:contain}.first-view .mini-hero-text h1{font-size:28px;font-weight:900;color:var(--text-dark);margin-bottom:6px;line-height:1.3}.first-view .mini-hero-text h1 span{color:var(--accent)}.first-view .mini-hero-text p{font-size:15px;color:var(--text-muted)}.first-view .mini-hero-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:12px 20px;border-radius:8px}.first-view .mini-hero-badge .number{font-size:32px;font-weight:900;line-height:1}.first-view .mini-hero-badge .label{font-size:12px;line-height:1.3}.first-view .type-selector{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-soft)}.first-view .type-selector-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.first-view .type-selector-header h2{font-size:18px;font-weight:700}.first-view .type-selector-header .step-badge{background:var(--accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.first-view .type-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.first-view .type-btn{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.first-view .type-btn:hover{border-color:var(--primary);background:#f8faf9}.first-view .type-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#f0f7f3 0,#e8f4ec 100%);box-shadow:inset 0 0 0 2px var(--primary)}.first-view .type-btn-icon{width:60px;height:60px;background:var(--bg-section);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.first-view .type-btn-icon img{width:40px;height:40px;object-fit:contain}.first-view .type-btn-icon svg{width:36px;height:36px;color:var(--primary)}.first-view .type-btn-content h3{font-size:16px;font-weight:700;margin-bottom:4px}.first-view .type-btn-content p{font-size:13px;color:var(--text-muted);line-height:1.4}.first-view .recommend-section{margin-bottom:32px}.first-view .recommend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.first-view .recommend-header h2{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.first-view .recommend-header h2::before{content:"★";color:var(--accent)}.first-view .view-all-link{font-size:14px;color:var(--primary);text-decoration:none;font-weight:500}.first-view .view-all-link:hover{text-decoration:underline}.first-view .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.first-view .product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .2s ease;text-decoration:none;color:inherit;display:block}.first-view .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.first-view .product-card-image{position:relative;padding-top:100%;background:var(--bg-section)}.first-view .product-card-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;object-fit:contain}.first-view .product-badge{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;z-index:1000}.first-view .product-badge.green{background:var(--primary)}.first-view .product-badge.red{background:var(--red)}.first-view .product-badge.muted{background:var(--text-muted)}.first-view .product-card-info{padding:16px}.first-view .product-type-tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg-section);padding:4px 10px;border-radius:4px;font-size:11px;color:var(--text-muted);margin-bottom:8px;transition:all .3s ease}.first-view .product-type-tag.matched{background:linear-gradient(135deg,#e8f5e9 0,#c8e6c9 100%);color:var(--primary-dark);font-weight:700;border:1px solid var(--primary);box-shadow:0 2px 8px rgba(26,95,60,.15)}.first-view .product-type-tag.matched::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--primary);color:#fff;border-radius:50%;font-size:9px;font-weight:700}.first-view .product-type-tag.dual-matched{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);color:#e65100;font-weight:700;border:1px solid #ff9800;box-shadow:0 2px 8px rgba(255,152,0,.2)}.first-view .product-type-tag.dual-matched::before{content:"★";color:#ff9800;font-size:12px}.first-view .product-card-info h3{font-size:14px;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.first-view .product-specs{display:flex;gap:12px;margin-bottom:12px;font-size:12px;color:var(--text-muted)}.first-view .product-specs span{display:flex;align-items:center;gap:4px}.first-view .product-price{display:flex;align-items:baseline;gap:8px}.first-view .price-original{font-size:12px;color:var(--text-muted);text-decoration:line-through}.first-view .price-current{font-size:20px;font-weight:900;color:var(--accent)}.first-view .price-current small{font-size:12px;font-weight:500}.first-view .quick-compare{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-soft);margin-bottom:32px}.first-view .quick-compare h2{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.first-view .compare-table{width:100%;border-collapse:collapse;font-size:13px}.first-view .compare-table td,.first-view .compare-table th{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border-light)}.first-view .compare-table th{background:var(--bg-section);font-weight:700;color:var(--text-dark)}.first-view .compare-table td:first-child,.first-view .compare-table th:first-child{text-align:left;font-weight:500}.first-view .compare-table tr:hover{background:#fdfcfb}.first-view .check-mark{color:var(--primary);font-weight:700}.first-view .compare-highlight{background:linear-gradient(135deg,#fff9f0 0,#fff5e6 100%)}.first-view .compare-highlight td:first-child{position:relative}.first-view .compare-highlight td:first-child::before{content:"人気";position:absolute;left:-4px;top:50%;transform:translateY(-50%);background:var(--red);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.first-view .persona-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;padding:24px;color:#fff;margin-bottom:32px}.first-view .persona-section h2{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.first-view .persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.first-view .persona-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:8px;padding:20px;text-align:center}.first-view .persona-card-icon{font-size:32px;margin-bottom:12px}.first-view .persona-card h3{font-size:14px;font-weight:700;margin-bottom:8px}.first-view .persona-card p{font-size:12px;opacity:.9;margin-bottom:12px;line-height:1.5}.first-view .persona-recommend{display:inline-block;background:#fff;color:var(--primary-dark);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.first-view .cta-bar{background:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-soft);margin-bottom:48px}.first-view .cta-bar-text{font-size:15px}.first-view .cta-bar-text strong{color:var(--primary)}.first-view .cta-buttons{display:flex;gap:12px}.first-view .cta-btn{padding:12px 24px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s ease}.first-view .cta-btn.primary{background:var(--accent);color:#fff}.first-view .cta-btn.primary:hover{background:var(--accent-light)}.first-view .cta-btn.secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.first-view .cta-btn.secondary:hover{background:var(--primary);color:#fff}.first-view .content-divider{text-align:center;margin:48px 0 0;position:relative;cursor:pointer;padding:16px 0;transition:all .2s ease}.first-view .content-divider:hover{background:rgba(0,0,0,.02)}.first-view .content-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-light)}.first-view .content-divider span{background:var(--bg-warm);padding:0 24px;position:relative;color:var(--text-muted);font-size:14px;display:inline-block}.first-view .detail-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;padding:0 30px}.first-view .detail-content.open{max-height:5000px;transition:max-height .8s ease-in}.first-view .view-all-toggle{color:var(--primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;padding:8px 16px;border-radius:4px}.first-view .view-all-toggle:hover{background:rgba(26,95,60,.1)}.first-view .all-products-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background:var(--bg-section);margin:24px -24px 0;padding:0 24px}.first-view .all-products-content.open{max-height:8000px;padding:32px 24px;transition:max-height .8s ease-in}.first-view .all-products-section{margin-bottom:48px}.first-view .all-products-section:last-child{margin-bottom:0}.first-view .all-products-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary)}.first-view .all-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.first-view .all-product-card{background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:all .2s ease}.first-view .all-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.first-view .all-product-image{position:relative;aspect-ratio:1;background:#f9f9f9}.first-view .all-product-image img{width:100%;height:100%;object-fit:contain;padding:12px}.first-view .all-product-tag{position:absolute;top:8px;left:8px;background:#3bb8ff;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px}.first-view .all-product-tag.onetouch{background:#e88a97}.first-view .all-product-tag.dual{background:var(--accent)}.first-view .all-product-info{padding:12px}.first-view .all-product-info h4{font-size:13px;font-weight:700;line-height:1.4;margin-bottom:8px;color:var(--text-dark)}.first-view .all-product-original{font-size:11px;color:var(--text-muted);margin-bottom:4px}.first-view .all-product-original .discount{color:#c0392b;font-weight:700}.first-view .all-product-price{font-size:18px;font-weight:900;color:var(--accent)}.first-view .all-product-price small{font-size:12px;font-weight:500}.first-view .compare-table-wrapper{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--shadow-soft)}.first-view .compare-table-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text-dark)}.first-view .compare-table-scroll{overflow-x:auto}.first-view .full-compare-table{width:100%;border-collapse:collapse;font-size:12px;min-width:700px}.first-view .full-compare-table td,.first-view .full-compare-table th{padding:10px 12px;text-align:center;border:1px solid var(--border-light)}.first-view .full-compare-table thead th{background:var(--primary);color:#fff;font-weight:700;white-space:nowrap}.first-view .full-compare-table thead th:first-child{background:var(--primary-dark)}.first-view .full-compare-table tbody th{background:#f8f8f8;font-weight:700;text-align:left;white-space:nowrap}.first-view .full-compare-table tbody td{background:#fff}@media (max-width:1024px){.first-view .all-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.first-view .all-products-grid{grid-template-columns:repeat(2,1fr)}.first-view .all-products-content.open{padding:24px 16px}.first-view .all-product-info h4{font-size:12px}.first-view .all-product-price{font-size:16px}}@media (max-width:480px){.first-view .all-products-grid{grid-template-columns:1fr}}.first-view .existing-content{background:#f0ebe3;border:2px dashed var(--border-light);border-radius:12px;padding:48px;text-align:center;color:var(--text-muted)}.first-view .existing-content h3{margin-bottom:8px;color:var(--text-dark)}@media (max-width:1024px){.first-view .product-grid{grid-template-columns:repeat(3,1fr)}.first-view .persona-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.first-view .mini-hero{flex-direction:column;align-items:flex-start;gap:16px}.first-view .mini-hero-left{width:100%}.first-view .mini-hero-image{width:60px;height:60px}.first-view .type-buttons{grid-template-columns:1fr}.first-view .product-grid{grid-template-columns:repeat(2,1fr)}.first-view .persona-grid{grid-template-columns:1fr}.first-view .cta-bar{flex-direction:column;gap:16px;text-align:center}.first-view .cta-buttons{width:100%;flex-direction:column}.first-view .cta-btn{width:100%;text-align:center}}@media (max-width:480px){.first-view{padding:16px}.first-view .mini-hero-left{gap:12px}.first-view .mini-hero-image{width:52px;height:52px}.first-view .mini-hero-text h1{font-size:20px}.first-view .mini-hero-text p{font-size:13px}.first-view .product-grid{grid-template-columns:1fr}}.first-view .product-grid{transition:opacity .3s ease,transform .3s ease}.first-view .product-grid.fade-out{opacity:0;transform:translateY(8px)}.first-view .product-grid.fade-in{opacity:1;transform:translateY(0)}.first-view .product-card{opacity:0;transform:translateY(16px);animation:cardFadeIn .4s ease forwards}.first-view .product-card:nth-child(1){animation-delay:50ms}.first-view .product-card:nth-child(2){animation-delay:.1s}.first-view .product-card:nth-child(3){animation-delay:.15s}.first-view .product-card:nth-child(4){animation-delay:.2s}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.first-view .product-grid.switching .product-card{animation:none;opacity:0;transform:translateY(16px)}.first-view .product-grid.switched .product-card{animation:cardFadeIn .4s ease forwards}.first-view .recommend-header h2{transition:opacity .2s ease}.first-view .recommend-header h2.fade{opacity:.3}.first-view .section-title{font-size:24px;font-weight:900;text-align:center;margin-bottom:16px;line-height:1.4}.first-view .section-lead{text-align:center;color:var(--text-muted);font-size:15px;margin-bottom:32px}.first-view .text-accent{color:var(--accent)}.first-view .text-danger{color:#c0392b}.first-view .text-highlight{background:linear-gradient(transparent 60%,#fff3cd 60%);font-weight:700}.first-view .story-section{background:var(--bg-section);padding:48px 24px;margin:0 -24px}.first-view .voice-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);margin-bottom:24px;display:flex;flex-direction:row}.first-view .voice-card-image{width:280px;flex-shrink:0}.first-view .voice-card-image img{width:100%;height:100%;object-fit:cover}.first-view .voice-card-content{padding:24px 32px;flex:1}.first-view .voice-badge{display:inline-block;background:#c0392b;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:12px}.first-view .voice-badge.orange{background:var(--accent)}.first-view .voice-title{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:12px;line-height:1.5}.first-view .voice-text{font-size:14px;line-height:1.8;color:var(--text-dark)}.first-view .faq-section{padding:48px 0}.first-view .faq-list{max-width:800px;margin:0 auto}.first-view .faq-item{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.first-view .faq-question{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.first-view .faq-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;flex-shrink:0}.first-view .faq-icon.q{background:var(--primary);color:#fff}.first-view .faq-icon.a{background:var(--accent);color:#fff}.first-view .faq-q-text{font-size:16px;font-weight:700;line-height:1.5;padding-top:4px}.first-view .faq-answer{display:flex;align-items:flex-start;gap:16px;padding-left:0}.first-view .faq-answer p{font-size:14px;line-height:1.8;color:var(--text-muted);padding-top:4px}.first-view .notice-section{background:var(--bg-section);padding:48px 24px;margin:0 -24px}.first-view .notice-box{background:#fff;border-radius:12px;padding:32px;max-width:800px;margin:0 auto;box-shadow:var(--shadow-soft);border-left:4px solid #c0392b}.first-view .notice-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:24px;line-height:1.5}.first-view .notice-list{list-style:none;padding:0}.first-view .notice-list li{position:relative;padding-left:24px;margin-bottom:16px;font-size:14px;line-height:1.8}.first-view .notice-list li::before{content:"•";position:absolute;left:8px;color:#c0392b;font-weight:700}.first-view .notice-list a{color:var(--primary);font-weight:700}@media (max-width:768px){.first-view .voice-card{flex-direction:column}.first-view .voice-card-image{width:100%;height:200px}.first-view .voice-card-content{padding:20px}.first-view .voice-title{font-size:16px}.first-view .section-title{font-size:20px}.first-view .faq-q-text{font-size:15px}.first-view .notice-box{padding:24px 20px}.first-view .notice-title{font-size:16px}}.first-view .case-section{padding:48px 0}.first-view .case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.first-view .case-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:row}.first-view .case-card-image{width:120px;flex-shrink:0}.first-view .case-card-image img{width:100%;height:100%;object-fit:cover}.first-view .case-card-content{padding:16px;flex:1}.first-view .case-client{font-size:13px;font-weight:700;color:var(--primary);margin-bottom:8px}.first-view .case-text{font-size:13px;line-height:1.6;color:var(--text-dark)}@media (max-width:768px){.first-view .case-grid{grid-template-columns:1fr}.first-view .case-card-image{width:100px}}.first-view .breadcrumb{padding:12px 0;margin-bottom:16px}.first-view .breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:13px}.first-view .breadcrumb li{display:flex;align-items:center}.first-view .breadcrumb li:not(:last-child)::after{content:">";margin:0 8px;color:var(--text-muted)}.first-view .breadcrumb a{color:var(--text-muted);text-decoration:none}.first-view .breadcrumb a:hover{color:var(--primary);text-decoration:underline}.first-view .breadcrumb li:last-child span{color:var(--text-dark)}