.compare-table-service[data-v-3b3c6a07]{align-items:center;display:flex;flex-direction:column;height:100%;padding:var(--space-8);position:relative;width:100%}.compare-table-service .label[data-v-3b3c6a07]{align-items:flex-start;clip-path:polygon(0 0,100% 0,0 100%);display:flex;font-size:var(--font-size-sm);font-weight:500;height:max(32/var(--base-mobile-width) * 100vw,32px);justify-content:flex-start;left:0;line-height:1;padding:var(--space-2) var(--space-4);position:absolute;top:0;width:max(32/var(--base-mobile-width) * 100vw,32px)}@media screen and (min-width:1020px){.compare-table-service .label[data-v-3b3c6a07]{font-size:var(--font-size-xl);height:min(56/var(--base-desktop-width) * 100vw,56px);width:min(56/var(--base-desktop-width) * 100vw,56px)}}.compare-table-service .label[data-label-index="1"][data-v-3b3c6a07]{background-color:var(--color-yellow-600)}.compare-table-service .label[data-label-index="2"][data-v-3b3c6a07]{background-color:var(--color-neutral-600)}.compare-table-service .label[data-label-index="3"][data-v-3b3c6a07]{background-color:var(--color-moka-100)}.compare-table-service .image[data-v-3b3c6a07] img{height:auto;width:max(80/var(--base-mobile-width) * 100vw,80px)}@media screen and (min-width:1020px){.compare-table-service .image[data-v-3b3c6a07] img{width:min(150/var(--base-desktop-width) * 100vw,150px)}}.compare-table-service .cta[data-v-3b3c6a07]{align-items:center;color:var(--color-blue-700);display:flex;font-size:var(--font-size-2xs);gap:var(--space-2)}@media screen and (min-width:1020px){.compare-table-service .cta[data-v-3b3c6a07]{font-size:var(--font-size-sm);gap:var(--space-4)}}.compare-table-service .cta[data-v-3b3c6a07]:after{background:url(../img/icon/open-in-new-blue.svg) no-repeat 50%/contain;content:"";display:inline-block;flex-shrink:0;height:max(12/var(--base-mobile-width) * 100vw,12px);width:max(12/var(--base-mobile-width) * 100vw,12px)}@media screen and (min-width:1020px){.compare-table-service .cta[data-v-3b3c6a07]:after{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.compare-table-rating-icon-and-text[data-v-25c89518]{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);height:100%;justify-content:flex-start;padding-block:var(--space-8)}.compare-table-rating-icon-and-text img[data-v-25c89518]{height:auto;width:max(24/var(--base-mobile-width) * 100vw,24px)}@media screen and (min-width:1020px){.compare-table-rating-icon-and-text img[data-v-25c89518]{width:min(32/var(--base-desktop-width) * 100vw,32px)}}.compare-table-rating-icon-and-text .text[data-v-25c89518]{font-size:var(--font-size-sm);font-weight:700;text-align:center}.compare-table-cta[data-v-9f1152ea]{align-items:center;background:linear-gradient(to right,var(--color-red-300) 0,var(--color-red-600) 100%);border-radius:max(4/var(--base-mobile-width) * 100vw,4px);box-shadow:0 4px 0 0 var(--color-red-800);color:var(--color-neutral-10);display:flex;font-size:var(--font-size-3xs);font-weight:700;gap:var(--space-4);justify-content:center;padding:var(--space-8);text-decoration:none;transition:all .3s}@media screen and (min-width:1020px){.compare-table-cta[data-v-9f1152ea]{border-radius:min(4/var(--base-desktop-width) * 100vw,4px)}}.compare-table-cta[data-v-9f1152ea]:hover{box-shadow:none;transform:translateY(4px)}.compare-table-cta[data-v-9f1152ea]:after{background:url(../img/icon/open-in-new-white.svg) no-repeat 50%/contain;content:"";display:inline-block;flex-shrink:0;height:max(12/var(--base-mobile-width) * 100vw,12px);width:max(12/var(--base-mobile-width) * 100vw,12px)}@media screen and (min-width:1020px){.compare-table-cta[data-v-9f1152ea]:after{height:min(12/var(--base-desktop-width) * 100vw,12px);width:min(12/var(--base-desktop-width) * 100vw,12px)}}.service-card-rating-star[data-v-2f3c1eda]{align-items:center;display:flex;gap:1px}.service-card-rating-star span[data-v-2f3c1eda]{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:max(8/var(--base-mobile-width) * 100vw,8px);width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.service-card-rating-star span[data-v-2f3c1eda]{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.service-card-rating-star span[data-star-type=full][data-v-2f3c1eda]{background-image:url(../img/icon/star/full.svg)}.service-card-rating-star span[data-star-type=half][data-v-2f3c1eda]{background-image:url(../img/icon/star/half.svg)}.service-card-rating-star span[data-star-type=empty][data-v-2f3c1eda]{background-image:url(../img/icon/star/empty.svg)}.ranking-card-fav-button button[data-v-b45731c4]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-neutral-10);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-3xs);font-weight:700;gap:var(--space-4);justify-content:center;margin:0;padding:0;width:max(70/var(--base-mobile-width) * 100vw,70px)}@media screen and (min-width:1020px){.ranking-card-fav-button button[data-v-b45731c4]{width:min(96/var(--base-desktop-width) * 100vw,96px)}}.ranking-card-fav-button button svg[data-v-b45731c4]{height:auto;width:max(28/var(--base-mobile-width) * 100vw,28px)}@media screen and (min-width:1020px){.ranking-card-fav-button button svg[data-v-b45731c4]{width:min(30/var(--base-desktop-width) * 100vw,30px)}}.ranking-card-header[data-v-15652ee7]{align-items:center;background:linear-gradient(to bottom,var(--color-blue-200) 0,var(--color-blue-500) 100%);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-8)}@media screen and (min-width:1020px){.ranking-card-header[data-v-15652ee7]{padding:var(--space-16)}}.ranking-card-header .left-column[data-v-15652ee7]{align-items:center;color:var(--color-neutral-10);display:flex;gap:var(--space-8)}.ranking-card-header .left-column .crown[data-v-15652ee7]{position:relative}.ranking-card-header .left-column .crown img[data-v-15652ee7]{height:max(48/var(--base-mobile-width) * 100vw,48px);width:auto}@media screen and (min-width:1020px){.ranking-card-header .left-column .crown img[data-v-15652ee7]{height:min(64/var(--base-desktop-width) * 100vw,64px)}}.ranking-card-header .left-column .crown span[data-v-15652ee7]{color:var(--color-moka-900);font-family:Roboto,sans-serif;font-size:var(--font-size-lg);font-weight:500;left:50%;line-height:1;position:absolute;top:max(10/var(--base-mobile-width) * 100vw,10px);transform:translate(-50%)}@media screen and (min-width:1020px){.ranking-card-header .left-column .crown span[data-v-15652ee7]{font-size:var(--font-size-xl);top:min(14/var(--base-desktop-width) * 100vw,14px)}}.ranking-card-header .left-column h3[data-v-15652ee7]{font-size:var(--font-size-xl)}@media screen and (min-width:1020px){.ranking-card-header .left-column h3[data-v-15652ee7]{font-size:var(--font-size-2xl)}}.ranking-card-header .left-column h3 a[data-v-15652ee7]{color:var(--color-neutral-10);text-decoration:none}.ranking-card-header .left-column .score[data-v-15652ee7]{align-items:center;display:flex;font-size:var(--font-size-3xs);font-weight:500;gap:var(--space-4)}.ranking-card-header .left-column .score .num[data-v-15652ee7]{font-size:var(--font-size-sm);font-weight:700}.base-swiper[data-v-8d3d9800]{position:relative}.base-swiper .swiper-container[data-v-8d3d9800]{display:flex;margin-inline:auto;padding-inline:var(--space-8);width:calc(max(312 / var(--base-mobile-width) * 100vw,312px) + var(--space-16))}@media screen and (min-width:1020px){.base-swiper .swiper-container[data-v-8d3d9800]{width:100%}}.base-swiper .swiper-container[data-v-8d3d9800] swiper-slide{align-items:stretch;display:flex;height:auto;transition:transform .3s ease-in-out}.base-swiper .swiper-container[data-v-8d3d9800] .swiper-wrapper{transition-timing-function:ease-in-out}.base-swiper .next-button[data-v-8d3d9800],.base-swiper .prev-button[data-v-8d3d9800]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-700);background-position:50%;background-repeat:no-repeat;background-size:max(16/var(--base-mobile-width) * 100vw,16px);border:1px solid var(--color-neutral-800);border-radius:max(2/var(--base-mobile-width) * 100vw,2px);cursor:pointer;display:flex;height:max(32/var(--base-mobile-width) * 100vw,32px);justify-content:center;opacity:.7;position:absolute;top:50%;touch-action:manipulation;transform:translateY(calc(-50% - var(--space-16)));-webkit-user-select:none;-moz-user-select:none;user-select:none;width:max(24/var(--base-mobile-width) * 100vw,24px);z-index:2;-webkit-touch-callout:none;transition:opacity .3s ease}@media screen and (min-width:1020px){.base-swiper .next-button[data-v-8d3d9800],.base-swiper .prev-button[data-v-8d3d9800]{background-size:min(16/var(--base-desktop-width) * 100vw,16px);border-radius:min(2/var(--base-desktop-width) * 100vw,2px);height:min(24/var(--base-desktop-width) * 100vw,24px);width:min(24/var(--base-desktop-width) * 100vw,24px)}}.base-swiper .next-button.disabled[data-v-8d3d9800],.base-swiper .next-button[data-v-8d3d9800]:disabled,.base-swiper .prev-button.disabled[data-v-8d3d9800],.base-swiper .prev-button[data-v-8d3d9800]:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.base-swiper .prev-button[data-v-8d3d9800]{background-image:url(../img/icon/chevron-left-white.svg);left:0}.base-swiper .next-button[data-v-8d3d9800]{background-image:url(../img/icon/chevron-right-white.svg);right:0}.base-swiper .controls[data-v-8d3d9800]{align-items:center;display:flex;gap:var(--space-8);justify-content:center;margin-top:var(--space-16)}.base-swiper .controls button[data-v-8d3d9800]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-500);border:none;border-radius:100%;cursor:pointer;height:max(8/var(--base-mobile-width) * 100vw,8px);margin:0;padding:0;width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.base-swiper .controls button[data-v-8d3d9800]{height:min(8/var(--base-desktop-width) * 100vw,8px);width:min(8/var(--base-desktop-width) * 100vw,8px)}}.base-swiper .controls button[data-v-8d3d9800]:disabled{background-color:var(--color-blue-700)}@media screen and (min-width:1020px){.ranking-card-image-swiper[data-v-b7fcce8e]{width:calc(min(312 / var(--base-desktop-width) * 100vw,312px) + var(--space-16))}}.ranking-card-image-swiper[data-v-b7fcce8e] .swiper-container{overflow:hidden;transition:all .3s ease-in-out}.ranking-card-image-swiper[data-v-b7fcce8e] swiper-slide{min-height:max(214/var(--base-mobile-width) * 100vw,214px)}@media screen and (min-width:1020px){.ranking-card-image-swiper[data-v-b7fcce8e] swiper-slide{min-height:min(214/var(--base-desktop-width) * 100vw,214px)}}.container[data-v-b7fcce8e]{align-items:center;display:flex;height:100%;justify-content:center}.image[data-v-b7fcce8e]{height:max(214/var(--base-mobile-width) * 100vw,214px);-o-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out;width:100%}@media screen and (min-width:1020px){.image[data-v-b7fcce8e]{height:min(214/var(--base-desktop-width) * 100vw,214px)}}.slide:not(:last-child) .container[data-v-b7fcce8e]{margin-right:var(--space-8)}.ranking-card-content-top[data-v-4232d763]{display:flex;flex-direction:column;gap:var(--space-16)}@media screen and (min-width:1020px){.ranking-card-content-top[data-v-4232d763]{flex-direction:row}.ranking-card-content-top .swiper[data-v-4232d763]{flex-shrink:0;width:min(328/var(--base-desktop-width) * 100vw,328px)}}.ranking-card-content-top .wrapper[data-v-4232d763]{display:flex;flex-direction:column;gap:var(--space-16)}.ranking-card-content-top .main-copy[data-v-4232d763]{font-size:var(--font-size-sm);padding-inline:var(--space-8)}@media screen and (min-width:1020px){.ranking-card-content-top .main-copy[data-v-4232d763]{padding-inline:0}}.ranking-card-content-top .main-copy[data-v-4232d763] .strong{color:var(--color-neutral-1000);font-size:var(--font-size-2xl);font-weight:700}.ranking-card-content-top .tags[data-v-4232d763]{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-2);padding-inline:var(--space-8)}@media screen and (min-width:1020px){.ranking-card-content-top .tags[data-v-4232d763]{padding-inline:0}}.ranking-card-content-top .tags span[data-v-4232d763]{background-color:var(--color-blue-50);border-radius:max(100/var(--base-mobile-width) * 100vw,100px);color:var(--color-blue-700);font-size:var(--font-size-2xs);font-weight:500;padding:var(--space-4) var(--space-16)}.ranking-card-rating-icon-and-text[data-v-2312dea0]{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);height:100%;justify-content:flex-start;padding-block:var(--space-8)}.ranking-card-rating-icon-and-text img[data-v-2312dea0]{height:auto;width:max(24/var(--base-mobile-width) * 100vw,24px)}@media screen and (min-width:1020px){.ranking-card-rating-icon-and-text img[data-v-2312dea0]{width:min(32/var(--base-desktop-width) * 100vw,32px)}}.ranking-card-rating-icon-and-text .text[data-v-2312dea0]{font-size:var(--font-size-4xs);font-weight:400;text-align:center}@media screen and (min-width:1020px){.ranking-card-rating-icon-and-text .text[data-v-2312dea0]{font-size:var(--font-size-3xs)}}.color-red-400[data-v-373049df],[data-v-373049df] .color-red-400{color:var(--color-red-400)!important}.color-red-500[data-v-373049df],[data-v-373049df] .color-red-500{color:var(--color-red-500)!important}.font-weight-regular[data-v-373049df],[data-v-373049df] .font-weight-regular{font-weight:400!important}.font-weight-bold[data-v-373049df],[data-v-373049df] .font-weight-bold{font-weight:700!important}.font-size-sm[data-v-373049df],[data-v-373049df] .font-size-sm{font-size:var(--font-size-sm)!important}.font-size-2xs[data-v-373049df],[data-v-373049df] .font-size-2xs{font-size:var(--font-size-2xs)!important}.font-size-4xs[data-v-373049df],[data-v-373049df] .font-size-4xs{font-size:var(--font-size-4xs)!important}.text-marker[data-v-373049df],[data-v-373049df] .text-marker{background-color:var(--color-yellow-300)!important;padding-inline:var(--space-8)!important}.ranking-card-content-toggle-tab .buttons[data-v-373049df]{align-items:center;border-bottom:4px solid var(--color-blue-500);display:flex;gap:var(--space-4);justify-content:space-between}.ranking-card-content-toggle-tab .buttons button[data-v-373049df]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,var(--color-neutral-10) 0,var(--color-neutral-400) 100%);border:1px solid var(--color-blue-500);border-radius:max(8/var(--base-mobile-width) * 100vw,8px) max(8/var(--base-mobile-width) * 100vw,8px) 0 0;box-sizing:border-box;color:var(--color-blue-500);cursor:pointer;display:flex;flex:1;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-4);height:max(40/var(--base-mobile-width) * 100vw,40px);justify-content:center;padding:var(--space-8);transition:all .3s}@media screen and (min-width:1020px){.ranking-card-content-toggle-tab .buttons button[data-v-373049df]{border-radius:min(8/var(--base-desktop-width) * 100vw,8px) min(8/var(--base-desktop-width) * 100vw,8px) 0 0;height:min(40/var(--base-desktop-width) * 100vw,40px)}}.ranking-card-content-toggle-tab .buttons button[data-is-active=true][data-v-373049df]{background:linear-gradient(to bottom,var(--color-blue-200) 0,var(--color-blue-500) 100%);border:none;color:var(--color-neutral-10);font-weight:700}.ranking-card-content-toggle-tab .buttons button[data-is-active=true][data-v-373049df]:after{background-color:var(--color-neutral-10);clip-path:polygon(0 0,50% 100%,100% 0);content:"";display:inline-block;height:max(8/var(--base-mobile-width) * 100vw,8px);margin-top:.25em;width:max(12/var(--base-mobile-width) * 100vw,12px)}@media screen and (min-width:1020px){.ranking-card-content-toggle-tab .buttons button[data-is-active=true][data-v-373049df]:after{height:min(10/var(--base-desktop-width) * 100vw,10px);width:min(18/var(--base-desktop-width) * 100vw,18px)}}.ranking-card-content-toggle-tab .contents[data-v-373049df]{border-color:var(--color-neutral-600);border-style:none solid solid;border-width:1px;display:flex;overflow:hidden}.ranking-card-content-toggle-tab .contents>div[data-v-373049df]{flex-shrink:0;padding:var(--space-8);transition:all .3s;width:100%}.ranking-card-content-toggle-tab .contents table[data-v-373049df]{border-collapse:separate;border-spacing:0;height:100%;table-layout:auto;width:100%}.ranking-card-content-toggle-tab .contents table td[data-v-373049df],.ranking-card-content-toggle-tab .contents table th[data-v-373049df]{border:1px solid var(--color-neutral-600);font-weight:500}.ranking-card-content-toggle-tab .contents table td[data-v-373049df]:not(:last-child),.ranking-card-content-toggle-tab .contents table th[data-v-373049df]:not(:last-child){border-right:none}.ranking-card-content-toggle-tab .contents table.base-spec-table td[data-v-373049df],.ranking-card-content-toggle-tab .contents table.base-spec-table th[data-v-373049df]{padding:var(--space-8) var(--space-16)}.ranking-card-content-toggle-tab .contents table.point-table td[data-v-373049df],.ranking-card-content-toggle-tab .contents table.point-table th[data-v-373049df]{height:100%;padding:var(--space-2) var(--space-8);width:33.3333333333%}.ranking-card-content-toggle-tab .contents table tr:not(:last-child) td[data-v-373049df],.ranking-card-content-toggle-tab .contents table tr:not(:last-child) th[data-v-373049df]{border-bottom:none}.ranking-card-content-toggle-tab .contents table th[data-v-373049df]{background-color:var(--color-neutral-400);font-size:var(--font-size-2xs)}.ranking-card-content-toggle-tab .contents table td[data-v-373049df]{font-size:var(--font-size-sm)}.ranking-card-content-toggle-tab .contents table .water-types-text[data-v-373049df]{font-size:var(--font-size-4xs);font-weight:400}.ranking-card-content-toggle-tab .contents table .water-types-text[data-v-373049df]>span{font-size:var(--font-size-sm);font-weight:700}.ranking-card-content-toggle-tab .contents table .server-types-text[data-v-373049df]{font-weight:700}.ranking-card-content-toggle-tab .pfas[data-v-373049df]{align-items:center;display:flex;gap:var(--space-4);justify-content:center}.ranking-card-content-toggle-tab .pfas-modal-button[data-v-373049df]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-700);border:none;border-radius:100%;color:var(--color-neutral-10);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-3xs);height:max(14/var(--base-mobile-width) * 100vw,14px);justify-content:center;margin:0;padding:0;width:max(14/var(--base-mobile-width) * 100vw,14px)}@media screen and (min-width:1020px){.ranking-card-content-toggle-tab .pfas-modal-button[data-v-373049df]{height:min(14/var(--base-desktop-width) * 100vw,14px);width:min(14/var(--base-desktop-width) * 100vw,14px)}}.color-red-400[data-v-6d4dbfcb],[data-v-6d4dbfcb] .color-red-400{color:var(--color-red-400)!important}.color-red-500[data-v-6d4dbfcb],[data-v-6d4dbfcb] .color-red-500{color:var(--color-red-500)!important}.font-weight-regular[data-v-6d4dbfcb],[data-v-6d4dbfcb] .font-weight-regular{font-weight:400!important}.font-weight-bold[data-v-6d4dbfcb],[data-v-6d4dbfcb] .font-weight-bold{font-weight:700!important}.font-size-sm[data-v-6d4dbfcb],[data-v-6d4dbfcb] .font-size-sm{font-size:var(--font-size-sm)!important}.font-size-2xs[data-v-6d4dbfcb],[data-v-6d4dbfcb] .font-size-2xs{font-size:var(--font-size-2xs)!important}.font-size-4xs[data-v-6d4dbfcb],[data-v-6d4dbfcb] .font-size-4xs{font-size:var(--font-size-4xs)!important}.text-marker[data-v-6d4dbfcb],[data-v-6d4dbfcb] .text-marker{background-color:var(--color-yellow-300)!important;padding-inline:var(--space-8)!important}.ranking-card-content-point-content[data-v-6d4dbfcb]{border:1px solid var(--color-neutral-600);border-radius:max(4/var(--base-mobile-width) * 100vw,4px);overflow:hidden}@media screen and (min-width:1020px){.ranking-card-content-point-content[data-v-6d4dbfcb]{border-radius:min(4/var(--base-desktop-width) * 100vw,4px)}}.ranking-card-content-point-content .header[data-v-6d4dbfcb]{background-color:var(--color-blue-400);color:var(--color-neutral-10);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-8);text-align:center}@media screen and (min-width:1020px){.ranking-card-content-point-content .header[data-v-6d4dbfcb]{font-size:var(--font-size-md)}}.ranking-card-content-point-content .content[data-v-6d4dbfcb]{padding:var(--space-16);position:relative}.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol li{align-items:center;display:flex;font-size:var(--font-size-2xs);gap:var(--space-16);line-height:1.7}.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol li:not(:first-child){padding-top:var(--space-16)}.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol li:not(:last-child){border-bottom:1px dashed var(--color-neutral-600);padding-bottom:var(--space-8)}.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol li .label{align-items:center;background-color:var(--color-blue-300);border-radius:100%;color:var(--color-neutral-10);display:flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:700;height:max(24/var(--base-mobile-width) * 100vw,24px);justify-content:center;line-height:1;width:max(24/var(--base-mobile-width) * 100vw,24px)}@media screen and (min-width:1020px){.ranking-card-content-point-content .content[data-v-6d4dbfcb] ol li .label{height:min(24/var(--base-desktop-width) * 100vw,24px);width:min(24/var(--base-desktop-width) * 100vw,24px)}}.ranking-card-content-point-content .content .button[data-v-6d4dbfcb]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-500);border:none;color:var(--color-neutral-900);cursor:pointer;display:flex;font-size:var(--font-size-3xs);font-weight:500;gap:var(--space-4);height:max(32/var(--base-mobile-width) * 100vw,32px);justify-content:center;margin-top:-1px;position:relative;width:100%;z-index:2}@media screen and (min-width:1020px){.ranking-card-content-point-content .content .button[data-v-6d4dbfcb]{height:min(35/var(--base-desktop-width) * 100vw,35px)}}.ranking-card-content-point-content .content .button[data-v-6d4dbfcb]:after{background-color:var(--color-neutral-900);clip-path:polygon(0 0,50% 100%,100% 0);content:"";display:inline-block;flex-shrink:0;height:max(8/var(--base-mobile-width) * 100vw,8px);transition:all .3s;width:max(12/var(--base-mobile-width) * 100vw,12px)}@media screen and (min-width:1020px){.ranking-card-content-point-content .content .button[data-v-6d4dbfcb]:after{height:min(8/var(--base-desktop-width) * 100vw,8px);width:min(12/var(--base-desktop-width) * 100vw,12px)}}.ranking-card-content-point-content .content .button[data-is-show=true][data-v-6d4dbfcb]{margin-top:var(--space-8)}.ranking-card-content-point-content .content .button[data-is-show=true][data-v-6d4dbfcb]:after{transform:rotate(180deg)}@media screen and (min-width:1020px){.ranking-card-review-swiper[data-v-a6f00786]{margin-inline:auto;width:calc(min(560 / var(--base-desktop-width) * 100vw,560px) + var(--space-12))}}.ranking-card-review-swiper[data-v-a6f00786] .swiper-container{overflow:hidden}.ranking-card-review-swiper[data-v-a6f00786] swiper-slide{min-height:auto;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.ranking-card-review-swiper[data-v-a6f00786] .swiper-wrapper{transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.ranking-card-review-swiper .container[data-v-a6f00786]{height:100%;padding-bottom:1px}.ranking-card-review-swiper .card[data-v-a6f00786]{border:1px solid var(--color-neutral-600);border-radius:max(4/var(--base-mobile-width) * 100vw,4px);display:flex;flex-direction:column;gap:var(--space-8);height:100%;padding:var(--space-16)}@media screen and (min-width:1020px){.ranking-card-review-swiper .card[data-v-a6f00786]{border-radius:min(4/var(--base-desktop-width) * 100vw,4px)}}.ranking-card-review-swiper .card .header[data-v-a6f00786]{align-items:center;display:flex;gap:var(--space-8)}.ranking-card-review-swiper .card .header img[data-v-a6f00786]{flex-shrink:0;height:auto;width:max(40/var(--base-mobile-width) * 100vw,40px)}@media screen and (min-width:1020px){.ranking-card-review-swiper .card .header img[data-v-a6f00786]{width:min(40/var(--base-desktop-width) * 100vw,40px)}}.ranking-card-review-swiper .card .header .headline[data-v-a6f00786]{display:flex;flex-direction:column;font-weight:500}.ranking-card-review-swiper .card .header .headline .title[data-v-a6f00786]{font-size:var(--font-size-sm)}.ranking-card-review-swiper .card .header .headline .age-gender[data-v-a6f00786]{color:var(--color-neutral-700);font-size:var(--font-size-3xs)}.ranking-card-review-swiper .card .header .score[data-v-a6f00786]{align-items:center;display:flex;flex-shrink:0;gap:var(--space-4)}.ranking-card-review-swiper .card .header .score img[data-v-a6f00786]{flex-shrink:0;height:auto;width:max(20/var(--base-mobile-width) * 100vw,20px)}@media screen and (min-width:1020px){.ranking-card-review-swiper .card .header .score img[data-v-a6f00786]{width:min(20/var(--base-desktop-width) * 100vw,20px)}}.ranking-card-review-swiper .card .header .score span[data-v-a6f00786]{color:var(--color-red-500);font-size:var(--font-size-xl);font-weight:700}.ranking-card-review-swiper .card .content[data-v-a6f00786]{font-size:var(--font-size-2xs)}.ranking-card-review-swiper .slide:not(:last-child) .card[data-v-a6f00786]{margin-right:var(--space-8)}.color-red-400[data-v-e87fd1e7],[data-v-e87fd1e7] .color-red-400{color:var(--color-red-400)!important}.color-red-500[data-v-e87fd1e7],[data-v-e87fd1e7] .color-red-500{color:var(--color-red-500)!important}.font-weight-regular[data-v-e87fd1e7],[data-v-e87fd1e7] .font-weight-regular{font-weight:400!important}.font-weight-bold[data-v-e87fd1e7],[data-v-e87fd1e7] .font-weight-bold{font-weight:700!important}.font-size-sm[data-v-e87fd1e7],[data-v-e87fd1e7] .font-size-sm{font-size:var(--font-size-sm)!important}.font-size-2xs[data-v-e87fd1e7],[data-v-e87fd1e7] .font-size-2xs{font-size:var(--font-size-2xs)!important}.font-size-4xs[data-v-e87fd1e7],[data-v-e87fd1e7] .font-size-4xs{font-size:var(--font-size-4xs)!important}.text-marker[data-v-e87fd1e7],[data-v-e87fd1e7] .text-marker{background-color:var(--color-yellow-300)!important;padding-inline:var(--space-8)!important}.ranking-card-content-campaign[data-v-e87fd1e7]{border:1px solid var(--color-blue-900);border-radius:max(4/var(--base-mobile-width) * 100vw,4px);overflow:hidden}@media screen and (min-width:1020px){.ranking-card-content-campaign[data-v-e87fd1e7]{border-radius:min(4/var(--base-desktop-width) * 100vw,4px)}}.ranking-card-content-campaign .header[data-v-e87fd1e7]{align-items:center;background-color:var(--color-blue-900);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-8) var(--space-8);text-align:center}@media screen and (min-width:1020px){.ranking-card-content-campaign .header[data-v-e87fd1e7]{flex-direction:row;gap:var(--space-16);justify-content:center;padding:var(--space-8)}}.ranking-card-content-campaign .header .above-text[data-v-e87fd1e7]{color:var(--color-neutral-10);font-size:var(--font-size-2xs);font-weight:500}.ranking-card-content-campaign .header .above-text .bracket[data-v-e87fd1e7]{margin:0 var(--space-4)}.ranking-card-content-campaign .header .timer-text[data-v-e87fd1e7]{align-items:center;color:var(--color-yellow-600);display:flex;font-size:var(--font-size-md);font-weight:700;gap:var(--space-4)}.ranking-card-content-campaign .header .timer-text[data-v-e87fd1e7]:before{background:url(../img/icon/timer-yellow.svg) no-repeat 50%/contain;content:"";display:inline-block;flex-shrink:0;height:max(20/var(--base-mobile-width) * 100vw,20px);width:max(17/var(--base-mobile-width) * 100vw,17px)}@media screen and (min-width:1020px){.ranking-card-content-campaign .header .timer-text[data-v-e87fd1e7]:before{height:min(20/var(--base-desktop-width) * 100vw,20px);width:min(17/var(--base-desktop-width) * 100vw,17px)}}.ranking-card-content-campaign .content[data-v-e87fd1e7]{background-color:var(--color-yellow-50);display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12) var(--space-16) var(--space-16)}.ranking-card-content-campaign .content .content-header[data-v-e87fd1e7]{background-color:var(--color-yellow-600);border-radius:max(100/var(--base-mobile-width) * 100vw,100px);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-4);text-align:center}.ranking-card-content-campaign .content .content-main[data-v-e87fd1e7]{font-size:var(--font-size-sm)}.ranking-card-content-campaign .content .content-main[data-v-e87fd1e7] hr{border-color:var(--color-neutral-700);border-style:dashed none none;border-width:1px;margin-block:var(--space-12)}.ranking-card-content[data-v-bc2c924e]{background-color:var(--color-neutral-10);display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-16) var(--space-8)}@media screen and (min-width:1020px){.ranking-card-content[data-v-bc2c924e]{padding:var(--space-24) var(--space-16)}}.ranking-card-content .wrapper[data-v-bc2c924e]{padding-inline:var(--space-8)}@media screen and (min-width:1020px){.ranking-card-content .wrapper[data-v-bc2c924e]{padding-inline:var(--space-48)}}.ranking-card-content h4[data-v-bc2c924e]{background-color:var(--color-blue-400);border-radius:max(4/var(--base-mobile-width) * 100vw,4px);color:var(--color-neutral-10);font-size:var(--font-size-md);margin-bottom:calc(var(--space-8)*-1);padding:var(--space-8);text-align:center}@media screen and (min-width:1020px){.ranking-card-content h4[data-v-bc2c924e]{border-radius:min(4/var(--base-desktop-width) * 100vw,4px)}}.ranking-card-content .cta[data-v-bc2c924e]{align-items:center;background:linear-gradient(to right,var(--color-red-300) 0,var(--color-red-600) 100%);border-radius:max(100/var(--base-mobile-width) * 100vw,100px);box-shadow:0 4px 0 0 var(--color-red-800);color:var(--color-neutral-10);display:flex;font-size:var(--font-size-md);font-weight:700;gap:var(--space-8);height:max(56/var(--base-mobile-width) * 100vw,56px);justify-content:center;text-decoration:none;transition:all .3s;width:100%}@media screen and (min-width:1020px){.ranking-card-content .cta[data-v-bc2c924e]{border-radius:min(100/var(--base-desktop-width) * 100vw,100px);height:min(60/var(--base-desktop-width) * 100vw,60px);margin-inline:auto;width:min(522/var(--base-desktop-width) * 100vw,522px)}}.ranking-card-content .cta[data-v-bc2c924e]:hover{box-shadow:none;transform:translateY(4px)}.ranking-card-content .cta[data-v-bc2c924e]:after{background:url(../img/icon/open-in-new-white.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){.ranking-card-content .cta[data-v-bc2c924e]:after{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.ranking-card-content .notice[data-v-bc2c924e]{color:var(--color-neutral-700);font-size:var(--font-size-3xs);margin-top:var(--space-16)}.ranking-card[data-v-a0556e88]{border:1px solid var(--color-neutral-600);border-radius:max(8/var(--base-mobile-width) * 100vw,8px);box-shadow:0 0 5px #3333331a;overflow:hidden}@media screen and (min-width:1020px){.ranking-card[data-v-a0556e88]{border-radius:min(8/var(--base-desktop-width) * 100vw,8px)}}.service-card-rating-star[data-v-010b5519]{align-items:center;display:flex;gap:1px}.service-card-rating-star span[data-v-010b5519]{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:max(8/var(--base-mobile-width) * 100vw,8px);width:max(8/var(--base-mobile-width) * 100vw,8px)}@media screen and (min-width:1020px){.service-card-rating-star span[data-v-010b5519]{height:min(16/var(--base-desktop-width) * 100vw,16px);width:min(16/var(--base-desktop-width) * 100vw,16px)}}.service-card-rating-star span[data-star-type=full][data-v-010b5519]{background-image:url(../img/icon/star/full.svg)}.service-card-rating-star span[data-star-type=half][data-v-010b5519]{background-image:url(../img/icon/star/half.svg)}.service-card-rating-star span[data-star-type=empty][data-v-010b5519]{background-image:url(../img/icon/star/empty.svg)}.compare-table-scroll-hint[data-v-16615ec8]{background-color:#00000080;border-radius:max(16/var(--base-mobile-width) * 100vw,16px);height:max(130/var(--base-mobile-width) * 100vw,130px);position:relative;width:max(160/var(--base-mobile-width) * 100vw,160px)}@media screen and (min-width:1020px){.compare-table-scroll-hint[data-v-16615ec8]{border-radius:min(16/var(--base-desktop-width) * 100vw,16px);height:min(130/var(--base-desktop-width) * 100vw,130px);width:min(160/var(--base-desktop-width) * 100vw,160px)}}.compare-table-scroll-hint img[data-v-16615ec8]{height:auto;position:absolute}.compare-table-scroll-hint .arrows[data-v-16615ec8]{left:max(32/var(--base-mobile-width) * 100vw,32px);top:max(16/var(--base-mobile-width) * 100vw,16px);width:max(90/var(--base-mobile-width) * 100vw,90px)}@media screen and (min-width:1020px){.compare-table-scroll-hint .arrows[data-v-16615ec8]{left:min(32/var(--base-desktop-width) * 100vw,32px);top:min(16/var(--base-desktop-width) * 100vw,16px);width:min(90/var(--base-desktop-width) * 100vw,90px)}}.compare-table-scroll-hint .hand[data-v-16615ec8]{animation:swipe-16615ec8 .75s infinite;left:50%;top:max(44/var(--base-mobile-width) * 100vw,44px);transform:translate(-50%);width:max(60/var(--base-mobile-width) * 100vw,60px)}@media screen and (min-width:1020px){.compare-table-scroll-hint .hand[data-v-16615ec8]{top:min(44/var(--base-desktop-width) * 100vw,44px);width:min(60/var(--base-desktop-width) * 100vw,60px)}}@keyframes swipe-16615ec8{0%{opacity:0;transform:translate(-25%)}60%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-75%)}}.color-red-400[data-v-14c8054d],[data-v-14c8054d] .color-red-400{color:var(--color-red-400)!important}.color-red-500[data-v-14c8054d],[data-v-14c8054d] .color-red-500{color:var(--color-red-500)!important}.font-weight-regular[data-v-14c8054d],[data-v-14c8054d] .font-weight-regular{font-weight:400!important}.font-weight-bold[data-v-14c8054d],[data-v-14c8054d] .font-weight-bold{font-weight:700!important}.font-size-sm[data-v-14c8054d],[data-v-14c8054d] .font-size-sm{font-size:var(--font-size-sm)!important}.font-size-2xs[data-v-14c8054d],[data-v-14c8054d] .font-size-2xs{font-size:var(--font-size-2xs)!important}.font-size-4xs[data-v-14c8054d],[data-v-14c8054d] .font-size-4xs{font-size:var(--font-size-4xs)!important}.text-marker[data-v-14c8054d],[data-v-14c8054d] .text-marker{background-color:var(--color-yellow-300)!important;padding-inline:var(--space-8)!important}.scrollable-compare-table[data-v-14c8054d]{background-color:var(--color-neutral-10);margin-inline:calc(50% - 50vw);padding:var(--space-8);width:100vw}@media screen and (min-width:1020px){.scrollable-compare-table[data-v-14c8054d]{margin-inline:auto;width:min(690/var(--base-desktop-width) * 100vw,690px)}}.scrollable-compare-table .wrapper[data-v-14c8054d]{overflow-x:scroll;position:relative}.scrollable-compare-table .wrapper .hint[data-v-14c8054d]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrollable-compare-table table[data-v-14c8054d]{border-collapse:separate;border-spacing:0;height:100%;table-layout:auto;width:100%}.scrollable-compare-table table td[data-v-14c8054d],.scrollable-compare-table table th[data-v-14c8054d]{border:1px solid var(--color-neutral-600);text-align:center}.scrollable-compare-table table td[data-v-14c8054d]:not(:first-child),.scrollable-compare-table table th[data-v-14c8054d]:not(:first-child){border-left:none}.scrollable-compare-table table tr:not(:last-child) td[data-v-14c8054d],.scrollable-compare-table table tr:not(:last-child) th[data-v-14c8054d]{border-bottom:none}.scrollable-compare-table table th[data-v-14c8054d]{background-color:var(--color-neutral-400);font-size:var(--font-size-3xs);font-weight:500;left:0;min-width:max(64/var(--base-mobile-width) * 100vw,64px);padding:var(--space-4);position:sticky;top:0;width:max(64/var(--base-mobile-width) * 100vw,64px);z-index:3}@media screen and (min-width:1020px){.scrollable-compare-table table th[data-v-14c8054d]{min-width:min(96/var(--base-desktop-width) * 100vw,96px);width:min(96/var(--base-desktop-width) * 100vw,96px)}}.scrollable-compare-table table td[data-v-14c8054d]{font-size:var(--font-size-2xs);min-width:max(114/var(--base-mobile-width) * 100vw,114px);padding:var(--space-8) var(--space-4);width:max(114/var(--base-mobile-width) * 100vw,114px)}@media screen and (min-width:1020px){.scrollable-compare-table table td[data-v-14c8054d]{min-width:min(136/var(--base-desktop-width) * 100vw,136px);padding-inline:var(--space-16);width:min(136/var(--base-desktop-width) * 100vw,136px)}}.scrollable-compare-table table td.service-td[data-v-14c8054d]{padding:0 0 var(--space-8);vertical-align:baseline}.scrollable-compare-table table .service-and-rating[data-v-14c8054d]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.scrollable-compare-table table .rating[data-v-14c8054d]{align-items:center;display:flex;gap:var(--space-8);justify-content:center;margin-inline:auto}.scrollable-compare-table table .rating span[data-v-14c8054d]{color:var(--color-red-500);font-size:var(--font-size-lg);font-weight:700}.scrollable-compare-table table .cta-wrapper[data-v-14c8054d]{margin-inline:auto;width:max(84/var(--base-mobile-width) * 100vw,84px)}@media screen and (min-width:1020px){.scrollable-compare-table table .cta-wrapper[data-v-14c8054d]{width:min(96/var(--base-desktop-width) * 100vw,96px)}}.scrollable-compare-table .caption[data-v-14c8054d]{caption-side:bottom;font-size:var(--font-size-3xs);margin-top:var(--space-4);text-align:left}