.color-red-600[data-v-303065f7],[data-v-303065f7] .color-red-600{color:var(--color-red-600)!important}.color-orange-600[data-v-303065f7],[data-v-303065f7] .color-orange-600{color:var(--color-orange-600)!important}.color-blue-700[data-v-303065f7],[data-v-303065f7] .color-blue-700{color:var(--color-blue-700)!important}.font-weight-bold[data-v-303065f7],[data-v-303065f7] .font-weight-bold{font-weight:700!important}.text-underline[data-v-303065f7],[data-v-303065f7] .text-underline{background:linear-gradient(to bottom,transparent 70%,var(--color-marker) 30%)!important}.bg-red-50[data-v-303065f7],[data-v-303065f7] .bg-red-50{background-color:var(--color-red-50)!important}.nisa-ranking-page-lead-content[data-v-303065f7]{background-color:var(--color-blue-50);margin-top:var(--space-24);padding:var(--space-24) var(--space-24) var(--space-40);position:relative}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content[data-v-303065f7]{margin-top:var(--space-32);padding:var(--space-24) var(--space-80)}}.nisa-ranking-page-lead-content[data-v-303065f7]:after,.nisa-ranking-page-lead-content[data-v-303065f7]:before{background-color:var(--color-neutral-10);bottom:0;content:"";display:inline-block;height:max(65/var(--base-mobile-width) * 100vw,65px);position:absolute;width:50%;z-index:2}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content[data-v-303065f7]:after,.nisa-ranking-page-lead-content[data-v-303065f7]:before{height:min(100/var(--base-desktop-width) * 100vw,100px)}}.nisa-ranking-page-lead-content[data-v-303065f7]:before{clip-path:polygon(0 0,0 100%,100% 100%);left:0}.nisa-ranking-page-lead-content[data-v-303065f7]:after{clip-path:polygon(100% 0,100% 100%,0 100%);right:0}.nisa-ranking-page-lead-content .content[data-v-303065f7]{position:relative;z-index:3}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block{align-items:center;display:flex;gap:var(--space-10);position:relative}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block{justify-content:center;margin-inline:auto;max-width:min(400/var(--base-desktop-width) * 100vw,400px);width:100%}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block:not(:last-child){margin-bottom:var(--space-16)}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block .avatar{flex-shrink:0;height:auto;width:max(80/var(--base-mobile-width) * 100vw,80px)}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block .avatar{width:min(80/var(--base-desktop-width) * 100vw,80px)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block .text{background-color:var(--color-neutral-10);border:1px solid var(--color-neutral-300);border-radius:max(48/var(--base-mobile-width) * 100vw,48px);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-8) var(--space-16);position:relative;text-align:center}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block .text{font-size:var(--font-size-md);padding:var(--space-16) var(--space-24)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=left] .text:after{background-color:var(--color-neutral-10);border:1px solid var(--color-neutral-300);border-radius:100%;bottom:0;content:"";display:inline-block;height:max(8/var(--base-mobile-width) * 100vw,8px);left:calc(max(8 / var(--base-mobile-width) * 100vw,8px)*-1);position:absolute;width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=left] .text:after{height:min(8/var(--base-desktop-width) * 100vw,8px);left:calc(min(8 / var(--base-desktop-width) * 100vw,8px)*-1);width:min(8/var(--base-desktop-width) * 100vw,8px)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right]{flex-direction:row-reverse}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text{z-index:1}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:after,.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:before{clip-path:polygon(0 0,100% 50%,0 100%);content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%)}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:before{background-color:var(--color-neutral-300);height:max(8/var(--base-mobile-width) * 100vw,8px);right:calc(max(8 / var(--base-mobile-width) * 100vw,8px)*-1);width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:before{height:min(8/var(--base-desktop-width) * 100vw,8px);right:calc(min(8 / var(--base-desktop-width) * 100vw,8px)*-1);width:min(8/var(--base-desktop-width) * 100vw,8px)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:after{background-color:var(--color-neutral-10);height:max(7/var(--base-mobile-width) * 100vw,7px);right:calc(max(6 / var(--base-mobile-width) * 100vw,6px)*-1);width:max(7/var(--base-mobile-width) * 100vw,7px)}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .text:after{height:min(7/var(--base-desktop-width) * 100vw,7px);right:calc(min(6 / var(--base-desktop-width) * 100vw,6px)*-1);width:min(7/var(--base-desktop-width) * 100vw,7px)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .side-text{height:auto;left:0;position:absolute;top:0;transform:rotate(-10deg);z-index:2}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .balloon-block[data-baloon-type=right] .side-text{top:calc(min(8 / var(--base-desktop-width) * 100vw,8px)*-1)}}.nisa-ranking-page-lead-content .content[data-v-303065f7] p>img{height:auto;width:100%}.nisa-ranking-page-lead-content .content[data-v-303065f7] .strong-text{color:var(--color-orange-600);font-size:var(--font-size-xl);font-weight:700;text-align:center}@media screen and (min-width:1020px){.nisa-ranking-page-lead-content .content[data-v-303065f7] .strong-text{font-size:var(--font-size-2xl)}}.color-red-600[data-v-d981192f],[data-v-d981192f] .color-red-600{color:var(--color-red-600)!important}.color-orange-600[data-v-d981192f],[data-v-d981192f] .color-orange-600{color:var(--color-orange-600)!important}.color-blue-700[data-v-d981192f],[data-v-d981192f] .color-blue-700{color:var(--color-blue-700)!important}.font-weight-bold[data-v-d981192f],[data-v-d981192f] .font-weight-bold{font-weight:700!important}.text-underline[data-v-d981192f],[data-v-d981192f] .text-underline{background:linear-gradient(to bottom,transparent 70%,var(--color-marker) 30%)!important}.bg-red-50[data-v-d981192f],[data-v-d981192f] .bg-red-50{background-color:var(--color-red-50)!important}.nisa-ranking-page-explanation-content[data-v-d981192f]{padding:var(--space-64) var(--space-8) 0}@media screen and (min-width:1020px){.nisa-ranking-page-explanation-content[data-v-d981192f]{padding:var(--space-100) 0 0}}.wrapper-above-text[data-v-d981192f]{align-items:center;display:flex;font-weight:700;gap:var(--space-16);justify-content:center;margin-bottom:var(--space-4)}.wrapper-above-text[data-v-d981192f]:after,.wrapper-above-text[data-v-d981192f]:before{background-color:var(--color-neutral-600);content:"";display:inline-block;height:max(16/var(--base-mobile-width) * 100vw,16px);width:1px}@media screen and (min-width:1020px){.wrapper-above-text[data-v-d981192f]:after,.wrapper-above-text[data-v-d981192f]:before{height:min(16/var(--base-desktop-width) * 100vw,16px);width:2px}}.wrapper-above-text[data-v-d981192f]:before{transform:rotate(-35deg)}.wrapper-above-text[data-v-d981192f]:after{transform:rotate(35deg)}.wrapper-above-text>span[data-v-d981192f]{font-size:var(--font-size-md);font-style:italic}@media screen and (min-width:1020px){.wrapper-above-text>span[data-v-d981192f]{font-size:var(--font-size-lg)}}.wrapper-above-text>span>span[data-v-d981192f]{font-size:var(--font-size-sm);font-style:normal}@media screen and (min-width:1020px){.wrapper-above-text>span>span[data-v-d981192f]{font-size:var(--font-size-md)}}.wrapper-above-text>span>span[data-v-d981192f]:before{background:url(../img/icon/beginner.svg) no-repeat 50%/contain;content:"";display:inline-block;height:max(16/var(--base-mobile-width) * 100vw,16px);margin-right:var(--space-2);vertical-align:-.125em;width:max(16/var(--base-mobile-width) * 100vw,16px)}@media screen and (min-width:1020px){.wrapper-above-text>span>span[data-v-d981192f]:before{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.wrapper[data-v-d981192f]{background-color:var(--color-blue-50);border:1px solid var(--color-blue-700);border-radius:max(60/var(--base-mobile-width) * 100vw,60px)}@media screen and (min-width:1020px){.wrapper[data-v-d981192f]{border-radius:min(60/var(--base-desktop-width) * 100vw,60px)}}.wrapper[open][data-v-d981192f]{border-radius:max(24/var(--base-mobile-width) * 100vw,24px)}@media screen and (min-width:1020px){.wrapper[open][data-v-d981192f]{border-radius:min(24/var(--base-desktop-width) * 100vw,24px)}}.wrapper[open] summary .label[data-v-d981192f]:after{opacity:0;transform:translate(-50%,-50%)}.wrapper summary[data-v-d981192f]{align-items:center;cursor:pointer;display:flex;justify-content:center;list-style:none;padding:var(--space-16);position:relative}.wrapper summary[data-v-d981192f]::-webkit-details-marker{display:none}.wrapper summary h2[data-v-d981192f]{color:var(--color-blue-900);font-size:var(--font-size-md)}@media screen and (min-width:1020px){.wrapper summary h2[data-v-d981192f]{font-size:var(--font-size-lg)}}.wrapper summary h2>span[data-v-d981192f]{font-size:var(--font-size-xl)}.wrapper summary .label[data-v-d981192f]{background-color:var(--color-blue-800);border-radius:100%;height:max(24/var(--base-mobile-width) * 100vw,24px);position:absolute;right:var(--space-24);width:max(24/var(--base-mobile-width) * 100vw,24px)}@media screen and (min-width:1020px){.wrapper summary .label[data-v-d981192f]{height:min(32/var(--base-desktop-width) * 100vw,32px);width:min(32/var(--base-desktop-width) * 100vw,32px)}}.wrapper summary .label[data-v-d981192f]:after,.wrapper summary .label[data-v-d981192f]:before{background-color:var(--color-neutral-10);content:"";display:inline-block;height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:max(10/var(--base-mobile-width) * 100vw,10px)}@media screen and (min-width:1020px){.wrapper summary .label[data-v-d981192f]:after,.wrapper summary .label[data-v-d981192f]:before{width:min(16/var(--base-desktop-width) * 100vw,16px)}}.wrapper summary .label[data-v-d981192f]:after{transform:translate(-50%,-50%) rotate(90deg)}.content[data-v-d981192f]{padding:var(--space-40) var(--space-16)}@media screen and (min-width:1020px){.content[data-v-d981192f]{padding:var(--space-40)}}.content[data-v-d981192f] p{font-size:var(--font-size-sm);font-weight:500;line-height:1.7}@media screen and (min-width:1020px){.content[data-v-d981192f] p{font-size:var(--font-size-md)}}.content[data-v-d981192f] p:not(:first-child){margin-top:var(--space-16)}.content[data-v-d981192f] img{height:auto;width:100%}.content[data-v-d981192f] h3:not(.lead-content>h3){background-color:var(--color-blue-900);color:var(--color-neutral-10);font-size:var(--font-size-lg);margin-block:var(--space-40) var(--space-16);margin-left:calc(var(--space-16)*-1);padding:var(--space-16);position:relative;text-align:center;width:calc(100% + var(--space-32))}@media screen and (min-width:1020px){.content[data-v-d981192f] h3:not(.lead-content>h3){margin-inline:auto;padding:var(--space-8) var(--space-16);width:-moz-fit-content;width:fit-content}}.content[data-v-d981192f] h3:not(.lead-content>h3):after{background-color:var(--color-blue-900);bottom:calc(max(9 / var(--base-mobile-width) * 100vw,9px)*-1);clip-path:polygon(0 0,50% 100%,100% 0);content:"";display:inline-block;height:max(10/var(--base-mobile-width) * 100vw,10px);left:50%;position:absolute;transform:translate(-50%);width:max(16/var(--base-mobile-width) * 100vw,16px)}@media screen and (min-width:1020px){.content[data-v-d981192f] h3:not(.lead-content>h3):after{bottom:calc(min(9 / var(--base-desktop-width) * 100vw,9px)*-1);height:min(10/var(--base-desktop-width) * 100vw,10px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.content[data-v-d981192f] h3:not(.lead-content>h3)>span{color:#fff265;font-size:var(--font-size-xl)}.content[data-v-d981192f] h3:not(.lead-content>h3)>span>span{font-size:var(--font-size-3xl);line-height:1}.content[data-v-d981192f] .point-heading{align-items:center;border-bottom:2px solid var(--color-orange-600);color:var(--color-orange-600);display:flex;font-size:var(--font-size-xl);gap:var(--space-10);margin-block:var(--space-40) var(--space-16);padding-bottom:var(--space-8)}.content[data-v-d981192f] .point-heading .label{align-items:center;display:flex;flex-direction:column;font-family:Roboto;font-size:var(--font-size-sm);letter-spacing:.1em;line-height:1}@media screen and (min-width:1020px){.content[data-v-d981192f] .point-heading .label{font-size:var(--font-size-xs)}}.content[data-v-d981192f] .point-heading .label>span{-webkit-text-stroke:1px var(--color-orange-600);color:transparent;font-size:max(40/var(--base-mobile-width) * 100vw,40px);paint-order:stroke}@media screen and (min-width:1020px){.content[data-v-d981192f] .point-heading .label>span{font-size:min(40/var(--base-desktop-width) * 100vw,40px)}}.content[data-v-d981192f] .lead-content>h3{align-items:center;color:var(--color-orange-600);display:flex;font-size:var(--font-size-xl);gap:var(--space-8);justify-content:center;padding-inline:var(--space-24);position:relative}@media screen and (min-width:1020px){.content[data-v-d981192f] .lead-content>h3{margin-inline:auto;padding-inline:var(--space-32);width:-moz-fit-content;width:fit-content}}.content[data-v-d981192f] .lead-content>h3:after,.content[data-v-d981192f] .lead-content>h3:before{border-color:var(--color-neutral-800);border-width:1px;content:"";display:inline-block;height:75%;position:absolute;top:50%;transform:translateY(-50%);width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.content[data-v-d981192f] .lead-content>h3:after,.content[data-v-d981192f] .lead-content>h3:before{width:min(8/var(--base-desktop-width) * 100vw,8px)}}.content[data-v-d981192f] .lead-content>h3:before{border-style:solid none solid solid;left:0}.content[data-v-d981192f] .lead-content>h3:after{border-style:solid solid solid none;right:0}.content[data-v-d981192f] .lead-content>h3 .above-image{height:auto;left:50%;position:absolute;top:calc(max(40 / var(--base-mobile-width) * 100vw,40px)*-1);transform:translate(-50%) rotate(-5deg);width:max(118/var(--base-mobile-width) * 100vw,118px)}@media screen and (min-width:1020px){.content[data-v-d981192f] .lead-content>h3 .above-image{top:calc(min(48 / var(--base-desktop-width) * 100vw,48px)*-1);width:min(138/var(--base-desktop-width) * 100vw,138px)}}.content[data-v-d981192f] .lead-content>h3 .icon-image{height:auto;width:auto}.content[data-v-d981192f] .lead-content{background-color:var(--color-neutral-10);background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-position:0 0;background-size:8px 8px;padding:var(--space-24)}@media screen and (min-width:1020px){.content[data-v-d981192f] .lead-content{padding:var(--space-40)}}.content[data-v-d981192f] .lead-content p{font-size:var(--font-size-xs)}@media screen and (min-width:1020px){.content[data-v-d981192f] .lead-content p{font-size:var(--font-size-md)}}.content[data-v-d981192f] .lead-content>img,.content[data-v-d981192f] .lead-content>picture{margin-block:var(--space-16)}.content[data-v-d981192f] .js-anchor-container ul{background-color:var(--color-neutral-10);border-radius:max(8/var(--base-mobile-width) * 100vw,8px);display:flex;flex-direction:column;gap:var(--space-24);list-style:none;margin:0;padding:var(--space-24);position:relative}@media screen and (min-width:1020px){.content[data-v-d981192f] .js-anchor-container ul{border-radius:min(8/var(--base-desktop-width) * 100vw,8px);padding:var(--space-40)}}.content[data-v-d981192f] .js-anchor-container ul:before{color:var(--color-orange-600);content:"POINT";display:inline-block;font-family:Roboto;font-size:max(40/var(--base-mobile-width) * 100vw,40px);font-style:italic;font-weight:700;left:0;line-height:1;opacity:.08;position:absolute;top:calc(max(6 / var(--base-mobile-width) * 100vw,6px)*-1)}@media screen and (min-width:1020px){.content[data-v-d981192f] .js-anchor-container ul:before{font-size:min(40/var(--base-desktop-width) * 100vw,40px);top:calc(min(6 / var(--base-desktop-width) * 100vw,6px)*-1)}}.content[data-v-d981192f] .js-anchor-container ul li{align-items:center;display:flex;gap:var(--space-8)}.content[data-v-d981192f] .js-anchor-container ul li span{align-items:center;background-color:var(--color-orange-600);border-radius:100%;color:var(--color-neutral-10);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;height:max(20/var(--base-mobile-width) * 100vw,20px);justify-content:center;line-height:1;width:max(20/var(--base-mobile-width) * 100vw,20px)}@media screen and (min-width:1020px){.content[data-v-d981192f] .js-anchor-container ul li span{font-size:var(--font-size-2xs);height:min(20/var(--base-desktop-width) * 100vw,20px);width:min(20/var(--base-desktop-width) * 100vw,20px)}}.content[data-v-d981192f] .js-anchor-container ul li button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-bottom:1px solid var(--color-orange-600);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:700;justify-content:space-between;padding-bottom:var(--space-4);width:100%}.content[data-v-d981192f] .js-anchor-container ul li button:after{background:url(../img/icon/chevron-down.svg) no-repeat 50%/contain;content:"";display:inline-block;flex-shrink:0;height:max(16/var(--base-mobile-width) * 100vw,16px);width:max(16/var(--base-mobile-width) * 100vw,16px)}@media screen and (min-width:1020px){.content[data-v-d981192f] .js-anchor-container ul li button:after{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}