@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}}.button-group{display:flex;gap:15px;margin-top:30px}.button-group button{margin-top:0}@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}:root{--tsumitate-primary: #059669;--tsumitate-primary-light: #34d399;--tsumitate-primary-dark: #047857;--tsumitate-gradient: var(--color-accent);--tsumitate-gradient-subtle: var(--color-surface);--tsumitate-accent: #f59e0b;--tsumitate-accent-light: #fbbf24;--tsumitate-surface: rgba(255, 255, 255, .95);--tsumitate-text: #064e3b;--tsumitate-text-muted: #6b7280;--tsumitate-border: rgba(5, 150, 105, .2);--tsumitate-shadow: var(--shadow-container);--tsumitate-shadow-sm: 0 4px 20px rgba(5, 150, 105, .1)}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;min-height:100vh;padding:20px;color:var(--tsumitate-text)}.container{max-width:640px;margin:0 auto;background:var(--tsumitate-surface);border-radius:24px;padding:32px;box-shadow:var(--tsumitate-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);animation:slideUp .6s ease-out;position:relative}.container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--color-surface);border-radius:26px;z-index:-1;opacity:0;transition:opacity .3s ease}.container:hover:before{opacity:.1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:32px;background:var(--tsumitate-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}h1:after{content:"";display:block;width:60px;height:4px;background:var(--color-surface);border-radius:2px;margin:12px auto 0}.link-button{display:block;max-width:640px;margin:0 auto 20px;padding:16px 24px;background:var(--color-surface);color:var(--tsumitate-primary);text-align:center;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:16px;border:2px solid var(--tsumitate-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--tsumitate-shadow-sm)}.link-button:hover{background:var(--tsumitate-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--tsumitate-shadow)}.link-button.disabled{background:#e5e7eb;color:#9ca3af;border-color:#d1d5db;cursor:default;pointer-events:none;box-shadow:none}.link-button.disabled:hover{transform:none}.form-group{margin-bottom:24px}label{display:block;margin-bottom:10px;font-weight:600;font-size:.95rem;color:var(--tsumitate-text);letter-spacing:.025em}.input-hint{display:block;margin-top:-6px;margin-bottom:12px;font-size:.8rem;color:var(--tsumitate-text-muted);font-weight:500}input[type=text],select{width:100%;padding:16px 20px;font-size:1rem;font-family:inherit;border:2px solid #d1d5db;border-radius:14px;background:#fff;color:var(--tsumitate-text);transition:all .3s cubic-bezier(.4,0,.2,1);-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=text]:focus,select:focus{outline:none;background:#fff}input[type=text]::placeholder{color:#9ca3af}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px;cursor:pointer}.input-with-unit{display:flex;align-items:center;gap:12px}.input-with-unit input[type=text]{flex:1}.input-unit{font-size:1rem;font-weight:600;color:var(--tsumitate-primary);white-space:nowrap;padding:16px 0}.error{display:none;margin-top:8px;padding:12px 16px;background:var(--color-surface);border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.result{text-align:center;padding:32px;margin-bottom:28px;background:var(--tsumitate-gradient);border-radius:20px;box-shadow:0 8px 30px #05966940;position:relative;overflow:hidden}.result:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 50%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-20%,20%)}}.result-label{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:8px;letter-spacing:.05em;position:relative}.result-value{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.details{background:var(--color-surface);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--tsumitate-border);position:relative}.details:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);border-radius:4px 0 0 4px}.details h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:var(--tsumitate-primary-dark);padding-bottom:12px;border-bottom:2px solid var(--tsumitate-border);display:flex;align-items:center;gap:8px}.details h3:before{content:"💰";font-size:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(5,150,105,.1)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.95rem;color:var(--tsumitate-text-muted);font-weight:500}.detail-value{font-size:1.05rem;font-weight:700;color:var(--tsumitate-text)}.detail-value.profit{color:var(--tsumitate-primary)}@media (max-width: 640px){body{padding:16px}body:after{display:none}.container{padding:24px;border-radius:20px}h1{font-size:1.5rem}.result-value{font-size:2rem}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{color:var(--tsumitate-primary-dark)}}@media (min-width: 768px){body{padding:40px 20px}.container{padding:48px}h1{font-size:2rem}}.explanation-link{max-width:640px;margin:16px auto 0;text-align:center}.explanation-link a{color:var(--tsumitate-primary);text-decoration:underline;font-size:.9rem;font-weight:500;transition:color .2s ease}.explanation-link a:hover{color:var(--tsumitate-primary-dark)}.disclaimer{max-width:640px;margin:24px auto 0;padding:16px;text-align:center;font-size:.75rem;line-height:1.6;color:#94a3b8}