@layer theme {:host, :root { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-white: #fff; --spacing: .25rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --font-weight-medium: 500; --radius-md: .375rem; --radius-lg: .5rem; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }}@layer base {:host, html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }}.scene-detail__actions > .action--line { background: rgb(8, 182, 93); }.class-t-actions > .action--line { background: rgb(8, 182, 93); }.class-t-cta .class-t-actions > a:not(.action--line) { border: 2px solid rgb(255, 255, 255); }.guide-message__body { background: rgb(255, 255, 255); border: 1px solid rgba(13, 63, 59, 0.12); border-radius: 32px; padding: 44px; box-shadow: rgb(223, 229, 226) 14px 16px; }.guide-message__body blockquote { color: var(--guide-ink); letter-spacing: -0.035em; border-bottom: 1px solid rgba(13, 63, 59, 0.15); margin: 0px 0px 32px; padding-bottom: 28px; font-size: clamp(28px, 3.6vw, 46px); font-weight: 800; line-height: 1.45; }.guide-message__body p { color: rgb(86, 107, 104); margin: 0px; font-size: 16px; font-weight: 600; line-height: 2; }.guide-message__body p + p { margin-top: 20px; }@media (max-width: 800px) {.guide-message__body { border-radius: 24px; padding: 28px 24px; box-shadow: rgb(223, 229, 226) 8px 10px; }.guide-message__body blockquote { font-size: 25px; }.guide-message__body p { font-size: 14px; }}.news-article__body { padding: 46px 0px 30px; }.news-article__body p { margin: 0px 0px 24px; font-size: 16px; line-height: 2.1; }@media (max-width: 680px) {body.mobile-menu-open { overflow: hidden; }}:is(.repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > div + span, :is(.section-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > span { max-width: 760px; color: var(--subtle); text-align: left; margin: 18px 0px 0px; font-size: 13px; line-height: 1.9; display: block; }@media (max-width: 680px) {:root { --unified-page-title-size: clamp(40px,12vw,56px); --unified-section-title-size: clamp(32px,9.2vw,42px); }:is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading, .fund-heading, .haarii-heading) { text-align: center; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }.catalog-section-heading > span, .product-choice-heading p, .section-heading > p, :is(.repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > div + span, :is(.section-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > span, :is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading, .fund-heading, .haarii-heading) h2 { text-align: center; margin-left: auto; margin-right: auto; }}body.cart-popup-open { overflow: hidden; }body.cart-popup-open .bottom-cta, body.cart-popup-open .chatbot { visibility: hidden; pointer-events: none; opacity: 0; }@media (min-width: 981px) {.catalog-product-card__body { padding: 18px 18px 21px; }}:root { --unified-page-title-size: clamp(48px,5vw,76px); --unified-section-title-size: clamp(36px,3.6vw,54px); }:is(.catalog-hero__title, .performance-hero h1, .repeat-hero__copy h1, .sustain-hero__copy h1, .keiro-hero h1, .sim-hero h1, .support-hero h1, .flag-hero h1, .new-hero__copy h1, .data-hero h1, .fund-hero h1, .haarii-hero h1, .bring-hero__copy h1) { font-family: var(--display); font-size: var(--unified-page-title-size); letter-spacing: -0.055em; text-align: left; font-weight: 900; line-height: 1.08; }:is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) { place-items: flex-start legacy; text-align: left; flex-direction: column; max-width: 920px; margin-left: 0px; margin-right: auto; display: flex; }:is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading, .fund-heading, .haarii-heading) h2 { max-width: 920px; font-family: var(--display); font-size: var(--unified-section-title-size); letter-spacing: -0.045em; text-align: left; margin: 0px; font-weight: 900; line-height: 1.16; }.catalog-section-heading > span, .product-choice-heading p, .section-heading > p, :is(.repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > div + span, :is(.section-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > span { max-width: 760px; color: var(--subtle); text-align: left; margin: 18px 0px 0px; font-size: 13px; line-height: 1.9; display: block; }@media (max-width: 680px) {:root { --unified-page-title-size: clamp(40px,12vw,56px); --unified-section-title-size: clamp(32px,9.2vw,42px); }:is(.catalog-hero__title, .performance-hero h1, .repeat-hero__copy h1, .sustain-hero__copy h1, .keiro-hero h1, .sim-hero h1, .support-hero h1, .flag-hero h1, .new-hero__copy h1, .data-hero h1, .fund-hero h1, .haarii-hero h1, .bring-hero__copy h1) { text-align: center; margin-left: auto; margin-right: auto; }:is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading, .fund-heading, .haarii-heading) { text-align: center; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }.catalog-section-heading > span, .product-choice-heading p, .section-heading > p, :is(.repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > div + span, :is(.section-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading) > span, :is(.section-heading, .product-choice-heading, .catalog-section-heading, .performance-heading, .repeat-heading, .sustain-section-heading, .keiro-heading, .sim-heading, .flag-heading, .new-heading, .data-heading, .bring-heading, .fund-heading, .haarii-heading) h2 { text-align: center; margin-left: auto; margin-right: auto; }}.data-final a:not(.action), .data-hero__actions a:last-child { color: var(--data-ink); text-underline-offset: 7px; font-weight: 900; text-decoration: underline; }.data-final a:not(.action) { color: rgb(255, 255, 255); }.bring-final a:not(.action), .bring-hero__actions > a:not(.action) { color: var(--bring-ink); text-underline-offset: 7px; font-weight: 900; text-decoration: underline; }.bring-process__body { grid-template-columns: minmax(0px, 1fr) minmax(340px, 0.85fr); align-items: center; gap: 70px; padding: 0px 18px; display: grid; }.bring-process__body > img { object-fit: cover; border-radius: 22px; width: 100%; height: auto; max-height: 470px; display: block; }.bring-process__copy .action { width: min(100%, 430px); margin-top: 28px; }.bring-final a:not(.action) { color: rgb(255, 255, 255); }@media (max-width: 760px) {.bring-hero__actions > a:not(.action) { text-align: center; }.bring-process__body { grid-template-columns: 1fr; gap: 27px; padding: 0px 3px; }.bring-process__body > img { border-radius: 15px; max-height: 330px; }}.repeat-final a:not(.action), .repeat-hero__actions > a:not(.action) { color: var(--repeat-ink); text-underline-offset: 7px; font-weight: 900; text-decoration: underline; }.repeat-final a:not(.action) { color: rgb(255, 255, 255); }@media (max-width: 760px) {.repeat-hero__actions > a:not(.action) { text-align: center; }}:root { --ink: #123d3a; --ink-deep: #092d2c; --coral: #f05a3c; --coral-dark: #d9482f; --sun: #f5bd45; --sand: #f2eee4; --paper: #fffdf8; --muted: #e6e1d6; --line: #c9c3b7; --text: #183532; --subtle: #66736d; --line-green: #05b75b; --display: "Arial Black","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; --body: "Hiragino Sans","Yu Gothic",Meiryo,sans-serif; }.new-page { --new-ink: #143f51; --new-pink: #ef528b; --new-blue: #58bad8; --new-mint: #9ed9c2; --new-yellow: #ffdb55; color: var(--new-ink); background: rgb(255, 253, 249); overflow: clip; }.new-shell { width: min(100% - 64px, 1280px); margin-inline: auto; }.new-eyebrow, .new-heading > p { color: var(--new-pink); font-family: var(--display); letter-spacing: 0.14em; margin: 0px; font-size: 13px; font-weight: 900; }.new-hero { clip-path: ellipse(140% 100% at 50% 0px); background: radial-gradient(circle at 9% 16%, rgba(255, 255, 255, 0.52) 0px, rgba(255, 255, 255, 0.52) 4px, rgba(0, 0, 0, 0) 5px) 0px 0px / 74px 74px, linear-gradient(125deg, rgb(255, 240, 168), rgb(188, 234, 215) 46%, rgb(168, 221, 237)); min-height: 760px; position: relative; overflow: hidden; }.new-hero::before { content: ""; border: 55px solid rgba(255, 255, 255, 0.18); border-radius: 50%; width: 68vw; height: 68vw; position: absolute; bottom: -28vw; right: -12vw; }.new-hero__decoration::after, .new-hero__decoration::before { z-index: 1; content: ""; border-radius: 999px; position: absolute; transform: rotate(-24deg); }.new-hero__decoration::before { background: var(--new-pink); width: 74px; height: 20px; top: 11%; left: 47%; }.new-hero__decoration::after { background: var(--new-yellow); width: 48px; height: 15px; bottom: 14%; right: 3%; }.new-hero__grid { z-index: 2; grid-template-columns: 0.92fr 1.08fr; align-items: center; gap: clamp(35px, 5vw, 80px); min-height: 760px; padding-block: 104px 72px; display: grid; position: relative; }.new-hero__copy h1 { font-family: var(--display); letter-spacing: -0.06em; margin: 24px 0px 22px; font-size: clamp(52px, 5.8vw, 84px); font-weight: 900; line-height: 1.12; }.new-checklist h2 em, .new-final h2 em, .new-heading h2 em, .new-hero__copy h1 em { color: var(--new-pink); font-style: normal; }.new-hero__copy h1 > small { margin-top: 12px; font-size: 0.62em; line-height: 1.2; display: block; }.new-hero__lead { margin: 0px; font-size: clamp(15px, 1.5vw, 19px); font-weight: 800; line-height: 1.9; }.new-final__actions, .new-hero__actions { flex-wrap: wrap; gap: 12px; margin-top: 30px; display: flex; }.new-final__actions > a:not(.action), .new-hero__actions > a:not(.action) { border: 2px solid var(--new-ink); min-height: 58px; color: var(--new-ink); background: rgba(255, 255, 255, 0.8); border-radius: 18px; align-items: center; padding-inline: 24px; font-size: 14px; font-weight: 900; display: inline-flex; box-shadow: rgba(20, 63, 81, 0.13) 0px 7px; }.new-hero__visual { min-height: 560px; position: relative; }.new-hero__photo { background: rgb(255, 255, 255); border: 8px solid rgba(255, 255, 255, 0.76); border-radius: 48% 52% 43% 57% / 44% 42% 58% 56%; position: absolute; inset: 34px 22px 10px 28px; overflow: hidden; transform: rotate(2deg); box-shadow: rgba(20, 63, 81, 0.12) 24px 25px; }.new-hero__photo img { object-fit: cover; transform: scale(1.06) rotate(-2deg); }.new-hero__badge { border: 3px solid rgb(255, 255, 255); border-radius: 25px; align-content: center; min-width: 154px; min-height: 106px; padding: 18px; display: grid; position: absolute; transform: rotate(-5deg); box-shadow: rgba(20, 63, 81, 0.13) 10px 12px; }.new-hero__badge small, .new-hero__badge strong { font-family: var(--display); font-weight: 900; display: block; }.new-hero__badge small { letter-spacing: 0.12em; font-size: 9px; }.new-hero__badge strong { margin-top: 4px; font-size: 23px; }.new-hero__badge--top { background: rgb(255, 242, 183); top: 0px; right: 0px; }.new-hero__badge--bottom { background: rgb(251, 216, 229); bottom: 2px; left: 0px; transform: rotate(5deg); }.new-checklist, .new-contact, .new-details, .new-overview { padding-block: clamp(78px, 9vw, 130px); }.new-heading { grid-template-columns: minmax(0px, 1fr) minmax(280px, 0.6fr); margin-bottom: 46px; display: grid; }.new-heading > p { grid-column: 1 / -1; }.new-heading h2 { font-family: var(--display); letter-spacing: -0.045em; margin: 14px 0px 0px; font-size: clamp(40px, 5vw, 68px); font-weight: 800; line-height: 1.15; }.new-heading > span { color: rgb(100, 120, 125); align-self: end; font-size: 14px; font-weight: 700; line-height: 1.8; }.new-heading--flow { text-align: left; display: block; }.new-heading--flow > span { margin-top: 14px; display: block; }.new-overview__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; display: grid; }.new-overview__grid a { min-height: 150px; color: var(--new-ink); background: rgb(255, 255, 255); border: 1px solid rgba(20, 63, 81, 0.1); border-radius: 25px; grid-template-columns: 112px minmax(0px, 1fr) 46px; align-items: center; gap: 16px; padding: 14px 14px 14px 12px; transition: transform 0.18s, box-shadow 0.18s; display: grid; position: relative; box-shadow: rgba(20, 63, 81, 0.07) 0px 8px; }.new-overview__grid a:hover { transform: translateY(-4px); box-shadow: rgba(20, 63, 81, 0.09) 0px 12px; }.new-overview__media { background: rgb(238, 248, 245); border-radius: 20px; width: 112px; height: 120px; display: block; position: relative; overflow: hidden; }.new-overview__media img { object-fit: cover; }.new-overview__grid a:nth-child(2) .new-overview__media img, .new-overview__grid a:nth-child(3) .new-overview__media img { object-fit: contain; padding: 14px; }.new-overview__copy { flex-direction: column; align-items: flex-start; min-width: 0px; display: flex; }.new-overview__copy small { color: var(--new-pink); font-family: var(--display); letter-spacing: 0.08em; font-size: 10px; font-weight: 900; }.new-overview__copy strong { font-family: var(--display); margin-top: 7px; font-size: 25px; font-weight: 900; line-height: 1.2; }.new-overview__copy em { color: rgb(102, 123, 126); margin-top: 7px; font-size: 10px; font-style: normal; font-weight: 700; line-height: 1.6; }.new-overview__grid b { background: var(--new-pink); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 44px; height: 44px; font-size: 20px; display: grid; }.new-contact { background: rgb(238, 248, 245); }.new-contact .new-heading { text-align: left; display: block; }.new-contact .new-heading > span { max-width: 720px; margin-top: 14px; display: block; }.new-contact__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; display: grid; }.new-contact-card { background: rgb(255, 255, 255); border: 1px solid rgba(20, 63, 81, 0.1); border-radius: 30px; min-height: 360px; padding: 28px; box-shadow: rgba(20, 63, 81, 0.08) 0px 11px; }.new-contact-card__top { justify-content: space-between; align-items: flex-start; display: flex; }.new-contact-card__top > span { color: var(--new-pink); font-family: var(--display); font-weight: 900; }.new-contact-card__top i { width: 110px; height: 110px; color: var(--new-pink); background: rgb(248, 205, 224); border-radius: 43% 57% 58% 42%; place-items: center; font-size: 39px; font-style: normal; font-weight: 900; display: grid; }.new-contact--mint .new-contact-card__top i { color: rgb(39, 135, 104); background: rgb(203, 234, 223); }.new-contact--blue .new-contact-card__top i { color: rgb(41, 134, 168); background: rgb(215, 237, 246); }.new-contact-card h3 { font-family: var(--display); margin: 25px 0px 10px; font-size: 27px; font-weight: 900; }.new-contact-card p { color: rgb(100, 120, 125); margin: 0px; font-size: 13px; font-weight: 700; line-height: 1.8; }.new-contact-card > small { color: rgb(102, 122, 126); background: rgb(241, 244, 244); border-radius: 999px; margin-top: 22px; padding: 7px 11px; font-size: 10px; font-weight: 900; display: inline-flex; }.new-details { padding-bottom: 0px; }.new-detail { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); align-items: stretch; gap: clamp(34px, 6vw, 85px); min-height: 560px; margin-bottom: clamp(70px, 9vw, 130px); scroll-margin-top: 150px; display: grid; }.new-detail--reverse { grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 0.9fr); }.new-detail--reverse .new-detail__copy { order: 2; }.new-detail__copy { flex-direction: column; justify-content: center; padding-block: 44px; display: flex; }.new-detail__label { align-items: center; gap: 13px; display: flex; }.new-detail__label span { background: var(--new-pink); color: rgb(255, 255, 255); width: 46px; height: 46px; font-family: var(--display); border-radius: 50%; place-items: center; font-size: 13px; font-weight: 900; display: grid; }.new-detail__label small { color: var(--new-pink); font-family: var(--display); letter-spacing: 0.13em; font-size: 12px; font-weight: 900; }.new-detail__copy h2 { font-family: var(--display); letter-spacing: -0.045em; margin: 20px 0px 0px; font-size: clamp(42px, 5vw, 70px); font-weight: 900; line-height: 1.08; }.new-detail__copy h3 { color: rgb(62, 106, 121); margin: 19px 0px 0px; font-size: clamp(19px, 2vw, 25px); font-weight: 900; }.new-detail__copy > p { color: rgb(95, 116, 120); margin: 20px 0px 0px; font-size: 14px; font-weight: 700; line-height: 2; }.new-detail__copy ul { flex-wrap: wrap; gap: 8px; margin: 25px 0px 0px; padding: 0px; list-style: none; display: flex; }.new-detail__copy li { background: rgb(246, 248, 247); border: 1px solid rgba(20, 63, 81, 0.1); border-radius: 999px; padding: 8px 13px; font-size: 11px; font-weight: 900; }.new-detail__visual { background: rgb(223, 239, 241); border-radius: 38px; min-height: 520px; position: relative; overflow: hidden; box-shadow: rgba(20, 63, 81, 0.09) 17px 18px; }.new-detail__visual::after { background: var(--new-yellow); content: ""; border-radius: 50%; width: 150px; height: 150px; position: absolute; top: -46px; right: -46px; }.new-detail__visual img { object-fit: cover; }.new-detail__visual--01 img { object-position: 50% center; }.new-detail__visual--03 img { object-fit: contain; background: rgb(243, 247, 247); padding: 55px; }.new-detail__visual--05 img, .new-detail__visual--06 img { object-position: center center; }.new-estimate-art { text-align: center; background: linear-gradient(145deg, rgb(255, 240, 168), rgb(255, 215, 230)); flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 54px; display: flex; }.new-estimate-art > span { color: var(--new-pink); font-family: var(--display); letter-spacing: 0.14em; font-size: 12px; font-weight: 900; }.new-estimate-art > strong { font-family: var(--display); margin-top: 16px; font-size: clamp(28px, 3vw, 44px); font-weight: 900; }.new-estimate-art > div { align-items: center; gap: 12px; margin-block: 38px; display: flex; }.new-estimate-art i { background: rgba(255, 255, 255, 0.7); border: 2px solid rgb(255, 255, 255); border-radius: 30px; place-items: center; width: 92px; height: 92px; font-style: normal; font-weight: 900; display: grid; }.new-estimate-art b { color: var(--new-pink); font-size: 24px; }.new-estimate-art > small { color: rgb(102, 119, 122); font-size: 11px; font-weight: 800; }.new-checklist { background: rgb(255, 243, 188); }.new-checklist__grid { grid-template-columns: 0.8fr 1.2fr; align-items: center; gap: clamp(45px, 8vw, 100px); display: grid; }.new-checklist h2 { font-family: var(--display); letter-spacing: -0.05em; margin: 16px 0px 18px; font-size: clamp(39px, 4.6vw, 62px); font-weight: 900; line-height: 1.17; }.new-checklist__grid > div > p:last-child { color: rgb(101, 119, 122); margin: 0px; font-size: 13px; font-weight: 700; line-height: 1.9; }.new-checklist ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 0px; padding: 0px; list-style: none; display: grid; }.new-checklist li { background: rgba(255, 255, 255, 0.68); border: 2px solid rgb(255, 255, 255); border-radius: 24px; min-height: 150px; padding: 23px; display: grid; box-shadow: rgba(20, 63, 81, 0.07) 0px 7px; }.new-checklist li span { color: var(--new-pink); font-family: var(--display); font-size: 12px; font-weight: 900; }.new-checklist li strong { margin-top: 15px; font-size: 18px; font-weight: 900; }.new-checklist li small { color: rgb(104, 121, 123); margin-top: 5px; font-size: 10px; font-weight: 700; }.new-final { background: linear-gradient(125deg, rgb(87, 189, 219), rgb(128, 212, 182) 55%, rgb(255, 220, 88)); padding-block: clamp(75px, 9vw, 120px); }.new-final__inner { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.18); border: 4px solid rgba(255, 255, 255, 0.55); border-radius: 40px; padding: clamp(45px, 7vw, 90px); position: relative; overflow: hidden; box-shadow: rgba(20, 63, 81, 0.1) 0px 14px; }.new-final__inner::after { content: ""; border: 55px solid rgba(255, 255, 255, 0.14); border-radius: 50%; width: 330px; height: 330px; position: absolute; bottom: -110px; right: -75px; }.new-final__inner > p { letter-spacing: 0.14em; margin: 0px; font-size: 12px; }.new-final h2, .new-final__inner > p { font-family: var(--display); font-weight: 900; }.new-final h2 { letter-spacing: -0.04em; margin: 15px 0px; font-size: clamp(42px, 5vw, 68px); line-height: 1.15; }.new-final h2 em { color: rgb(255, 241, 170); }.new-final__inner > span { font-size: 14px; font-weight: 800; }.new-final__actions { z-index: 1; position: relative; }@media (max-width: 980px) {.new-hero__grid { grid-template-columns: 0.95fr 1.05fr; gap: 28px; min-height: 720px; }.new-overview__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }.new-detail { gap: 34px; }}@media (max-width: 680px) {.new-shell { width: min(100% - 28px, 1280px); }.new-eyebrow, .new-heading > p { font-size: 10px; }.new-hero, .new-hero__grid { min-height: 1020px; }.new-hero__grid { grid-template-columns: 1fr; align-content: start; gap: 35px; padding-block: 145px 35px; }.new-hero__copy h1 { margin-block: 17px 14px; font-size: clamp(40px, 12vw, 51px); line-height: 1.15; }.new-hero__lead { font-size: 12px; line-height: 1.75; }.new-hero__actions { gap: 8px; margin-top: 20px; }.new-final__actions .action, .new-final__actions > a:not(.action), .new-hero__actions .action, .new-hero__actions > a:not(.action) { border-radius: 14px; min-height: 49px; padding-inline: 14px; font-size: 11px; }.new-hero__visual { min-height: 360px; }.new-hero__photo { border-width: 5px; border-radius: 35px; inset: 20px 8px 5px; box-shadow: rgba(20, 63, 81, 0.12) 12px 13px; }.new-hero__badge { border-radius: 17px; min-width: 108px; min-height: 73px; padding: 11px; box-shadow: rgba(20, 63, 81, 0.13) 6px 7px; }.new-hero__badge strong { font-size: 16px; }.new-hero__badge--bottom { bottom: -4px; }.new-checklist, .new-contact, .new-details, .new-overview { padding-block: 70px; }.new-heading { margin-bottom: 30px; display: block; }.new-heading h2 { margin-top: 10px; font-size: 39px; }.new-heading > span { margin-top: 12px; font-size: 11px; display: block; }.new-overview__grid { grid-template-columns: 1fr; gap: 10px; }.new-overview__grid a { border-radius: 20px; grid-template-columns: 92px minmax(0px, 1fr) 40px; gap: 12px; min-height: 124px; padding: 10px; }.new-overview__media { border-radius: 16px; width: 92px; height: 102px; }.new-overview__copy strong { margin-top: 5px; font-size: 22px; }.new-overview__copy em { margin-top: 5px; font-size: 9px; }.new-overview__grid b { width: 38px; height: 38px; font-size: 17px; }.new-contact__grid { grid-template-columns: 1fr; gap: 12px; }.new-contact-card { border-radius: 24px; min-height: 0px; padding: 22px; }.new-contact-card__top i { width: 76px; height: 76px; font-size: 28px; }.new-contact-card h3 { margin-top: 12px; font-size: 23px; }.new-contact-card p { font-size: 11px; }.new-details { padding-bottom: 0px; }.new-detail, .new-detail--reverse { grid-template-columns: 1fr; gap: 25px; min-height: 0px; margin-bottom: 80px; }.new-detail--reverse .new-detail__copy { order: 0; }.new-detail__copy { padding-block: 0px; }.new-detail__label span { width: 39px; height: 39px; font-size: 11px; }.new-detail__copy h2 { margin-top: 14px; font-size: 41px; }.new-detail__copy h3 { margin-top: 12px; font-size: 18px; }.new-detail__copy > p { margin-top: 14px; font-size: 11px; line-height: 1.85; }.new-detail__copy ul { margin-top: 18px; }.new-detail__copy li { padding: 7px 10px; font-size: 9px; }.new-detail__visual { border-radius: 27px; min-height: 310px; box-shadow: rgba(20, 63, 81, 0.09) 10px 11px; }.new-detail__visual--03 img { padding: 25px; }.new-estimate-art { padding: 30px 16px; }.new-estimate-art > strong { font-size: 27px; }.new-estimate-art > div { gap: 6px; margin-block: 27px; }.new-estimate-art i { border-radius: 23px; width: 72px; height: 72px; font-size: 12px; }.new-checklist__grid { grid-template-columns: 1fr; gap: 34px; }.new-checklist h2 { font-size: 38px; }.new-checklist ul { gap: 8px; }.new-checklist li { border-radius: 18px; min-height: 135px; padding: 17px; }.new-checklist li strong { font-size: 15px; }.new-final { padding-block: 60px 95px; }.new-final__inner { border-width: 3px; border-radius: 28px; padding: 36px 22px; }.new-final h2 { font-size: 37px; }.new-final__inner > span { font-size: 11px; line-height: 1.8; }}* { box-sizing: border-box; }html { scroll-behavior: smooth; scroll-padding-top: calc(var(--site-chrome-height,124px) + 16px); }body { background: var(--paper); color: var(--text); font-family: var(--body); -webkit-font-smoothing: antialiased; margin: 0px; line-height: 1.7; }body::selection { background: var(--sun); color: var(--ink-deep); }.action { cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0px; justify-content: center; align-items: center; gap: 14px; min-height: 52px; padding: 10px 20px; font-size: 13px; font-weight: 800; transition: transform 0.16s, background 0.16s, color 0.16s; display: inline-flex; }.action:hover:not(:disabled) { transform: translateY(-2px); }.action small { letter-spacing: 0.04em; opacity: 0.75; border: 1px solid; padding: 2px 5px; font-size: 8px; }.action:disabled { cursor: not-allowed; filter: saturate(0.55); opacity: 0.78; }.action--coral { background: var(--coral); color: rgb(255, 255, 255); }.action--coral:hover:not(:disabled) { background: var(--coral-dark); }.action--line { background: var(--line-green); color: rgb(255, 255, 255); }.action--outline { color: rgb(255, 255, 255); background: 0px 0px; border-color: rgba(255, 255, 255, 0.5); }.action--outline:hover:not(:disabled) { border-color: var(--sun); color: var(--sun); }.action--ink { background: var(--ink); color: rgb(255, 255, 255); }.journey-panel .action { align-self: flex-start; }.store-content .action { align-self: flex-start; }.bottom-cta .action { flex: 1 1 0%; min-height: 50px; padding-inline: 8px; }@media (max-width: 820px) {html { scroll-padding-top: calc(var(--site-chrome-height,124px) + 16px); }.hero-actions .action { width: 100%; }}@media (max-width: 520px) {.final-actions, .final-actions .action { width: 100%; }}.support-button, .support-hero__actions .action { border: 0px; border-radius: 16px; min-height: 58px; padding: 0px 24px; box-shadow: rgba(20, 79, 91, 0.18) 6px 7px; }.support-discount-note .action { box-shadow: rgba(20, 79, 91, 0.2) 6px 7px; }@media (max-width: 980px) {.support-discount-note .action { grid-column: 1 / -1; justify-self: start; }}@media (max-width: 680px) {.support-hero__actions .action, .support-hero__actions .support-button { min-width: 0px; min-height: 52px; padding-inline: 11px; font-size: 9px; }.support-hero__actions .action:first-child { grid-column: 1 / -1; }.support-discount-note .action { grid-column: auto; width: 100%; }.support-final__actions .action, .support-final__actions .support-button { width: min(100%, 340px); }}.haarii-button, .haarii-hero__actions .action { border: 0px; border-radius: 999px; justify-content: center; align-items: center; gap: 22px; min-height: 58px; padding: 0px 24px; font-size: 14px; font-weight: 900; display: inline-flex; box-shadow: rgba(3, 66, 128, 0.15) 0px 7px; }.haarii-final__actions .action--line, .haarii-hero__actions .action--line { background: var(--haarii-pink); color: rgb(255, 255, 255); }@media (max-width: 680px) {.haarii-button, .haarii-hero__actions .action { gap: 8px; min-height: 48px; padding-inline: 14px; font-size: 10px; }}@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }}:root { --site-chrome-height: 124px; --sky: #66c7e7; --sky-light: #b8eaf1; --grass: #8dc878; --pink: #f05b91; --purple: #6956bd; --lemon: #ffd84d; --play-shadow: 12px 14px 0 #144f5b33; }body { background: rgb(255, 253, 247); }.hero-actions .action { border: 0px; border-radius: 18px; transform: rotate(-1deg); box-shadow: rgba(17, 75, 86, 0.22) 6px 7px; }.hero-actions .action:nth-child(2) { transform: rotate(1deg); }.hero-actions .action:nth-child(3) { transform: rotate(-2deg); }@media (max-width: 680px) {:root { --site-chrome-height: 108px; }.hero-actions .action:first-child { grid-column: 1 / -1; }}.catalog-product-card__body { padding: 22px 20px 24px; }.catalog-product-card__body > p { color: rgb(101, 115, 111); min-height: 48px; margin: 0px 0px 20px; font-size: 11px; }.product-size-chart tbody th { z-index: 1; background: rgb(237, 241, 239); min-width: 82px; font-weight: 900; position: sticky; left: 0px; }@media (max-width: 760px) {.catalog-product-card__body { padding: 15px 12px 18px; }.catalog-product-card__body > p { min-height: 54px; font-size: 9px; }}.fund-button, .fund-hero__actions .action { border: 0px; border-radius: 18px; justify-content: center; align-items: center; gap: 18px; min-height: 58px; padding: 0px 22px; font-size: 14px; font-weight: 900; display: inline-flex; box-shadow: rgba(20, 63, 81, 0.18) 0px 7px; }@media (max-width: 680px) {.fund-button, .fund-hero__actions .action { border-radius: 14px; gap: 8px; min-height: 49px; padding-inline: 14px; font-size: 11px; box-shadow: rgba(20, 63, 81, 0.18) 0px 5px; }}.sim-editor__body { grid-template-columns: 54px minmax(280px, 1fr) 150px; min-height: 410px; display: grid; }@media (max-width: 700px) {.sim-editor__body { grid-template-columns: 38px 1fr; min-height: 300px; }}.section-more-action .action { justify-content: center; min-width: min(100%, 330px); }@media (max-width: 680px) {.faq-shop-actions .action { justify-content: center; width: 100%; }}@media (min-width: 981px) {.catalog-product-card__body { padding: 18px 18px 21px; }}@media (max-width: 680px) {body.mobile-menu-open .bottom-cta { pointer-events: none; transform: translateY(120%); }body.mobile-menu-open .chatbot { visibility: hidden; pointer-events: none; opacity: 0; }}.cart-flow__body { padding: clamp(24px, 4vw, 48px); }body.mobile-menu-open .chatbot { display: none; }@media (max-width: 820px) {.bottom-cta .action { border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 19px; gap: 8px; min-width: 0px; min-height: 58px; padding: 12px 10px; font-size: clamp(13px, 3.8vw, 17px); font-weight: 900; box-shadow: rgba(15, 63, 68, 0.12) 0px 5px 12px; }.bottom-cta .action--line { background: linear-gradient(135deg, rgb(18, 189, 104), rgb(9, 168, 91)); }.bottom-cta .action--coral { background: linear-gradient(135deg, rgb(255, 112, 84), rgb(242, 82, 63)); }.bottom-cta .action > span:last-child { background: rgba(255, 255, 255, 0.18); border-radius: 50%; place-items: center; width: 27px; height: 27px; font-size: 13px; display: grid; }}@media (max-width: 390px) {.bottom-cta .action { border-radius: 17px; min-height: 54px; font-size: 13px; }.bottom-cta .action > span:last-child { width: 24px; height: 24px; }}
:host{display:block;width:100%;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.5;}*,*::before,*::after{box-sizing:border-box;}a{color:inherit;text-decoration:none;}img{max-width:100%;height:auto;}