@charset "UTF-8";.service-cover{overflow:hidden;background-color:var(--color-white)}.service-cover__inner{display:grid;grid-template-columns:minmax(0,1fr) 640px;grid-template-rows:auto 1fr;gap:48px 40px;max-width:var(--max-width);margin:0 auto;padding:24px 40px 48px;box-sizing:border-box;@media (max-width:1280px){grid-template-columns:minmax(0,1fr) 480px;padding-bottom:40px}@media (max-width:1080px){grid-template-columns:minmax(0,1fr) 40%;row-gap:32px}@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 16px 0}}.service-cover__heading{display:grid;grid-template-columns:max-content 1fr;gap:32px 0;grid-column:1;margin-top:40px;@media (max-width:800px){row-gap:16px;margin-top:0}}.service-cover__subtitle,.service-cover__title{grid-row:1}.service-cover__subtitle{grid-column:1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em}}.service-cover__title{grid-column:2}.service-cover__catch{grid-column:1 / -1;font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:1280px){font-size:var(--font-size-xx-large)}@media (max-width:1080px){font-size:var(--font-size-x-large)}@media (max-width:800px){font-size:var(--font-size-x-large)}}.service-cover__catch-line{display:block}.service-cover__text{grid-column:1;align-self:start;max-width:560px;font-size:var(--font-size-x-medium);line-height:2.4;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;@media (max-width:1080px){font-size:var(--font-size-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:normal}@media (max-width:800px){font-size:var(--font-size-x-small);line-height:1.8;word-break:normal}}.service-cover__figure{grid-column:2;grid-row:1 / span 2;align-self:start;width:100%;aspect-ratio:720 / 560;@media (max-width:1080px){align-self:center}@media (max-width:800px){grid-column:1;grid-row:auto;justify-self:center;width:min(calc(100% + 32px),560px);margin-top:-24px}}.service-jump{padding:0 40px 16px;@media (max-width:800px){padding:0 16px 8px}}.service-jump__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:0 auto}.service-jump__item + .service-jump__item{border-left:1px solid var(--color-border)}.service-jump__link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;&::before{width:28px;height:28px;margin-bottom:4px}&::after{content:"";width:16px;height:16px;margin-top:4px;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;rotate:90deg;transition:translate 0.32s}&:hover{text-decoration:none;&::after{translate:0 4px}}}.service-jump__link--leaving::after{animation:service-jump-drop 0.6s cubic-bezier(0.45,0,0.2,1)}@keyframes service-jump-drop{50%{translate:0 16px;opacity:0}51%{translate:0 -8px;opacity:0}100%{translate:0 0;opacity:1}}.service-jump__name{font-size:var(--font-size-medium);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-x-small)}}.service-jump__en{margin-top:8px;color:var(--color-purple);font-size:var(--font-size-xxx-small);font-weight:bold;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.service-pillar{padding-top:64px;scroll-margin-top:var(--header-height);@media (max-width:800px){padding-top:32px}}.service-pillar + .service-pillar{padding-top:120px;scroll-margin-top:calc(var(--header-height) - 56px);@media (max-width:800px){padding-top:64px;scroll-margin-top:calc(var(--header-height) - 32px)}}.service-pillar__inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;box-sizing:border-box;@media (max-width:800px){padding:0 16px}}.service-pillar__intro{display:grid;grid-template-columns:minmax(0,1fr) 344px;grid-template-rows:1fr auto auto 1.25fr;gap:24px 48px;max-width:1040px;margin:0 auto;padding:32px 48px 32px 64px;border-radius:16px;background-color:color-mix(in srgb,var(--color-key) 4%,var(--color-white));box-sizing:border-box;@media (max-width:1280px){grid-template-columns:minmax(0,1fr) 304px;column-gap:48px;padding:32px 48px}@media (max-width:1080px){grid-template-columns:minmax(0,1fr) 36%;column-gap:32px}@media (max-width:800px){grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:none;gap:16px;padding:24px;border-radius:8px}@media (max-width:599px){grid-template-columns:minmax(0,1fr);gap:16px}}.service-pillar__heading{display:grid;gap:16px;grid-column:1;grid-row:2;@media (max-width:800px){grid-row:1;align-self:center}@media (max-width:599px){grid-row:2}}.service-pillar__subtitle{grid-row:1;@media (max-width:800px){white-space:nowrap}}.service-pillar__title{display:flex;align-items:center;gap:16px;grid-row:2;font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.15em);&::before{width:32px;height:32px}@media (max-width:800px){gap:8px;font-size:var(--font-size-large);&::before{width:24px;height:24px}}}.service-pillar__text{grid-column:1;grid-row:3;font-size:var(--font-size-x-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;@media (max-width:1080px){word-break:normal}@media (max-width:800px){grid-column:1 / -1;grid-row:2;font-size:var(--font-size-x-small);line-height:1.8;word-break:normal}@media (max-width:599px){grid-row:3}}.service-pillar__figure{grid-column:2;grid-row:1 / -1;align-self:center;width:100%;aspect-ratio:1;margin-block:-32px;@media (max-width:800px){grid-column:2;grid-row:1;margin-block:-16px}@media (max-width:599px){grid-column:1;justify-self:center;width:160px;margin-block:-8px -16px}}.service-pillar:focus{outline:none}.service-pillar--arrived{.service-pillar__intro{animation:service-pillar-arrive 1.2s cubic-bezier(0.23,1,0.58,1)}.service-pillar__title::before{animation:service-pillar-hop 0.64s 0.16s ease-out}}@keyframes service-pillar-arrive{0%{box-shadow:0 0 0 0 rgb(33 33 50 / 0.4)}100%{box-shadow:0 0 0 16px rgb(33 33 50 / 0)}}@keyframes service-pillar-hop{40%{translate:0 -8px}64%{translate:0 0}80%{translate:0 -4px}100%{translate:0 0}}.service-pillar__rows{display:grid;gap:24px;max-width:880px;margin:24px auto 0;@media (max-width:800px){gap:32px;margin-top:24px}}.service-pillar__more{display:flex;justify-content:center;margin-top:48px;@media (max-width:800px){margin-top:32px}}.service-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px 64px;align-items:center;&:nth-child(even){grid-template-columns:minmax(0,1fr) 240px;.service-row__figure{order:2}}@media (max-width:1280px){grid-template-columns:216px minmax(0,1fr);column-gap:48px;&:nth-child(even){grid-template-columns:minmax(0,1fr) 216px}}@media (max-width:800px){grid-template-columns:136px minmax(0,1fr);grid-template-areas:"figure title" "text text";gap:8px 16px;&:nth-child(even){grid-template-columns:minmax(0,1fr) 136px;grid-template-areas:"title figure" "text text"}}}.service-row__figure{width:100%;aspect-ratio:1;@media (max-width:800px){grid-area:figure}}.service-row__body{display:grid;gap:16px;@media (max-width:800px){display:contents}}.service-row__title{display:grid;gap:12px;font-size:var(--font-size-x-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);&::after{content:"";width:32px;height:2px;background-color:var(--color-key)}@media (max-width:800px){grid-area:title;gap:8px;font-size:var(--font-size-x-medium)}}.service-row--long .service-row__title{@media (max-width:800px){font-size:min(var(--font-size-x-medium),calc((100vw - 184px) / 13.5));white-space:nowrap}}.service-row__text{font-size:var(--font-size-x-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){grid-area:text;font-size:var(--font-size-x-small);line-height:1.8}}.service-row__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.service-products{max-width:1040px;margin:56px auto 0;@media (max-width:800px){margin-top:40px}}.service-products__heading{display:grid;justify-items:center;gap:8px;margin-bottom:16px;@media (max-width:800px){margin-bottom:8px}}.service-products__heading,.detail-heading--products{&::before,&::after{content:"";grid-area:1 / 1}&::before{width:64px;height:64px;margin-bottom:8px;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-white);box-sizing:border-box;@media (max-width:800px){width:56px;height:56px}}&::after{align-self:center;width:32px;height:32px;margin-bottom:8px;background-color:var(--color-key);mask:url(../../img/icon/mold.svg) center / contain no-repeat;@media (max-width:800px){width:28px;height:28px}}}.detail-heading--products{.detail-heading__label,.detail-heading__subtitle{grid-row:2}.detail-heading__title{grid-row:3}}.service-products__text{margin-bottom:32px;font-size:var(--font-size-x-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;@media (max-width:800px){margin-bottom:24px;font-size:var(--font-size-small);line-height:1.8;text-align:left}}.service-products__text-line{display:block;@media (max-width:800px){display:inline}}.service-products__subtitle{order:-1}.service-products__title{font-size:var(--font-size-xx-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);text-align:center;@media (max-width:800px){font-size:var(--font-size-x-medium)}}.service-products__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--color-detail-line);border-radius:24px;@media (max-width:800px){grid-template-columns:minmax(0,1fr);border-radius:16px}}.service-products__item + .service-products__item{border-left:1px solid var(--color-detail-line);@media (max-width:800px){border-top:1px solid var(--color-detail-line);border-left:0}}.service-product{--x:50%;--y:50%;--door-padding:48px;display:grid;justify-items:start;align-content:center;gap:8px;position:relative;isolation:isolate;aspect-ratio:2 / 1;height:100%;padding:32px var(--door-padding);overflow:hidden;box-sizing:border-box;transition:opacity 0.32s;&:hover{text-decoration:none}&::before{content:"";position:absolute;left:var(--x);top:var(--y);z-index:-1;width:40px;height:40px;border-radius:50%;background-color:var(--surface);translate:-50% -50%;scale:0;transition:scale 0.6s cubic-bezier(0.23,1,0.58,1)}&:hover::before{scale:40}@media (max-width:800px){--door-padding:24px;gap:4px;aspect-ratio:auto;padding-block:24px}}@media (hover:hover){.service-products__list:has(.service-product:hover) .service-product:not(:hover){opacity:0.5}}.service-product--field{--product:var(--color-field);--surface:var(--color-detail-lavender)}.service-product--flow{--product:var(--color-flow);--surface:var(--color-detail-peach)}.service-product__ripple{position:absolute;z-index:-1;border-radius:50%;background-color:var(--product);opacity:0.24;scale:0;animation:service-product-ripple 0.7s cubic-bezier(0.23,1,0.58,1) forwards;pointer-events:none}@keyframes service-product-ripple{to{opacity:0;scale:1}}.service-product__logo{position:relative;width:100%;height:40px;margin:0 0 24px;background:no-repeat left center / contain;text-indent:200%;white-space:nowrap;&::after{content:"";position:absolute;left:0;bottom:-12px;width:152px;height:4px;background-color:var(--product);text-indent:0;transition:width 0.45s cubic-bezier(0.23,1,0.58,1)}.service-product:hover &::after{width:calc((100% + var(--door-padding) * 2) * 0.618 - var(--door-padding))}@media (max-width:800px){height:28px;margin-bottom:20px;&::after{bottom:-10px;width:104px}}}.service-product--field .service-product__logo{background-image:url(../../img/service/lilli-field-tight.svg)}.service-product--flow .service-product__logo{background-image:url(../../img/service/lilli-flow-tight.svg)}.service-product__catch{font-size:var(--font-size-large);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-medium)}}.service-product__type{margin-top:4px;font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-small)}}.service-product__more{display:inline-flex;align-items:center;gap:8px;height:40px;margin-top:16px;padding:0 24px;border-radius:9999px;background-color:var(--color-key);color:var(--color-white);font-size:var(--font-size-x-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);transition:scale 0.2s;.service-product:active &{scale:0.98}@media (max-width:800px){height:32px;margin-top:8px;padding:0 16px}&::after{content:"";width:16px;height:16px;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;transition:translate 0.32s}.service-product:hover &::after{translate:4px 0}}.service-product__shapes{position:absolute;inset:0;pointer-events:none}.service-product__shape{position:absolute;left:var(--left);top:var(--top);width:var(--size);aspect-ratio:11 / 10;background-color:var(--color);clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--turn);transition:translate 0.6s cubic-bezier(0.23,1,0.58,1),rotate 0.6s cubic-bezier(0.23,1,0.58,1),background-color 0.4s;animation:service-product-float 6s var(--delay) ease-in-out infinite;.service-product:hover &{translate:0 -8px;rotate:calc(var(--turn) + 24deg)}@media (prefers-reduced-motion:reduce){animation:none;transition:none}}.service-product:hover .service-product__shape--accent{background-color:var(--product)}.service-product__shape--wide{@media (max-width:1080px){display:none}}@keyframes service-product-float{50%{transform:translateY(-4px)}}.service-contact{position:relative;isolation:isolate;overflow:hidden;margin-top:80px;padding:48px 0 80px;border-top:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-key) 4%,var(--color-white));@media (max-width:800px){margin-top:48px;padding:32px 0 56px}}.service-contact--product{margin-top:0;border-top-color:color-mix(in srgb,var(--product) 24%,var(--color-white));background-color:color-mix(in srgb,var(--product) 8%,var(--color-white));.service-contact__shapes{--color-detail-line:color-mix(in srgb,var(--product) 24%,var(--color-white));--color-detail-shape:color-mix(in srgb,var(--product) 16%,var(--color-white));--color-field:var(--product);--color-flow:var(--product)}}.service-contact__shapes{position:absolute;inset:0;z-index:-1;pointer-events:none}.service-contact__shape{position:absolute;top:var(--top);width:var(--size);aspect-ratio:11 / 10;translate:var(--shift-x,0) var(--shift-y,0);transition:translate 0.9s cubic-bezier(0.23,1,0.58,1)}.service-contact__shape--left{right:calc(50% + 400px + var(--x))}.service-contact__shape--right{left:calc(50% + 400px + var(--x))}@media (max-width:800px){.service-contact__shape{display:none}.service-contact__shape--sp{display:block;top:var(--sp-top)}.service-contact__shape--left.service-contact__shape--sp{right:calc(50% + 88px + var(--sp-x))}.service-contact__shape--right.service-contact__shape--sp{left:calc(50% + 88px + var(--sp-x))}}.service-contact__triangle{display:block;width:100%;height:100%;background-color:var(--color);clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--turn);animation:service-contact-drift var(--duration,10s) var(--delay) ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}@keyframes service-contact-drift{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(6px,-5px) rotate(8deg)}50%{transform:translate(2px,-9px) rotate(14deg)}75%{transform:translate(-5px,-4px) rotate(6deg)}}.service-contact__inner{display:grid;justify-items:center;gap:16px;max-width:800px;margin:0 auto;padding:0 40px;text-align:center;@media (max-width:800px){padding:0 16px}}.service-contact .section-heading__title{font-size:var(--font-size-xx-large);@media (max-width:800px){font-size:var(--font-size-x-large)}}.service-contact__text{font-size:var(--font-size-x-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-small);line-height:1.8;text-align:left}}.service-contact__text-line{display:block;@media (max-width:800px){display:inline}}.service-contact__action{margin-top:32px;@media (max-width:800px){margin-top:16px}}@media (max-width:800px){.service-cover__catch,.service-pillar__title,.service-products__title,.service-contact .section-heading__title{text-box:trim-end text}.service-cover__text,.service-pillar__text,.service-products__text,.service-contact__text{text-box:trim-start text}.service-cover__text{margin-top:-8px}.service-contact__text{margin-top:-8px}}.detail-cover__inner{display:grid;grid-template-columns:minmax(0,560px) 560px;grid-template-rows:auto auto auto 1fr;justify-content:space-between;gap:0 64px;max-width:var(--max-width);margin:0 auto;padding:64px 40px;box-sizing:border-box;@media (max-width:1280px){grid-template-columns:minmax(0,520px) 480px;column-gap:48px}@media (max-width:1080px){grid-template-columns:minmax(0,1fr) 42%;column-gap:32px}@media (max-width:800px){grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:24px 16px 0}}.detail-cover__heading{display:grid;grid-template-columns:max-content 1fr;gap:24px 0;grid-column:1;grid-row:1;@media (max-width:800px){grid-row:auto;row-gap:16px}}.detail-cover__subtitle{grid-row:1;grid-column:1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em}}.detail-cover__title{grid-row:1;grid-column:2}.detail-cover__heading--logo{grid-template-columns:max-content minmax(0,1fr);gap:16px 0;.detail-cover__subtitle{@media (max-width:800px){letter-spacing:0.05em}&::after{content:none}}.detail-cover__subtitle{grid-column:1 / -1}.detail-cover__title{grid-row:2;grid-column:1}.detail-cover__catch{grid-row:3}}.detail-cover__type{grid-row:2;grid-column:2;align-self:center;margin-left:16px;padding-left:16px;border-left:1px solid var(--color-border);color:color-mix(in srgb,var(--color-key) 50%,var(--color-key-sub));translate:0 6px;@media (max-width:1080px){translate:0 5px}font-size:var(--font-size-small);font-weight:bold;line-height:1.5;letter-spacing:0.08em;@media (max-width:800px){margin-left:12px;padding-left:12px;font-size:var(--font-size-xx-small);letter-spacing:0.05em;translate:0 4px}}.detail-cover__logo{width:151px;height:40px;overflow:hidden;background:no-repeat left center / contain;text-indent:200%;white-space:nowrap;@media (max-width:1080px){width:136px;height:36px}@media (max-width:800px){width:121px;height:32px}}.detail-cover__logo--field{background-image:url("../../img/service/lilli-field-tight.svg")}.detail-cover__logo--flow{background-image:url("../../img/service/lilli-flow-tight.svg")}.detail-cover__catch{grid-column:1 / -1;grid-row:2;font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:1080px){font-size:var(--font-size-xx-large)}@media (max-width:800px){font-size:var(--font-size-x-large)}}.detail-cover__catch-line{display:block}.detail-cover__text{grid-column:1;grid-row:2;max-width:520px;margin-top:24px;font-size:var(--font-size-x-medium);line-height:1.9;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;text-wrap:pretty;@media (max-width:1080px){margin-top:24px;font-size:var(--font-size-medium);word-break:normal;text-wrap:balance}@media (max-width:800px){grid-row:auto;max-width:none;margin-top:16px;font-size:var(--font-size-x-small);line-height:1.8;text-wrap:pretty}}.detail-cover:not(:has(.detail-cover__heading--logo,.detail-cover__action)) .detail-cover__text{@media (min-width:1081px){margin-top:32px;line-height:2.4}}.detail-cover__action{display:flex;flex-wrap:wrap;gap:16px;grid-column:1;grid-row:3;margin-top:32px;@media (max-width:1080px){margin-top:24px}@media (max-width:800px){grid-row:auto;margin-top:24px}}.detail-page [id]{scroll-margin-top:calc(var(--header-height) + 24px)}.detail-cover__figure{grid-column:2;grid-row:1 / -1;align-self:start;width:100%;height:auto;@media (max-width:800px){grid-column:1;grid-row:auto;justify-self:center;width:min(100%,560px);margin-top:24px}}.detail-cover--shapes{position:relative;isolation:isolate;.detail-cover__inner{@media (max-width:800px){padding-bottom:32px}}}.detail-cover__shapes{--edge:max(16px,(100% - var(--max-width)) / 2 - 64px);position:absolute;inset:0;z-index:-1;opacity:0.6;pointer-events:none}.detail-cover__shape{position:absolute;bottom:var(--bottom);width:var(--size);aspect-ratio:11 / 10;background-color:var(--color);clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--turn);animation:detail-cover-float 6s var(--delay) ease-in-out infinite;@media (max-width:800px){width:calc(var(--size) * 0.6);bottom:calc(var(--bottom) * 0.5)}@media (prefers-reduced-motion:reduce){animation:none}}.detail-cover__shape--wide{@media (max-width:1080px){display:none}}@keyframes detail-cover-float{50%{transform:translateY(-8px) rotate(12deg)}}:is(.detail-cover__shape,.detail-cover__art-shape,.detail-cover__side-shape){&:nth-child(3n + 1){animation-duration:5s}&:nth-child(3n + 2){animation-duration:7s}}.detail-cover__figure--shapes{position:relative;isolation:isolate}.detail-cover__image{display:block;width:100%;height:auto}.detail-cover__art-shapes{position:absolute;inset:0;z-index:-1;pointer-events:none}.detail-cover__art-shape{position:absolute;left:var(--left);top:var(--top);width:var(--size);aspect-ratio:11 / 10;background-color:var(--color);clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--turn);animation:detail-cover-float 6s var(--delay) ease-in-out infinite;@media (max-width:800px){width:calc(var(--size) * 0.7)}@media (prefers-reduced-motion:reduce){animation:none}}.detail-cover__art-shape--gap{@media (max-width:1199px){display:none}}.detail-cover--side-shapes{position:relative;isolation:isolate}.detail-cover__side-shapes{--outer:calc((100% - var(--max-width)) / 2);position:absolute;inset:0;z-index:-1;pointer-events:none;@media (max-width:1439px){display:none}}.detail-cover__side-shape{position:absolute;top:var(--top);width:var(--size);aspect-ratio:11 / 10;background-color:var(--color);clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--turn);animation:detail-cover-float 6s var(--delay) ease-in-out infinite;@media (prefers-reduced-motion:reduce){animation:none}}@media (min-width:801px){.detail-cover:has(.detail-cover__heading--logo) .detail-cover__inner{padding-bottom:40px}}.detail-section__inner{--detail-narrow:800px;max-width:1120px;margin:0 auto;padding:0 40px;box-sizing:border-box;@media (max-width:800px){padding:0 16px}}.detail-heading{display:grid;justify-items:center;gap:8px;margin-bottom:40px;text-align:center;@media (max-width:800px){margin-bottom:24px}}.detail-heading--left{justify-items:start;margin-bottom:0;text-align:left;.detail-heading__title{font-size:var(--font-size-x-large);@media (max-width:800px){font-size:var(--font-size-large)}}}.detail-heading__subtitle{grid-row:1}.detail-heading__label{grid-row:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;.detail-heading--left &{justify-content:flex-start}.detail-heading__name{text-transform:none}.detail-heading__subtitle{order:-1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em}}}.detail-heading__title{grid-row:2;font-size:var(--font-size-xx-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;@media (max-width:800px){font-size:var(--font-size-large)}}.detail-heading__text-line{display:block;@media (max-width:800px){display:inline}}.detail-heading__line{display:block}.detail-heading__text{max-width:var(--detail-narrow,800px);margin:-24px auto 32px;font-size:var(--font-size-x-medium);line-height:1.9;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;text-wrap:balance;@media (max-width:800px){margin:-16px 0 24px;font-size:var(--font-size-small);line-height:1.8;text-align:left;text-wrap:wrap}}.detail-page .section-label{color:var(--color-detail-label)}.detail-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 64px;align-items:start;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:16px}}.detail-intro__text{font-size:var(--font-size-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-x-small);line-height:1.8}}.cocreation-section{padding:120px 0;border-top:1px solid var(--color-detail-line);@media (max-width:800px){padding:72px 0}}.cocreation-section--first{padding-top:0;padding-bottom:64px;border-top:0;@media (max-width:800px){padding-top:16px;padding-bottom:32px}}.cocreation-section .detail-heading{margin-bottom:48px;@media (max-width:800px){margin-bottom:32px}}.cocreation-section__lead{margin:-36px 0 32px;font-size:var(--font-size-large);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;@media (max-width:800px){margin:-24px 0 24px;font-size:var(--font-size-medium);line-height:1.8;word-break:auto-phrase}}.cocreation-section__lead-line{display:block}.cocreation-section__lead-phrase{display:inline-block}.cocreation-section__note{margin-top:32px;font-size:var(--font-size-medium);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;text-wrap:balance;@media (max-width:800px){margin-top:16px;font-size:var(--font-size-small);text-align:left;text-wrap:wrap}}.cocreation-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:16px}}.cocreation-place{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:relative;overflow:hidden;padding:40px 48px 48px;border-radius:24px;background-color:var(--surface);&::before,&::after{content:"";position:absolute;aspect-ratio:11 / 10;clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none}&::before{top:24px;right:32px;width:48px;background-color:var(--color-white);rotate:14deg}&::after{top:56px;right:104px;width:16px;background-color:var(--accent);rotate:-24deg}@media (max-width:800px){gap:8px;padding:24px 24px 32px;border-radius:16px}}.cocreation-place--field{--accent:var(--color-field);--accent-text:var(--color-field-text);--label-color:var(--color-field-text);--surface:var(--color-detail-lavender)}.cocreation-place--flow{--accent:var(--color-flow);--label-color:var(--color-flow-text);--accent-text:var(--color-flow-text);--surface:var(--color-detail-peach)}.cocreation-place__icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:8px;border-radius:50%;background-color:var(--color-white);&::before{content:"";width:32px;height:32px;background-color:var(--accent);mask:var(--place-icon) center / contain no-repeat}@media (max-width:800px){width:56px;height:56px;&::before{width:28px;height:28px}}}.cocreation-place__icon--site{--place-icon:url(../../img/icon/clipboard-check.svg)}.cocreation-place__icon--window{--place-icon:url(../../img/icon/browser-growth.svg)}.cocreation-place__label{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;color:var(--label-color);font-size:var(--font-size-x-large);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em)}.cocreation-place__note{color:var(--color-key);font-size:var(--font-size-medium);font-weight:normal;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-small)}}.cocreation-place__title{font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;@media (max-width:800px){font-size:var(--font-size-x-medium)}}.cocreation-place__title-line{display:block}.cocreation-place__worries{display:grid;gap:4px;align-self:stretch;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,transparent);@media (max-width:800px){margin-top:8px;padding-top:12px}}.cocreation-place__worry{padding-left:1em;font-size:var(--font-size-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);text-indent:-1em;&::before{content:"・"}@media (max-width:800px){font-size:var(--font-size-x-small)}}.cocreation-place__worry--more{color:var(--color-key-sub);&::before{content:"＋"}}@media (max-width:800px){.cocreation-place__note,.cocreation-place__worries{display:none}.cocreation-place{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;padding:24px;&::before{top:12px;right:16px;width:32px}&::after{top:32px;right:64px;width:12px}}.cocreation-place__icon{grid-row:1 / 3;align-self:start;width:64px;height:64px;margin-bottom:0;&::before{width:32px;height:32px}}.cocreation-place__label{align-self:end;font-size:var(--font-size-large);line-height:1.4}.cocreation-place__title{align-self:start;font-size:var(--font-size-small);line-height:1.6}.cocreation-place__link{grid-column:1 / -1;margin-top:16px}}.cocreation-place__link{margin-top:8px}.cocreation-place__more{display:inline-flex;align-items:center;gap:8px;margin-inline:-8px;padding:0 8px 12px;background:linear-gradient(var(--accent),var(--accent)) left bottom / 0 2px no-repeat;color:var(--accent-text);font-size:var(--font-size-x-medium);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);transition:background-size 0.4s cubic-bezier(0.23,1,0.58,1);&::after{content:"";width:16px;height:16px;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;transition:translate 0.32s}&:hover,&:focus-visible{background-size:100% 2px;color:var(--accent-text);text-decoration:none;&::after{translate:4px 0}}@media (max-width:800px){font-size:var(--font-size-medium)}@media (hover:none){background-size:100% 2px}@media (prefers-reduced-motion:reduce){transition:none}}.cocreation-place__logo{width:76px;height:20px;overflow:hidden;background:no-repeat left center / contain;text-indent:200%;white-space:nowrap;@media (max-width:800px){width:68px;height:18px}}.cocreation-place__logo--field{background-image:url("../../img/service/lilli-field-tight.svg")}.cocreation-place__logo--flow{background-image:url("../../img/service/lilli-flow-tight.svg")}.cocreation-section--products{padding-top:64px;padding-bottom:0;@media (max-width:800px){padding-top:32px}}.cocreation-section--products .detail-heading__text{margin-top:-32px;font-size:var(--font-size-x-medium);@media (max-width:800px){margin-top:-24px;font-size:var(--font-size-small)}}.cocreation-why{padding-top:32px;padding-bottom:64px;@media (max-width:800px){padding-bottom:48px}}.cocreation-why__statement{display:grid;justify-items:center;row-gap:8px;isolation:isolate}.cocreation-why__year{grid-area:1 / 1;align-self:center;z-index:-1;color:transparent;font-size:15rem;font-weight:bold;line-height:1;letter-spacing:0.02em;-webkit-text-stroke:1px var(--color-detail-line);user-select:none;@media (max-width:800px){font-size:7.5rem}}.cocreation-why .cocreation-why__heading{grid-area:1 / 1;align-self:center;margin-bottom:0;translate:0 -4px}.cocreation-why__text{grid-row:2;max-width:720px;font-size:var(--font-size-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-x-small);line-height:1.8}}.cocreation-timeline{display:flex;justify-content:space-between;gap:16px;position:relative;z-index:1;margin-top:32px;padding-bottom:16px;font-size:var(--font-size-small);font-weight:bold;letter-spacing:0.1em;@media (max-width:800px){margin-top:24px;padding-bottom:12px;font-size:var(--font-size-x-small)}}.cocreation-timeline__point{position:relative;&::after{content:"";position:absolute;left:0;bottom:-25px;width:16px;height:16px;border:2px solid var(--color-key);border-radius:50%;background-color:var(--color-white);box-sizing:border-box;@media (max-width:800px){bottom:-21px}}}.cocreation-timeline__point--now::after{left:auto;right:0;border-color:var(--color-detail-label)}.cocreation-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;&::before{content:"";position:absolute;inset:0 0 auto;height:2px;background-color:var(--color-key);transform-origin:left}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){&::before{animation:cocreation-timeline-grow linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}}@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr)}}@keyframes cocreation-timeline-grow{from{scale:0 1}}.cocreation-principle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px 24px;border-left:1px solid var(--color-detail-line);&:first-child{padding-left:0;border-left:0}&:last-child{padding-right:0}@media (max-width:1080px){&:nth-child(3){padding-left:0;border-left:0}}@media (max-width:800px){padding:24px 0;border-left:0;& + &{border-top:1px solid var(--color-detail-line)}}}.cocreation-principle__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border:1px solid var(--color-detail-line);border-radius:50%;box-sizing:border-box;&::before{content:"";width:28px;height:28px;background-color:var(--color-detail-label);mask:var(--principle-icon) center / contain no-repeat}@media (max-width:800px){width:48px;height:48px;&::before{width:24px;height:24px}}}.cocreation-principle__icon--goal{--principle-icon:url(../../img/icon/target.svg)}.cocreation-principle__icon--team{--principle-icon:url(../../img/icon/rings.svg)}.cocreation-principle__icon--growth{--principle-icon:url(../../img/icon/growth.svg)}.cocreation-principle__icon--ai{--principle-icon:url(../../img/icon/sparkles.svg)}@media (max-width:800px){.cocreation-history{position:relative;padding-bottom:32px;&::before{content:"";position:absolute;top:12px;bottom:12px;left:23px;width:2px;background-color:var(--color-key);transform-origin:top}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){&::before{animation:cocreation-timeline-grow-down linear both;animation-timeline:view();animation-range:entry 0% cover 50%}}}}.cocreation-timeline{display:block;position:static;padding:0 0 24px 64px}.cocreation-timeline__point{display:block;&::after{top:50%;bottom:auto;left:-48px;translate:0 -50%}}.cocreation-timeline__point--now{position:absolute;bottom:0;left:64px;&::after{left:-48px;right:auto}}.cocreation-principles::before{display:none}.cocreation-principle{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:4px 16px;padding:0 0 24px;& + &{border-top:0}}.cocreation-principle__icon{grid-row:1 / 3;margin-bottom:0;background-color:var(--color-white)}.cocreation-principle__title{align-self:center}}@keyframes cocreation-timeline-grow-down{from{scale:1 0}}.cocreation-principle__title{font-size:var(--font-size-x-medium);font-weight:bold;text-align:center;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){text-align:left}}.cocreation-principle__text{align-self:stretch;font-size:var(--font-size-x-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em)}.cocreation-products__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:16px}}.cocreation-product{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:relative;isolation:isolate;overflow:hidden;height:100%;padding:48px;border:2px solid color-mix(in srgb,var(--accent) 40%,var(--color-white));border-top:4px solid var(--accent);border-radius:24px;background-color:var(--color-white);box-sizing:border-box;transition:box-shadow 0.32s;&:hover{box-shadow:0 2px 4px 1px rgba(33,33,50,0.2);text-decoration:none}@media (max-width:800px){gap:8px;padding:32px 24px;border-radius:16px}}.cocreation-product--field{--accent:var(--color-field);--accent-text:var(--color-field-text);--surface:var(--color-detail-lavender)}.cocreation-product--flow{--accent:var(--color-flow);--accent-text:var(--color-flow-text);--surface:var(--color-detail-peach)}.cocreation-product__head{display:grid;justify-items:start;gap:12px;align-self:stretch;margin:-48px -48px 0;padding:40px 48px 24px;background-color:var(--surface);@media (max-width:800px){gap:8px;margin:-24px -24px 0;padding:24px 24px 16px}}.cocreation-product__logo{width:137px;height:36px;margin-bottom:4px;overflow:hidden;background:no-repeat left center / contain;text-indent:200%;white-space:nowrap;@media (max-width:800px){width:106px;height:28px}}.cocreation-product__logo--field{background-image:url("../../img/service/lilli-field-tight.svg")}.cocreation-product__logo--flow{background-image:url("../../img/service/lilli-flow-tight.svg")}.cocreation-product__catch{font-size:var(--font-size-x-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:1080px){font-size:var(--font-size-large)}}.cocreation-product__type{color:var(--accent-text);font-size:var(--font-size-medium);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-small)}}.cocreation-product__text{font-size:var(--font-size-small);line-height:1.9;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-x-small);line-height:1.8}}.cocreation-product__features{display:grid;gap:4px;align-self:stretch;margin:8px 0 24px;padding-top:20px;border-top:1px solid var(--color-detail-line)}.cocreation-product__features-title{margin-bottom:4px;font-size:var(--font-size-x-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em)}.cocreation-product__feature{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);line-height:1.8;&::before{content:"";flex:none;width:16px;height:16px;background-color:var(--accent-text);mask:url(../../img/icon/check.svg?ver=20261027) center / contain no-repeat}@media (max-width:800px){font-size:var(--font-size-x-small)}}.cocreation-product__feature--more{color:var(--color-key-sub);&::before{background-color:var(--color-key-sub);mask-image:url(../../img/icon/plus.svg?ver=20261027)}}@media (max-width:800px){.cocreation-product{padding:24px}.cocreation-product__text,.cocreation-product__feature{line-height:1.7}.cocreation-product__features{gap:0;margin:4px 0 16px;padding-top:12px}}@media (prefers-reduced-motion:no-preference){.cocreation-product:hover .cocreation-product__feature:not(.cocreation-product__feature--more)::before{animation:cocreation-check-draw 0.5s var(--draw-delay,0s) ease-out both}.cocreation-product__feature:nth-child(3){--draw-delay:0.12s}.cocreation-product__feature:nth-child(4){--draw-delay:0.24s}.cocreation-product__feature--more::before{transition:rotate 0.5s cubic-bezier(0.23,1,0.58,1)}.cocreation-product:hover .cocreation-product__feature--more::before{rotate:90deg}}@keyframes cocreation-check-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cocreation-product__ripple{position:absolute;z-index:-1;border-radius:50%;background-color:var(--accent);opacity:0.2;scale:0;animation:service-product-ripple 0.7s cubic-bezier(0.23,1,0.58,1) forwards;pointer-events:none}.cocreation-product__burst{position:absolute;z-index:1;width:10px;aspect-ratio:11 / 10;background-color:var(--burst-color);clip-path:polygon(50% 0,100% 100%,0 100%);animation:cocreation-burst 0.8s cubic-bezier(0.2,0.8,0.3,1) forwards;pointer-events:none}@keyframes cocreation-burst{from{opacity:1;transform:translate(0,0) rotate(0) scale(0.4)}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-turn)) scale(1)}}.cocreation-product__more{display:inline-flex;align-items:center;gap:8px;height:48px;margin-top:auto;padding:0 32px;border-radius:9999px;background-color:var(--color-key);color:var(--color-white);font-size:var(--font-size-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);transition:scale 0.2s;.cocreation-product:active &{scale:0.98}&::after{content:"";width:16px;height:16px;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;transition:translate 0.32s}.cocreation-product:hover &::after{translate:4px 0}@media (max-width:800px){height:40px;padding:0 24px;font-size:var(--font-size-x-small)}}.detail-page--field{--product:var(--color-field);--product-text:var(--color-field-text)}.detail-page--flow{--product:var(--color-flow);--product-text:var(--color-flow-text)}.detail-section{padding:64px 0;@media (max-width:800px){padding:48px 0}}.detail-cover + .detail-section{padding-top:48px;@media (max-width:800px){padding-top:40px}}.detail-section--tint{--section-bg:color-mix(in srgb,var(--product) 6%,var(--color-white));background-color:var(--section-bg)}.detail-section--tint:not(.detail-cover + .detail-section){--section-bg:color-mix(in srgb,var(--color-key) 3%,var(--color-white))}.detail-lead{max-width:var(--detail-narrow,800px);margin:-24px auto 40px;font-size:var(--font-size-x-medium);line-height:1.9;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;@media (max-width:800px){margin:-16px 0 32px;font-size:var(--font-size-small);line-height:1.8}}.detail-lead--center{text-align:center;@media (max-width:800px){text-align:left}}.detail-lead__line{display:block;@media (max-width:800px){display:inline}}.detail-note{margin-top:24px;font-size:var(--font-size-x-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;text-wrap:balance;@media (max-width:800px){text-align:left;text-wrap:wrap}}.detail-note--large{font-size:var(--font-size-medium);@media (max-width:800px){font-size:var(--font-size-small)}}.detail-note--call{margin-top:32px;font-size:var(--font-size-x-medium);letter-spacing:var(--letter-spacing-sp,0.15em);@media (max-width:800px){margin-top:24px;font-size:var(--font-size-medium);text-align:center}}.detail-note--follow{margin-top:24px;font-size:var(--font-size-large);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-x-medium)}}.detail-note__marker{padding:0 2px;background:linear-gradient(transparent 55%,color-mix(in srgb,var(--color-yellow) 45%,transparent) 55%,color-mix(in srgb,var(--color-yellow) 45%,transparent) 85%,transparent 85%)}.detail-action{display:flex;justify-content:center;margin-top:32px}.detail-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin-top:56px;counter-reset:point;@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr);margin-top:40px}}.detail-point{display:grid;align-content:start;gap:8px;padding-top:16px;border-top:2px solid var(--color-key);counter-increment:point;&::before{content:counter(point,decimal-leading-zero);color:var(--color-purple);font-size:var(--font-size-large);font-weight:bold;letter-spacing:0.1em}}.detail-point__title{font-size:var(--font-size-medium);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-point__text{font-size:var(--font-size-x-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase}.detail-section--about{position:relative;isolation:isolate;overflow:hidden;padding:96px 0;&::before{content:"";position:absolute;top:48px;right:max(40px,(100% - 1120px) / 2 + 40px);z-index:-1;width:min(480px,50%);aspect-ratio:312 / 110;background:url(../../img/service/field-word-outline.svg) center / contain no-repeat;pointer-events:none}@media (max-width:800px){padding:64px 0;&::before{top:32px;right:16px;width:200px}}}.detail-page--flow .detail-section--about::before{aspect-ratio:313 / 108;background-image:url(../../img/service/flow-word-outline.svg)}.detail-section--about .detail-heading__title{font-size:var(--font-size-xx-large);@media (max-width:800px){font-size:var(--font-size-x-large)}}.detail-dict{counter-reset:dict}.detail-dict__word{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-xx-large);font-weight:bold;line-height:1.2;letter-spacing:0.02em;@media (max-width:800px){margin-bottom:12px;padding-bottom:8px;font-size:var(--font-size-x-large)}}.detail-dict__sound,.detail-dict__part{color:var(--color-key-sub);font-size:var(--font-size-x-small);font-weight:normal;letter-spacing:0.05em}.detail-dict__part{padding:0 8px;border:1px solid var(--color-border);border-radius:4px}.detail-dict__list{display:grid;gap:8px}.detail-dict__item{display:grid;grid-template-columns:24px 64px minmax(0,1fr);align-items:baseline;gap:8px;counter-increment:dict;&::before{content:counter(dict);color:var(--color-purple);font-size:var(--font-size-small);font-weight:bold}@media (max-width:800px){grid-template-columns:16px 48px minmax(0,1fr)}}.detail-dict__term{color:var(--product-text);font-size:var(--font-size-x-medium);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-small)}}.detail-dict__desc{font-size:var(--font-size-small);line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){font-size:var(--font-size-x-small)}}.detail-points--outline{margin-top:56px;.detail-point{border-top:1px solid var(--color-border);&::before{--edge:var(--product);color:var(--section-bg,var(--color-white));font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.2;letter-spacing:0.05em;text-shadow:1px 0 var(--edge),-1px 0 var(--edge),0 1px var(--edge),0 -1px var(--edge),1px 1px var(--edge),-1px -1px var(--edge),1px -1px var(--edge),-1px 1px var(--edge)}}@media (max-width:800px){margin-top:48px}}.detail-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:8px}}.detail-checks--2{grid-template-columns:repeat(2,minmax(0,1fr));@media (max-width:800px){grid-template-columns:minmax(0,1fr)}}.detail-check{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:8px;background-color:var(--color-white);font-size:var(--font-size-small);font-weight:bold;line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);&::before{content:"";flex:none;width:24px;height:24px;margin-top:2px;border-radius:50%;background:linear-gradient(var(--color-white),var(--color-white)) 8px 15px / 6px 2px no-repeat,linear-gradient(var(--color-white),var(--color-white)) 12px 5px / 2px 12px no-repeat,var(--product);rotate:40deg}@media (max-width:800px){padding:16px;font-size:var(--font-size-x-small)}}.detail-checks--outline .detail-check{border:1px solid var(--color-border)}.detail-solves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:8px}}.detail-solve{display:grid;grid-template-rows:auto 1fr;gap:24px;overflow:hidden;padding:24px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-white);word-break:auto-phrase;@media (max-width:800px){gap:12px;padding:16px;border-radius:8px}}.detail-solve__issue{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;color:var(--color-key);font-size:var(--font-size-small);line-height:1.7;letter-spacing:var(--letter-spacing-sp,0.05em);&::before,&::after{content:"";grid-area:1 / 1}&::before{width:32px;height:32px;border-radius:50%;background-color:color-mix(in srgb,var(--color-key) 6%,var(--color-white))}&::after{place-self:center;width:20px;height:20px;background-color:var(--color-key);mask:var(--issue-icon) center / contain no-repeat}@media (max-width:800px){font-size:var(--font-size-x-small)}}.detail-solve__answer{--card-padding:24px;display:flex;align-items:center;gap:16px;margin:0 calc(var(--card-padding) * -1) calc(var(--card-padding) * -1);padding:16px var(--card-padding) 16px calc(var(--card-padding) + 4px);background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));@media (max-width:800px){--card-padding:16px;padding-top:12px}font-size:var(--font-size-small);font-weight:bold;line-height:1.7;letter-spacing:var(--letter-spacing-sp,0.05em);&::before{content:"";flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:linear-gradient(var(--color-white),var(--color-white)) 8px 15px / 6px 2px no-repeat,linear-gradient(var(--color-white),var(--color-white)) 12px 5px / 2px 12px no-repeat,var(--product);rotate:40deg}}.detail-solve--saas{--issue-icon:url(../../img/icon/puzzle.svg)}.detail-solve--start{--issue-icon:url(../../img/icon/compass.svg)}.detail-solve--small{--issue-icon:url(../../img/icon/sprout.svg)}.detail-solve--team{--issue-icon:url(../../img/icon/person-add.svg)}.detail-solve--person{--issue-icon:url(../../img/icon/person-question.svg)}.detail-solve--ai{--issue-icon:url(../../img/icon/sparkles.svg)}.detail-solve--renew{--issue-icon:url(../../img/icon/compass.svg)}.detail-solve--security{--issue-icon:url(../../img/icon/shield-check.svg)}.detail-solve--system{--issue-icon:url(../../img/icon/plug.svg?ver=20261027)}.detail-solve--update{--issue-icon:url(../../img/icon/pencil.svg?ver=20261027)}.detail-solve--result{--issue-icon:url(../../img/icon/loop.svg)}.detail-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:8px}}.detail-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:8px}}.detail-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr));@media (max-width:1080px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){grid-template-columns:minmax(0,1fr)}}.detail-tile{display:grid;align-content:start;gap:8px;padding:24px;border-top:4px solid var(--product);border-radius:8px;background-color:var(--color-white);@media (max-width:800px){padding:16px 20px}}.detail-section:not(.detail-section--tint) .detail-tile{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border)}.detail-tile__title{font-size:var(--font-size-medium);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-tile__text{font-size:var(--font-size-x-small);line-height:1.9;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase}.detail-tile__kind{color:var(--color-purple);font-size:var(--font-size-xxx-small);font-weight:bold;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.detail-tile__list{display:grid;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--color-border)}.detail-tile__item{position:relative;padding-left:16px;font-size:var(--font-size-x-small);font-weight:bold;line-height:1.7;&::before{content:"";position:absolute;top:0.65em;left:0;width:6px;height:6px;border-radius:50%;background-color:var(--product)}}.detail-tiles--check .detail-tile__item{padding-left:24px;&::before{top:0.25em;width:16px;height:16px;border-radius:0;background-color:var(--product);mask:url(../../img/icon/check.svg?ver=20261027) center / contain no-repeat}}.detail-steps{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;@media (max-width:1080px){grid-auto-flow:row;gap:8px}}.detail-step{position:relative;display:grid;align-content:start;gap:8px;padding:24px;border-top:4px solid var(--product);border-radius:8px;background-color:var(--color-white);&:not(:last-child)::after{content:"";position:absolute;top:50%;right:-16px;width:16px;height:16px;background-color:var(--product);mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;translate:0 -50%}@media (max-width:1080px){grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:16px 20px;&:not(:last-child)::after{content:none}}@media (max-width:800px){grid-template-columns:minmax(0,1fr)}}.detail-section:not(.detail-section--tint) .detail-step{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border)}.detail-step__label{color:var(--color-purple);font-size:var(--font-size-xxx-small);font-weight:bold;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;@media (max-width:1080px){grid-row:1 / span 3;padding-top:4px}@media (max-width:800px){grid-row:auto;padding-top:0}}.detail-step__title{font-size:var(--font-size-medium);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-step__text{font-size:var(--font-size-x-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.02em);word-break:auto-phrase}.detail-change{margin:0 auto}.detail-change__team{position:relative;display:flex;align-items:center;gap:12px;width:fit-content;margin:0 auto 40px;padding:12px 24px;border:2px solid var(--product);border-radius:9999px;background-color:var(--color-white);font-size:var(--font-size-small);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;&::after{content:"";position:absolute;top:100%;left:50%;height:64px;border-left:2px dashed var(--product);translate:-50% 0}@media (max-width:800px){margin-bottom:32px;padding:12px 16px;border-radius:16px;font-size:var(--font-size-x-small);text-wrap:pretty;&::after{height:48px}}}.detail-change__roles{display:flex;flex-shrink:0;margin-left:-12px;@media (max-width:800px){margin-left:-4px}}.detail-change__role{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--color-white);border-radius:50%;box-sizing:border-box;&::before{content:"";width:16px;height:16px;mask:var(--role-icon) center / contain no-repeat}& + &{margin-left:-8px}@media (max-width:800px){width:32px;height:32px}}.detail-change__role--engineer{--role-icon:url(../../img/icon/monitor-code.svg);position:relative;z-index:1;background-color:var(--product-text);&::before{background-color:var(--color-white)}}.detail-change__role--designer{--role-icon:url(../../img/icon/palette.svg);background-color:color-mix(in srgb,var(--product) 20%,var(--color-white));&::before{background-color:var(--product-text)}}.detail-change__labels,.detail-change__row{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center}.detail-change__labels{margin-bottom:16px;border-radius:8px;background:linear-gradient(to right,var(--color-white) 50%,var(--product-text) 50%);@media (max-width:800px){grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);margin-bottom:12px}}.detail-change__label{padding:12px 16px;color:var(--color-key-sub);font-size:var(--font-size-small);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);text-align:center;@media (max-width:800px){padding:12px 8px;font-size:var(--font-size-xx-small)}}.detail-change__label--after{color:var(--color-white)}.detail-change__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;@media (max-width:800px){gap:16px}}.detail-change__row{align-items:stretch;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:4px}}.detail-change__before,.detail-change__after{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:16px;padding:12px 24px;border-radius:8px;font-size:var(--font-size-x-small);line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;&::before{content:"";width:24px;height:24px;mask:var(--icon) center / contain no-repeat}@media (max-width:800px){gap:12px;padding:12px 16px}}.detail-change__before{background-color:var(--color-white);font-size:var(--font-size-small);@media (max-width:800px){font-size:var(--font-size-x-small)}&::before{--icon:var(--before-icon);background-color:var(--color-key-sub)}}.detail-change__after{position:relative;grid-template-columns:40px minmax(0,1fr);background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));font-size:var(--font-size-medium);font-weight:bold;&::before{width:40px;height:40px;border-radius:50%;background-color:var(--color-white);mask:none}&::after{content:"";position:absolute;top:50%;left:calc(24px + (40px - 24px) / 2);width:24px;height:24px;background-color:var(--product-text);mask:var(--after-icon) center / contain no-repeat;translate:0 -50%}@media (max-width:800px){grid-template-columns:32px minmax(0,1fr);font-size:var(--font-size-small);&::before{width:32px;height:32px}&::after{left:calc(16px + (32px - 20px) / 2);width:20px;height:20px}}}.detail-change__arrow{justify-self:center;align-self:center;width:16px;height:16px;background-color:var(--product);mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;@media (max-width:800px){width:12px;height:12px;rotate:90deg}}.detail-change__arrow--main{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:-8px 0;border:4px solid var(--color-white);border-radius:50%;background-color:var(--product-text);box-sizing:border-box;mask:none;&::before{content:"";width:20px;height:20px;margin-left:2px;background-color:var(--color-white);mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat}@media (max-width:800px){width:40px;height:40px;margin:-4px 0;rotate:none;&::before{width:16px;height:16px}}}.detail-change__row--input{--before-icon:url(../../img/icon/documents.svg);--after-icon:url(../../img/icon/tablet-check.svg)}.detail-change__row--person{--before-icon:url(../../img/icon/person-question.svg);--after-icon:url(../../img/icon/checklist.svg)}.detail-change__row--fit{--before-icon:url(../../img/icon/blocks-scattered.svg);--after-icon:url(../../img/icon/layout.svg)}.detail-change__row--use{--before-icon:url(../../img/icon/monitor-off.svg);--after-icon:url(../../img/icon/growth.svg)}.detail-change-lead{max-width:none;margin-top:-32px;margin-bottom:24px;font-size:var(--font-size-x-medium);text-align:center;word-break:auto-phrase;@media (max-width:800px){margin-top:-16px;margin-bottom:24px;font-size:var(--font-size-small);text-align:left}}.detail-change-lead__line{display:block;@media (max-width:800px){display:inline}}.detail-loop{--loop-depth:64px;--loop-inset:calc(25% - 12px);position:relative;display:grid;justify-items:center;gap:16px;padding-top:calc(var(--loop-depth) - 28px);&::before{content:"";position:absolute;top:0;right:var(--loop-inset);left:var(--loop-inset);height:var(--loop-depth);border:2px dashed var(--product);border-top:none;border-radius:0 0 32px 32px;box-sizing:border-box}&::after{content:"";position:absolute;top:0;left:calc(var(--loop-inset) - 7px);width:16px;height:12px;background-color:var(--product);clip-path:polygon(50% 0,100% 100%,0 100%)}@media (max-width:800px){padding-top:32px;&::before,&::after{display:none}}}.detail-loop__icon{position:relative;display:grid;place-items:center;width:56px;height:56px;border:4px solid var(--color-white);border-radius:50%;box-shadow:0 0 0 2px var(--color-yellow);background-color:var(--product-text);box-sizing:border-box;@media (prefers-reduced-motion:no-preference){animation:detail-ripple 2.4s ease-out infinite}&::before{content:"";width:24px;height:24px;background-color:var(--color-white);mask:url(../../img/icon/loop.svg) center / contain no-repeat;@media (prefers-reduced-motion:no-preference){animation:detail-change-spin 2.6s ease-in-out infinite}}@media (max-width:800px){width:48px;height:48px;&::before{width:20px;height:20px}}}.detail-loop__text{font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);text-align:center;@media (max-width:800px){font-size:var(--font-size-medium)}}.detail-loop__note{margin-top:-4px;color:var(--color-key-sub);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-sp,0.1em);text-align:center}.detail-loop--flowmap{--loop-inset:calc((100% - 64px) / 6.4);margin-top:0;@media (max-width:1080px){padding-top:32px;&::before,&::after{display:none}}}@keyframes detail-change-spin{0%,38%{rotate:0deg}100%{rotate:360deg}}.detail-step--accent{background-color:color-mix(in srgb,var(--product) 12%,var(--color-white))}.detail-ai{display:grid;gap:24px;margin-top:24px;padding:32px;border-radius:16px;background-color:color-mix(in srgb,var(--product) 8%,var(--color-white));@media (max-width:800px){margin-top:16px;padding:24px 16px;border-radius:8px}}.detail-ai__title{display:inline-flex;align-items:center;gap:16px;margin-bottom:12px;color:var(--product-text);font-size:var(--font-size-x-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.08em);@media (max-width:800px){gap:12px;margin-bottom:8px;font-size:var(--font-size-large)}}.detail-ai__mark{display:grid;flex-shrink:0;place-items:center;width:48px;height:48px;border:3px solid var(--color-white);border-radius:50%;background-color:var(--product-text);box-shadow:0 0 0 2px var(--color-yellow);box-sizing:border-box;&::before{content:"";width:24px;height:24px;background-color:var(--color-white);mask:url(../../img/icon/sparkles.svg) center / contain no-repeat}@media (max-width:800px){width:40px;height:40px;&::before{width:20px;height:20px}}}.detail-ai__intro{text-align:center;@media (max-width:800px){text-align:left}}.detail-ai__line{display:block;@media (max-width:800px){display:inline}}.detail-ai__text{font-size:var(--font-size-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;text-wrap:pretty}.detail-ai .detail-tile,.detail-tiles--icon .detail-tile{--tile-pad-top:24px;--tile-pad-left:24px;position:relative;&::before{content:"";width:40px;height:40px;margin-bottom:4px;border-radius:50%;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white))}&::after{content:"";position:absolute;top:calc(var(--tile-pad-top) + 10px);left:calc(var(--tile-pad-left) + 10px);width:20px;height:20px;background-color:var(--product-text);mask:var(--tile-icon) center / contain no-repeat}@media (max-width:800px){--tile-pad-top:16px;--tile-pad-left:20px}}.detail-tile--ai-search{--tile-icon:url(../../img/icon/document-search.svg)}.detail-tile--ai-summary{--tile-icon:url(../../img/icon/list-sparkle.svg)}.detail-tile--ai-draft{--tile-icon:url(../../img/icon/document-edit.svg)}.detail-tile--ai-predict{--tile-icon:url(../../img/icon/trend-up.svg)}.detail-tile--structured{--tile-icon:url(../../img/icon/braces.svg?ver=20261027)}.detail-tile--cited{--tile-icon:url(../../img/icon/eye.svg?ver=20261027)}.detail-tile--qa{--tile-icon:url(../../img/icon/question-answer.svg?ver=20261027)}.detail-tile--site-search{--tile-icon:url(../../img/icon/search.svg)}.detail-tile--guard{--tile-icon:url(../../img/icon/shield-check.svg)}.detail-tile--uptime{--tile-icon:url(../../img/icon/pulse.svg?ver=20261027)}.detail-tile--speed{--tile-icon:url(../../img/icon/gauge.svg?ver=20261027)}.detail-timeline{--dot:40px;--gap:24px;--line:color-mix(in srgb,var(--product) 40%,var(--color-white));position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin:calc(var(--dot) / 2) 0 0;padding:0;list-style:none;&::before{content:"";position:absolute;top:-1px;right:-8px;left:0;z-index:1;border-top:2px solid var(--line)}&::after{content:"";position:absolute;top:-6px;right:-16px;z-index:1;width:10px;height:12px;background-color:var(--line);clip-path:polygon(0 0,100% 50%,0 100%)}@media (max-width:1080px){grid-template-columns:minmax(0,1fr);gap:16px;margin-top:0;&::before{top:calc(var(--dot) / 2);right:auto;bottom:-8px;left:calc(var(--dot) / 2 - 1px);border-top:none;border-left:2px solid var(--line)}&::after{top:auto;right:auto;bottom:-16px;left:calc(var(--dot) / 2 - 6px);width:12px;height:10px;clip-path:polygon(0 0,100% 0,50% 100%)}}}.detail-timeline__item{position:relative;display:grid;@media (max-width:1080px){grid-template-columns:var(--dot) minmax(0,1fr);column-gap:16px;align-items:start}}.detail-timeline__body{display:flex;flex-direction:column;gap:8px;padding:calc(var(--dot) / 2 + 16px) 24px 24px;border:1px solid var(--color-border);border-top-color:transparent;border-radius:0 0 8px 8px;background-color:var(--color-white);@media (max-width:1080px){padding:16px 20px 20px;border-top-color:var(--color-border);border-radius:8px}}.detail-timeline__num{position:absolute;top:calc(var(--dot) / -2);left:0;z-index:2;display:grid;place-items:center;width:var(--dot);height:var(--dot);border:2px solid var(--product);border-radius:50%;background-color:var(--color-white);color:var(--product-text);font-size:var(--font-size-small);font-weight:bold;letter-spacing:0.05em;box-sizing:border-box;@media (max-width:1080px){position:relative;top:auto;left:auto}}.detail-timeline__item:last-child .detail-timeline__num{background-color:var(--product-text);border-color:var(--product-text);color:var(--color-white)}.detail-timeline__term{color:var(--color-key-sub);font-size:var(--font-size-xx-small);font-weight:bold;letter-spacing:0.05em}.detail-timeline__title{font-size:var(--font-size-x-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-large)}}.detail-timeline__question{min-height:calc(1.7em * 2);font-size:var(--font-size-small);font-weight:bold;line-height:1.7;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase}.detail-timeline__text{min-height:calc(1.8em * 3);margin-bottom:4px;color:var(--color-key-sub);font-size:var(--font-size-x-small);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase;text-wrap:pretty}.detail-timeline__menu{width:fit-content;margin-top:auto;padding:8px 16px;line-height:1.4;border-radius:9999px;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));color:var(--product-text);font-size:var(--font-size-xx-small);font-weight:bold;letter-spacing:0.05em}.detail-timeline__spans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:16px 0 0;padding:0;list-style:none;@media (max-width:1080px){grid-template-columns:minmax(0,1fr);gap:8px;margin-top:24px}}.detail-timeline__span{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;height:32px;color:var(--product-text);font-size:var(--font-size-x-small);letter-spacing:0.05em;&::before{content:"";position:absolute;inset:0 0 50%;border:2px solid color-mix(in srgb,var(--product) 40%,var(--color-white));border-top:0;border-radius:0 0 8px 8px}@media (max-width:1080px){justify-content:flex-start;height:auto;&::before{content:none}}}.detail-timeline__span--first{grid-column:1 / 4;@media (max-width:1080px){grid-column:auto}}.detail-timeline__span-range{display:none;font-weight:bold;@media (max-width:1080px){display:inline}}.detail-timeline__span-name{position:relative;padding:4px 16px;border-radius:9999px;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));font-weight:bold;line-height:1.6}.detail-timeline__span-term{position:relative;padding:0 8px;background-color:var(--section-bg,var(--color-white));color:var(--color-key-sub)}.detail-timeline__ai,.detail-menu__ai{--gap:24px;--tick:color-mix(in srgb,var(--product) 40%,var(--color-white));position:relative;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding:12px 24px;border:2px dashed color-mix(in srgb,var(--product) 60%,var(--color-white));border-radius:9999px;background-color:var(--color-white);font-size:var(--font-size-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em);&::before{content:"";position:absolute;right:0;bottom:100%;left:0;height:32px;background:linear-gradient(var(--tick),var(--tick)) calc((100% - var(--gap) * 3) / 8 - 1px) 0 / 2px 100% no-repeat,linear-gradient(var(--tick),var(--tick)) calc((100% - var(--gap) * 3) / 8 * 3 + var(--gap) - 1px) 0 / 2px 100% no-repeat,linear-gradient(var(--tick),var(--tick)) calc((100% - var(--gap) * 3) / 8 * 5 + var(--gap) * 2 - 1px) 0 / 2px 100% no-repeat,linear-gradient(var(--tick),var(--tick)) calc((100% - var(--gap) * 3) / 8 * 7 + var(--gap) * 3 - 1px) 0 / 2px 100% no-repeat}@media (max-width:1080px){&::before{content:none}}@media (max-width:800px){flex-wrap:wrap;gap:8px;padding:12px 16px;border-radius:16px;font-size:var(--font-size-x-small);text-align:center}}.detail-timeline__ai-text,.detail-menu__ai-text{font-size:var(--font-size-medium);@media (max-width:800px){font-size:var(--font-size-small)}}.detail-timeline__ai-name,.detail-menu__ai-name{padding:8px 16px;line-height:1.4;border-radius:9999px;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));color:var(--product-text);font-size:var(--font-size-xx-small);font-weight:bold;letter-spacing:0.05em;white-space:nowrap}.detail-timeline__ai-mark,.detail-menu__ai-mark{display:grid;flex-shrink:0;place-items:center;width:36px;height:36px;border:2px solid var(--color-white);border-radius:50%;background-color:var(--product-text);box-shadow:0 0 0 2px var(--color-yellow);box-sizing:border-box;&::before{content:"";width:18px;height:18px;background-color:var(--color-white);mask:url(../../img/icon/sparkles.svg) center / contain no-repeat}}.detail-crew{display:grid;justify-items:center;margin-top:48px;text-align:center;.detail-team{width:100%;margin-top:32px;text-align:left}@media (max-width:800px){margin-top:40px;.detail-team{margin-top:24px}}}.detail-crew__title{font-size:var(--font-size-x-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;@media (max-width:800px){font-size:var(--font-size-large)}}.detail-crew__text-line{display:block;@media (max-width:800px){display:inline}}.detail-crew__line{display:block;@media (max-width:800px){display:inline}}.detail-crew__text{max-width:var(--detail-narrow,800px);margin-top:16px;font-size:var(--font-size-x-medium);line-height:1.9;word-break:auto-phrase;letter-spacing:var(--letter-spacing-sp,0.05em);@media (max-width:800px){margin-top:8px;font-size:var(--font-size-x-small);text-align:left}}.detail-team{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:stretch;@media (max-width:800px){grid-template-columns:minmax(0,1fr)}}.detail-team__member{display:grid;align-content:start;gap:8px;padding:24px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-white);@media (max-width:800px){padding:20px;border-radius:8px}}.detail-team__member--lilli{border:2px solid var(--product)}.detail-team__side{color:var(--color-purple);font-size:var(--font-size-xxx-small);font-weight:bold;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.detail-team__role{font-size:var(--font-size-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-team__text{font-size:var(--font-size-x-small);line-height:1.8}.detail-team__pair{align-self:center;font-size:var(--font-size-x-large);font-weight:bold;text-align:center}.detail-team__roles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.detail-chip{padding:8px 16px;border:1px solid var(--color-key);border-radius:9999px;background-color:var(--color-white);font-size:var(--font-size-xx-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-oneteam{position:relative;justify-self:stretch;box-sizing:border-box;margin-top:56px;padding:56px 40px 32px;border:2px dashed color-mix(in srgb,var(--product) 40%,var(--color-white));border-radius:24px;background-color:var(--color-white);.detail-team{margin-top:0}.detail-team__roles{margin-top:32px}@media (max-width:800px){margin-top:40px;padding:40px 16px 24px;border-radius:16px}}.detail-oneteam__tag{position:absolute;top:-1px;left:50%;padding:8px 32px;border-radius:9999px;background-color:var(--product-text);color:var(--color-white);font-size:var(--font-size-medium);font-weight:bold;line-height:1.4;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap;translate:-50% -50%;@media (max-width:800px){padding:8px 24px;font-size:var(--font-size-small)}}.detail-oneteam .detail-team__member{grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:8px;align-content:center;>:not(.detail-team__avatar){grid-column:2}.detail-team__text{margin-top:-4px}}.detail-team__avatar{display:grid;grid-row:1 / span 3;place-items:center;align-self:center;width:48px;height:48px;border-radius:50%;background-color:color-mix(in srgb,var(--color-key) 6%,var(--color-white));&::before{content:"";width:24px;height:24px;background-color:var(--color-key);mask:var(--avatar-icon) center / contain no-repeat}}.detail-team__avatar--client{--avatar-icon:url(../../img/icon/person.svg)}.detail-team__avatar--lead{--avatar-icon:url(../../img/icon/person-star.svg);background-color:var(--product-text);&::before{background-color:var(--color-white)}}.detail-team__join{position:relative;align-self:center;--join-dot:64px;--join-icon:28px;width:128px;height:2px;margin:0 -16px;background-color:color-mix(in srgb,var(--product) 40%,var(--color-white));&::before{content:"";position:absolute;top:50%;left:50%;width:var(--join-dot);height:var(--join-dot);border:3px solid var(--color-white);border-radius:50%;background:var(--product-text);box-shadow:0 0 0 2px var(--color-yellow);box-sizing:border-box;translate:-50% -50%;@media (prefers-reduced-motion:no-preference){animation:detail-ripple 2.4s ease-out infinite}}&::after{content:"";position:absolute;top:50%;left:50%;width:var(--join-icon);height:var(--join-icon);background-color:var(--color-white);mask:url(../../img/icon/people.svg) center / contain no-repeat;translate:-50% -50%}@media (max-width:800px){--join-dot:48px;--join-icon:22px;justify-self:center;width:2px;height:56px;margin:-16px 0}}@keyframes detail-ripple{0%{box-shadow:0 0 0 2px var(--color-yellow),0 0 0 2px color-mix(in srgb,var(--color-yellow) 80%,transparent)}100%{box-shadow:0 0 0 2px var(--color-yellow),0 0 0 20px color-mix(in srgb,var(--color-yellow) 0%,transparent)}}.detail-oneteam .detail-team__roles{gap:8px}.detail-oneteam .detail-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;white-space:nowrap;border-color:color-mix(in srgb,var(--product) 40%,var(--color-white));color:var(--product-text);&::before{content:"";width:16px;height:16px;background-color:currentColor;mask:var(--chip-icon) center / contain no-repeat}}.detail-chip--domain{--chip-icon:url(../../img/icon/printer.svg)}.detail-chip--designer{--chip-icon:url(../../img/icon/palette.svg)}.detail-chip--engineer{--chip-icon:url(../../img/icon/monitor-code.svg)}.detail-chip--infra{--chip-icon:url(../../img/icon/shield-check.svg)}.detail-chip--ai{--chip-icon:url(../../img/icon/sparkles.svg)}.detail-chip--direction{--chip-icon:url(../../img/icon/compass.svg)}.detail-chip--search{--chip-icon:url(../../img/icon/search.svg)}.detail-menu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:24px;align-items:stretch;@media (max-width:1080px){grid-template-columns:minmax(0,1fr)}}.detail-page--flow .detail-menu{--menu-phase-width:104px;.detail-menu__phase{white-space:nowrap}.detail-menu__name{letter-spacing:var(--letter-spacing-sp,0.1em)}.detail-menu__item-name{letter-spacing:var(--letter-spacing-sp,0.05em)}}.detail-menu__first{display:flex;flex-direction:column;padding:32px;border:2px solid var(--product);border-radius:16px;background-color:var(--color-white);@media (max-width:800px){padding:24px 20px;border-radius:8px}}.detail-menu__phase{width:fit-content;padding:4px 12px;border-radius:9999px;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));color:var(--product-text);font-size:var(--font-size-xx-small);font-weight:bold;line-height:1.4;letter-spacing:0.1em}.detail-menu__name{margin-top:8px;font-size:var(--font-size-xx-large);font-weight:bold;line-height:1.5;letter-spacing:0.02em;@media (max-width:800px){font-size:var(--font-size-x-large)}}.detail-menu__summary{margin-top:8px;font-size:var(--font-size-medium);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-menu__terms{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);font-size:var(--font-size-small);line-height:1.7}.detail-menu__term{font-weight:bold}.detail-menu__desc{margin:0}.detail-menu__action{margin-top:auto;padding-top:24px}.detail-menu__next{display:flex;flex-direction:column;gap:8px}.detail-menu__lead{margin-bottom:4px;color:var(--color-key-sub);font-size:var(--font-size-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-menu__list{display:grid;flex:1;gap:8px;margin:0;padding:0;list-style:none}.detail-menu__item{display:grid;grid-template-columns:var(--menu-phase-width,56px) minmax(0,1fr);align-content:center;column-gap:16px;row-gap:4px;padding:16px 24px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-white);.detail-menu__phase{grid-row:1 / span 3;align-self:center;justify-self:center}>:not(.detail-menu__phase){grid-column:2}@media (max-width:800px){padding:16px}}.detail-menu__item-name{font-size:var(--font-size-large);font-weight:bold;line-height:1.4;letter-spacing:0.02em}.detail-menu__item-summary{color:var(--color-key-sub);font-size:var(--font-size-x-small);line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:auto-phrase}.detail-menu__item .detail-menu__phase--pair{display:grid;justify-items:center;gap:8px;padding:0;background:none}.detail-menu__phase-tag{width:fit-content;padding:4px 12px;border-radius:9999px;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white))}.detail-menu__item-line{display:block}.detail-menu__item-terms{color:var(--product-text);font-size:var(--font-size-xx-small);font-weight:bold;letter-spacing:0.05em}.detail-menu__ai{&::before{content:none}}.detail-menu__price{margin-top:24px;padding:24px;border-radius:12px;background-color:color-mix(in srgb,var(--product) 8%,var(--color-white));font-size:var(--font-size-medium);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);text-align:center;word-break:auto-phrase;@media (max-width:800px){font-size:var(--font-size-x-small);text-align:left;br{display:none}}}.detail-checks--compact{gap:8px 16px;.detail-check{align-items:center;gap:12px;padding:16px 24px;font-size:var(--font-size-small);font-weight:normal;line-height:1.6;&::before{margin-top:0}}@media (max-width:800px){.detail-check{padding:12px 16px;font-size:var(--font-size-x-small)}}}.detail-outcomes{max-width:var(--detail-narrow,800px);margin:0 auto;box-sizing:border-box;padding:8px 32px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-white);@media (max-width:800px){padding:4px 16px;border-radius:8px}}.detail-outcomes__row{display:grid;grid-template-columns:40px 96px minmax(0,1fr);align-items:center;column-gap:16px;padding:16px 0;& + &{border-top:1px solid color-mix(in srgb,var(--color-border) 60%,var(--color-white))}&::before{content:"";grid-row:1;grid-column:1;width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--product) 12%,var(--color-white))}&::after{content:"";grid-row:1;grid-column:1;place-self:center;width:20px;height:20px;background-color:var(--product-text);mask:var(--outcome-icon) center / contain no-repeat}>dt{grid-row:1;grid-column:2}>dd{grid-row:1;grid-column:3}@media (max-width:800px){grid-template-columns:32px minmax(0,1fr);row-gap:4px;padding:12px 0;&::before{grid-row:1 / span 2;align-self:start;width:32px;height:32px}&::after{grid-row:1 / span 2;align-self:start;margin-top:8px;width:16px;height:16px}>dd{grid-row:2;grid-column:2}}}.detail-outcomes__area{font-size:var(--font-size-medium);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em)}.detail-outcomes__metrics{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}.detail-outcomes__chip{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-small);line-height:1.7;letter-spacing:var(--letter-spacing-sp,0.05em);white-space:nowrap;&::before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--product)}}.detail-heading__text:has(+ .detail-outcomes){margin-bottom:24px}.detail-outcomes__row--time{--outcome-icon:url(../../img/icon/clock.svg)}.detail-outcomes__row--accuracy{--outcome-icon:url(../../img/icon/double-check.svg)}.detail-outcomes__row--adoption{--outcome-icon:url(../../img/icon/anchor.svg)}.detail-outcomes__row--business{--outcome-icon:url(../../img/icon/yen.svg)}.detail-outcomes__row--reach{--outcome-icon:url(../../img/icon/share.svg?ver=20261027)}.detail-outcomes__row--response{--outcome-icon:url(../../img/icon/mail.svg)}.detail-outcomes__row--experience{--outcome-icon:url(../../img/icon/gauge.svg?ver=20261027)}.detail-outcomes__row--efficiency{--outcome-icon:url(../../img/icon/clock.svg)}.detail-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.detail-flowmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;@media (max-width:1080px){grid-template-columns:minmax(0,1fr);gap:24px}}.detail-flowmap__column{position:relative;display:grid;gap:8px;&:nth-child(-n + 2)::after{content:"";position:absolute;top:50%;right:-24px;width:16px;height:16px;background-color:var(--product-text);mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;translate:0 -50%;@media (max-width:1080px){top:auto;right:auto;bottom:-20px;left:50%;rotate:90deg;translate:-50% 0}}}.detail-flowmap__title{margin-bottom:4px;color:var(--color-key-sub);font-size:var(--font-size-x-small);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em);text-align:center}.detail-flowmap__item{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background-color:var(--color-white);font-size:var(--font-size-small);line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.05em);&::before,&::after{content:"";grid-area:1 / 1}&::before{width:32px;height:32px;border-radius:50%;background-color:color-mix(in srgb,var(--color-key) 6%,var(--color-white))}&::after{place-self:center;width:18px;height:18px;background-color:var(--color-key);mask:var(--item-icon) center / contain no-repeat}@media (max-width:800px){font-size:var(--font-size-x-small)}}.detail-flowmap__column--behind{.detail-flowmap__item{background-color:color-mix(in srgb,var(--product) 12%,var(--color-white));font-weight:bold;&::before{background-color:var(--color-white)}&::after{background-color:var(--product-text)}}}.detail-flowmap__item--search{--item-icon:url(../../img/icon/search.svg)}.detail-flowmap__item--share{--item-icon:url(../../img/icon/share.svg?ver=20261027)}.detail-flowmap__item--flyer{--item-icon:url(../../img/icon/qr-code.svg?ver=20261027)}.detail-flowmap__item--voice{--item-icon:url(../../img/icon/speech-person.svg?ver=20261027)}.detail-flowmap__item--reserve{--item-icon:url(../../img/icon/calendar.svg?ver=20261027)}.detail-flowmap__item--entry{--item-icon:url(../../img/icon/checklist.svg)}.detail-flowmap__item--form{--item-icon:url(../../img/icon/mail.svg)}.detail-flowmap__item--notice{--item-icon:url(../../img/icon/bell.svg?ver=20261027)}.detail-flowmap__front{display:grid;gap:16px;padding:32px 24px;border:2px solid var(--product);border-radius:16px;background-color:var(--color-white);text-align:center}.detail-flowmap__front-title{font-size:var(--font-size-large);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em)}.detail-flowmap__front-text{color:var(--product-text);font-size:var(--font-size-medium);font-weight:bold;line-height:1.7;letter-spacing:var(--letter-spacing-sp,0.05em)}.detail-flowmap__front-line{display:block}.detail-faq{display:grid;gap:8px;max-width:var(--detail-narrow,800px);margin:0 auto}.detail-faq__item{border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-white);&[open] .detail-faq__question::after{rotate:-90deg}}.detail-faq__question{display:flex;align-items:center;gap:16px;padding:16px 24px;font-size:var(--font-size-medium);font-weight:bold;line-height:1.7;cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::before{content:"Q";display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background-color:var(--product-text);color:var(--color-white);font-size:var(--font-size-small);line-height:1}&::after{content:"";flex:none;width:16px;height:16px;margin-left:auto;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat;rotate:90deg;transition:rotate 0.32s}@media (max-width:800px){gap:12px;padding:16px;font-size:var(--font-size-small);&::before{width:28px;height:28px;font-size:var(--font-size-x-small)}}}.detail-faq__answer{position:relative;min-height:32px;padding:0 24px 16px calc(24px + 32px + 16px);font-size:var(--font-size-medium);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.05em);&::before{content:"A";position:absolute;top:0;left:24px;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--product-text);border-radius:50%;color:var(--product-text);font-size:var(--font-size-small);font-weight:bold;line-height:1;box-sizing:border-box}@media (max-width:800px){min-height:28px;padding:2px 16px 16px calc(16px + 28px + 12px);font-size:var(--font-size-small);&::before{left:16px;width:28px;height:28px;font-size:var(--font-size-x-small)}}}.detail-faq__link{color:var(--product-text);font-weight:bold;text-decoration:none;text-underline-offset:0.2em;&:hover{text-decoration:underline}}.detail-faq__link--field{color:var(--color-field-text)}.detail-faq__link--flow{color:var(--color-flow-text)}.detail-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;align-items:start;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:24px}}.detail-subtitle{margin-bottom:16px;font-size:var(--font-size-large);font-weight:bold;letter-spacing:var(--letter-spacing-sp,0.1em)}.detail-subtitle--spaced{margin-top:56px;@media (max-width:800px){margin-top:40px}}@media (max-width:800px){.detail-cover__catch,.detail-heading__title{text-box:trim-end text}.detail-cover__text,.detail-heading__text,.detail-lead,.detail-intro__text,.cocreation-section__lead{text-box:trim-start text}.cocreation-why .detail-heading__title{text-box:none}}.coming-soon{box-sizing:border-box;padding:32px 40px 120px;@media (max-width:800px){padding:24px 16px 80px}}.coming-soon__inner{max-width:800px;margin:0 auto}.coming-soon__title{font-size:var(--font-size-xx-large);letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-x-large)}}.coming-soon__box{display:grid;justify-items:center;margin-top:32px;padding:48px 32px;border:1px solid var(--color-border);border-radius:16px;text-align:center;@media (max-width:800px){margin-top:24px;padding:32px 16px;border-radius:12px}}.coming-soon__badge{margin-bottom:16px;padding:4px 16px;border:1px solid var(--color-purple);border-radius:999px;color:var(--color-purple);font-size:var(--font-size-xx-small);font-weight:bold;line-height:1.5;letter-spacing:0.15em}.coming-soon__text{font-size:var(--font-size-x-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.08em);word-break:keep-all;@media (max-width:800px){font-size:var(--font-size-small);line-height:1.9}}.coming-soon__links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;@media (max-width:800px){flex-direction:column;align-items:stretch;width:100%;gap:8px;margin-top:24px;.button{justify-content:center;width:100%}}}