@layer component{.serviceCard{opacity:0;width:calc(var(--vw)*87.6923);will-change:opacity,transform;margin:0 auto;padding-top:64px;transition:opacity .77s cubic-bezier(.24,.13,.26,1.01),transform .9s cubic-bezier(.24,.13,.26,1.01);position:relative;transform:translateY(12px)}.serviceCard[data-in-view=true]{opacity:1;transform:translateY(0)}.serviceCard[data-in-view=true] .serviceCard-nameBox span+span{clip-path:polygon(0 0,200% 0,0 200%)}.serviceCard-name span{color:var(--color-primary);font-family:var(--font-family-en);font-size:1rem;font-weight:700;line-height:1.6;display:block}.serviceCard-nameBox span{color:var(--color-gray-primary);font-size:1.5rem;font-weight:700;line-height:1.2;display:block}.serviceCard-nameBox span+span{color:var(--color-text-base)}.serviceCard-wrap{margin-top:24px}.serviceCard-vis{aspect-ratio:342/274;clip-path:inset(0 round 16px);width:100%;height:auto;position:relative;overflow:hidden}.serviceCard-vis video{width:100%;height:auto;display:block}.serviceCard-txt{margin-top:24px}.serviceCard-txt p{font-size:1.375rem;font-weight:700;line-height:1.6}.serviceCard-txt p+p{color:var(--color-text-secondary);margin-top:16px;font-size:.875rem;font-weight:500;line-height:1.8}.serviceCard-tag{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}@media print and (width>=768px),screen and (width>=768px){.serviceCard-name span{font-size:1.125rem}.serviceCard-nameBox span{font-size:2rem;line-height:1.6}.serviceCard-wrap{align-items:center;margin-top:40px;display:flex}.serviceCard-vis{aspect-ratio:320/256;width:41.8848%}.serviceCard-txt{width:58.1152%;margin-top:0;padding-left:40px}.serviceCard-txt p{font-size:clamp(22px,calc(var(--vw)*.4386 + 18.6316px),24px)}.serviceCard-txt p+p{font-size:clamp(14px,calc(var(--vw)*.4386 + 10.6316px),16px);margin-top:clamp(16px,calc(var(--vw)*1.75439 + 2.52632px),24px);line-height:1.6}.serviceCard-tag{gap:12px;margin-top:40px}}@media print and (width>=1048px),screen and (width>=1048px){.serviceCard{width:100%;padding-top:160px;transform:translateY(24px)}}}.serviceCard:first-child .serviceCard-vis video{transform:translate(-15px,36px)scale(2.1)}.serviceCard:nth-child(2) .serviceCard-vis video{transform:translate(-5px,2px)scale(1.4)}.serviceCard:nth-child(3) .serviceCard-vis video{transform:translate(173px,-9px)scale(2.45)}.serviceCard:nth-child(4) .serviceCard-vis video{transform:translate(2px,28px)scale(1.6)}@layer project{.service-read[data-in-view=true] .service-readNameBox span+span{clip-path:polygon(0 0,200% 0,0 200%)}.service-read .service-readNameBox span{font-size:1.5rem;font-weight:700;line-height:1.6}.service-read .service-readNameBox span+span{background:var(--tag-bg-gradient);-webkit-text-fill-color:#0000;text-fill-color:#0000;background-clip:text}.service-read p{margin-top:24px;font-size:.875rem;font-weight:500;line-height:1.8}html.is-vt-nav .service-read[data-in-view=true] .service-readNameBox span+span{transition-delay:var(--vt-clip-delay,.9s)}@media print and (width>=768px),screen and (width>=768px){.service-read .service-readNameBox span{font-size:2.5rem}.service-read p{margin-top:40px;font-size:1rem}}}