*,:before,:after{box-sizing:border-box}:root{--background-color:#f8f6f3;--text-color:#8b7355;--text-secondary:#a88f74;--card-background-color:#fff;--card-shadow:0 4px 16px #8b735514;--border-color:#ede4d8;--border-accent:#d4b996;--button-primary-background:linear-gradient(135deg, #d4b996, #c4a484);--button-primary-hover:linear-gradient(135deg, #c4a484, #b3956f);--header-gradient:linear-gradient(135deg, #f7f3ee, #ede4d8)}body{background:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.lp-page{max-width:1040px;margin:0 auto;padding:28px 16px 56px}.hero-section{background:var(--header-gradient);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;padding:32px 28px}.hero-badge{color:var(--text-color);background:#d4b99633;border-radius:999px;align-items:center;margin:0 0 14px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:.01em;color:var(--text-color);margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:300;line-height:1.25}.hero-copy{max-width:760px;color:var(--text-secondary);margin:14px 0 0;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(135deg,#b88354,#9f6d42);border:1px solid #8556318c;box-shadow:0 10px 24px #9f6d426b}.button.secondary{border:1px solid var(--border-accent);color:var(--text-color);background:#fff}.button:hover{transform:translateY(-1px)}.button.primary:hover{background:linear-gradient(135deg,#ab7649,#946238);box-shadow:0 12px 28px #94623873}.button.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.hero-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.hero-points li{color:var(--text-color);background:#fff9;border:1px solid #d4b99680;border-radius:10px;padding:10px 12px;font-size:.9rem}.lp-main{gap:16px;margin-top:20px;display:grid}.panel{background:var(--card-background-color);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:24px 20px}.panel h2{color:var(--text-color);margin:0;font-size:1.35rem;font-weight:500}.panel p{color:var(--text-secondary);margin:10px 0 0;line-height:1.8}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:14px;margin-top:18px;display:grid}.shot-grid figure{border:1px solid var(--border-color);background:#fdfcf9;border-radius:12px;width:min(100%,220px);margin:0;padding:10px}.shot-grid img{border-radius:10px;width:100%;height:auto;display:block}.shot-grid figcaption{color:var(--text-secondary);margin-top:8px;font-size:.86rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.feature-grid article{border:1px solid var(--border-color);border-left:4px solid var(--border-accent);background:#fff;border-radius:12px;padding:14px}.feature-grid h3{color:var(--text-color);margin:0;font-size:1.05rem}.feature-grid p{margin-top:8px;font-size:.95rem}.flow-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.flow-list li{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:4px;padding:14px 16px;display:grid}.flow-list strong{color:var(--text-color);font-size:1rem}.flow-list span{color:var(--text-secondary);font-size:.95rem}.note-panel{background:linear-gradient(135deg,#fbf6ef,#f4ece1)}.faq-panel details{border:1px solid var(--border-color);background:#fff;border-radius:10px;margin-top:10px;padding:10px 12px}.faq-panel summary{cursor:pointer;color:var(--text-color);font-weight:500}.faq-panel details p{margin-top:8px;font-size:.92rem}.final-cta{background:linear-gradient(135deg,#f8f2ea,#efe3d5)}.lp-footer{margin-top:16px}.links-panel .link-list{gap:8px;margin-top:12px;display:grid}.inline-link{color:#385f97;-webkit-text-decoration:underline #385f9766;text-decoration:underline #385f9766}.inline-link.is-disabled{text-decoration:none}@media (width<=900px){.hero-points,.shot-grid,.feature-grid{grid-template-columns:1fr}}@media (width<=640px){.lp-page{padding:14px 12px 40px}.hero-section{border-radius:16px;padding:24px 16px}.button{width:100%}}
