@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{--compare-primary: #059669;--compare-primary-light: #34d399;--compare-primary-dark: #047857;--compare-gradient: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--compare-gradient-subtle: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);--compare-accent: #f59e0b;--compare-surface: rgba(255, 255, 255, .95);--compare-text: #1e293b;--compare-text-muted: #64748b;--compare-border: rgba(5, 150, 105, .2);--compare-shadow: var(--shadow-container);--compare-shadow-sm: 0 4px 20px rgba(5, 150, 105, .1);--fullloan-color: #2563eb;--fullloan-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--fullloan-bg: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--downpayment-color: #ea580c;--downpayment-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%);--downpayment-bg: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);--mochiie-color: #e11d48;--mochiie-gradient: linear-gradient(135deg, #e11d48 0%, #f43f5e 50%, #fb7185 100%);--mochiie-bg: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);--tsumitate-color: #059669;--tsumitate-gradient: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--tsumitate-bg: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)}.calculation-notice{background-color:#f0f8ff;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #4a90e2}.calculation-notice p{margin:0;font-size:14px;color:#333}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;min-height:100vh;padding:20px;color:var(--compare-text)}.container{max-width:720px;margin:0 auto;background:var(--compare-surface);border-radius:24px;padding:32px;box-shadow:var(--compare-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);animation:slideUp .6s ease-out}@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(--compare-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(--compare-gradient);border-radius:2px;margin:12px auto 0}.section-header{margin:32px 0 16px;padding:16px 20px;background:var(--compare-gradient);border-radius:12px}.section-header h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.section-header.mochiie-section{background:var(--mochiie-gradient)}.section-header.tsumitate-section{background:var(--tsumitate-gradient)}.link-button{display:block;max-width:720px;margin:0 auto 20px;padding:16px 24px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:var(--compare-primary);text-align:center;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:16px;border:2px solid var(--compare-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--compare-shadow-sm)}.link-button:hover{background:var(--compare-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--compare-shadow)}.link-button.disabled{background:#e2e8f0;color:#94a3b8;border-color:#cbd5e1;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(--compare-text);letter-spacing:.025em}.input-hint{display:block;margin-top:-6px;margin-bottom:12px;font-size:.8rem;color:var(--compare-text-muted);font-weight:500}input[type=text],select{width:100%;padding:16px 20px;font-size:1rem;font-family:inherit;border:2px solid #e2e8f0;border-radius:14px;background:#fff;color:var(--compare-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:#94a3b8}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(--compare-primary);white-space:nowrap;padding:16px 0}.error{display:none;margin-top:8px;padding:12px 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);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)}}.comparison-period{text-align:center;margin-bottom:24px;padding:12px 20px;background:var(--compare-gradient-subtle);border-radius:12px;border:1px solid var(--compare-border)}.period-label{font-size:.95rem;color:var(--compare-text-muted)}.period-value{font-size:1.2rem;font-weight:700;color:var(--compare-primary)}.comparison-summary{margin-bottom:28px}.winner-box{text-align:center;padding:28px;border-radius:20px;background:#f1f5f9;transition:all .3s ease}.winner-box.fullloan-winner{background:var(--fullloan-bg);border:2px solid var(--fullloan-color)}.winner-box.downpayment-winner{background:var(--downpayment-bg);border:2px solid var(--downpayment-color)}.winner-box.tie{background:var(--compare-gradient-subtle);border:2px solid var(--compare-primary)}.winner-label{font-size:1rem;color:var(--compare-text-muted);margin-bottom:8px}.winner-value{font-size:2rem;font-weight:700;margin-bottom:8px}.fullloan-winner .winner-value{color:var(--fullloan-color)}.downpayment-winner .winner-value{color:var(--downpayment-color)}.tie .winner-value{color:var(--compare-primary)}.winner-diff{font-size:1.1rem;font-weight:600;color:var(--compare-text-muted);display:flex;flex-direction:column;align-items:center;gap:4px}.diff-amount{font-size:1.8rem;font-weight:700;color:var(--compare-primary-dark);text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.05em}.fullloan-winner .diff-amount{color:var(--fullloan-color)}.downpayment-winner .diff-amount{color:var(--downpayment-color)}.diff-label{font-size:1.2rem;font-weight:700;color:var(--compare-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.comparison-cards{display:flex;gap:16px;margin-bottom:28px;align-items:center}.comparison-card{flex:1;text-align:center;padding:24px 16px;border-radius:16px;box-shadow:var(--compare-shadow-sm)}.comparison-card.fullloan-card{background:var(--fullloan-bg);border:2px solid rgba(37,99,235,.3)}.comparison-card.downpayment-card{background:var(--downpayment-bg);border:2px solid rgba(234,88,12,.3)}.card-header{font-size:1rem;font-weight:700;margin-bottom:12px}.fullloan-card .card-header{color:var(--fullloan-color)}.downpayment-card .card-header{color:var(--downpayment-color)}.card-amount{font-size:1.4rem;font-weight:700;color:var(--compare-text)}.vs-badge{font-size:1.2rem;font-weight:700;color:var(--compare-primary);background:#fff;padding:10px 14px;border-radius:50%;box-shadow:var(--compare-shadow-sm);flex-shrink:0}.details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid #e2e8f0}.details.fullloan-details{background:var(--fullloan-bg);border-color:#2563eb33}.details.downpayment-details{background:var(--downpayment-bg);border-color:#ea580c33}.details h3{margin:0 0 16px;font-size:1rem;font-weight:700;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.1)}.details h4{margin:32px 0 8px;font-size:.95rem;font-weight:700;color:var(--compare-text)}.details h4:first-of-type{margin-top:0}.fullloan-details h3{color:var(--fullloan-color);border-bottom-color:#2563eb4d}.downpayment-details h3{color:var(--downpayment-color);border-bottom-color:#ea580c4d}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.05)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.95rem;color:var(--compare-text-muted);font-weight:500}.detail-value{font-size:1.05rem;font-weight:700;color:var(--compare-text)}@media (max-width: 640px){body{padding:16px}.container{padding:24px;border-radius:20px}h1{font-size:1.5rem}.comparison-cards{flex-direction:column}.comparison-card{width:100%}.vs-badge{order:-1;margin-bottom:-10px;margin-top:-10px;z-index:1}.card-amount{font-size:1.2rem}.winner-value{font-size:1.6rem}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (min-width: 768px){body{padding:40px 20px}.container{padding:48px}h1{font-size:2rem}}.explanation-link{max-width:720px;margin:16px auto 0;text-align:center}.explanation-link a{color:var(--compare-primary);text-decoration:underline;font-size:.9rem;font-weight:500;transition:color .2s ease}.explanation-link a:hover{color:var(--compare-primary-dark)}.summary-box{background:var(--compare-gradient-subtle);border:2px solid var(--compare-primary);border-radius:16px;padding:24px;margin:24px 0}.summary-title{font-size:1.1rem;font-weight:700;color:var(--compare-primary-dark);margin-bottom:12px;text-align:center}.summary-content{font-size:1rem;line-height:1.8;color:var(--compare-text)}.summary-content p{margin:0 0 8px}.summary-content .summary-detail{font-size:.9rem;color:var(--compare-text-muted)}.detail-item.total-row{border-top:2px solid rgba(0,0,0,.1);margin-top:8px;padding-top:16px}.card-subtitle{font-size:.8rem;color:#000000b3;font-weight:600;margin-top:4px;padding:2px 8px;border-radius:4px;display:inline-block}.disclaimer{max-width:720px;margin:24px auto 0;padding:16px;text-align:center;font-size:.75rem;line-height:1.6;color:#94a3b8}