@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{--explanation-icon: "📊"}.explanation-section{background:var(--color-surface);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--color-border)}.explanation-section h2{font-size:1.3rem;margin-bottom:16px;color:var(--color-accent);border-bottom:2px solid var(--color-accent);padding-bottom:8px;display:inline-block}.explanation-section h3{font-size:1.1rem;margin-top:16px;margin-bottom:10px;color:var(--color-accent-dark);font-weight:600}.explanation-section p,.explanation-section li{font-size:.95rem;line-height:1.7;color:var(--color-text)}.explanation-section ul{padding-left:20px}.explanation-section li{margin-bottom:8px}.explanation-section strong{color:var(--color-strong)}.formula{background:var(--color-accent);padding:16px 20px;border-radius:12px;font-family:Noto Sans JP,monospace;font-size:1rem;font-weight:600;margin:12px 0;overflow-x:auto;color:#fff;text-align:center;box-shadow:0 4px 15px #e11d4840}.code-list{list-style-type:none;padding-left:0}.code-list li{margin-bottom:10px;padding:12px 16px 12px 40px;position:relative;background:#ffffffb3;border-radius:10px;border:1px solid var(--color-border)}.code-list li:before{content:var(--explanation-icon);position:absolute;left:12px;top:50%;transform:translateY(-50%)}.back-nav{margin-bottom:24px}.tax-breakdown{margin:20px 0;overflow-x:auto}.tax-breakdown table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.tax-breakdown th,.tax-breakdown td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}.tax-breakdown th{background:var(--color-accent);color:#fff;font-weight:700}.tax-breakdown tbody tr:hover{background:#f8f9fa}.tax-breakdown .total-row{background:color-mix(in srgb,var(--color-accent) 12%,#ffffff);font-weight:700}.tax-breakdown .highlight-row{background:#fff3cd;font-weight:700;font-size:1.1em}.note{margin-top:15px;padding:15px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;line-height:1.8}:root{--explanation-icon: "💎"}
