@layer reset, base, components, utilities;:root{--font-sm: clamp(0.625rem, 0.5vw + 0.44rem, 0.75rem);--font-base: clamp(0.875rem, 0.3vw + 0.77rem, 1rem);--font-md: clamp(1.125rem, 0.5vw + 0.94rem, 1.25rem);--font-lg: clamp(1.375rem, 1vw + 1.01rem, 1.75rem);--font-xl: clamp(1.75rem, 1.5vw + 1.19rem, 2.25rem);--font-xxl: clamp(2.25rem, 2.5vw + 1.32rem, 3rem);--font-xxxl: clamp(2.75rem, 3vw + 1.63rem, 3.75rem);--font-hero: clamp(3rem, 8vw + 0.6rem, 7rem);--color-base: #132C42;--color-main: #005598;--color-primary: #8BB9DA;--color-sub: #FF7A00;--color-subbg: #FFF2E6;--color-white: #ffffff;--color-gray: #ccc;--color-gray2: #7d7d7d;--color-clear: rgb(255 255 255 / 0.6);--color-result-bg: #f4f8fc;--color-result-accent: #dde8f5;--gradient-main: linear-gradient(45deg, #54d0ff, #9f92ff 20%, #ff7689 90%);--space-2xs: clamp(0.25rem, 0.5vw + 0.2rem, 0.5rem);--space-xs: clamp(0.5rem, 1vw + 0.3rem, 1rem);--space-sm: clamp(1rem, 2vw + 0.5rem, 2rem);--space-md: clamp(2rem, 4vw + 0.5rem, 4rem);--space-lg: clamp(3rem, 5vw + 1rem, 6rem);--space-xl: clamp(4rem, 6vw + 1.5rem, 8rem);--space-xxl: clamp(6rem, 8vw + 2rem, 12rem);--space-xxxl: clamp(8rem, 10vw + 3rem, 16rem);--container-max: 87.5rem;--header-height: 6.25rem;--radius-sm: 0.5rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-pill: 100vmax;--shadow-sm: 0 4px 10px rgb(0 0 0 / 0.08);--shadow-md: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;--z-content: 10;--z-header: 100;--z-banner: 1000;--z-loading: 9999}*,*::before,*::after{box-sizing:border-box;min-inline-size:0}html{font-size:100%}body{margin:0;font-size:1rem;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:1.5;letter-spacing:.05em;color:var(--color-base);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .25s ease,opacity .25s ease}a:hover{color:var(--color-main);opacity:.9}img,video{display:block;max-inline-size:100%;block-size:auto}ul,ol{padding:0;margin:0}section{padding-block:var(--space-md);scroll-margin-top:var(--header-height)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}h2{font-size:var(--font-xl);font-weight:800;letter-spacing:.08em;text-wrap:balance;margin-bottom:var(--space-sm)}@media(768px <= width){h2{font-size:var(--font-xxl)}}h3{font-size:var(--font-lg);font-weight:800;letter-spacing:.08em;text-wrap:balance;margin-block:var(--space-sm);border-left:8px solid var(--color-main);padding-left:var(--space-xs)}.c-label{color:var(--color-main)}.c-btn{width:100%;margin-top:var(--space-sm);margin-inline:auto;position:relative;display:inline-block;padding:var(--space-xs) 3rem var(--space-xs) var(--space-sm);background-color:var(--color-sub);border-radius:var(--radius-pill);color:var(--color-white);text-decoration:none;text-align:center;font-weight:700;transition:opacity .2s}@media(768px <= width){.c-btn{width:45%;margin-block:0}}.c-btn:hover{color:var(--color-white);opacity:.85}.c-btn::after{content:"";position:absolute;top:0;bottom:0;right:1.2rem;width:8px;height:8px;margin:auto;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);box-sizing:border-box}button{position:relative;display:block;padding:var(--space-xs);background-color:var(--color-main);border-radius:var(--radius-sm);color:var(--color-white);text-decoration:none;text-align:center;border:none;font-weight:800;font-size:var(--font-md);width:100%;cursor:pointer;transition:opacity .2s}button:hover{opacity:.85}.c-only-pc{display:none}@media(1024px <= width){.c-only-pc{display:block}}.c-only-sp{display:block}@media(1024px <= width){.c-only-sp{display:none}}.c-flex{display:block}@media(768px <= width){.c-flex{display:flex;justify-content:space-between;align-items:center}}.c-flex__img{inline-size:100%}@media(768px <= width){.c-flex__img{inline-size:35%}}.c-flex__body{inline-size:100%}@media(1024px <= width){.c-flex__body{inline-size:60%}}.l-bg-primary{background-color:#f4f8fc}.l-inner{margin-inline:auto;inline-size:min(100%,var(--container-max));padding-inline:var(--space-sm)}header{margin-inline:auto;inline-size:min(100%,var(--container-max));padding-inline:var(--space-sm);padding-block:var(--space-sm);display:flex;justify-content:space-between;align-items:center}header h1{width:60%}.header-btn a{background-color:var(--color-main);padding-block:var(--space-xs);padding-inline:var(--space-sm);color:var(--color-white);border-radius:var(--radius-sm);font-weight:700;transition:opacity .2s}.header-btn a:hover{opacity:.85;color:var(--color-white)}.hero{background-image:none}@media(768px <= width){.hero{background-image:url(../img/27405746.webp);background-repeat:no-repeat;background-position:right 5% top 20%;background-size:30%}}.c-form{margin-inline:auto;inline-size:min(100%,var(--container-max));padding-inline:var(--space-sm);padding-inline:0;margin-block:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:var(--color-white);overflow:hidden}.c-form .form-header{background-color:var(--color-main);color:var(--color-white);padding-inline:var(--space-sm);padding-block:var(--space-xs)}.c-form .form-header p{font-weight:800;font-size:var(--font-md);margin:0}.c-form .form-header span{font-size:var(--font-sm)}.sim-form{padding-inline:var(--space-sm);padding-top:var(--space-sm)}.sim-form__group{margin-bottom:var(--space-sm)}.sim-form__row{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}@media(768px <= width){.sim-form__row{grid-template-columns:2fr 1fr}}.sim-form__row--free{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}@media(768px <= width){.sim-form__row--free{flex-direction:row;align-items:center}}.sim-form__label{display:block;font-size:var(--font-sm);font-weight:700;margin-bottom:var(--space-2xs);color:var(--color-base)}.sim-form__label-note{font-size:var(--font-sm);font-weight:400;color:var(--color-gray2);margin-left:var(--space-2xs)}.sim-form__select-wrap{position:relative;flex:1}.sim-form__select-wrap::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:6px solid var(--color-gray2);pointer-events:none}.sim-form__select-wrap--month{flex:0 0 100px}.sim-form__select{width:100%;padding:var(--space-xs) 2.5rem var(--space-xs) var(--space-xs);border:1.5px solid var(--color-gray);border-radius:var(--radius-sm);background:var(--color-white);font-size:var(--font-base);color:var(--color-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s}.sim-form__select:focus{outline:none;border-color:var(--color-main)}.sim-form__birth{display:flex;gap:var(--space-xs)}.sim-form__input-wrap{position:relative}.sim-form__input{width:100%;padding:var(--space-xs) 2.5rem var(--space-xs) var(--space-xs);border:1.5px solid var(--color-gray);border-radius:var(--radius-sm);background:var(--color-white);font-family:inherit;font-size:var(--font-base);color:var(--color-base);transition:border-color .2s}.sim-form__input:focus{outline:none;border-color:var(--color-main)}.sim-form__input::-moz-placeholder{color:var(--color-gray)}.sim-form__input::placeholder{color:var(--color-gray)}.sim-form__input[type=number]::-webkit-inner-spin-button,.sim-form__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.sim-form__unit{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);font-size:var(--font-sm);color:var(--color-gray2);pointer-events:none}.sim-form__notice,.sim-form__notice2{display:flex;align-items:center;gap:var(--space-xs);background-color:var(--color-subbg);border-radius:var(--radius-sm);padding:var(--space-xs);font-size:var(--font-sm);color:var(--color-gray2);line-height:1.7;margin-bottom:var(--space-sm)}.sim-form__notice2{font-weight:700}.sim-form__notice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.4rem;height:1.4rem;color:var(--color-sub);margin-top:2px}.sim-form__notice-icon svg{width:100%;height:100%}.sim-form__total{display:block;background:var(--color-result-accent);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}@media(768px <= width){.sim-form__total{display:flex;align-items:center;justify-content:space-between}}.sim-form__total-label{font-size:var(--font-base);font-weight:700;color:var(--color-main);margin:0}.sim-form__total-note{font-size:var(--font-sm);color:var(--color-gray2);margin:0;margin-top:2px}.sim-form__total-value{font-size:var(--font-lg);font-weight:800;color:var(--color-main);white-space:nowrap;text-align:end}.sim-form__btn-wrap{padding-inline:var(--space-sm);padding-bottom:var(--space-sm)}.btn-submit{width:100%;padding-block:var(--space-sm);background-color:var(--color-main);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-md);font-weight:800;cursor:pointer;transition:opacity .2s;letter-spacing:.1em}.btn-submit:hover{opacity:.85}.btn-submit:disabled{background:var(--color-gray);cursor:not-allowed}.btn-recalc{flex-shrink:0;padding-block:var(--space-xs);padding-inline:var(--space-sm);background:var(--color-main);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-sm);font-weight:700;cursor:pointer;width:auto;transition:opacity .2s}.btn-recalc:hover{opacity:.85}.result{display:none;padding-block:0}.result.is-visible{display:block}.result-card{display:none}.result-card.is-visible{display:block}.result-tabs{display:flex;border-bottom:2px solid var(--color-main);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:var(--space-md);margin-top:var(--space-md)}.result-tabs::-webkit-scrollbar{display:none}.result-tab{flex:1;padding-block:var(--space-xs);padding-inline:var(--space-2xs);text-align:center;font-size:var(--font-sm);color:var(--color-gray);cursor:pointer;transition:background .15s,color .15s;width:auto;background:none;border-radius:0}@media(768px <= width){.result-tab{font-size:var(--font-base);padding-inline:var(--space-xs)}}.result-tab.is-active{color:var(--color-main);font-weight:700;border-bottom:5px solid var(--color-main);margin-bottom:-3px}.result-tab:hover:not(.is-active){background:#d8e3f0;color:var(--color-main)}.result-panel{display:none;padding:var(--space-sm)}@media(768px <= width){.result-panel{padding:var(--space-md)}}.result-panel.is-active{display:block}.result-notice{display:flex;gap:var(--space-xs);background-color:var(--color-subbg);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm);color:var(--color-gray2);line-height:1.7;margin-bottom:var(--space-sm)}.result-notice__icon{flex-shrink:0;width:1.4rem;height:1.4rem;color:var(--color-sub);margin-top:2px}.result-notice__icon svg{width:100%;height:100%}.result-wrap{border-top:2px solid var(--color-primary);padding-bottom:var(--space-sm)}.result-section{border:1px solid var(--color-base);padding:var(--space-sm);border-radius:var(--radius-md)}.result-section__title{font-size:var(--font-base);font-weight:800}@media(768px <= width){.result-section__title{font-size:var(--font-md)}}.result-section__note{font-size:var(--font-sm)}.result-row{display:flex;align-items:baseline;justify-content:end}.result-row__value{display:flex;align-items:center;gap:4px;font-weight:700;font-size:var(--font-lg);color:var(--color-base)}.result-row__unit{margin-left:var(--space-2xs);font-size:var(--font-base)}.result-4col{display:grid;grid-template-columns:1fr;gap:var(--space-xs);margin-bottom:var(--space-sm)}@media(768px <= width){.result-4col{grid-template-columns:repeat(4, 1fr)}}.result-4col__item{background:var(--color-result-bg);border-radius:var(--radius-sm);padding:var(--space-xs)}.result-4col__label{color:var(--color-gray2);margin-bottom:var(--space-2xs);line-height:1.5}.result-4col__value{display:flex;align-items:baseline;justify-content:end;gap:2px;font-size:var(--font-lg);font-weight:700;color:var(--color-main)}.result-total{background:var(--color-result-accent);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}@media(768px <= width){.result-total{display:flex;align-items:center;justify-content:space-between}}.result-total__label{font-size:var(--font-base);font-weight:700;color:var(--color-main)}.result-total__total{display:flex;align-items:end;justify-content:end}.result-total__value{display:flex;align-items:baseline;gap:4px;font-size:var(--font-lg);font-weight:800}.result-pension{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);border:1px solid var(--color-base);padding:var(--space-sm);border-radius:var(--radius-md)}.result-pension__label{font-size:var(--font-base);font-weight:700;color:var(--color-base)}.result-pension__note{font-size:var(--font-sm);color:var(--color-gray2);margin-top:2px}.result-pension__value{display:flex;align-items:baseline;gap:4px;font-size:var(--font-md);font-weight:700;white-space:nowrap;color:var(--color-base)}.result-retirement{display:grid;grid-template-columns:1fr;gap:var(--space-xs);margin-bottom:var(--space-sm)}@media(768px <= width){.result-retirement{grid-template-columns:repeat(4, 1fr)}}.result-retirement__item{border-right:2px solid var(--color-main);border-left:2px solid var(--color-main);border-bottom:2px solid var(--color-main);text-align:center}.result-retirement__label{background-color:var(--color-main);color:var(--color-white);margin-top:0;padding-block:var(--space-2xs)}.result-retirement__inner{padding:var(--space-xs)}.result-retirement__list li{margin-block:var(--space-2xs);display:flex;align-items:center;justify-content:space-between}.result-retirement__category{padding-inline:var(--space-xs);padding-block:var(--space-2xs);border:1px solid var(--color-main);font-size:var(--font-sm);font-weight:700;min-width:75px}.result-retirement__value{display:flex;align-items:baseline;justify-content:end;font-size:var(--font-md);font-weight:700;color:var(--color-base);margin-top:0}.result-note{font-size:var(--font-sm);color:var(--color-gray2)}.result-graph{border:1px solid var(--color-base);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.result-input{background:rgba(0,0,0,0);border:none;font-weight:700;font-size:inherit;color:inherit;width:auto;text-align:right;pointer-events:none;max-width:11rem}.result-input--total{font-size:var(--font-lg);font-weight:800;color:var(--color-main)}.info{background-image:none}@media(768px <= width){.info{background-image:url(../img/27404913.webp);background-repeat:no-repeat;background-position:right 5% top 10%;background-size:28%}}.info-one__list{margin-top:var(--space-sm);list-style-type:none;counter-reset:li}.info-one__list li{display:flex;align-items:center;padding:.3em}.info-one__list li::before{display:inline-block;min-width:1.7em;margin-right:8px;border-radius:50%;background-color:var(--color-primary);color:var(--color-main);font-weight:bold;font-size:.75em;line-height:1.7em;text-align:center;content:counter(li);counter-increment:li;flex-shrink:0}.info-two{margin-block:var(--space-lg)}.info-two__box{border:1px solid var(--color-base);padding-block:var(--space-xs);padding-inline:var(--space-md);background-color:var(--color-white);border-radius:var(--radius-sm);gap:var(--space-sm)}.info-two__left{flex:1}.info-two__title{font-weight:800;display:flex;align-items:center;font-size:var(--font-base);margin-bottom:var(--space-2xs)}.info-two__title svg{width:1.5em;height:1.5em;margin-right:.5em;flex-shrink:0}.info-two__text{margin-left:2em;font-size:var(--font-sm);color:var(--color-gray2)}.info-three__flex{display:flex;flex-direction:column;gap:var(--space-sm)}@media(768px <= width){.info-three__flex{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}}.info-three__text{flex:1}.info-three__text p{margin-bottom:var(--space-2xs);font-size:var(--font-base)}.info-three__text .c-btn{margin-top:var(--space-sm);display:inline-block}.info-three__movie{flex-shrink:0;width:100%;aspect-ratio:16/9}@media(768px <= width){.info-three__movie{width:45%}}.info-three__movie iframe{width:100%;height:100%;border-radius:var(--radius-sm)}.ranking-panel{padding:var(--space-sm)}.ranking__notes{padding-block:var(--space-sm);padding-inline:var(--space-md);background-color:var(--color-subbg);border-radius:var(--radius-sm);margin-top:var(--space-xs);font-size:var(--font-sm)}.ranking__notes__title{font-weight:800;display:flex;align-items:center;margin-bottom:var(--space-xs)}.ranking__notes__title svg{width:1.5em;height:1.5em;margin-right:.5em;flex-shrink:0;color:var(--color-sub)}.ranking__notes__list{list-style-type:disc;margin-left:1.5rem;color:var(--color-gray2);line-height:1.8}.ranking-table-wrap{overflow-x:auto;display:none}@media(768px <= width){.ranking-table-wrap{display:block}}.ranking-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.ranking-table thead tr{background:var(--color-main)}.ranking-table th{color:var(--color-white);font-weight:700;padding:var(--space-xs);text-align:center;border-bottom:1px solid var(--color-result-accent);vertical-align:middle}.ranking-table td{padding:var(--space-xs);text-align:left;border-bottom:1px solid var(--color-result-accent);vertical-align:middle}.ranking-table__rank{width:64px;text-align:center}.ranking-table__type{width:90px}.ranking-table__fee{font-size:var(--font-sm);color:var(--color-gray2)}.ranking-table__rate{width:90px;text-align:right;font-weight:700;white-space:nowrap}.ranking-table__rate--sub{color:var(--color-gray2);font-size:var(--font-sm);font-weight:400}.ranking-table__rate--main{font-size:var(--font-md);font-weight:800}.ranking-table__row:nth-child(even){background:var(--color-result-bg)}.ranking-table__rate.is-plus{color:var(--color-sub)}.ranking-table__rate.is-minus{color:#e53935}.ranking-table__rate--sub.is-plus{color:var(--color-gray2)}.ranking-table__rate--sub.is-minus{color:var(--color-gray2)}.ranking-table__rate--main.is-plus{color:var(--color-sub)}.ranking-table__rate--main.is-minus{color:#e53935}.ranking-cards{display:block}@media(768px <= width){.ranking-cards{display:none}}.ranking-card{background:#dde8f5;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.ranking-card__head{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xs)}.ranking-card__name{font-size:var(--font-sm);font-weight:700;margin-bottom:var(--space-2xs)}.ranking-card__dl{font-size:var(--font-sm)}.ranking-card__row{display:flex;justify-content:space-between;gap:var(--space-xs);padding-block:2px;border-bottom:1px solid rgba(0,0,0,.06)}.ranking-card__row:last-child{border-bottom:none}.ranking-card__row dt{color:var(--color-gray2)}.ranking-card__row dd{font-weight:700;text-align:right}.rate--sub{color:var(--color-gray2);font-size:var(--font-sm);font-weight:400}.rate--main{font-size:var(--font-md);font-weight:800}.rate--main.is-plus{color:var(--color-sub)}.rate--main.is-minus{color:#e53935}.ranking-type{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;white-space:nowrap}.type--overseas{background:#e6f1fb;color:#005598}.type--domestic{background:#e8f5e9;color:#2e7d32}.type--mixed{background:#fff3e0;color:#e65100}.type--multi{background:#f3e5f5;color:#6a1b9a}.type--bond{background:#fce4ec;color:#c62828}.type--short{background:#f1f8e9;color:#558b2f}.type--other{background:#f5f5f5;color:#616161}.ranking-item__badge--num{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-main);font-weight:800;font-size:var(--font-base);display:flex;align-items:center;justify-content:center}.ranking-crown{width:48px;height:auto}.ranking-footer{font-size:var(--font-sm);color:var(--color-gray2);text-align:right;margin-top:var(--space-xs);padding-top:var(--space-xs)}.cta{padding-block:var(--space-md)}.cta__inner{text-align:center;gap:var(--space-sm)}@media(768px <= width){.cta__inner{text-align:left}}.cta__inner figure{width:120px;flex-shrink:0;margin:0 auto}@media(768px <= width){.cta__inner figure{width:200px}}.cta__tittle{font-size:var(--font-xxxl);font-weight:800;margin-bottom:var(--space-2xs)}.cta__text{margin-bottom:var(--space-sm);font-size:var(--font-base)}footer{background-color:var(--color-base);padding-block:var(--space-xs);color:var(--color-white);font-size:var(--font-sm)}footer span{display:flex;align-items:center;justify-content:end}.footer-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.footer-list a{color:var(--color-white)}.footer-list a:hover{opacity:.75;color:var(--color-white)}.agreement{margin-inline:auto;inline-size:min(100%,var(--container-max));padding-inline:var(--space-sm)}.agreement ol{list-style-type:decimal;padding-left:1.5em}.agreement ul{list-style-type:disc;padding-left:1.5em}.agreement span{font-weight:800;border-bottom:1px solid var(--color-base)}.agreement-day{text-align:right;font-size:var(--font-sm)}