*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.8;color:#333}a{color:#e85a9c;text-decoration:none}a:hover{text-decoration:underline}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe4ec,#fff5e6,#e8f5e8);padding:2rem;text-align:center}.hero-content{max-width:800px;animation:fadeIn 1s ease-out}.hero-image{width:300px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 10px 30px rgba(232,90,156,.3));animation:float 3s ease-in-out infinite}.hero-title{font-size:3rem;background:linear-gradient(135deg,#e85a9c,#ff8c69);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-subtitle{font-size:1.3rem;color:#666;margin-bottom:2rem}.hero-description{background:#fff;border-radius:1.5rem;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #e85a9c1a}.hero-description p{margin-bottom:.5rem;color:#555}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.feature-badge{background:linear-gradient(135deg,#ffe4ec,#fff5e6);padding:.8rem 1.5rem;border-radius:2rem;font-size:.95rem;color:#e85a9c;border:2px solid #FFD1DC}.line-button{display:inline-flex;align-items:center;gap:.5rem;background:#00b900;color:#fff;padding:1rem 2.5rem;border-radius:3rem;font-weight:700;font-size:1.1rem;box-shadow:0 5px 20px #00b9004d;transition:transform .3s,box-shadow .3s;text-decoration:none}.line-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00b90066;text-decoration:none}.demo-section{padding:4rem 2rem;text-align:center;background:#fff}.demo-title{font-size:2rem;color:#e85a9c;margin-bottom:.5rem}.demo-subtitle{color:#888;margin-bottom:2.5rem;font-size:1.05rem}.chat-demo{max-width:480px;margin:0 auto 2.5rem;text-align:left}.chat-bubble{padding:.9rem 1.2rem;border-radius:1.2rem;margin-bottom:.8rem;max-width:85%;line-height:1.6;font-size:.95rem}.chat-bubble p{margin:0}.chat-user{background:#00b900;color:#fff;margin-left:auto;border-bottom-right-radius:.3rem}.chat-mitoko{background:#f0f0f0;color:#333;border-bottom-left-radius:.3rem}.demo-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:#e85a9c}.stat-label{font-size:.85rem;color:#888;margin-top:.3rem}@media(max-width:768px){.demo-section{padding:3rem 1.5rem}.demo-title{font-size:1.5rem}.demo-stats{gap:1.5rem}.stat-number{font-size:1.5rem}}.footer{background:#333;color:#fff;padding:2rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links a{color:#ccc;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-copyright{font-size:.85rem;color:#888}.legal-page{min-height:100vh;padding:2rem;background:#fafafa}.legal-header{background:linear-gradient(135deg,#ffe4ec,#fff5e6);padding:3rem 2rem;text-align:center;margin:-2rem -2rem 2rem}.legal-header h1{font-size:2rem;color:#e85a9c}.legal-content{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 5px 20px #0000000d}.legal-content h2{font-size:1.3rem;color:#e85a9c;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #FFE4EC}.legal-content h2:first-child{margin-top:0}.legal-content p{margin-bottom:1rem;color:#555}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem;color:#555}.legal-back{display:inline-block;margin-top:2rem;padding:.8rem 2rem;background:#e85a9c;color:#fff;border-radius:2rem;text-decoration:none}.legal-back:hover{background:#d14a8c;text-decoration:none}.last-updated{text-align:right;font-size:.85rem;color:#888;margin-top:2rem}.guide-promo-section{padding:3rem 2rem;background:linear-gradient(135deg,#ffe4ec,#fff5e6);text-align:center}.guide-promo-content{max-width:600px;margin:0 auto}.guide-promo-title{font-size:1.6rem;color:#e85a9c;margin-bottom:.8rem}.guide-promo-desc{color:#666;margin-bottom:1.5rem;line-height:1.7}.guide-promo-link{display:inline-block;background:#e85a9c;color:#fff;padding:.8rem 2rem;border-radius:2rem;font-weight:700;text-decoration:none;transition:background .2s}.guide-promo-link:hover{background:#d14a8c;text-decoration:none}.guide-index-page,.guide-article-page{min-height:100vh;background:#fafafa}.guide-header{background:linear-gradient(135deg,#ffe4ec,#fff5e6);padding:2.5rem 2rem;text-align:center}.guide-back-home{display:inline-block;margin-bottom:1rem;color:#e85a9c;font-size:.9rem}.guide-header-title{font-size:2rem;color:#e85a9c;margin-bottom:.5rem}.guide-header-sub{color:#777;font-size:1rem}.guide-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.guide-category-section{margin-bottom:2.5rem}.guide-category-title{margin-bottom:1rem}.guide-category-badge{display:inline-block;padding:.4rem 1.2rem;border-radius:2rem;color:#fff;font-size:.95rem;font-weight:700}.guide-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.guide-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:.6rem;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;border:1px solid #f0f0f0}.guide-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e85a9c1f;text-decoration:none}.guide-card-badge{display:inline-block;padding:.2rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:700;width:fit-content}.guide-card-title{font-size:1rem;color:#333;line-height:1.5}.guide-card-desc{font-size:.875rem;color:#666;line-height:1.6;flex:1}.guide-card-arrow{font-size:.85rem;color:#e85a9c;font-weight:700;align-self:flex-end}.guide-line-cta{background:linear-gradient(135deg,#ffe4ec,#fff5e6);padding:3rem 2rem;text-align:center}.guide-line-cta p{margin-bottom:1.2rem;color:#555;font-size:1.05rem}.guide-breadcrumb{max-width:860px;margin:0 auto;padding:1rem 1.5rem;display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:#888;flex-wrap:wrap}.guide-breadcrumb a{color:#e85a9c}.guide-article{max-width:860px;margin:0 auto;padding:0 1.5rem 2rem}.guide-article-header{padding:2rem 0 1.5rem;border-bottom:2px solid #FFE4EC;margin-bottom:2rem}.guide-category-tag{display:inline-block;background:#ffe4ec;color:#e85a9c;padding:.3rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:700;margin-bottom:.8rem}.guide-article-title{font-size:1.7rem;color:#333;line-height:1.4;margin-bottom:.8rem}.guide-article-meta{font-size:.85rem;color:#999}.guide-article-body{line-height:1.9;color:#444}.guide-article-body h2{font-size:1.3rem;color:#e85a9c;margin:2rem 0 1rem;padding-bottom:.4rem;border-bottom:2px solid #FFE4EC}.guide-article-body h3{font-size:1.1rem;color:#333;margin:1.5rem 0 .7rem}.guide-article-body p{margin-bottom:1rem}.guide-article-body ul,.guide-article-body ol{margin:.8rem 0 1rem 1.5rem}.guide-article-body li{margin-bottom:.4rem}.guide-article-body table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.9rem}.guide-article-body th{background:#ffe4ec;color:#e85a9c;padding:.6rem .8rem;text-align:left;border:1px solid #ffd1dc}.guide-article-body td{padding:.6rem .8rem;border:1px solid #f0f0f0;vertical-align:top}.guide-article-body tr:nth-child(2n) td{background:#fafafa}.guide-article-body strong{color:#333}.guide-article-body a{color:#e85a9c;word-break:break-all}.guide-article-body hr{border:none;border-top:2px solid #FFE4EC;margin:2rem 0}.guide-cta{margin:1.5rem 0;text-align:center}.guide-article-cta{max-width:860px;margin:0 auto;padding:0 1.5rem 2rem}.guide-cta-box{background:linear-gradient(135deg,#ffe4ec,#fff5e6);border-radius:1.5rem;padding:2rem;text-align:center}.guide-cta-text{margin-bottom:1.2rem;color:#555;font-size:1.05rem}.guide-article-nav{max-width:860px;margin:0 auto;padding:0 1.5rem 2rem}.guide-back-link{color:#e85a9c;font-size:.95rem}@media(max-width:768px){.guide-header-title{font-size:1.5rem}.guide-card-grid{grid-template-columns:1fr}.guide-article-title{font-size:1.3rem}.guide-article-body table{font-size:.8rem}.guide-article-body th,.guide-article-body td{padding:.4rem .5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-image{width:200px}.features{flex-direction:column;align-items:center}.legal-content{padding:1.5rem}}