*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3a8fb5;--primary-hover:#2d7a9e;--accent:#7ab8d4;--accent-light:#b8dced;--text:#2c3e50;--text-light:#7f8c9a;--bg:#fff;--bg-sub:#f0f6fa;--border:#d6e8f0;--radius:6px;--shadow:0 2px 16px #3a8fb514;--max-width:1200px}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{background:var(--bg);border-bottom:2px solid var(--accent-light);z-index:100;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:68px;margin:0 auto;padding:0 28px;display:flex}.header-logo{letter-spacing:.08em;color:var(--primary);white-space:nowrap;font-size:1.2rem;font-weight:700}.header-nav{align-items:center;gap:36px;display:flex}.header-nav a{letter-spacing:.1em;text-transform:uppercase;color:var(--text);white-space:nowrap;padding-bottom:4px;font-size:.8rem;font-weight:600;transition:color .2s;position:relative}.header-nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.header-nav a:hover{color:var(--primary)}.header-nav a:hover:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--primary);border-radius:2px;width:24px;height:2px;transition:all .2s;display:block}.mobile-nav{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;display:none}.mobile-nav-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);color:var(--text);padding:16px 28px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s;display:block}.mobile-nav-link:hover{background:var(--bg-sub);color:var(--primary)}.footer{background:var(--text);color:#fff;margin-top:88px;padding:56px 0 28px}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 28px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand h2{letter-spacing:.08em;color:var(--accent-light);margin-bottom:10px;font-size:1.15rem;font-weight:700}.footer-brand p{opacity:.65;max-width:300px;font-size:.8rem;line-height:1.8}.footer-links h3,.footer-info h3{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-light);margin-bottom:18px;font-size:.7rem;font-weight:700}.footer-links ul{flex-direction:column;gap:10px;display:flex}.footer-links a{opacity:.7;font-size:.8rem;transition:opacity .2s}.footer-links a:hover{opacity:1}.footer-info p{opacity:.7;font-size:.8rem;line-height:2}.footer-bottom{text-align:center;opacity:.45;letter-spacing:.05em;border-top:1px solid #ffffff1a;padding-top:24px;font-size:.72rem}.btn{border-radius:var(--radius);letter-spacing:.06em;cursor:pointer;text-align:center;border:none;padding:12px 32px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--primary)}.section{padding:72px 0}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);text-align:center;margin-bottom:10px;font-size:.72rem;font-weight:700}.section-title{text-align:center;color:var(--text);margin-bottom:8px;font-size:1.75rem;font-weight:700}.section-sub{text-align:center;color:var(--text-light);margin-bottom:48px;font-size:.85rem}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-card{border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #3a8fb524}.product-card-img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.product-card-body{padding:14px 16px}.product-card-category{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:4px;font-size:.7rem;font-weight:600}.product-card-name{margin-bottom:8px;font-size:.9rem;font-weight:600;line-height:1.4}.product-card-price{color:var(--primary);font-size:1.05rem;font-weight:700}.badge-new{background:var(--primary);color:#fff;vertical-align:middle;letter-spacing:.05em;border-radius:3px;margin-left:8px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-block}.hero{background:linear-gradient(135deg, var(--bg-sub) 0%, #e8f4f9 100%);text-align:center;border-bottom:1px solid var(--border);padding:88px 0}.hero-label{letter-spacing:.25em;color:var(--primary);text-transform:uppercase;margin-bottom:18px;font-size:.72rem;font-weight:700}.hero-title{color:var(--text);margin-bottom:20px;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.4}.hero-desc{color:var(--text-light);max-width:460px;margin:0 auto 36px;font-size:.9rem;line-height:2}.page-header{background:linear-gradient(135deg, var(--bg-sub) 0%, #e8f4f9 100%);text-align:center;border-bottom:1px solid var(--border);padding:52px 0}.page-header h1{color:var(--text);margin-bottom:8px;font-size:1.6rem;font-weight:700}.page-header p{color:var(--text-light);font-size:.85rem}.form-group{margin-bottom:20px}.form-label{color:var(--text);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-label .required{color:#e74c3c;margin-left:4px;font-size:.75rem}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--bg);padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3a8fb51f}.form-textarea{resize:vertical;min-height:130px}.info-table{border-collapse:collapse;width:100%;font-size:.9rem}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 18px}.info-table th{background:var(--bg-sub);width:200px;color:var(--primary);white-space:nowrap;font-weight:600}.bank-box{background:var(--bg-sub);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);margin:28px 0;padding:28px 32px}.bank-box h3{color:var(--primary);border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:12px;font-size:1rem;font-weight:700}.bank-row{border-bottom:1px solid var(--border);gap:16px;padding:10px 0;font-size:.9rem;display:flex}.bank-row:last-child{border-bottom:none}.bank-row dt{width:120px;color:var(--text-light);flex-shrink:0}.bank-row dd{font-weight:600}.alert{border-radius:var(--radius);margin-bottom:20px;padding:16px 20px;font-size:.875rem}.alert-info{border:1px solid var(--accent-light);color:var(--primary);background:#edf6fb}.alert-success{color:#1a5c2e;background:#edf7f0;border:1px solid #a8d5b2}.breadcrumb{color:var(--text-light);align-items:center;gap:8px;padding:18px 0;font-size:.78rem;display:flex}.breadcrumb a{color:var(--text-light);transition:color .2s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:var(--border)}@media (max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:768px){.header-nav{display:none}.nav-toggle,.mobile-nav{display:flex}.hero{padding:56px 0}.section{padding:48px 0}.footer{margin-top:56px}.footer-top{grid-template-columns:1fr;gap:32px}.info-table th{width:110px;padding:12px;font-size:.8rem}.info-table td{padding:12px}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.container{padding:0 14px}.section{padding:36px 0}.hero-title{font-size:1.6rem}}
