*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #BC002D;--red-hover: #9a0025;--red-light: #fef2f4;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-800);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:0 24px}.hero{padding:80px 0 48px;text-align:center}.hero h1{font-size:2.25rem;font-weight:700;color:var(--gray-900);line-height:1.2;margin-bottom:12px}.hero .tagline{font-size:1.125rem;color:var(--red);font-weight:500;margin-bottom:24px}.hero .intro{font-size:1rem;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.7}.calculator-section{padding:48px 0 64px;background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.calculator-section h2{font-size:1.5rem;font-weight:700;margin-bottom:32px;text-align:center;color:var(--gray-900)}.calc-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23525252' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--gray-300);border-radius:var(--radius);padding:12px 40px 12px 14px;font-size:1rem;font-family:inherit;color:var(--gray-800);cursor:pointer;transition:border-color .15s}.form-group select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #bc002d1a}.measure-toggle{background:none;border:none;color:var(--red);font-size:.8125rem;font-weight:500;cursor:pointer;text-align:left;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.measure-toggle:hover{color:var(--red-hover)}.measure-tip{background:var(--red-light);border:1px solid #fecdd3;border-radius:var(--radius);padding:12px 16px;font-size:.875rem;color:var(--gray-700);line-height:1.6}.btn-calculate{background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:16px 32px;font-size:1.0625rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;margin-top:8px}.btn-calculate:hover:not(:disabled){background:var(--red-hover)}.btn-calculate:disabled{opacity:.5;cursor:not-allowed}.result-card{margin-top:32px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.result-provider{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.result-breakdown{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.result-base,.result-fee{font-size:.875rem;color:var(--gray-600)}.result-total{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.result-yen{font-size:2rem;font-weight:700;color:var(--gray-900)}.result-tax{font-size:.8125rem;color:var(--gray-500)}.result-delivery{font-size:.875rem;color:var(--gray-600);margin-bottom:8px}.result-note{font-size:.8125rem;color:var(--gray-500);background:var(--gray-50);border-radius:var(--radius);padding:10px 12px;line-height:1.5}.how-it-works{padding:72px 0}.how-it-works h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:40px;color:var(--gray-900)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{text-align:center}.step-icon{font-size:2.5rem;margin-bottom:12px}.step h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--gray-800)}.step p{font-size:.875rem;color:var(--gray-600);line-height:1.6}.steps-note{text-align:center;margin-top:32px;font-size:.8125rem;color:var(--gray-500)}.recommendations{padding:72px 0;background:var(--gray-50);border-top:1px solid var(--gray-200)}.recommendations h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:40px;color:var(--gray-900)}.recommendations .container{max-width:960px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-icon{color:var(--red);margin-bottom:16px}.card h3{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--gray-800);line-height:1.3}.card p{font-size:.875rem;color:var(--gray-600);line-height:1.6;flex:1;margin-bottom:20px}.btn-card{display:inline-block;background:var(--red);color:#fff;text-decoration:none;border-radius:var(--radius);padding:10px 18px;font-size:.875rem;font-weight:600;transition:background .15s;text-align:center}.btn-card:hover{background:var(--red-hover)}.site-footer{padding:32px 0;border-top:1px solid var(--gray-200)}.footer-inner{max-width:960px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-copy{font-size:.8125rem;color:var(--gray-600);white-space:nowrap}.footer-disclaimer{font-size:11px;color:var(--gray-400);line-height:1.6;text-align:right;max-width:560px}@media (max-width: 768px){.hero{padding:56px 0 36px}.hero h1{font-size:1.75rem}.steps{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr;gap:20px}.footer-inner{flex-direction:column;gap:16px}.footer-disclaimer{text-align:left;max-width:none}}@media (max-width: 480px){.hero h1{font-size:1.5rem}.hero .tagline{font-size:1rem}.container{padding:0 16px}.result-yen{font-size:1.75rem}}