@charset "UTF-8";.hl-wrap{max-width:1180px;margin:0 auto}.hl-toolbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:.35rem;padding:var(--space-8) 0 var(--space-16);margin-bottom:var(--space-16);background:var(--color-bg-gray)}@media(max-width:600px){.hl-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}.hl-filter{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .8rem;font-size:var(--font-size-xs);color:var(--color-text-sub);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.hl-filter span{font-family:var(--font-mono);color:var(--color-text-muted)}.hl-filter:hover{border-color:var(--color-primary);color:var(--color-text)}.hl-filter[aria-pressed=true]{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.hl-filter[aria-pressed=true] span{color:inherit}.hl-list{display:flex;flex-direction:column;gap:var(--space-32);margin-bottom:var(--space-48)}.hl-card{padding:var(--space-32);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);scroll-margin-top:5rem}.hl-card[hidden]{display:none}@media(max-width:600px){.hl-card{padding:var(--space-24) var(--space-16)}}.hl-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-8) var(--space-16);margin-bottom:var(--space-24)}.hl-title{display:flex;align-items:baseline;gap:var(--space-12);margin:0;font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.hl-no{font-family:var(--font-mono);font-size:var(--font-size-s);color:var(--color-primary)}.hl-en{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted)}.hl-tags{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 0 auto}.hl-devices{display:grid;grid-template-columns:3.1fr 1fr;align-items:end;gap:var(--space-24);margin:0 0 var(--space-24);padding:var(--space-24);background:#f3f5f9;border-radius:var(--radius-sm)}@media(max-width:640px){.hl-devices{grid-template-columns:1fr;justify-items:center;padding:var(--space-16)}.hl-device.is-desktop{width:100%}.hl-device.is-mobile{width:55%}}.hl-device{margin:0}.hl-device figcaption{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-sub)}.hl-device figcaption .material-symbols-outlined{font-size:1.1em}.hl-screen{overflow:hidden;background:var(--color-white);border:1px solid #cdd3de;box-shadow:0 6px 20px #0f172a14}.is-desktop .hl-screen{border-radius:8px}.is-mobile .hl-screen{padding:6px;background:#1f2937;border:0;border-radius:18px}.is-mobile .wf{border-radius:12px}.hl-chrome{display:flex;gap:5px;padding:7px 10px;background:#e8ebf1;border-bottom:1px solid #cdd3de}.hl-chrome i{width:8px;height:8px;background:#c3c9d4;border-radius:50%}.hl-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24)}@media(max-width:900px){.hl-info{grid-template-columns:1fr;gap:var(--space-16)}}.hl-desc{grid-column:1/-1;margin:0;font-size:var(--font-size-s);line-height:var(--line-height-relaxed)}.hl-info h3{display:flex;align-items:center;gap:.3rem;margin:0 0 var(--space-8);font-size:var(--font-size-s);font-weight:var(--font-weight-bold)}.hl-info h3 .material-symbols-outlined{font-size:1.15rem;color:var(--color-primary)}.hl-info p,.hl-info li{font-size:var(--font-size-s);line-height:var(--line-height-relaxed);color:var(--color-text-sub)}.hl-info p{margin:0}.hl-info ul{margin:0;padding-left:1.2em}.hl-info li+li{margin-top:var(--space-4)}.hl-fit{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hl-fit li{margin:0;padding:.1rem .6rem;font-size:var(--font-size-xs);list-style:none;background:var(--color-bg-gray);border-radius:var(--radius-sm)}.hl-info .hl-fit{padding:0}.hl-info .hl-fit li+li{margin-top:0}.hl-guide p,.hl-guide li{font-size:var(--font-size-s)}.hl-guide p{margin-bottom:var(--space-16)}.hl-guide ul{margin:0 0 var(--space-16);padding-left:1.2em}.hl-guide code:not(pre code){padding:.1em .35em;font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-gray);border-radius:var(--radius-sm)}.hl-guide-title{margin:var(--space-32) 0 var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.hl-guide-title:first-of-type{margin-top:0}.hl-code{margin-bottom:var(--space-16)}.hl-code pre{overflow:auto;padding:var(--space-16);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-base);border-radius:var(--radius-sm);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.wf{position:relative;container-type:inline-size;overflow:hidden;background:#fff}.is-desktop .wf{aspect-ratio:16/10}.is-mobile .wf{aspect-ratio:9/16}.wf-in{position:absolute;inset:0;display:flex;flex-direction:column;line-height:1.3;color:#1f2937}.is-desktop .wf-in{font-size:1.45cqw}.is-mobile .wf-in{font-size:4.2cqw}.wf i,.wf b{font-style:normal}.wf-h{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;height:3.4em;padding:0 2em;color:#4b5563;background:#fff;border-bottom:1px solid #e5e7eb}.is-mobile .wf-h{padding:0 1.2em}.wf-h.is-over{position:absolute;inset:0 0 auto;color:#fff;background:transparent;border-color:#ffffff40}.wf-logo{width:6em;height:1.2em;background:currentColor;border-radius:.2em;opacity:.55}.wf-nav{display:flex;align-items:center;gap:1.4em}.wf-nav>i{width:3.4em;height:.45em;background:currentColor;border-radius:1em;opacity:.35}.wf-nav>.wf-tel{width:7em;height:.7em}.wf-burger{display:flex;flex-direction:column;justify-content:space-between;width:1.5em;height:1.05em}.wf-burger i{height:.15em;background:currentColor;border-radius:1em}.wf-m{position:relative;flex:1;display:flex;min-height:0}.wf-m.is-col{flex-direction:column}.wf-m.is-tint{background:#f4f1ec}.wf-cols,.wf-rows{flex:1;display:grid;min-height:0}.wf-cols{grid-template-columns:var(--c, 1fr 1fr)}.wf-rows{grid-template-rows:var(--r, 1fr 1fr)}.wf-pad{display:flex;align-items:center;min-width:0;padding:2em 3em}.is-mobile .wf-pad{padding:1.6em 1.4em}.wf-pad.is-center{justify-content:center}.wf-pad.is-top{flex:none;padding-top:3em;padding-bottom:2em}.is-mobile .wf-pad.is-top{padding-top:2em;padding-bottom:1.4em}.wf-pad.is-wide{flex:1;padding-left:5em}.is-mobile .wf-pad.is-wide{padding-left:1.4em}.wf-pad.is-video{padding-top:0}.wf-img{position:relative;flex:1;display:grid;place-items:center;min-width:0;min-height:0;background:#e3e7ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' stroke='%23c5ccd8' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}.wf-img>span{padding:.25em .7em;font-size:.8em;color:#6b7280;white-space:nowrap;background:#e3e7ee;border-radius:.3em}.wf-img.is-fill{position:absolute;inset:0}.wf-img.is-fill>span{position:absolute;top:4.6em;left:1.6em}.wf-img.is-round{border-radius:.8em}.wf-img.is-round-top{border-radius:.8em .8em 0 0}.wf-video{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;min-width:0;color:#ffffffd9;background:linear-gradient(135deg,#4b5567,#2f3746)}.wf-video>span{font-size:.8em;white-space:nowrap}.wf-video.is-fill{position:absolute;inset:0}.wf-video.is-fill>span{position:absolute;top:4.6em;right:1.6em}.wf-video.is-fill>.wf-loop{position:absolute;top:5.2em;right:1.2em}.wf-video.is-169{flex:none;width:100%;aspect-ratio:16/9}.wf-video.is-round{border-radius:.8em}.wf-play{position:relative;width:3.4em;height:3.4em;background:#ffffffeb;border-radius:50%}.wf-play:before{position:absolute;inset:0;margin:auto;width:1.1em;height:1.3em;background:#2f3746;clip-path:polygon(0 0,100% 50%,0 100%);translate:.15em 0;content:""}.wf-loop{width:0;height:0}.wf-scrim{position:absolute;inset:0;z-index:1;background:#11182759}.wf-scrim.is-bottom{background:linear-gradient(to top,#11182799,#11182700 65%)}.wf-scrim.is-left{background:linear-gradient(to right,#11182799,#11182700 70%)}.wf-scrim.is-right{background:linear-gradient(to left,#1118278c,#11182700 60%)}.wf-ov{position:absolute;inset:0;z-index:2;display:flex;padding:4.4em 4em 3em}.is-mobile .wf-ov{padding:4.4em 1.4em 2.4em}.wf-ov.is-center{align-items:center;justify-content:center}.wf-ov.is-left{align-items:center}.wf-ov.is-bl{align-items:flex-end}.wf-ov.is-tr{justify-content:flex-end}.wf-ov.is-split{align-items:center;justify-content:space-between;gap:3em}.wf-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1em;min-width:0}.wf-txt.is-center{align-items:center;text-align:center}.wf-txt.is-light{color:#fff}.wf-copy{font-size:2.6em;font-weight:700;line-height:1.25;letter-spacing:.02em;white-space:nowrap}.wf-copy.is-xl{font-size:4.2em;line-height:1.15}.is-mobile .wf-copy.is-xl{font-size:3.6em}.wf-lines{display:flex;flex-direction:column;gap:.55em;width:17em;max-width:100%}.wf-txt.is-center .wf-lines{align-items:center}.wf-lines i{width:100%;height:.5em;background:currentColor;border-radius:1em;opacity:.25}.wf-lines i:last-child:not(:first-child){width:65%}.wf-btns{display:flex;flex-wrap:wrap;gap:.6em;margin-top:.4em}.wf-btn{display:inline-flex;align-items:center;justify-content:center;height:2.8em;padding:0 2em;font-size:.85em;font-weight:700;color:#fff;white-space:nowrap;background:var(--color-primary);border-radius:99em}.wf-btn.is-ghost{color:inherit;background:transparent;box-shadow:inset 0 0 0 1px currentColor}.wf-btn.is-s{height:2.4em;padding:0 1.2em;font-size:.7em}.wf-btn.is-l{height:3.2em;padding:0 2.4em;font-size:.95em}.wf-scroll{position:absolute;bottom:1em;left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4em;font-size:.6em;letter-spacing:.2em;color:#fff;translate:-50% 0}.wf-scroll:after{width:1px;height:3em;background:currentColor;content:""}.wf-scroll.is-dark{color:#9ca3af}.wf-slide{position:relative;display:flex;min-height:0}.wf-dots{position:absolute;bottom:1.4em;left:50%;z-index:2;display:flex;gap:.5em;translate:-50% 0}.wf-dots i{width:.6em;height:.6em;background:#ffffff8c;border-radius:1em;box-shadow:0 0 0 1px #00000014}.wf-dots i:first-child{width:1.8em;background:#fff}.wf-arrows{position:absolute;right:2em;bottom:1em;z-index:2;display:flex;gap:.6em}.wf-arrows i{position:relative;width:2.4em;height:2.4em;background:#ffffffe6;border-radius:50%}.wf-arrows i:before{position:absolute;inset:0;margin:auto;width:.6em;height:.6em;border-top:2px solid #374151;border-right:2px solid #374151;rotate:-135deg;translate:.12em 0;content:""}.wf-arrows i:last-child:before{rotate:45deg;translate:-.12em 0}.wf-shot{flex:1;display:flex;min-height:0;padding:0 9em}.is-mobile .wf-shot{padding:0 1.4em}.wf-shot .wf-img{box-shadow:0 0 0 1px #d6dbe4}.wf-inset{position:absolute;inset:2em 2.4em 2em 24%;display:flex}.wf-card{padding:2.4em;background:#fff;border-radius:.6em;box-shadow:0 .6em 2em #0f172a1f}.wf-card.is-overlap{position:absolute;top:50%;left:3.6em;z-index:2;translate:0 -50%}.is-mobile .wf-inset{position:relative;inset:auto;flex:none;height:54%;padding:1em 1em 0}.is-mobile .wf-card{padding:1.6em 1.4em}.is-mobile .wf-card .wf-copy{font-size:2.2em}.is-mobile .wf-card.is-overlap{position:relative;top:auto;left:auto;margin:-3.4em 1.4em 0;translate:none}.wf-bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:.8em;min-height:0;padding:2em 2.4em 2em 0}.wf-bento .is-a{grid-row:span 2}.wf-bento .is-d{grid-column:span 2}.wf-bento .wf-img{border-radius:.5em}.wf-bento .is-b,.wf-bento .is-d{background-color:#d9dee7}.wf-bento .wf-img>span{background:transparent}.is-mobile .wf-bento{grid-template-columns:1fr 1fr;padding:0 1.4em 1.6em}.is-mobile .wf-bento .is-a{grid-row:auto;grid-column:span 2}.wf-vtxt{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1.2em}.wf-vtxt.is-light{color:#fff}.wf-vcopy{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-size:2.6em;font-weight:700;letter-spacing:.25em;writing-mode:vertical-rl}.wf-vlines{display:flex;flex-direction:row-reverse;gap:.7em;padding-top:3em}.wf-vlines i{width:.45em;height:9em;background:currentColor;border-radius:1em;opacity:.25}.wf-vlines i:last-child{height:6em}.wf-badges{display:flex;gap:.6em}.wf-badges i{display:grid;place-items:center;width:4.4em;height:4.4em;font-size:.75em;font-weight:700;color:#7a5b00;background:#f5d76e;border-radius:50%}.wf-form{flex:none;display:flex;flex-direction:column;gap:.8em;width:16em;padding:1.8em;color:#374151;background:#fff;border-radius:.6em;box-shadow:0 .6em 2em #0f172a33}.wf-form>b:first-child{font-size:.9em;text-align:center}.wf-form>i{height:2em;border:1px solid #d1d5db;border-radius:.3em}.wf-form .wf-btn{margin-top:.3em}.wf-peek{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:.6em;font-size:.7em;color:#6b7280;text-align:center;background:#fff;border-radius:1em 1em 0 0}.wf-news{flex:none;display:flex;align-items:center;gap:1.2em;height:3.2em;padding:0 4em;font-size:.85em;background:#fff;border-top:1px solid #e5e7eb}.is-mobile .wf-news{padding:0 1.4em}.wf-news b{padding:.2em .7em;font-size:.8em;color:#fff;letter-spacing:.1em;background:#1f2937}.wf-news time{font-family:var(--font-mono);font-size:.85em;color:#6b7280}.wf-news i{flex:1;max-width:24em;height:.5em;background:#d1d5db;border-radius:1em}.wf-news span{margin-left:auto;font-size:.8em;color:#6b7280}.wf-diag{position:absolute;top:0;right:0;bottom:0;width:58%;display:flex;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}.is-desktop .wf-diag~.wf-pad{max-width:48%}.is-mobile .wf-diag{position:relative;inset:auto;flex:none;width:auto;height:50%;clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.wf-m.is-color{background:#dce8f8}.wf-blob{position:relative;width:72%;aspect-ratio:1;background:#b9d0ee;border-radius:50%}.wf-img.is-cut{position:absolute;inset:-8% 20% 0;border-radius:45% 45% 0 0}.wf-img.is-cut>span{background:transparent}.is-mobile .wf-pad.is-cutout{flex:none;padding-top:2.6em;padding-bottom:0}.is-mobile .wf-pad.is-cutout .wf-blob{width:64%}.wf-cols.is-panels,.wf-rows.is-panels{gap:2px;background:#fff}.wf-panel{position:relative;display:flex;min-width:0;min-height:0}.wf-panel>b{position:absolute;bottom:1.2em;left:1.2em;z-index:3;padding:.3em .9em;font-size:.85em;color:#fff;background:#111827bf;border-radius:.3em}.is-mobile .wf-panel>b{bottom:50%;translate:0 50%}.wf-txt.is-full{width:100%}.wf-search{display:flex;align-items:center;gap:.5em;width:30em;max-width:100%;margin-top:.4em;padding:.35em .35em .35em 1.2em;background:#fff;border-radius:99em}.wf-search i{flex:1;font-size:.8em;color:#9ca3af;text-align:left;white-space:nowrap}.wf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em}.wf-chips.is-scroll{flex-wrap:nowrap}.wf-chips.is-dark{justify-content:flex-start;color:#6b7280}.wf-chips i{padding:.3em 1em;font-size:.75em;white-space:nowrap;border:1px solid currentColor;border-radius:99em;opacity:.85}.wf-spot{flex:1;display:flex;align-items:center;justify-content:center;gap:3em;min-height:0;padding:.6em 0}.wf-blob.is-product{width:auto;height:100%}.wf-feats{display:flex;flex-direction:column;gap:2.4em}.wf-feat{display:flex;align-items:center;gap:.6em}.wf-feat i{width:2.4em;height:2.4em;background:#dbe4f3;border-radius:50%}.wf-feat b{width:6em;height:.5em;background:#d1d5db;border-radius:1em}.wf-feats.is-row{flex-direction:row;justify-content:center;gap:1.6em;padding:.8em 0}.wf-feats.is-row .wf-feat{flex-direction:column}.wf-feats.is-row .wf-feat b{width:3.6em}.wf-pad.is-bottom{flex:none;padding-top:0;padding-bottom:2em}.wf-marquee{flex:1;display:flex;gap:.8em;min-height:0;margin:0 0 .8em -3em}.wf-marquee.is-reverse{margin-left:-10em}.wf-marquee .wf-img{flex:none;width:15em;border-radius:.4em}.is-mobile .wf-marquee .wf-img{width:9em}.wf-marquee .wf-img>span{background:transparent}.wf-photo{position:absolute;top:2em;right:4em;bottom:2em;width:44%;display:flex}.wf-display{position:absolute;top:.15em;left:.2em;z-index:2;font-family:var(--font-family-en, sans-serif);font-size:12em;font-weight:800;line-height:1;letter-spacing:-.02em;color:#111827e0}.is-mobile .wf-photo{position:relative;inset:auto;flex:none;width:auto;height:48%;margin:1.4em 1.4em 0 4em}.is-mobile .wf-display{position:relative;top:auto;left:auto;margin:-1.6em 0 0 .4em;font-size:5.6em;line-height:.9}.wf-copy.is-s{font-size:1.8em}.wf-pad.is-compact{flex-direction:column;align-items:flex-start;gap:1.2em}.wf-tiles{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6em;min-height:0;padding:0 3em}.is-mobile .wf-tiles{grid-template-columns:1fr;padding:0 1.4em}.wf-tile{display:flex;flex-direction:column;gap:.6em}.wf-tile .wf-img{flex:none;aspect-ratio:4/3;border-radius:.4em}.wf-tile>i{height:.5em;background:#d1d5db;border-radius:1em}.wf-tile>i:last-child{width:60%}.wf-blob.is-product .wf-img.is-cut{top:6%}