:root{--primary: #0068b7;--primary-dark: #004e8c;--primary-light: #e8f4fd;--accent: #e60012;--accent-light: #fff0f0;--success: #00a95f;--warning: #f5a623;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--white: #ffffff;--font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);color:var(--gray-900);background-color:var(--gray-50);line-height:1.7;-webkit-font-smoothing:antialiased}#insurance-app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--white);border-bottom:3px solid var(--primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:68px}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary)}.header-logo-icon{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:18px}.header-logo-text{font-size:20px;font-weight:700;letter-spacing:.5px}.header-logo-sub{font-size:11px;color:var(--gray-500);font-weight:400}.header-nav{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600)}.app-main{flex:1;max-width:900px;width:100%;margin:0 auto;padding:32px 24px 64px}.app-footer{background:var(--gray-800);color:var(--gray-400);padding:24px;margin-top:auto}.footer-inner{max-width:1100px;margin:0 auto;text-align:center;font-size:13px}.footer-note{margin-top:4px;font-size:11px;color:var(--gray-500)}.step-indicator{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:40px;padding:0 20px}.step-item{display:flex;align-items:center;gap:0}.step-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--gray-300);color:var(--gray-400);background:var(--white);transition:var(--transition)}.step-circle.active{border-color:var(--primary);background:var(--primary);color:var(--white)}.step-circle.completed{border-color:var(--success);background:var(--success);color:var(--white)}.step-label{font-size:11px;color:var(--gray-500);white-space:nowrap;transition:var(--transition)}.step-label.active{color:var(--primary);font-weight:500}.step-label.completed{color:var(--success)}.step-line{width:48px;height:2px;background:var(--gray-300);margin:0 4px 24px;transition:var(--transition)}.step-line.completed{background:var(--success)}.form-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:40px;margin-bottom:24px}.form-card-title{font-size:22px;font-weight:700;color:var(--gray-900);margin-bottom:8px;display:flex;align-items:center;gap:10px}.form-card-title .icon{color:var(--primary)}.form-card-desc{font-size:14px;color:var(--gray-600);margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}.form-group{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--gray-800);margin-bottom:8px}.form-label .required{display:inline-block;background:var(--accent);color:var(--white);font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;letter-spacing:.5px}.form-label .optional{display:inline-block;background:var(--gray-400);color:var(--white);font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:6px;font-size:15px;font-family:var(--font-family);color:var(--gray-900);background:var(--white);transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0068b71f}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--accent);box-shadow:0 0 0 3px #e6001214}.form-input::placeholder{color:var(--gray-400)}.form-textarea{min-height:100px;resize:vertical}.form-error{font-size:12px;color:var(--accent);margin-top:6px;display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠";font-size:13px}.form-hint{font-size:12px;color:var(--gray-500);margin-top:4px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.radio-group,.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio-option input,.checkbox-option input{accent-color:var(--primary);width:18px;height:18px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px}.product-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);padding:24px;cursor:pointer;transition:var(--transition);position:relative}.product-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card.selected{border-color:var(--primary);background:var(--primary-light)}.product-card.selected:after{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.product-icon{font-size:36px;margin-bottom:12px}.product-name{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.product-price{font-size:14px;color:var(--primary);font-weight:500;margin-bottom:8px}.product-desc{font-size:12px;color:var(--gray-600);line-height:1.6}.product-tag{display:inline-block;background:var(--accent);color:var(--white);font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:6px;font-size:15px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);border:none;text-decoration:none;line-height:1}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;box-shadow:none}.btn-outline{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-danger{background:var(--accent);color:var(--white)}.btn-danger:hover{background:#c5000f}.btn-lg{padding:14px 48px;font-size:16px;font-weight:700;border-radius:8px}.btn-group{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-200)}.confirm-table{width:100%;border-collapse:collapse;margin-bottom:24px}.confirm-table th,.confirm-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--gray-200);font-size:14px}.confirm-table th{width:200px;background:var(--gray-100);font-weight:500;color:var(--gray-700);vertical-align:top}.confirm-table td{color:var(--gray-900)}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--gray-50)}.upload-area:hover,.upload-area.dragover{border-color:var(--primary);background:var(--primary-light)}.upload-icon{font-size:48px;color:var(--gray-400);margin-bottom:12px}.upload-text{font-size:15px;color:var(--gray-600);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--gray-400)}.upload-preview{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.upload-preview-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid var(--gray-200)}.upload-preview-item img{width:100%;height:100%;object-fit:cover}.upload-preview-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#e60012d9;color:var(--white);border:none;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--white);border-radius:12px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:18px;font-weight:700;color:var(--gray-900)}.modal-close{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gray-600);transition:var(--transition)}.modal-close:hover{background:var(--gray-200)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-200)}.complete-container{text-align:center;padding:48px 24px}.complete-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.complete-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--gray-900)}.complete-message{font-size:15px;color:var(--gray-600);margin-bottom:8px}.complete-ref{display:inline-block;margin-top:20px;padding:12px 24px;background:var(--gray-100);border-radius:8px;font-size:14px;color:var(--gray-700)}.complete-ref strong{color:var(--primary);font-size:18px}.info-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:4px;padding:14px 18px;font-size:13px;color:var(--gray-700);margin-bottom:24px;line-height:1.7}.warning-box{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:4px;padding:14px 18px;font-size:13px;color:var(--gray-700);margin-bottom:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-card{padding:24px 20px}.form-row{flex-direction:column;gap:0}.step-indicator{padding:0 8px}.step-circle-wrap{min-width:56px}.step-line{width:24px}.step-label{font-size:10px}.product-grid{grid-template-columns:1fr}.confirm-table th{width:120px}.btn-group{flex-direction:column-reverse;gap:12px}.btn-group .btn{width:100%}}.agreement-box{background:var(--gray-100);border-radius:var(--radius);padding:20px;margin-bottom:24px}.agreement-box h4{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--gray-800)}.agreement-box p{font-size:13px;color:var(--gray-600);line-height:1.8;margin-bottom:16px;max-height:160px;overflow-y:auto;padding:12px;background:var(--white);border-radius:4px;border:1px solid var(--gray-200)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}