@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-text: #111827;--color-accent: #E11D48;--color-accent-dark: #B9123A;--color-border: #F5B5C4;--color-strong: #0ea5a4;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-container: 0 20px 60px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg)!important;color:var(--color-text)!important}.container{background:var(--color-surface)!important}:where(body,p,span,label,li,dt,dd,small,th,td,.result-period,.result-amount,.summary-label,.summary-value,.category-description,.card-subtitle){color:var(--color-text)!important}:where(h1,h2,h3,h4,h5,h6,.category-title){color:var(--color-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-background-clip:initial!important;background-clip:initial!important}:where(h1):after{background:var(--color-accent)!important;color:var(--color-accent)!important}:where(.section-header){background:var(--color-accent)!important;color:#fff!important;border:1px solid var(--color-border)!important}:where(.section-header h2){color:#fff!important}:where(.link-button){background:var(--color-accent)!important;color:#fff!important;border:1px solid var(--color-accent-dark)!important;box-shadow:var(--shadow-md)!important}:where(.link-button:hover){background:var(--color-accent-dark)!important;color:#fff!important;border-color:var(--color-accent-dark)!important}:where(.link-button.disabled,.link-button.disabled:hover){background:color-mix(in srgb,var(--color-accent) 60%,#ffffff)!important;color:color-mix(in srgb,#ffffff 60%,var(--color-text))!important;border-color:var(--color-border)!important;box-shadow:none!important;cursor:default!important;pointer-events:none!important}.nav-mobile{display:none}.nav-desktop{display:contents}@media (min-width: 769px){body.with-right-menu-layout .container{max-width:760px!important}body.with-right-menu-layout #navigation.right-menu-root .nav-desktop{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}body.with-right-menu-layout #navigation.right-menu-root .link-button{max-width:none!important;padding:10px 14px!important;border-radius:8px!important;font-size:.82rem!important;line-height:1.3!important;white-space:nowrap}body.with-right-menu-layout #navigation.right-menu-root .link-button.disabled{opacity:.65}}@media (min-width: 1280px){body.with-right-menu-layout{position:relative}body.with-right-menu-layout #navigation.right-menu-root{position:fixed;top:var(--right-menu-top, 120px);left:calc(50% + 408px);width:400px;z-index:900}body.with-right-menu-layout #navigation.right-menu-root .nav-desktop{display:block}body.with-right-menu-layout #navigation.right-menu-root .link-button{max-width:none!important;margin:0 0 10px!important;padding:14px 16px!important;border-radius:14px!important;font-size:.85rem!important;line-height:1.35!important;white-space:nowrap}body.with-right-menu-layout #navigation.right-menu-root .link-button.disabled{opacity:.65}}@media (max-width: 768px){#navigation{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.nav-desktop{display:none!important}.nav-mobile{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:1000}.nav-accordion-toggle,.nav-accordion-close{width:100%;padding:14px 16px;font-weight:700;background:var(--color-accent);color:#fff;border:1px solid var(--color-accent-dark);border-radius:0!important;cursor:pointer}.nav-accordion-panel{background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:0!important;max-height:70vh;overflow-y:auto;padding:0;display:flex;flex-direction:column}.nav-accordion-panel[hidden]{display:none!important}.nav-accordion-links{display:grid;gap:0;padding:0}.nav-accordion-links .link-button{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 16px!important}.nav-accordion-links .link-button+.link-button,.nav-accordion-links .link-button+.link-button.disabled{border-top:1px solid var(--color-border)!important}.nav-accordion-links .link-button:last-child{margin-bottom:0!important;padding-bottom:14px!important}.nav-accordion-close{border-top:1px solid var(--color-border);margin:0;padding:14px 16px}body{padding-bottom:120px}.button-group{flex-direction:column}}:where(.formula){background:var(--color-accent)!important;color:#fff!important;border:1px solid var(--color-accent-dark)!important;box-shadow:var(--shadow-md)!important}:where(.details){background:var(--color-surface)!important;border:1px solid var(--color-border)!important;position:relative}:where(.details):before{background:var(--color-border)!important;border-radius:4px 0 0 4px!important}:where(.details h3){color:var(--color-accent)!important;border-bottom:1px solid var(--color-border)!important}:where(.details h3:before){color:var(--color-accent)!important}:where(.details):before{display:none!important;content:none!important;width:0!important;height:0!important;background:none!important;border:none!important}:where(.summary-section h2){border-bottom-color:var(--color-accent)!important}:where(.result-section h2){border-bottom-color:var(--color-accent)!important}:where(strong,.explanation-section strong){color:var(--color-strong)!important}:where(.summary-box){background:color-mix(in srgb,var(--color-accent) 12%,#ffffff)!important;border:2px solid var(--color-accent-dark)!important;box-shadow:0 4px 10px #e11d480f!important}:where(.summary-box .summary-title){color:var(--color-accent-dark)!important}:where(.summary-box .summary-content){color:var(--color-text)!important}:where(.chintai-winner-page .winner-box){background:color-mix(in srgb,var(--color-strong) 14%,#ffffff)!important;border:2px solid var(--color-strong)!important;color:var(--color-strong)!important;box-shadow:0 6px 14px #0ea5a40f!important}:where(.chintai-winner-page .winner-box .winner-value){color:var(--color-text)!important;font-weight:700!important}:where(.chintai-winner-page .winner-box .winner-label){color:color-mix(in srgb,var(--color-strong) 70%,var(--color-text))!important}:where(.comparison-card.fullloan-card){background:color-mix(in srgb,var(--color-strong) 14%,#ffffff)!important;border:2px solid var(--color-strong)!important;color:var(--color-strong)!important;box-shadow:0 6px 14px #0ea5a40f!important;border-radius:12px!important}:where(.comparison-card.fullloan-card .card-header){color:color-mix(in srgb,var(--color-strong) 70%,var(--color-text))!important;font-weight:700!important}:where(.comparison-card.fullloan-card .card-amount){color:var(--color-text)!important;font-weight:800!important;text-shadow:none!important}:where(.comparison-card.fullloan-card .card-subtitle){color:color-mix(in srgb,var(--color-strong) 60%,var(--color-text))!important}:where(.comparison-card.mochiie-card,.comparison-card.downpayment-card){background:color-mix(in srgb,var(--color-accent) 14%,#ffffff)!important;border:2px solid var(--color-accent-dark)!important;color:var(--color-accent-dark)!important;box-shadow:0 6px 14px #e11d480f!important;border-radius:12px!important}:where(.comparison-card.mochiie-card .card-header,.comparison-card.downpayment-card .card-header){color:color-mix(in srgb,var(--color-accent-dark) 70%,var(--color-text))!important;font-weight:700!important}:where(.comparison-card.mochiie-card .card-amount,.comparison-card.downpayment-card .card-amount){color:var(--color-text)!important;font-weight:800!important}:where(.comparison-card.mochiie-card .card-subtitle,.comparison-card.downpayment-card .card-subtitle){color:color-mix(in srgb,var(--color-accent) 60%,var(--color-text))!important}:where(.result){background:linear-gradient(180deg,var(--color-strong) 0%,color-mix(in srgb,var(--color-strong) 72%,#000000) 100%)!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--color-strong) 60%,#000000)!important;box-shadow:0 6px 14px #0ea5a40f!important;padding:16px!important;border-radius:12px!important}:where(.result .result-label){color:#ffffffeb!important}:where(.result .result-value){color:#fff!important;text-shadow:0 4px 14px rgba(0,0,0,.18)!important}:where(.result:before){display:none!important;content:none!important}:where(button,.primary-button,.secondary-button){padding:16px 32px!important;font-size:1rem!important;font-weight:700!important;border:none!important;border-radius:12px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-family:inherit!important}:where(button,button[type=submit],.primary-button){width:100%!important;background:linear-gradient(135deg,#e11d48,#b9123a)!important;color:#fff!important;box-shadow:0 8px 30px #e11d484d!important;position:relative!important;overflow:hidden!important;margin-top:12px!important}:where(button:before,button[type=submit]:before,.primary-button:before){content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}:where(button:hover,button[type=submit]:hover,.primary-button:hover){transform:translateY(-3px)!important;box-shadow:0 12px 40px #e11d4866!important}:where(button:hover:before,button[type=submit]:hover:before,.primary-button:hover:before){left:100%!important}:where(button:active,button[type=submit]:active,.primary-button:active){transform:translateY(-1px)!important}:where(.secondary-button){width:100%!important;background:#fff!important;color:#e11d48!important;border:2px solid #E11D48!important;box-shadow:0 4px 12px #e11d481a!important;margin-top:12px!important}:where(.secondary-button:hover){background:#fef2f2!important;box-shadow:0 8px 24px #e11d4833!important;transform:translateY(-2px)!important}:where(.secondary-button:active){transform:translateY(0)!important}:where(.button-group button,.button-group .primary-button,.button-group .secondary-button){margin-top:0!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;min-height:100vh;padding:20px}:root{--result-text-color: #2d3748}.link-button{display:block;max-width:640px;margin:0 auto 20px;padding:16px 24px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#667eea;text-align:center;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:16px;border:2px solid rgba(102,126,234,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea26}.link-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 30px #667eea4d}.link-button.disabled{background:#e5e7eb;color:#9ca3af;border-color:#d1d5db;cursor:default;pointer-events:none;box-shadow:none}.link-button.disabled:hover{transform:none}.container{max-width:640px;margin:0 auto;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;color:#2d3748;margin-bottom:30px;font-size:28px;font-weight:700}h2{color:#2d3748;margin-bottom:20px;font-size:22px;font-weight:600;border-bottom:3px solid #667eea;padding-bottom:10px}.calculation-notice{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:20px;margin-bottom:30px;border-radius:8px}.calculation-notice p{margin:0;line-height:1.8;color:#4a5568}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:16px}.input-hint{display:block;margin-bottom:8px;font-size:13px;color:#718096;font-weight:400}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input,.form-group select{flex:1;padding:12px 60px 12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff}.input-with-unit input:focus,.form-group select:focus{outline:none}.input-unit{position:absolute;right:16px;color:#718096;font-weight:600;pointer-events:none}.error{display:none;color:#e53e3e;font-size:14px;margin-top:8px;font-weight:500}.summary-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:16px;border-radius:12px;margin-bottom:20px}.container>.result-item{margin-bottom:20px}.projection-section{margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.projection-10y{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d374808;border-radius:8px;margin-bottom:10px}.projection-label{font-size:14px;color:#4a5568;font-weight:600}.projection-value{font-size:16px;color:var(--result-text-color);font-weight:700}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:13px;color:#718096;font-weight:500}.summary-value{font-size:16px;color:var(--result-text-color);font-weight:600}.result-section{margin-bottom:30px}.result-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.result-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:25px;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.result-item:hover{transform:none;box-shadow:none;border-color:transparent}.result-item.highlight{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid transparent}.result-period{font-size:16px;color:var(--result-text-color);font-weight:600;margin-bottom:10px}.result-amount{font-size:24px;color:var(--result-text-color);font-weight:700}.result-item.highlight .result-amount{color:var(--result-text-color);font-size:26px}.result-item.highlight .cost10Years-first{color:var(--result-text-color);font-size:50px}.highlight-10y{background:linear-gradient(135deg,#fff5f5,#ffe5e5)!important;border:3px solid #fc8181!important;padding:30px!important}.highlight-10y .result-period{font-size:38px;color:#c53030;font-weight:700}.highlight-10y .result-amount{font-size:32px;color:#c53030;font-weight:800;margin-bottom:20px}.highlight-message{background:#c530301a;border-radius:12px;padding:16px;margin:20px 0}.message-text{font-size:15px;color:#742a2a;font-weight:600;line-height:1.6;margin:0}.tax-highlight{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fefcbf,#faf089);border-radius:12px;padding:20px;margin-top:20px;border:2px solid #d69e2e}.tax-icon{font-size:40px;flex-shrink:0}.tax-content{flex:1}.tax-label{font-size:14px;color:#744210;font-weight:600;margin:0 0 8px}.tax-amount{font-size:28px;color:#7c2d12;font-weight:800;margin:0 0 8px}.tax-note{font-size:12px;color:#975a16;margin:0;font-weight:500}.button-group{display:flex;gap:15px;margin-top:30px}.button-group button{margin-top:0}.disclaimer{text-align:center;color:#fff;margin-top:30px;font-size:13px;line-height:1.6;opacity:.9}@media (max-width: 768px){.container{padding:25px}h1{font-size:24px}h2{font-size:20px}.result-grid,.summary-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.result-amount,.result-item.highlight .result-amount{font-size:20px}}
