{"id":363,"date":"2025-05-22T16:53:54","date_gmt":"2025-05-22T16:53:54","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=363"},"modified":"2025-06-12T15:30:30","modified_gmt":"2025-06-12T07:30:30","slug":"%e3%82%a8%e3%83%8c%e3%82%a8%e3%83%95%e3%83%86%e3%82%a3%e3%83%bc","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ja\/%e3%82%a8%e3%83%8c%e3%82%a8%e3%83%95%e3%83%86%e3%82%a3%e3%83%bc\/","title":{"rendered":"NFT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30ba"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"363\" class=\"elementor elementor-363\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a417831 e-flex e-con-boxed e-con e-parent\" data-id=\"a417831\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0d81f5d e-con-full e-flex e-con e-child\" data-id=\"0d81f5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab49eb3 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"ab49eb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-1024x682.avif\" class=\"attachment-large size-large wp-image-1688\" alt=\"\" srcset=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-1024x682.avif 1024w, https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-300x200.avif 300w, https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-768x511.avif 768w, https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-1536x1022.avif 1536w, https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/photo-1664022617645-cf71791942e4-2048x1363.avif 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f2bc33 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4f2bc33\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-956444f e-flex e-con-boxed e-con e-child\" data-id=\"956444f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5042f88 elementor-widget elementor-widget-html\" data-id=\"5042f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <h1 class=\"text-5xl md:text-6xl font-bold leading-tight\">\n                        <span>\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb <\/span>\n                        <span class=\"gradient-text\">NFT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30ba<\/span>\n                        <span> \u3042\u3089\u3086\u308b\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5bfe\u5fdc<\/span>\n                    <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81a08aa elementor-widget elementor-widget-text-editor\" data-id=\"81a08aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u76ee\u6a19\u306b\u5408\u308f\u305b\u305f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30b0\u30ec\u30fc\u30c9\u306eNFT\u3067\u3001\u65b0\u305f\u306a\u53ce\u76ca\u6e90\u3092\u78ba\u4fdd\u3057\u3001\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u5f37\u5316\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-154975e e-con-full e-flex e-con e-child\" data-id=\"154975e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93db8fc elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-button\" data-id=\"93db8fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#features\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u3055\u3089\u306b\u8a73\u3057\u304f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc5f22f e-grid e-con-full e-con e-child\" data-id=\"fc5f22f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fae675 elementor-widget elementor-widget-elementskit-funfact\" data-id=\"2fae675\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center\">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"500\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">\u7d0d\u5165\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77568ed elementor-widget elementor-widget-elementskit-funfact\" data-id=\"77568ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center\">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"500\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\tM+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">\u9020\u5e63\u5c40<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b31eb37 elementor-widget elementor-widget-elementskit-funfact\" data-id=\"b31eb37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center\">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"99\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t%\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">\u6210\u529f\u7387<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4a334 e-con-full e-flex e-con e-parent\" data-id=\"3b4a334\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a8d3f2 elementor-widget elementor-widget-html\" data-id=\"0a8d3f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/js-yaml\/4.1.0\/js-yaml.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/15.0.7\/marked.min.js\"><\/script>\n    \n<\/head>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n    \n    .gradient-text {\n        background: linear-gradient(90deg, #3B82F6, #EC4899, #10B981);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    \n    .hero-gradient {\n        background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(59, 130, 246, 0.1), rgba(236, 72, 153, 0.1));\n    }\n    \/* Main Styles *\/\nhtml {\nscroll-behavior: smooth;\n}\n\nbody {\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\nline-height: 1.6;\n}\n\n\/* Animation Classes *\/\n.fade-in-up {\nopacity: 0;\ntransform: translateY(20px);\ntransition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.fade-in-up.active {\nopacity: 1;\ntransform: translateY(0);\n}\n\n.fade-in-left {\nopacity: 0;\ntransform: translateX(-20px);\ntransition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.fade-in-left.active {\nopacity: 1;\ntransform: translateX(0);\n}\n\n.fade-in-right {\nopacity: 0;\ntransform: translateX(20px);\ntransition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.fade-in-right.active {\nopacity: 1;\ntransform: translateX(0);\n}\n\n.fade-in-stagger > * {\nopacity: 0;\ntransform: translateY(20px);\ntransition: opacity 0.5s ease-out, transform 0.5s ease-out;\n}\n\n.fade-in-stagger > *.active {\nopacity: 1;\ntransform: translateY(0);\n}\n\n\/* NFT Grid Animation *\/\n.nft-grid .nft-item {\nopacity: 0;\ntransform: scale(0.8);\ntransition: opacity 0.5s ease-out, transform 0.5s ease-out;\n}\n\n.nft-grid .nft-item.active {\nopacity: 1;\ntransform: scale(1);\n}\n\n.nft-grid .delay-100 {\ntransition-delay: 0.1s;\n}\n\n.nft-grid .delay-200 {\ntransition-delay: 0.2s;\n}\n\n.nft-grid .delay-300 {\ntransition-delay: 0.3s;\n}\n\n\/* Pulse Animation *\/\n@keyframes pulse {\n0% {\nbox-shadow: 0 0 0 0 rgba(79, 70, 229, 0.7);\n}\n70% {\nbox-shadow: 0 0 0 10px rgba(79, 70, 229, 0);\n}\n100% {\nbox-shadow: 0 0 0 0 rgba(79, 70, 229, 0);\n}\n}\n\n.pulse-animation {\nanimation: pulse 2s infinite;\n}\n\n\/* Gradient Hover Effect *\/\n.gradient-hover {\nbackground-size: 200% 200%;\nbackground-position: 0% 0%;\ntransition: background-position 0.6s ease;\n}\n\n.gradient-hover:hover {\nbackground-position: 100% 100%;\n}\n\n<\/style>\n\n<script>\n\n    \/**\n * Additional animation and interactive features\n *\/\ndocument.addEventListener('DOMContentLoaded', () => {\n    initHoverEffects();\n    initMobileMenu();\n});\n\n\/**\n * Initialize hover effects for interactive elements\n *\/\nfunction initHoverEffects() {\n    \/\/ Add subtle hover effects to cards\n    const cards = document.querySelectorAll('.rounded-xl');\n    cards.forEach(card => {\n        card.addEventListener('mouseenter', () => {\n            card.style.transform = 'translateY(-5px)';\n            card.style.transition = 'transform 0.3s ease';\n        });\n        \n        card.addEventListener('mouseleave', () => {\n            card.style.transform = 'translateY(0)';\n        });\n    });\n\n    \/\/ Add gradient hover effects\n    const gradientButtons = document.querySelectorAll('.bg-gradient-to-r');\n    gradientButtons.forEach(button => {\n        button.classList.add('gradient-hover');\n    });\n}\n\n\/**\n * Initialize mobile menu functionality\n *\/\nfunction initMobileMenu() {\n    const menuButton = document.querySelector('.md\\\\:hidden');\n    const mobileMenu = document.querySelector('.hidden.md\\\\:flex');\n    \n    if (menuButton && mobileMenu) {\n        let isOpen = false;\n        \n        \/\/ Create mobile menu overlay\n        const overlay = document.createElement('div');\n        overlay.classList.add('mobile-menu-overlay', 'fixed', 'inset-0', 'bg-gray-900', 'bg-opacity-50', 'z-40', 'hidden');\n        document.body.appendChild(overlay);\n        \n        \/\/ Clone navigation items for mobile\n        const mobileMenuContent = document.createElement('div');\n        mobileMenuContent.classList.add('fixed', 'right-0', 'top-0', 'h-full', 'w-64', 'bg-white', 'z-50', 'shadow-xl', 'p-6', 'transform', 'translate-x-full', 'transition-transform');\n        mobileMenuContent.innerHTML = `\n            <div class=\"flex justify-between items-center mb-6\">\n                <span class=\"text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-purple-600\">NFT Enterprise<\/span>\n                <button class=\"close-menu text-gray-700\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"flex flex-col space-y-4\">\n                <a href=\"#solutions\" class=\"hover:text-blue-600 transition-colors py-2\">Solutions<\/a>\n                <a href=\"#features\" class=\"hover:text-blue-600 transition-colors py-2\">Features<\/a>\n                <a href=\"#why-us\" class=\"hover:text-blue-600 transition-colors py-2\">Why Us<\/a>\n                <a href=\"#demos\" class=\"hover:text-blue-600 transition-colors py-2\">Demos<\/a>\n                <button class=\"bg-gradient-to-r from-blue-500 to-purple-600 text-white px-6 py-2 rounded-full hover:shadow-lg transition-all mt-4\">\n                    Contact Us\n                <\/button>\n            <\/div>\n        `;\n        document.body.appendChild(mobileMenuContent);\n        \n        const closeButton = mobileMenuContent.querySelector('.close-menu');\n        const mobileLinks = mobileMenuContent.querySelectorAll('a');\n        \n        \/\/ Toggle mobile menu\n        function toggleMenu() {\n            isOpen = !isOpen;\n            if (isOpen) {\n                overlay.classList.remove('hidden');\n                mobileMenuContent.style.transform = 'translateX(0)';\n                document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n            } else {\n                overlay.classList.add('hidden');\n                mobileMenuContent.style.transform = 'translateX(100%)';\n                document.body.style.overflow = ''; \/\/ Allow scrolling\n            }\n        }\n        \n        menuButton.addEventListener('click', toggleMenu);\n        closeButton.addEventListener('click', toggleMenu);\n        overlay.addEventListener('click', toggleMenu);\n        \n        \/\/ Close menu on link click\n        mobileLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                toggleMenu();\n                \n                \/\/ Smooth scroll to section\n                const targetId = link.getAttribute('href');\n                if (targetId && targetId !== '#') {\n                    const targetElement = document.querySelector(targetId);\n                    if (targetElement) {\n                        setTimeout(() => {\n                            const offsetTop = targetElement.getBoundingClientRect().top + window.pageYOffset;\n                            window.scrollTo({\n                                top: offsetTop,\n                                behavior: 'smooth'\n                            });\n                        }, 300); \/\/ Delay to allow menu closing animation\n                    }\n                }\n            });\n        });\n    }\n}\n\n\/**\n * Scroll progress indicator functionality\n *\/\nwindow.addEventListener('scroll', () => {\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n    const scrollPercentage = (scrollTop \/ scrollHeight) * 100;\n    \n    \/\/ Create or update scroll progress bar if it doesn't exist yet\n    let progressBar = document.querySelector('.scroll-progress');\n    if (!progressBar) {\n        progressBar = document.createElement('div');\n        progressBar.classList.add('scroll-progress', 'fixed', 'top-0', 'left-0', 'h-1', 'bg-gradient-to-r', 'from-blue-500', 'to-purple-600', 'z-50');\n        document.body.appendChild(progressBar);\n    }\n    \n    progressBar.style.width = `${scrollPercentage}%`;\n});\n\n\/\/ Initialize the page when the DOM is fully loaded\ndocument.addEventListener('DOMContentLoaded', () => {\n    initAnimations();\n    setupScrollAnimations();\n    addSmoothScrolling();\n});\n\n\/**\n * Initialize animations for elements that should be visible immediately\n *\/\nfunction initAnimations() {\n    \/\/ Activate NFT grid items with slight delay between them\n    const nftItems = document.querySelectorAll('.nft-grid .nft-item');\n    nftItems.forEach((item, index) => {\n        setTimeout(() => {\n            item.classList.add('active');\n        }, 300 + (index * 100));\n    });\n\n    \/\/ Activate initial fade-in elements\n    const initialFadeElements = document.querySelectorAll('#hero .fade-in-left, #hero .fade-in-right');\n    initialFadeElements.forEach(el => {\n        setTimeout(() => {\n            el.classList.add('active');\n        }, 300);\n    });\n}\n\n\/**\n * Setup intersection observer to trigger animations on scroll\n *\/\nfunction setupScrollAnimations() {\n    \/\/ Options for the Intersection Observer\n    const options = {\n        root: null, \/\/ Use viewport as root\n        rootMargin: '0px',\n        threshold: 0.1 \/\/ Trigger when at least 10% of the element is visible\n    };\n\n    \/\/ Handler for intersection changes\n    const handleIntersection = (entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                \/\/ If element is a staggered container, animate its children\n                if (entry.target.classList.contains('fade-in-stagger')) {\n                    const children = entry.target.children;\n                    Array.from(children).forEach((child, index) => {\n                        setTimeout(() => {\n                            child.classList.add('active');\n                        }, 100 * index);\n                    });\n                } else {\n                    \/\/ Otherwise, animate the element itself\n                    entry.target.classList.add('active');\n                }\n                \/\/ Unobserve after animation is triggered\n                observer.unobserve(entry.target);\n            }\n        });\n    };\n\n    \/\/ Create and use the observer\n    const observer = new IntersectionObserver(handleIntersection, options);\n    \n    \/\/ Observe all animated elements\n    const animatedElements = document.querySelectorAll('.fade-in-up, .fade-in-left, .fade-in-right, .fade-in-stagger');\n    animatedElements.forEach(el => {\n        observer.observe(el);\n    });\n}\n\n\/**\n * Add smooth scrolling behavior to navigation links\n *\/\nfunction addSmoothScrolling() {\n    const links = document.querySelectorAll('a[href^=\"#\"]');\n    \n    links.forEach(link => {\n        link.addEventListener('click', (e) => {\n            \/\/ Prevent default anchor behavior\n            e.preventDefault();\n            \n            \/\/ Get target element\n            const targetId = link.getAttribute('href');\n            if (targetId === '#') return;\n            \n            const targetElement = document.querySelector(targetId);\n            if (!targetElement) return;\n            \n            \/\/ Calculate position and scroll\n            const offsetTop = targetElement.getBoundingClientRect().top + window.pageYOffset;\n            \n            window.scrollTo({\n                top: offsetTop,\n                behavior: 'smooth'\n            });\n        });\n    });\n}\n\n<\/script>\n<body class=\"bg-gradient-to-br from-slate-50 to-blue-50 text-gray-800\">\n\n\n \n\n\n\n    <!-- Service Introduction -->\n\n\n    <!-- Service Features -->\n    <section class=\"py-16 bg-white\" id=\"features\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16 fade-in-up\">\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u8a73\u7d30\u306a\u30b5\u30fc\u30d3\u30b9\u3068\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u7279\u5fb4<\/h2>\n                <p class=\"text-xl text-gray-700\">\n                    \u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306aNFT\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u3001\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3068\u67d4\u8edf\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u5099\u3048\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u76ee\u6a19\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 fade-in-stagger\">\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-blue-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">NFT\u9020\u5e63\u304a\u3088\u3073\u767a\u884c<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30bc\u30ed\uff0f\u4f4e\u30ac\u30b9\u92f3\u9020\u306b\u3088\u308a\u3001\u30e6\u30cb\u30fc\u30af\u3067\u691c\u8a3c\u53ef\u80fd\u306a\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3057\u3001\u30b3\u30b9\u30c8\u52b9\u7387\u306e\u9ad8\u3044\u8cc7\u7523\u4f5c\u6210\u3092\u5927\u898f\u6a21\u306b\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-purple-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-purple-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">NFT\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u30fb\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30ed\u30a4\u30e4\u30ea\u30c6\u30a3\u652f\u6255\u3044\u3092\u7d71\u5408\u3057\u305f\u3001\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306e\u4e0a\u5834\u3001\u53d6\u5f15\u3001\u7ba1\u7406\u306e\u305f\u3081\u306e\u72ec\u81ea\u306e\u30d6\u30e9\u30f3\u30c9\u5316\u3055\u308c\u305f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-pink-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-pink-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30a6\u30a9\u30ec\u30c3\u30c8\u3068\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u7d71\u5408<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u30a6\u30a9\u30ec\u30c3\u30c8\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u3092\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u30bb\u30ad\u30e5\u30a2\u3067\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-green-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-green-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u3068\u8a3c\u660e\u8ffd\u8de1<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30d6\u30ed\u30c3\u30af\u30c1\u30a7\u30fc\u30f3\u4e0a\u306b\u8a18\u9332\u3055\u308c\u305f\u4e0d\u5909\u306e\u76e3\u67fb\u8a3c\u8de1\u306b\u3088\u308a\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u900f\u660e\u6027\u306e\u9ad8\u3044\u5546\u54c1\u8ffd\u8de1\u3092\u5b9f\u65bd\u3057\u3001\u900f\u660e\u6027\u3092\u9ad8\u3081\u308b\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-orange-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-orange-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30ed\u30a4\u30e4\u30ea\u30c6\u30a3\uff06\u30ea\u30ef\u30fc\u30c9\u30fb\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u3088\u308a\u6df1\u3044\u9867\u5ba2\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u4fc3\u9032\u3059\u308b\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fNFT\u306e\u30ed\u30a4\u30e4\u30eb\u30c6\u30a3\u30d7\u30ed\u30b0\u30e9\u30e0\u3084\u4f1a\u54e1\u5236\u5ea6\u3092\u8a2d\u8a08\u3001\u7acb\u3061\u4e0a\u3052\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-indigo-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-indigo-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30db\u30ef\u30a4\u30c8\u30ec\u30fc\u30d9\u30eb\u30fb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u9ad8\u5ea6\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u5c06\u6765\u306e\u62e1\u5f35\u6027\u3092\u8003\u616e\u3057\u3066\u8a2d\u8a08\u3055\u308c\u305f\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb\u30fb\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3088\u308a\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fNFT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u8fc5\u901f\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-red-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-red-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30ec\u30a4\u30e4\u30fc2\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u6700\u65b0\u306e\u30d6\u30ed\u30c3\u30af\u30c1\u30a7\u30fc\u30f3\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u6280\u8853\u3092\u6d3b\u7528\u3057\u3001\u9ad8\u3044\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u30b9\u30eb\u30fc\u30d7\u30c3\u30c8\u3068\u5927\u5e45\u306a\u30b3\u30b9\u30c8\u524a\u6e1b\u3092\u5b9f\u73fe\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-yellow-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-yellow-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u30b5\u30a4\u30c9\u30c1\u30a7\u30fc\u30f3\u306e\u5b9f\u88c5<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3068\u53d6\u5f15\u624b\u6570\u6599\u306e\u4f4e\u6e1b\u306e\u305f\u3081\u306b\u3001Polygon\u306e\u3088\u3046\u306a\u9ad8\u6027\u80fd\u30b5\u30a4\u30c9\u30c1\u30a7\u30fc\u30f3\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u6d3b\u7528\u3059\u308b\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"rounded-xl p-6 hover:shadow-xl transition-all border border-gray-100 hover:border-blue-100\">\n                    <div class=\"w-14 h-14 bg-teal-100 rounded-full flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-teal-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u7d71\u5408API<\/h3>\n                    <p class=\"text-gray-600\">\n                        \u30d3\u30b8\u30cd\u30b9\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306aAPI\u3092\u4f7f\u7528\u3057\u3066\u3001NFT\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u65e2\u5b58\u306e\u4f01\u696d\u30b7\u30b9\u30c6\u30e0\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Why Choose Us -->\n    <section class=\"py-16 bg-gradient-to-br from-blue-50 to-indigo-50\" id=\"why-us\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row items-center\">\n                <div class=\"md:w-5\/12 mb-12 md:mb-0 pr-0 md:pr-10 fade-in-left\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u79c1\u305f\u3061\u3092\u9078\u3076\u7406\u7531<\/h2>\n                    <blockquote class=\"p-6 italic border-l-4 border-blue-500 bg-white rounded-r-lg shadow-md mb-8\">\n                        <p class=\"text-gray-700 text-lg\">\n                            \u300c\u5f53\u793e\u306f\u3001\u4f01\u696d\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u5805\u7262\u3067\u30bb\u30ad\u30e5\u30a2\u3001\u304b\u3064\u62e1\u5f35\u6027\u306e\u9ad8\u3044NFT\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u958b\u767a\u3068\u5c55\u958b\u306b\u304a\u3044\u3066\u3001\u6bd4\u985e\u306a\u3044\u5c02\u9580\u77e5\u8b58\u3068\u5b9f\u7e3e\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u52b9\u7387\u6027\u3001\u6280\u8853\u9769\u65b0\u3001\u732e\u8eab\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u3078\u306e\u30b3\u30df\u30c3\u30c8\u30e1\u30f3\u30c8\u304c\u3001\u5f53\u793e\u3092\u969b\u7acb\u305f\u305b\u3066\u3044\u307e\u3059\u3002\"\n                        <\/p>\n                    <\/blockquote>\n                    \n                    <ul class=\"space-y-4\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-6 w-6 text-green-500 mr-2 mt-1 flex-shrink-0\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <p><span class=\"font-semibold\">\u52b9\u7387\u6027\u3068\u900f\u660e\u6027\uff1a<\/span> \u30d6\u30ed\u30c3\u30af\u30c1\u30a7\u30fc\u30f3\u4e0a\u306e\u691c\u8a3c\u53ef\u80fd\u306a\u76e3\u67fb\u8a3c\u8de1\u306b\u3088\u308a\u3001\u624b\u4f5c\u696d\u3092\u81ea\u52d5\u5316\u3059\u308b\u3002<\/p>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-6 w-6 text-green-500 mr-2 mt-1 flex-shrink-0\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <p><span class=\"font-semibold\">\u30d6\u30e9\u30f3\u30c9\u306e\u5dee\u5225\u5316\uff1a<\/span> \u30e6\u30cb\u30fc\u30af\u306a\u30c7\u30b8\u30bf\u30eb\u4f53\u9a13\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u4e0a\u306e\u8a71\u984c\u3092\u559a\u8d77\u3057\u3001\u9867\u5ba2\u30ed\u30a4\u30e4\u30ea\u30c6\u30a3\u3092\u9ad8\u3081\u308b\u3002<\/p>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-6 w-6 text-green-500 mr-2 mt-1 flex-shrink-0\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <p><span class=\"font-semibold\">\u5f37\u56fa\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\uff1a<\/span> \u30a8\u30f3\u30c9\u30c4\u30fc\u30a8\u30f3\u30c9\u306e\u6697\u53f7\u5316\u3001\u8a31\u53ef\u5236\u30a2\u30af\u30bb\u30b9\u3001\u5b9a\u671f\u7684\u306a\u30b9\u30de\u30fc\u30c8\u30b3\u30f3\u30c8\u30e9\u30af\u30c8\u76e3\u67fb\u3002<\/p>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-6 w-6 text-green-500 mr-2 mt-1 flex-shrink-0\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <p><span class=\"font-semibold\">\u30d3\u30b8\u30cd\u30b9\u306e\u672a\u6765\u5bfe\u7b56<\/span> \u65b0\u8208\u30c7\u30b8\u30bf\u30eb\u7d4c\u6e08\u306e\u57fa\u76e4\u3068\u306a\u308b\u6280\u8853\u3092\u3044\u3061\u65e9\u304f\u5c0e\u5165\u3059\u308b\u3002<\/p>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"md:w-7\/12 flex justify-center fade-in-right\">\n                    <div class=\"grid grid-cols-2 gap-5 md:gap-8\">\n                        <div class=\"col-span-2\">\n                            <div class=\"bg-white rounded-xl shadow-lg p-6 border border-gray-200 hover:shadow-xl transition-all\">\n                                <h3 class=\"text-xl font-bold mb-3 text-blue-600\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3068\u67d4\u8edf\u6027<\/h3>\n                                <p class=\"text-gray-600\">\n                                    \u5f53\u793e\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u4e2d\u6838\u3068\u3057\u3066\u69cb\u7bc9\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u306b\u5408\u308f\u305b\u3066\u30eb\u30c3\u30af\u3001\u30d5\u30a3\u30fc\u30eb\u3001\u6a5f\u80fd\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-span-1\">\n                            <div class=\"bg-white rounded-xl shadow-lg p-6 border border-gray-200 hover:shadow-xl transition-all h-full\">\n                                <h3 class=\"text-lg font-bold mb-2 text-purple-600\">\u53ce\u76ca\u5316\u306e\u6a5f\u4f1a<\/h3>\n                                <p class=\"text-gray-600 text-sm\">\n                                    \u30bb\u30ab\u30f3\u30c0\u30ea\u30fc\u30de\u30fc\u30b1\u30c3\u30c8\u3068\u81ea\u52d5\u5316\u3055\u308c\u305f\u30ed\u30a4\u30e4\u30ea\u30c6\u30a3\u652f\u6255\u3044\u306b\u3088\u308a\u3001\u591a\u69d8\u306a\u53ce\u76ca\u6e90\u3092\u958b\u62d3\u3059\u308b\u3002\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-span-1\">\n                            <div class=\"bg-white rounded-xl shadow-lg p-6 border border-gray-200 hover:shadow-xl transition-all h-full\">\n                                <h3 class=\"text-lg font-bold mb-2 text-pink-600\">\u898f\u5236\u3078\u306e\u5bfe\u5fdc<\/h3>\n                                <p class=\"text-gray-600 text-sm\">\n                                    \u898f\u5236\u7523\u696d\u306b\u304a\u3051\u308b\u76e3\u67fb\u3084\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u8981\u4ef6\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3002\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-span-2\">\n                            <div class=\"bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl shadow-lg p-6 text-white hover:shadow-xl transition-all\">\n                                <h3 class=\"!text-white text-xl font-bold mb-3\">\u30d3\u30b8\u30cd\u30b9\u3092\u5909\u9769\u3059\u308b\u6e96\u5099\u306f\u3067\u304d\u3066\u3044\u307e\u3059\u304b\uff1f<\/h3>\n                                <p class=\"mb-4\">\n                                    NFT\u306e\u5c02\u9580\u5bb6\u306b\u3088\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u3054\u4e88\u7d04\u3044\u305f\u3060\u304d\u3001\u5f53\u793e\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u304a\u5ba2\u69d8\u306e\u5177\u4f53\u7684\u306a\u30cb\u30fc\u30ba\u306b\u3069\u306e\u3088\u3046\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u304b\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\n                                <\/p>\n                                <button \n                                onclick=\"window.location.href='\/contact\/'\" \n                                class=\"px-8 py-3 rounded-full font-medium border-2 border-white text-center hover:bg-white hover:text-indigo-800 transition\">\n                                \u304a\u554f\u3044\u5408\u308f\u305b\n                             <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n  \n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Scalable NFT Solutions for Every Business Need Unlock new revenue streams and enhance engagement with enterprise-grade NFTs tailored to your specific business goals. Learn More 0 + Projects Delivered 0 M+ NFTs Minted 0 % Success Rate Detailed Services &#038; Platform Features Our scalable NFT platforms are equipped with advanced features and flexible options to power your business objectives. NFT Minting and Issuing Effortlessly create unique and verifiable digital assets with our zero\/low gas minting for cost-efficient asset creation at scale. NFT Marketplace Solutions Build your own branded, customizable marketplace for listing, trading, and managing digital assets with integrated royalty payments. Wallet &#038; Identity Integration Provide your users with secure, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":43,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":3222,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/363\/revisions\/3222"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}