*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#1e455a;--color-primary-hover:#163a4a;--color-secondary:#f9fafb;--color-accent:#0500ff;--color-text-primary:#101619;--color-text-secondary:#5f6365;--color-text-muted:#474747;--color-border:#eae9f2;--color-border-light:rgba(145, 148, 149, 0.15);--color-background:#ffffff;--color-background-alt:rgba(242, 242, 243, 0.2);--color-dark:#090f15;--font-primary:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--font-secondary:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--font-accent:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--font-display:'Noto Sans JP',sans-serif;--font-mono:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--font-bold:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:80px;--spacing-4xl:120px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.15);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--glow-hue:208deg;--shadow-hue:208deg;--spring-easing:linear(
        0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
        1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
        1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
        0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
        0.998 84%, 1
    );--spring-duration:1.33s}@media print{.cta-section,.footer,.header{display:none}.about-dify-section,.advantages-section,.applications-section,.hero-section,.problems-section,.testimonials-section{page-break-inside:avoid;padding:var(--spacing-md) 0}}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-display);line-height:1.6;color:var(--color-text-primary);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:url(fonts/NotoSansJP-Regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:500;src:url(fonts/NotoSansJP-Medium.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:url(fonts/NotoSansJP-Bold.woff2) format('woff2')}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:12px var(--spacing-md);border:none;border-radius:var(--radius-full);font-family:var(--font-secondary);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;user-select:none}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-outline{background:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.btn-outline:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-large{padding:10px 24px;font-size:16px}.btn-large svg{width:16px;height:16px}.btn-cta{padding:var(--spacing-sm) var(--spacing-xl);font-size:18px;font-weight:600}.btn-link{text-decoration:none}.header{background:var(--color-background);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);transition:all .3s ease}.header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:36.5px 0;gap:var(--spacing-md)}.logo-wrapper{flex-shrink:0}.logo{height:24px;filter:none}.navigation{display:flex;gap:var(--spacing-xl)}.nav-item{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative}.nav-item{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:calc(var(--spacing-xs) + 3px);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;background-image:linear-gradient(var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-position:bottom left;background-size:0 1px;transition:background-size .3s ease}.nav-item:hover{color:var(--color-primary);background-size:100% 1px}.nav-item.active{color:var(--color-primary);font-weight:600;background-size:100% 1px}.header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.hero-section{width:100%;padding:156px 0 172px 0;background:url(images/hero-section-img.webp) no-repeat,#fff;background-size:auto 90%;background-position:right 20% top 30%;display:flex;align-items:center}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero-stats{display:flex;gap:var(--spacing-lg);flex-wrap:nowrap}.powered-by-badge{display:inline-flex;align-items:center;margin-bottom:var(--spacing-xs)}.powered-badge-svg{height:20px;width:auto;object-fit:contain}.hero-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.title-line{display:block}.title-highlight{background:linear-gradient(135deg,var(--color-primary) 0,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{margin-bottom:var(--spacing-xl)}.subtitle-main{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.subtitle-main .char{display:inline-block}.subtitle-description{font-family:'Noto Sans JP',sans-serif;font-size:16px;color:var(--color-text-secondary);line-height:1.8}.hero-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.stat-value{font-family:var(--font-bold);font-weight:800;font-size:32px;color:var(--color-primary)}.avatar-image{width:100%;height:100%;object-fit:cover}.stat-text{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--color-text-primary)}.stat-suffix{font-family:var(--font-secondary);font-weight:500;font-size:16px;color:var(--color-text-primary)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-image{width:100%;max-width:600px;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-slow)}.hero-image:hover{transform:scale(1.02)}.partnership-section{background:var(--color-dark);padding:var(--spacing-3xl) 0;text-align:center;color:#fff}.tech-tags{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.tech-tag{font-family:Arial,sans-serif;font-size:14px;white-space:nowrap}.tag-bracket{font-weight:700;color:var(--color-accent)}.tag-bracket-white{font-weight:700;color:#fff!important}.tag-text{color:#fff;font-weight:400}.partner-content{max-width:800px;margin:0 auto}.partner-description{font-size:18px;color:#fff;line-height:1.8;margin-bottom:var(--spacing-xl);font-weight:400}.partner-logo{margin-top:var(--spacing-xl)}.partner-svg{height:60px;width:auto;object-fit:contain;background-color:#fff}.partner-logo .partner-svg{max-width:250px;height:auto;filter:brightness(1)}.partner-text{display:inline-block;background:linear-gradient(135deg,var(--color-accent) 0,#3b82f6 100%);color:#fff;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;font-size:20px;letter-spacing:1px}.section-header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:1100px;margin-left:auto;margin-right:auto}.section-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.badge-dot{width:12px;height:12px;background:var(--color-primary);border-radius:50%}.badge-text{font-family:var(--font-accent);font-weight:400;font-size:18px;color:var(--color-text-primary)}.section-title{font-size:clamp(28px,4vw,36px);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.section-title.with-lines{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.section-title.with-lines::after,.section-title.with-lines::before{content:'';position:absolute;top:50%;width:280px;height:1px;background-color:#919191}.section-title.with-lines::before{left:0;transform:translateY(-50%)}.section-title.with-lines::after{right:0;transform:translateY(-50%)}.section-description{font-family:'Noto Sans JP',sans-serif;font-size:16px;color:var(--color-text-secondary);line-height:1.8;max-width:700px;margin:0 auto}.section-note{font-size:14px;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm)}.problems-section{padding:var(--spacing-4xl) 0;background:var(--color-background)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.problem-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.problem-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:700;font-size:12px;letter-spacing:1px;margin-bottom:var(--spacing-md)}.problem-content{flex:1;display:flex;flex-direction:column}.problem-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.title-divider{margin:4px auto var(--spacing-md);display:flex;justify-content:center}.divider-svg{width:220px;height:auto;object-fit:contain}.problem-description{flex:1;text-align:left}.problem-description>p{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.problem-list{list-style:none;padding:0}.problem-list li{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm);position:relative}.problem-list li::before{content:'•';color:var(--color-primary);position:absolute;left:0;font-weight:700}.solution-banner{text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.solution-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);position:relative}.solution-content::before{content:'';position:absolute;width:100px;border-top:3px dotted #1a1a1a;left:19%;top:-50%;transform:rotate(45deg);transform-origin:left center}.solution-content::after{content:'';position:absolute;width:100px;border-top:3px dotted #1a1a1a;right:19%;top:-50%;transform:rotate(-45deg);transform-origin:right center}.solution-text{font-size:clamp(24px,3vw,32px);line-height:1.3;white-space:nowrap}.solution-normal{font-weight:500;color:var(--color-text-muted)}.solution-highlight{font-weight:800;color:var(--color-primary)}.solution-exclamation{font-weight:800;color:var(--color-primary)}.solution-subtitle{font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--color-text-muted);line-height:1.4;max-width:1000px;margin:0 auto}.advantages-section{padding:var(--spacing-4xl) 0;background:var(--color-background-alt)}.title-decorations{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4xl);margin-top:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.decoration-line{width:200px;height:1px;background:linear-gradient(90deg,transparent 0,var(--color-border) 50%,transparent 100%)}.advantages-list{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.advantage-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.advantage-reverse{direction:rtl}.advantage-reverse>*{direction:ltr}.advantage-visual{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.advantage-image{width:100%;height:400px;object-fit:cover;transition:transform var(--transition-slow);border:2px solid #e0e0e0;border-radius:var(--radius-xl)}.advantage-content{padding:var(--spacing-md)}.advantage-number{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-md)}.number-text{font-size:36px;font-weight:600;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:4px}.number-accent{width:60px;height:1px;background:#101619;border-radius:0}.advantage-title{font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.advantage-description{font-size:16px;color:var(--color-text-muted);line-height:1.8}.about-dify-section{padding:var(--spacing-4xl) 0;background:var(--color-background)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-visual{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.dify-platform-image{width:120%;height:auto;margin-left:-10%;object-fit:cover;transition:transform var(--transition-slow)}.about-text{padding:var(--spacing-md)}.about-header{margin-bottom:var(--spacing-xl)}.dify-logo-text{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-family:'Noto Sans JP',sans-serif;font-size:16px;color:var(--color-text-primary);line-height:1.8}.applications-section{padding:var(--spacing-4xl) 0;background:var(--color-background)}.applications-list{display:flex;flex-direction:column;gap:0}.application-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;position:relative}.application-item:not(:last-child){padding-bottom:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.application-item:nth-child(odd):not(:last-child)::after{content:'';position:absolute;bottom:0;left:0;width:70%;height:1px;background-color:#e0e0e0}.application-item:nth-child(even):not(:last-child)::after{content:'';position:absolute;bottom:0;right:0;width:70%;height:1px;background-color:#e0e0e0}.application-reverse{direction:rtl}.application-reverse>*{direction:ltr}.application-visual{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.application-image{width:100%;height:300px;object-fit:cover;transition:transform var(--transition-slow)}.application-content{padding:var(--spacing-md)}.application-badge{display:inline-flex;align-items:center;padding:4px 8px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:500;font-size:9px;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.application-title{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.application-description{font-size:16px;color:var(--color-text-secondary);line-height:1.8}.video-section{background:var(--color-background-alt);padding:0;margin-top:60px}.video-container{width:100%;margin:0 auto}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.testimonials-section{padding:var(--spacing-4xl) 0 200px 0;background:var(--color-background-alt);padding-top:200px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.testimonial-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xs);transition:all var(--transition-normal);height:100%}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-content{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-secondary);border-radius:var(--radius-lg);height:100%}.testimonial-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:var(--shadow-sm)}.testimonial-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.testimonial-department{font-weight:600;font-size:12px;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.testimonial-quote{font-size:14px;color:var(--color-text-primary);line-height:1.6;flex:1}.cta-section{position:relative;padding:var(--spacing-3xl) 0;margin-bottom:30px;text-align:center;color:#fff;overflow:hidden;background-image:url(images/cta-background.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.cta-section::before{background:linear-gradient(135deg,rgba(9,15,21,.2) 0,rgba(30,69,90,.2) 100%)}.cta-section .container{position:relative;z-index:2}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:clamp(24px,3vw,32px);font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.cta-description{font-size:16px;color:rgba(255,255,255,.8);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-buttons{display:flex;gap:24px;justify-content:center;align-items:center;margin-top:32px}@media (max-width:768px){.cta-buttons{flex-direction:column;gap:16px;width:100%}.cta-buttons .btn-link{width:100%;max-width:280px}}.footer{background:var(--color-background)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) 0;gap:var(--spacing-md)}.footer-brand{flex-shrink:0}.footer-logo{height:40px;width:auto;object-fit:contain}.footer-nav{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-nav-item{position:relative;font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-normal)}.footer-nav-item::after{position:absolute;left:0;content:'';width:100%;height:1px;background:var(--color-primary);bottom:-2px;transform:scale(0,1);transform-origin:center;transition:transform .3s}.footer-nav-item:hover{color:var(--color-primary)}.footer-nav-item:hover::after{transform:scale(1,1)}.footer-nav-item:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.footer-divider{width:100%;height:1px;background:var(--color-border)}.footer-copyright{width:100%;text-align:center;padding:var(--spacing-md) var(--spacing-md);background:var(--color-background)}.footer-copyright p{font-family:var(--font-accent);font-weight:300;font-size:14px;color:var(--color-text-secondary);margin:0}.footer-bottom{background:var(--color-dark);padding:var(--spacing-xl) 0}.footer-tags{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.footer-tag{font-family:Arial,sans-serif;font-size:13px;white-space:nowrap}.partner-section{text-align:center}.hamburger-menu{display:none;width:40px;height:40px;background:0 0;border:none;cursor:pointer;position:relative;z-index:102;padding:0}.hamburger-line{display:block;width:24px;height:2px;background:#1e455a;margin:5px auto;transition:all .3s ease}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;z-index:101;transition:right .3s ease}.mobile-menu.active{right:0}.mobile-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.mobile-menu.active .mobile-menu-overlay{opacity:1}.mobile-menu-content{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;padding:80px 24px 40px}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:0 0;border:none;font-size:24px;color:#1e455a;cursor:pointer}.mobile-nav-item{display:block;padding:16px 0;font-size:16px;font-family:var(--font-display);font-weight:500;color:#101619;text-decoration:none;border-bottom:1px solid #eae9f2;transition:all .3s ease}.mobile-nav-item:hover{color:#1e455a;padding-left:8px}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}body.menu-open{overflow:hidden}@property --shimmer{syntax:"<angle>";inherits:false;initial-value:33deg}@keyframes shimmer{0%{--shimmer:0deg}100%{--shimmer:360deg}}@keyframes shine{0%{opacity:0}15%{opacity:1}55%{opacity:1}100%{opacity:0}}@keyframes text{0%{background-position:100% center}100%{background-position:-100% center}}.btn-primary.shimmer-effect{min-width:160px;position:relative;isolation:isolate;overflow:hidden;scale:1;transition:all var(--spring-duration) var(--spring-easing)}.btn-primary.shimmer-effect:hover:not(:active){transition-duration:calc(var(--spring-duration)*.5);scale:1;box-shadow:0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 0 0 transparent}.btn-primary.shimmer-effect:active{scale:1.02;transition-duration:calc(var(--spring-duration)*.5)}.btn-primary.shimmer-effect .text{display:inline-flex;align-items:center;gap:var(--spacing-xs);position:relative;z-index:1}.btn-primary.shimmer-effect .text span{color:transparent;background-clip:text;-webkit-background-clip:text;background-color:#fff;background-image:linear-gradient(120deg,transparent,hsla(var(--glow-hue),100%,80%,.66) 40%,hsla(var(--glow-hue),100%,90%,.9) 50%,transparent 52%);background-repeat:no-repeat;background-size:300% 300%;background-position:center 200%}.btn-primary.shimmer-effect:hover .text{animation:text .66s ease-in 1 both}.btn-primary.shimmer-effect .text svg{width:16px;height:16px;flex-shrink:0;color:#fff;fill:#fff}.btn-primary.shimmer-effect:hover .text span{animation:text .66s ease-in 1 both}.shimmer{position:absolute;inset:-40px;border-radius:inherit;mask-image:conic-gradient(from var(--shimmer,0deg),transparent 0,transparent 10%,#000 36%,#000 45%,transparent 50%,transparent 60%,#000 85%,#000 95%,transparent 100%);mask-size:cover;mix-blend-mode:plus-lighter;animation:shimmer 1s linear infinite both}.btn-primary.shimmer-effect:hover .shimmer::after,.btn-primary.shimmer-effect:hover .shimmer::before{opacity:1;animation:shine 1.2s ease-in 1 forwards}.shimmer::after,.shimmer::before{transition:all .5s ease;opacity:0;content:"";border-radius:inherit;position:absolute;mix-blend-mode:color;inset:40px;pointer-events:none}.shimmer::before{box-shadow:0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);z-index:-1}.shimmer::after{box-shadow:inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);z-index:2}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}.btn:focus-visible,.footer-nav-item:focus-visible,.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (min-width:1800px){.hero-section{background:url(images/1920-1080_hero-section-img.webp?v=2) no-repeat,#fff;background-position:right -5% top -30%;background-size:auto 100%!important}}@media (min-width:1600px) and (max-width:1790px){.hero-section{background-position:right -15% top -80%;background-size:auto 93%}}@media (min-width:1420px) and (max-width:1599px){.hero-section{background-position:right 15% top -80%;background-size:auto 90%}.subtitle-description{max-width:600px}}@media (min-width:1180px) and (max-width:1319px){.hero-section{background-position:right 15% top -30%;background-size:auto 70%;padding:100px 0 172px 0}.hero-content{transform:translateY(-50px)}.hero-text{max-width:55%;flex-shrink:0}}@media (max-width:1200px){.container{padding:0 var(--spacing-lg)}.about-content,.hero-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.advantage-item,.application-item{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.advantage-reverse,.application-reverse{direction:ltr}.video-container{max-width:100%;padding:0 var(--spacing-md)}.section-title.with-lines::after,.section-title.with-lines::before{width:140px}.dify-platform-image{width:110%;margin-left:-5%}}.sp-br{display:none}@media (max-width:768px){.sp-br{display:inline}}.pc-br{display:inline}@media (max-width:768px){.pc-br{display:none}}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.header{position:sticky;top:0;z-index:100;padding:0;background:linear-gradient(to bottom,rgba(0,0,0,.95) 0,rgba(0,0,0,.85) 100%);backdrop-filter:blur(10px);transition:box-shadow .3s ease}.header.scrolled-mobile{box-shadow:0 2px 0 0 rgba(0,0,0,.3)}.header .logo{filter:brightness(0) invert(1)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0;height:60px;gap:0}.logo-wrapper{flex-shrink:0}.navigation{display:none}.hamburger-menu{display:block!important}.hamburger-line{background:#fff}.header-actions{display:flex!important;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:center}.header-actions .btn{display:none}main{padding-top:0}p{text-align:left}.hero-section{background:url(images/sp_mv.webp) no-repeat center center;background-size:cover;min-height:620px;padding:100px 0 40px 0;color:#fff}.hero-content{padding:0 16px}.hero-title,.subtitle-description,.subtitle-main{color:#fff}.hero-title{font-size:32px;line-height:1.3;margin-bottom:16px}.title-highlight{background:linear-gradient(135deg,#fff 0,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.powered-by-badge{background-color:#fff;display:inline-flex}.powered-badge-svg{height:14px}.subtitle-main{font-size:16px}.subtitle-description{font-size:14px;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;justify-content:center}.hero-actions .btn{width:100%;padding:12px 16px;font-size:14px}.hero-actions .btn svg{width:14px;height:14px}.hero-stats{display:none}.stat-item{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.partnership-section{padding:40px 0}.tech-tags{flex-direction:column;gap:var(--spacing-sm)}.partner-description{font-size:14px;line-height:1.6}.partner-text{font-size:16px;padding:var(--spacing-sm) var(--spacing-md)}.partner-svg{height:40px}.problems-section{padding:60px 0}.problems-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-title{font-size:24px}.section-title.with-lines::after,.section-title.with-lines::before{width:60px}.section-description{font-size:14px}.solution-content{flex-direction:column;gap:var(--spacing-sm)}.solution-content::after,.solution-content::before{display:none}.solution-text{font-size:20px}.solution-subtitle{font-size:16px}.advantages-section{padding:20px 0}.advantage-item,.application-item{grid-template-columns:1fr;gap:24px}.advantages-list,.applications-list{gap:var(--spacing-md)}.advantage-reverse,.application-reverse{direction:ltr}.advantage-image,.application-image{height:200px}.advantage-title,.application-title{font-size:20px}.about-dify-section{padding:10px 0;border-bottom:1px solid var(--color-border)}.about-content{grid-template-columns:1fr;gap:16px}.about-visual{margin-bottom:0;height:280px;overflow:hidden;position:relative}.dify-platform-image{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:center center;margin-left:0}.about-header{margin-bottom:0}.dify-platform-image{width:100%;margin-left:0}.dify-logo-text{font-size:36px}.applications-section{padding:20px 0}.application-item{display:flex;flex-direction:column-reverse}.testimonials .application-item:not(:last-child){padding-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.video-section{padding:30px 0;margin-top:40px}.video-wrapper{border-radius:var(--radius-lg)}.video-section .container{padding:0 8px}.video-container{max-width:100%;padding:5px}.testimonials-section{padding-top:60px;padding-bottom:80px}.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.testimonial-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.testimonial-quote{text-align:left}.cta-section{padding:60px 0;background-image:url(images/cta-background-mobile.webp);background-attachment:scroll}.cta-title{font-size:20px}.cta-description{font-size:14px}.cta-section .btn{width:100%;max-width:280px}.cta-description{text-align:center}.footer-main{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:32px 0}.footer-nav{justify-content:center;gap:var(--spacing-sm)}.footer-tags{flex-direction:column;gap:var(--spacing-sm)}.footer-copyright p{text-align:center}.quote-mark{font-size:32px}}@media (max-width:480px){.hero-title{font-size:28px}.section-title{font-size:20px}.section-title.with-lines::after,.section-title.with-lines::before{display:none}.solution-text{font-size:18px}.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}.advantage-image,.application-image{height:250px}}@media (max-width:1440px){.cta-section{background-image:url(images/cta-background-medium.webp)}}.testimonials-more{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-2xl);width:100%}.testimonials-more .btn-link{text-decoration:none}@media (max-width:768px){.testimonials-more{margin-top:var(--spacing-xl)}.testimonials-more .btn{width:100%;max-width:280px}}.page-top-button{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:99;box-shadow:0 4px 12px rgba(0,0,0,.2)}.page-top-button:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.3)}.page-top-button.show{opacity:1;visibility:visible}@media (max-width:768px){.page-top-button{bottom:20px;right:20px;width:45px;height:45px}}@media (min-width:769px) and (max-width:1100px){.application-item{gap:var(--spacing-xl)}.application-visual{min-width:300px}.advantage-image{height:500px}.application-image{height:500px}.application-content{padding:var(--spacing-sm)}.applications-section{padding:var(--spacing-3xl) 0}}@media (min-width:769px) and (max-width:1024px){.application-item{grid-template-columns:1fr;gap:var(--spacing-md)}.advantage-image{height:500px}.application-visual{order:2}.application-content{order:1}}@media (min-width:769px) and (max-width:1100px){.navigation{gap:var(--spacing-md)}.nav-item{font-size:14px;padding:var(--spacing-xs) 12px}.header-actions .btn{font-size:13px;padding:10px 16px}.header-actions .btn svg{width:12px;height:12px}.hero-section{background-image:url(images/hero-section-tablet.webp);background-position:right 10% top 65%;background-size:auto 70%}.hero-text{max-width:60%}.subtitle-description{max-width:500px;line-height:1.6}.hero-stats{gap:var(--spacing-md)}.stat-item{flex-wrap:nowrap;white-space:nowrap}.stat-text{font-size:14px}.stat-value{font-size:28px}.solution-content::after{right:10%}.solution-content::before{left:10%}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 20px}.nav-item{font-size:13px;padding:6px 10px}.advantage-image{height:100%}.logo{height:20px}}.video-thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);z-index:1;transition:opacity .3s ease}.video-thumbnail-overlay.playing{opacity:0;pointer-events:none}.video-play-btn{width:80px;height:80px;background:rgba(255,255,255,.9);border:none;border-radius:50%;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.video-play-btn:hover{transform:scale(1.1);background:rgba(255,255,255,.95)}.video-play-btn svg{width:30px;height:30px;margin-left:3px;color:#1e455a}.breadcrumb-section{background:var(--color-background);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px}.breadcrumb-item{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}.breadcrumb-separator{color:var(--color-text-muted)}.page-header{padding:var(--spacing-3xl) 0 var(--spacing-2xl) 0;background:var(--color-background);text-align:center}.page-title{font-size:clamp(32px,4vw,42px);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.page-description{font-family:'Noto Sans JP',sans-serif;font-size:16px;color:var(--color-text-secondary);line-height:1.8;max-width:800px;margin:0 auto}.case-studies-section{padding:var(--spacing-3xl) 0 var(--spacing-4xl) 0;background:var(--color-background-alt)}.testimonial-result{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.case-studies-section+.cta-section{background-image:url(images/cta-background.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}@media (max-width:1024px){.case-studies-section .testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width:768px){.breadcrumb-section{padding:var(--spacing-sm) 0}.breadcrumb{font-size:12px}.page-header{padding:var(--spacing-2xl) 0 var(--spacing-xl) 0}.page-title{font-size:28px}.page-description{font-size:14px}.case-studies-section{padding:var(--spacing-xl) 0 var(--spacing-2xl) 0}.case-studies-section .testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.case-studies-section+.cta-section{background-image:url(images/cta-background-mobile.jpg)}}@media (max-width:480px){.page-title{font-size:24px}}