<!doctype html><html lang="ja"> <head><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-PCP3LTV');</script><!-- End Google Tag Manager --> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v24.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>クリスタルメソッド株式会社｜バーチャルヒューマンが業務をサポート！</title> <meta name="description" content="最先端のAI技術とリアルなバーチャルヒューマンで、新しいコミュニケーション体験を。クリスタルメソッド株式会社は、企業の業務効率化と顧客体験の向上を支援します。" /> <link rel="canonical" href="https://crystal-method.com/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <meta property="og:title" content="クリスタルメソッド株式会社｜バーチャルヒューマンが業務をサポート！" /> <meta property="og:description" content="最先端のAI技術とリアルなバーチャルヒューマンで、新しいコミュニケーション体験を。クリスタルメソッド株式会社は、企業の業務効率化と顧客体験の向上を支援します。" /> <meta property="og:url" content="https://crystal-method.com/" /> <meta property="og:site_name" content="クリスタルメソッド株式会社｜バーチャルヒューマンが業務をサポート！" /> <meta property="article:modified_time" content="2025-07-02T06:30:00+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@YCrystalmethod" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://crystal-method.com/","url":"https://crystal-method.com/","name":"クリスタルメソッド株式会社｜バーチャルヒューマンが業務をサポート！","isPartOf":{"@id":"https://crystal-method.com/#website"},"about":{"@id":"https://crystal-method.com/#organization"},"datePublished":"2024-06-23T06:08:30+00:00","dateModified":"2025-07-02T06:30:00+00:00","description":"最先端のAI技術とリアルなバーチャルヒューマンで、新しいコミュニケーション体験を。クリスタルメソッド株式会社は、企業の業務効率化と顧客体験の向上を支援します。","breadcrumb":{"@id":"https://crystal-method.com/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://crystal-method.com/"]}]},{"@type":"BreadcrumbList","@id":"https://crystal-method.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム"}]},{"@type":"WebSite","@id":"https://crystal-method.com/#website","url":"https://crystal-method.com/","name":"クリスタルメソッド株式会社｜ AIエージェントが業務をサポート！","description":"人のサポートをするAIエージェントサービスDeepAIの提供・マルチモーダルAI研究開発・IoT導入コンサル事業｜クリスタルメソッド株式会社","publisher":{"@id":"https://crystal-method.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://crystal-method.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https://crystal-method.com/#organization","name":"クリスタルメソッド株式会社","url":"https://crystal-method.com/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https://crystal-method.com/#/schema/logo/image/","url":"https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/favicon.png","contentUrl":"https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/favicon.png","width":512,"height":512,"caption":"クリスタルメソッド株式会社"},"image":{"@id":"https://crystal-method.com/#/schema/logo/image/"},"sameAs":["https://x.com/YCrystalmethod","https://www.instagram.com/crystalmethod_jp/","https://www.youtube.com/channel/UCfSE4kDOE-3shGcm_EfoWaw"]}]}</script> <meta name="msvalidate.01" content="1403152D97F9E439764D686AF93EB756" /> <meta name="google-site-verification" content="No0afBfmEK6zRDW1P0g4eQiYQW430oi9lCCn4VIpzvI" /> <meta name="yandex-verification" content="6f9b330645ba74d6" /> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /><script type="text/javascript">/* <![CDATA[ */window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/crystal-method.com\/wp2020\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.4"}};/*! This file is auto-generated */!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);/* ]]> */</script><style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }</style><link rel='stylesheet' id='wp-block-library-css' href='https://crystal-method.com/wp2020/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.7.4' type='text/css' media='all' /><style id='wp-block-library-inline-css' type='text/css'>/* VK Color Palettes */</style><link rel='stylesheet' id='vk-components-style-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-component/src//assets/css/vk-components.css?ver=1.6.5' type='text/css' media='all' /><style id='classic-theme-styles-inline-css' type='text/css'>/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style><style id='global-styles-inline-css' type='text/css'>:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}</style><link rel='stylesheet' id='vk-swiper-style-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-swiper/src/assets/css/swiper-bundle.min.css?ver=11.0.2' type='text/css' media='all' /><link rel='stylesheet' id='vkblocks-bootstrap-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/build/bootstrap_vk_using.css?ver=4.3.1' type='text/css' media='all' /><link rel='stylesheet' id='tailwind-cdn-css' href='https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css' type='text/css' media='all' /><link rel='stylesheet' id='vk-blocks-build-css-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/build/block-build.css?ver=1.97.0.2' type='text/css' media='all' /><style id='vk-blocks-build-css-inline-css' type='text/css'>:root {--vk_flow-arrow: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/arrow_bottom.svg);--vk_image-mask-circle: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/circle.svg);--vk_image-mask-wave01: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave01.svg);--vk_image-mask-wave02: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave02.svg);--vk_image-mask-wave03: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave03.svg);--vk_image-mask-wave04: url(https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave04.svg);}:root { --vk-size-text: 16px; /* --vk-color-primary is deprecated. */ --vk-color-primary:#337ab7; } :root { --vk-balloon-border-width:1px; --vk-balloon-speech-offset:-12px; } </style><link rel='stylesheet' id='vk-font-awesome-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/vendor/vektor-inc/font-awesome-versions/src/versions/6/css/all.min.css?ver=6.4.2' type='text/css' media='all' /><link rel='stylesheet' id='wp-pagenavi-css' href='https://crystal-method.com/wp2020/wp/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /><link rel="https://api.w.org/" href="https://crystal-method.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://crystal-method.com/wp-json/wp/v2/pages/7029" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://crystal-method.com/wp2020/wp/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 6.7.4" /><link rel='shortlink' href='https://crystal-method.com/' /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://crystal-method.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrystal-method.com%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://crystal-method.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrystal-method.com%2F&format=xml" /><link rel="icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/cropped-cropped-cropped-favicon-32x32.png" sizes="32x32" /><link rel="icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/cropped-cropped-cropped-favicon-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/cropped-cropped-cropped-favicon-180x180.png" /><meta name="msapplication-TileImage" content="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/cropped-cropped-cropped-favicon-270x270.png" /> <meta charset="UTF-8"> <meta name=”keywords” content="AIアバター,デジタルアバター,AI,deepfake,クリスタルメソッド"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no"> <!--ファビコン --><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /><link rel="icon" type="image/svg+xml" href="/favicon.svg" /><link rel="shortcut icon" href="/favicon.ico" /><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /><link rel="manifest" href="/site.webmanifest" /> <!--IEのコーディング崩れ対策--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <!-- JS --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!-- CSS --> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"><link rel="stylesheet" href="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/style-top.css?ver=1.2"> </head><body><!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCP3LTV"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --><div class="load"></div><div class="wrapper" style="overflow-x: hidden;"> <style> .wp-block-cover .wp-block-cover__inner-container { max-width: 1200px; width: 90% !important; margin: auto; } .linkarea { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; } a { text-decoration: none; } .more_btn .inner { display: inline-block; position: relative; font-size: 20px; padding: 16px 40px; border-radius: 100vh; font-weight: bold; color: white; background: rgb(46,72,222); background: linear-gradient(90deg, rgba(46,72,222,1) 0%, rgba(241,68,157,1) 100%); filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.2)); transition: 0.5s; transform: translateZ(0); } .more_btn .inner::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; border-radius: 100vh; opacity: 0; background: linear-gradient(90deg, rgba(241,68,157,1) 0%, rgba(241,68,157,1) 100%); transition: 0.5s; } .more_btn .inner:hover { filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.4)); transform: 0.5s; } .more_btn .inner:hover::before { opacity: 1; transition: 0.5s; } .more_btn .inner p { padding-right: 22px; } .more_btn .inner::after { content: ""; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background-image: url("https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/more_btn_arrow.svg"); width: 14px; height: 14px; background-size: contain; transition: 0.3s; } .more_btn .inner:hover::after { right: 32px; transition: 0.3s; } /*--------------------------------------------- ヘッダー ---------------------------------------------*/ .top_header { position: fixed; top: 24px; left: 50%; transform: translateX(-50%) translateZ(0); display: flex; justify-content: space-between; max-width: 1200px; width: 92%; padding: 12px 20px; background: white; border-radius: 100vh; z-index: 999999; filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.14)); } .top_header .logo { position: relative; height: 37px; width: auto; } @media screen and (max-width: 500px) { .top_header .logo { height: 28px; } } .top_header .logo img { height: 100%; width: auto; } .top_header ul { display: flex; gap: 14px; margin: auto 0px; font-weight: bold; letter-spacing: 0.03em; white-space: nowrap; list-style: none; font-size: 14px; } .top_header ul a { color: #1F285B; } @media screen and (max-width: 1024px) { .top_header ul { display: none; } .top_header ul.open { position: absolute; top: 69px; right: 0px; display: flex; flex-direction: column; background: white; padding: 20px; border-radius: 24px; overflow: hidden; filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.14)); transform: translateZ(0); } } @media screen and (max-width: 500px) { .top_header ul.open { top: 60px; } } .top_header ul li { position: relative; margin: auto 0px; transition: 0.3s; } .top_header ul li::before { content: ""; position: absolute; bottom: -4px; left: 0px; width: 0%; height: 1px; background: #1F285B; transition: 0.3s; } .top_header ul li:hover::before{ width: 100%; transition: 0.3s; } .top_header .sp_menu { display: none; position: relative; width: 24px; height: 18px; margin: auto 12px auto; transition: 0.3s; cursor: pointer; } .top_header .sp_menu span { position: absolute; top: 0px; left: 0px; width: 100%; height: 2px; border-radius: 100vh; background: #1F285B; transition: 0.3s; } .top_header .sp_menu span:nth-child(2) { top: 50%; left: 0px; transform: translateY(-50%); transition: 0.3s; } .top_header .sp_menu span:nth-child(3) { top: auto; bottom: 0px; left: 0px; transition: 0.3s; } .top_header .sp_menu.open span { transform: rotate(45deg); top: 50%; transition: 0.3s; } .top_header .sp_menu.open span:nth-child(2) { opacity: 0; transition: 0.3s; } .top_header .sp_menu.open span:nth-child(3) { transform: rotate(-45deg); top: 50%; transition: 0.3s; } @media screen and (max-width: 1024px) { .top_header .sp_menu { display: block; } } .top_header ul .document { cursor: pointer; padding: 8px 24px; border-radius: 100vh; background: rgba(241,68,157,1); transition: 0.3s; } .top_header ul .document a { position: relative; color: white; } .top_header ul .document::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 100vh; background: linear-gradient(135deg, rgba(46,72,222,1) 0%, rgba(241,68,157,1) 100%); transition: 0.3s; } .top_header ul .document:hover::before { opacity: 0; transition: 0.3s; } .top_header ul .contact { padding: 8px 24px; border-radius: 100vh; border: 1px solid #1F285B; color: #1F285B; transition: 0.3s; text-align: center; } .top_header ul .contact:hover { background: #1F285B; transition: 0.3s; } .top_header ul .contact:hover a { color: white; transition: 0.3s; } .top_header ul .contact:hover::before { width: 0%; } @media screen and (max-width: 1024px) { .top_header ul .contact { margin-top: -6px; } } /*--------------------------------------------- トップ／メインスライダー ---------------------------------------------*/ .main_slider { position: relative; width: 100%; height: 800px; border-radius: 0px 0px 160px 160px; overflow: hidden; } @media screen and (max-width: 1024px) { .main_slider { border-radius: 0px 0px 80px 80px; } } .main_slider .item { pointer-events: none; width: 100%; height: 100%; } .main_slider .item.view { pointer-events: auto; } .main_slider .item.view video.fv_pc { display: block; } .main_slider .item.view video.fv_sp { display: none; } @media screen and (max-width: 900px) { .main_slider .item.view video.fv_pc { display: none; } .main_slider .item.view video.fv_sp { display: block; } } .main_slider .item video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: 0.3s; } .main_slider .item.view video { opacity: 1; transition: 0.3s; } .main_slider .item .msk { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgb(46,72,222); background: linear-gradient(0deg, rgba(46,72,222,1) 0%, rgba(46,72,222,0) 100%); transition: 0.3s; } .main_slider .item.view .msk { opacity: 0.5; transition: 0.3s; } .main_slider .item .txt_inner { display: flex; flex-direction: column; gap: 24px; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%) translateY(10px); max-width: 1200px; width: 90%; color: white; opacity: 0; transition: 0.3s; } .main_slider .item.view .txt_inner { transform: translateX(-50%) translateY(0px); opacity: 1; transition: 0.5s; transition-delay: 0.3s; } .main_slider .item .txt_inner .main_copy { max-width: 50%; font-size: 42px; font-weight: bold; line-height: 1.42em; } .main_slider .item .txt_inner .description { max-width: 50%; } @media screen and (max-width: 1024px) { .main_slider .item .txt_inner .main_copy { max-width: 100%; } .main_slider .item .txt_inner .description { max-width: 100%; } } @media screen and (max-width: 500px) { .main_slider .item .txt_inner .main_copy { font-size: 28px; } } </style> <header class="top_header"> <div class="logo"> <img src="https://crystal-method.com/inc/img/logo.png" alt="クリスタルメソッド株式会社"> <a href="https://crystal-method.com/" class="linkarea"></a> </div> <div class="sp_menu"> <span></span> <span></span> <span></span> </div> <nav class="main-navigation"><ul id="menu-header_menu" class="main-menu"><li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-71"><a href="https://crystal-method.com/service/">サービス</a><ul class="sub-menu"> <li id="menu-item-8593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8593"><a href="https://crystal-method.com/ai-role-play/">DeepAIロープレ</a></li> <li id="menu-item-8328" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8328"><a href="https://crystal-method.com/ai-hiring/">DeepAI面接</a></li></ul></li><li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://crystal-method.com/news/">お知らせ</a></li><li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="https://crystal-method.com/blog/">AIブログ</a></li><li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="https://crystal-method.com/company/">会社概要</a></li><li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="https://crystal-method.com/recruit/">採用情報</a></li><li id="menu-item-76" class="contact menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://crystal-method.com/contact/">お問い合わせ</a></li></ul></nav> <!-- <ul class="main_color"> <li> <p>サービス</p> <a href="https://crystal-method.com/service" class="linkarea"></a> </li> <li> <p>お知らせ</p> <a href="https://crystal-method.com/news" class="linkarea"></a> </li> <li> <p>AIブログ</p> <a href="https://crystal-method.com/blog" class="linkarea"></a> </li> <li> <p>会社案内</p> <a href="https://crystal-method.com/company" class="linkarea"></a> </li> <li> <p>採用情報</p> <a href="https://crystal-method.com/recruit" class="linkarea"></a> </li> <li class="contact"> <p>お問い合わせ</p> <a href="https://crystal-method.com/contact" class="linkarea"></a> </li> </ul> --> <script type="text/javascript">var _trackingid = 'LFT-40908-1'; (function() { var lft = document.createElement('script'); lft.type = 'text/javascript'; lft.async = true; lft.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//track.list-finder.jp/js/ja/track.js'; var snode = document.getElementsByTagName('script')[0]; snode.parentNode.insertBefore(lft, snode);})();</script></header><style>.btn-crystal-outline { position: relative; padding: 12px 30px; background: white; border: 2px solid; border-image: linear-gradient(90deg, #ffeb3b, #ff9800, #f44336, #e91e63, #3f51b5) 1; clip-path: polygon( 10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px ); font-size: 16px; font-weight: 500; color: #333; cursor: pointer; transition: clip-path 0.4s ease; text-decoration: none; display: inline-block; box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .btn-crystal-outline:hover { clip-path: polygon( 25% 0%, 75% 0%, /* 上辺 */ 100% 25%, 100% 75%, /* 右辺 */ 75% 100%, 25% 100%, /* 下辺 */ 0% 75%, 0% 25% /* 左辺 */ );} </style><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css"> <style> :root { --crystal-yellow: #ffeb3b; --crystal-orange: #ff9800; --crystal-red: #f44336; --crystal-magenta: #e91e63; --crystal-blue: #3f51b5; } .crystal-gradient { background: linear-gradient(90deg, var(--crystal-yellow), var(--crystal-orange), var(--crystal-red), var(--crystal-magenta), var(--crystal-blue)); } .hero-slide { height: 70vh; display: none;} /* スマホサイズのみ上書き */@media (max-width: 639px) { .hero-slide { height: 100px; }} .hero-slide.active { display: flex; } .slide-indicator { width: 12px; height: 12px; border-radius: 50%; background-color: #e5e5e5; cursor: pointer; transition: all 0.3s ease; } .slide-indicator.active { background-color: #ffffff; } .crystal-accent { height: 4px; background: linear-gradient(90deg, var(--crystal-yellow), var(--crystal-orange), var(--crystal-red), var(--crystal-magenta), var(--crystal-blue)); } .btn-crystal-outline { border: 2px solid; border-image: linear-gradient(90deg, var(--crystal-yellow), var(--crystal-orange), var(--crystal-red), var(--crystal-magenta), var(--crystal-blue)) 1; background: transparent; color: #333; } .service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; } .service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .service-icon { background: none; color: gray; } </style> </head> <body class="bg-white"> <main class="page_main"> <!-- Hero Section with Slides --> <section class="relative bg-white h-[100px] sm:h-[280px] md:h-[320px] lg:h-[400px] overflow-hidden"> <!-- Slide 1 --> <div class="hero-slide active w-full h-full" data-slide="0"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/06/名称未設定のデザイン-1.png" alt="top1" class="w-full h-full object-cover" /> </div> <!-- Slide 2 --> <div class="hero-slide w-full h-full" data-slide="1"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2024/02/PC-W1450xH730-1.jpg" alt="top2" class="w-full h-full object-cover" /> </div> <!-- Slide 3 --> <div class="hero-slide w-full h-full" data-slide="2"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/09/top3.png" alt="top3" class="w-full h-full object-cover" /> </div> <div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2 z-20"> <div class="slide-indicator active" data-slide="0"></div> <div class="slide-indicator" data-slide="1"></div> <div class="slide-indicator" data-slide="2"></div> </div> </section> <!-- News Section --><section class="bg-white py-16"> <div class="w-full max-w-none px-4 sm:px-6 lg:px-12 mx-auto"> <div class="text-center mb-12"> <h2 class="text-4xl font-bold text-gray-900 mb-4">News</h2> <p class="text-lg text-gray-600">ニュース</p> <div class="w-20 h-1 crystal-gradient mx-auto mt-4"></div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div class="bg-white rounded-xl shadow-lg p-6 text-left"> <a href="https://crystal-method.com/news/%e3%83%86%e3%83%ac%e3%83%93%e6%9d%b1%e4%ba%ac%e3%80%8c%e3%83%af%e3%83%bc%e3%83%ab%e3%83%89%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%82%b5%e3%83%86%e3%83%a9%e3%82%a4%e3%83%88%e3%80%8d%e3%81%ab%e3%81%a6/" class="block mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/10/20251016_wb_txbizall01_c5478a7b6684467_9-300x169.jpg" alt="テレビ東京「ワールドビジネスサテライト」にてご紹介頂きました" class="w-full h-48 object-cover rounded-md"> </a> <p class="text-sm text-gray-500 mb-2">2025/10/17</p> <h3 class="text-xl font-bold text-gray-900 mb-2"> <a href="https://crystal-method.com/news/%e3%83%86%e3%83%ac%e3%83%93%e6%9d%b1%e4%ba%ac%e3%80%8c%e3%83%af%e3%83%bc%e3%83%ab%e3%83%89%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%82%b5%e3%83%86%e3%83%a9%e3%82%a4%e3%83%88%e3%80%8d%e3%81%ab%e3%81%a6/" class="hover:underline">テレビ東京「ワールドビジネスサテライト」にてご紹介頂きました</a> </h3> <p class="text-gray-600 mb-4">テレビ東京の経済ニュース番組「ワールドビジネスサテライト（WBS）」にて、弊社のAIサービスが紹介されました。人の代わり…</p> <a href="https://crystal-method.com/news/%e3%83%86%e3%83%ac%e3%83%93%e6%9d%b1%e4%ba%ac%e3%80%8c%e3%83%af%e3%83%bc%e3%83%ab%e3%83%89%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%82%b5%e3%83%86%e3%83%a9%e3%82%a4%e3%83%88%e3%80%8d%e3%81%ab%e3%81%a6/" class="text-crystal-blue hover:underline inline-flex items-center group text-sm font-medium"> 続きを読む <svg class="w-4 h-4 ml-1 transition-transform duration-200 group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg></a> </div> <div class="bg-white rounded-xl shadow-lg p-6 text-left"> <a href="https://crystal-method.com/news/20250714/" class="block mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/07/キャプチャ-300x169.jpg" alt="NHK総合テレビ「知的探求フロンティア タモリ・山中伸弥の!…" class="w-full h-48 object-cover rounded-md"> </a> <p class="text-sm text-gray-500 mb-2">2025/07/14</p> <h3 class="text-xl font-bold text-gray-900 mb-2"> <a href="https://crystal-method.com/news/20250714/" class="hover:underline">NHK総合テレビ「知的探求フロンティア タモリ・山中伸弥の!…</a> </h3> <p class="text-gray-600 mb-4">2025年7月12日にNHK総合テレビで放映された「知的探求フロンティア タモリ・山中伸弥の!?」の第1回「AIは人間を…</p> <a href="https://crystal-method.com/news/20250714/" class="text-crystal-blue hover:underline inline-flex items-center group text-sm font-medium"> 続きを読む <svg class="w-4 h-4 ml-1 transition-transform duration-200 group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg></a> </div> <div class="bg-white rounded-xl shadow-lg p-6 text-left"> <a href="https://crystal-method.com/news/20250625/" class="block mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/06/キャプチャ-300x211.png" alt="最新のAI技術について TBS『THE TIME,』『アッコ…" class="w-full h-48 object-cover rounded-md"> </a> <p class="text-sm text-gray-500 mb-2">2025/06/25</p> <h3 class="text-xl font-bold text-gray-900 mb-2"> <a href="https://crystal-method.com/news/20250625/" class="hover:underline">最新のAI技術について TBS『THE TIME,』『アッコ…</a> </h3> <p class="text-gray-600 mb-4">6月25日放送のTBS朝の情報番組『THE TIME,』と6月29日放送の『アッコにおまかせ！』にて、ディープフェイクに…</p> <a href="https://crystal-method.com/news/20250625/" class="text-crystal-blue hover:underline inline-flex items-center group text-sm font-medium"> 続きを読む <svg class="w-4 h-4 ml-1 transition-transform duration-200 group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg></a> </div> <div class="bg-white rounded-xl shadow-lg p-6 text-left"> <a href="https://crystal-method.com/news/20250624/" class="block mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/06/company_logo-300x169.webp" alt="国立がん研究センターと共同研究契約を締結～AI対話による患者…" class="w-full h-48 object-cover rounded-md"> </a> <p class="text-sm text-gray-500 mb-2">2025/06/24</p> <h3 class="text-xl font-bold text-gray-900 mb-2"> <a href="https://crystal-method.com/news/20250624/" class="hover:underline">国立がん研究センターと共同研究契約を締結～AI対話による患者…</a> </h3> <p class="text-gray-600 mb-4">― 対話型AIによるがん患者のQOL向上を目指し、本格的な実証へ ― クリスタルメソッド株式会社はこのたび、国立研究開発…</p> <a href="https://crystal-method.com/news/20250624/" class="text-crystal-blue hover:underline inline-flex items-center group text-sm font-medium"> 続きを読む <svg class="w-4 h-4 ml-1 transition-transform duration-200 group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg></a> </div> </div> <div class="text-center mt-12"> <a href="/news/" class="btn-crystal-outline px-8 py-3 rounded-lg font-semibold transition-all inline-block"> すべてのニュースを見る </a> </div> </div></section> <!-- Services Section --> <section class="bg-white py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-4xl font-bold text-gray-900 mb-4">Our Services</h2> <p class="text-lg text-gray-600">対話型AI-DeepAI-</p> <div class="w-20 h-1 crystal-gradient mx-auto mt-4"></div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <!-- Service 1: AI Role-play --> <div class="service-card bg-white rounded-xl shadow-lg p-8 text-center"> <div class="service-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6"> <i class="fas fa-users text-2xl"></i> </div> <h3 class="text-2xl font-bold text-gray-900 mb-4">AIロープレ</h3> <p class="text-gray-600 mb-6 leading-relaxed"> 新人研修や接客トレーニングを革新。AIアバターとの実践的なロールプレイングで、 効果的なスキル向上を実現します。 </p> <a href="https://crystal-method.com/ai-role-play/" class="btn-crystal-outline px-6 py-3 rounded-lg font-semibold transition-all w-full inline-block text-center"> 詳しく見る </a> </div> <!-- Service 2: AI Interview --> <div class="service-card bg-white rounded-xl shadow-lg p-8 text-center"> <div class="service-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6"> <i class="fas fa-briefcase text-2xl"></i> </div> <h3 class="text-2xl font-bold text-gray-900 mb-4">AI面接</h3> <p class="text-gray-600 mb-6 leading-relaxed"> 採用プロセスを効率化する次世代面接システム。AIアバターによる 一次面接で、候補者の適性を的確に評価します。 </p> <a href="https://crystal-method.com/ai-hiring/" class="btn-crystal-outline px-6 py-3 rounded-lg font-semibold transition-all w-full inline-block text-center"> 詳しく見る </a> </div> <!-- Service 3: Zoom DeepAI --> <div class="service-card bg-white rounded-xl shadow-lg p-8 text-center"> <div class="service-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6"> <i class="fas fa-video text-2xl"></i> </div> <h3 class="text-2xl font-bold text-gray-900 mb-4">Zoom版DeepAI</h3> <p class="text-gray-600 mb-6 leading-relaxed"> 高クオリティのバーチャルヒューマンを求めるならzoom版。Zoomを通じて 本物そっくりのAIアバターとの自然な対話を体験できます。 </p> <a href="https://crystal-method.com/ai-role-play/" class="btn-crystal-outline px-6 py-3 rounded-lg font-semibold transition-all w-full inline-block text-center"> 詳しく見る </a> </div> </div> </div> </section> <script id="html_notice_dialog_script" src="https://www.genspark.ai/notice_dialog.js"></script> <!-- Why DeepAI is Chosen Section --> <section class="bg-gray-50 py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-4xl font-bold text-gray-900 mb-4">DeepAIが選ばれる理由</h2> <p class="text-lg text-gray-600">社会貢献と技術力で信頼される、優しいAI</p> <div class="w-20 h-1 crystal-gradient mx-auto mt-4"></div> </div> <!-- Main Achievements --> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"> <!-- Carkel Achievement --> <div class="reason-card bg-white rounded-xl shadow-lg p-8"> <h3 class="text-2xl font-bold text-gray-900 mb-4">カーケル（広島）での社会貢献</h3> <p class="text-gray-600 mb-4 leading-relaxed"> 就労移行支援事業所「カーケル（広島）」では、社会不安障害やうつ病に特化した支援を提供。 AIロールプレイングを活用し、面接練習やコミュニケーションスキル向上をサポートしています。 </p> <div class="bg-gray-50 p-4 rounded-lg mb-4"> <p class="text-gray-800 text-sm font-medium"> 「失敗しても大丈夫な場所」として、何度でもやり直せる安心できる環境で、 社会復帰への一歩をサポートします。 </p> </div> </div> <!-- Yokohama Care Center Achievement --> <div class="reason-card bg-white rounded-xl shadow-lg p-8"> <h3 class="text-2xl font-bold text-gray-900 mb-4">ケアセンターでの実証実験</h3> <p class="text-gray-600 mb-4 leading-relaxed"> 高齢者介護施設での実証実験を通じて、AIアバターによる対話システムの有効性を検証。 高齢者の皆様との自然な対話を実現し、コミュニケーション支援に貢献しています。 </p> <div class="bg-gray-50 p-4 rounded-lg mb-4"> <p class="text-gray-800 text-sm font-medium"> 高齢者向けAI対話システムで、温かみのあるコミュニケーションを実現し、 介護現場での新たな可能性を開拓しています。 </p> </div> </div> </div> <!-- Strengths Section --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12"> <!-- Strength 1: Technology --> <div class="bg-white rounded-lg shadow-md p-6 text-center"> <h4 class="text-lg font-bold text-gray-900 mb-2">自社開発技術</h4> <p class="text-gray-600 text-sm">AIアバター生成から対話エンジンまで<br>全て自社開発</p> </div> <!-- Strength 2: No-code --> <div class="bg-white rounded-lg shadow-md p-6 text-center"> <h4 class="text-lg font-bold text-gray-900 mb-2">ノーコード導入</h4> <p class="text-gray-600 text-sm">専門知識不要で簡単導入<br>すぐに利用開始</p> </div> <!-- Strength 3: Social Contribution --> <div class="bg-white rounded-lg shadow-md p-6 text-center"> <h4 class="text-lg font-bold text-gray-900 mb-2">社会貢献</h4> <p class="text-gray-600 text-sm">就労支援・高齢者支援など<br>社会課題解決に貢献</p> </div> <!-- Strength 4: Gentle AI --> <div class="bg-white rounded-lg shadow-md p-6 text-center"> <h4 class="text-lg font-bold text-gray-900 mb-2">優しいAI</h4> <p class="text-gray-600 text-sm">人に寄り添う温かみのあるAI対話体験</p> </div> </div> <!-- Enhanced Sub Achievements --> <div class="bg-white rounded-xl shadow-lg p-8"> <h3 class="text-2xl font-bold text-gray-900 mb-8 text-center">様々な分野での活用例</h3> <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> <!-- TV Achievement --> <div class="achievement-card bg-gray-50 rounded-lg p-6"> <div class="mb-4"> <div class="grid grid-cols-2 gap-2 mb-4"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/06/image.jpg" alt="TV出演実績1" class="w-full h-20 object-cover rounded"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/03/fhj.png" alt="TV出演実績2" class="w-full h-20 object-cover rounded"> </div> <div class="grid grid-cols-2 gap-2"> <img src="https://page1.genspark.site/v1/base64_upload/9a23b648d530c844d735bac3344d8264" alt="TV出演実績3" class="w-full h-20 object-cover rounded"> <img src="https://page1.genspark.site/v1/base64_upload/14164a1f6bb03693975f5989a01f3566" alt="TV出演実績4" class="w-full h-20 object-cover rounded"> </div> </div> <h4 class="text-lg font-bold text-gray-900 mb-3">タレントAI</h4> <p class="text-gray-600 text-sm mb-4">「AI田村淳さん」 「AI林修先生」をはじめ、タレントAIを多数リリース。タレントAIがSNSでライブ配信など活躍するサポートをしています。</p> </div> <a href="https://crystal-method.com/blog/president-ai/" class="block achievement-card bg-gray-50 rounded-lg p-6 hover:shadow-xl transition-shadow duration-300"> <div class="mb-4"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/06/%E7%A4%BE%E9%95%B7.png" alt="社長AI" class="w-full h-44 object-cover rounded-lg"> </div> <h4 class="text-lg font-bold text-gray-900 mb-3">社長AI</h4> <p class="text-gray-600 text-sm mb-4">忙しい社長のパートナーとして、社長自身のバーチャルヒューマンが社内外のイベントで活躍します。</p> </a> <!-- Memorial AI Achievement --> <div class="achievement-card bg-gray-50 rounded-lg p-6"> <div class="mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/04/crystalmethod_k_People_working_in_a_call_center._Bright_offic_5d7477c8-e547-464c-a787-e415eb87cb5b_1.png" alt="ロープレAI" class="w-full h-44 object-cover rounded-lg"> </div> <h4 class="text-lg font-bold text-gray-900 mb-3">研修ロープレ</h4> <p class="text-gray-600 text-sm mb-4">様々な場面に合わせた対話シナリオでAIと壁打ち練習。個人の学習から、企業研修まであらゆる場面でスキルアップを実現できます。</p> </div> </div></div> </section> <!-- ブログセクション --> <section class="py-16 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <!-- Section Title --> <div class="text-center mb-12"> <h2 class="text-3xl font-bold text-gray-900 mb-4">AIについて学ぶ</h2> <p class="text-lg text-gray-600 max-w-3xl mx-auto"> 最新のAI技術や業界動向について、専門的な知見をわかりやすく解説します。 </p> </div> <style> .gradient-border { background: linear-gradient(90deg, #ffeb3b, #ff9800, #f44336, #e91e63, #3f51b5); padding: 2px; border-radius: 8px; height: 100%; } .gradient-border-content { background: white; border-radius: 6px; padding: 1.5rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .blog-card { transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; } .blog-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }</style> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8"> <article class="blog-card"> <div class="gradient-border"> <div class="gradient-border-content"> <div class="mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/crystalmethod_k_a_cute_futuristic_abstract_illustration_repre_e8a85f85-9954-4e04-912d-ddddbf402f14_2-300x168.png" alt="なぜ私たちは「古い心」で生きるのか？進化心理学で読み解く現代社会を生きづらい理由" class="w-full h-48 object-cover rounded-lg"> </div> <div class="mb-3"> <span class="text-sm text-gray-500 bg-gray-100 px-3 py-1 rounded-full">AI技術</span> </div> <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2">なぜ私たちは「古い心」で生きるのか？進化心理学で読み解く現代社会を生きづらい理由</h3> <p class="text-gray-600 mb-4 text-sm leading-relaxed">あなたの心は「原始時代のOS」で動いている？ スマートフォンを買い替えるたびに、OSを最新バージョンにアップデートしますよね。古いOSのままでは、最新のアプリが動かなかったり、セキュリティに問題が生じたりします。では、私 […]</p> <div class="flex justify-between items-center mt-auto"> <span class="text-sm text-gray-500">2025.08</span> <a href="https://crystal-method.com/blog/blog-175/" class="read-more-btn btn-crystal-outline">詳しく見る</a> </div> </div> </div> </article> <article class="blog-card"> <div class="gradient-border"> <div class="gradient-border-content"> <div class="mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/crystalmethod_k_Japanese_woman_talking_to_her_avatar_on_compu_a18a1d03-a8d6-4767-b7cb-ad06fc1c2178_2-300x168.png" alt="ディープフェイク＝怖いだけじゃない？実は“必要とされる理由”と未来の可能性" class="w-full h-48 object-cover rounded-lg"> </div> <div class="mb-3"> <span class="text-sm text-gray-500 bg-gray-100 px-3 py-1 rounded-full">AI技術</span> </div> <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2">ディープフェイク＝怖いだけじゃない？実は“必要とされる理由”と未来の可能性</h3> <p class="text-gray-600 mb-4 text-sm leading-relaxed">ディープフェイク＝怖いだけじゃない？実は“必要とされる理由”と未来の可能性 ディープフェイク技術。名前を聞くと、どこか怖いイメージを持っている人も多いのではないでしょうか？偽の動画や音声が作れる、この技術が「悪用される」 […]</p> <div class="flex justify-between items-center mt-auto"> <span class="text-sm text-gray-500">2025.05</span> <a href="https://crystal-method.com/blog/deepfake-future/" class="read-more-btn btn-crystal-outline">詳しく見る</a> </div> </div> </div> </article> <article class="blog-card"> <div class="gradient-border"> <div class="gradient-border-content"> <div class="mb-4"> <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2025/05/crystalmethod_k_Children_and_adults_alike_seem_to_be_having_f_c679de6a-5223-4707-ae44-5b799791a262_2-300x168.png" alt="未来が爆誕する場所へ——テクノロジーで体感せよ！大阪・関西万博2025" class="w-full h-48 object-cover rounded-lg"> </div> <div class="mb-3"> <span class="text-sm text-gray-500 bg-gray-100 px-3 py-1 rounded-full">イベント</span> </div> <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2">未来が爆誕する場所へ——テクノロジーで体感せよ！大阪・関西万博2025</h3> <p class="text-gray-600 mb-4 text-sm leading-relaxed">「未来がここにある——テクノロジーで読み解く大阪・関西万博2025」 2025年、大阪にやってくるのは単なる「博覧会」ではない。それは、未來の社会をまるごと体験できる巨大なタイムマシン。未来社会のシミュレーターであり、テ […]</p> <div class="flex justify-between items-center mt-auto"> <span class="text-sm text-gray-500">2025.05</span> <a href="https://crystal-method.com/blog/expo2025/" class="read-more-btn btn-crystal-outline">詳しく見る</a> </div> </div> </div> </article> </div> <!-- View All Button --> <div class="text-center mt-12 mb-12"> <a href="/blog/" class="read-more-btn btn-crystal-outline"> すべての記事を見る </a> </div> </div></section> <!-- デモセクション --><section class="py-24 bg-gray-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-3xl font-bold text-gray-900 mb-4">DeepAIを体験しよう</h2> <p class="text-lg text-gray-600 max-w-3xl mx-auto"> 実際のDeepAIを簡単に試せるデモを用意しました。ぜひ触ってみてください！ </p> <p class="text-sm text-gray-400 text-center mt-2"> ※外部サイトへ移動します </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8"> <!-- デモ１ --> <div class="gradient-border"> <div class="gradient-border-content flex flex-col justify-between h-full p-8"> <a href="https://talk.deepai.jp/v2/room/?business-id=86e8fe62546eec19&avatar-id=sugimoto1&business-name=%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%ABbackoffice%E9%9D%A2%E6%8E%A5%E7%94%A8" class="block mb-6 overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-shadow duration-300" target="_blank" rel="noopener noreferrer"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/04/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3-4.png" alt="面接デモ" class="w-full h-48 object-cover"> </a> <h3 class="text-2xl font-semibold mb-4">面接AIデモ</h3> <p class="text-gray-700 text-lg mb-6">企業のバックオフィス業務に応募した際の面接シーンを再現しています。AIと対話しながら実際の面接を体験してみてください。</p> <a href="https://crystalmethod.deepai.jp/v2/room/?business-id=ba509092123cea08&avatar-id=man2&business-name=%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%83%90%E3%83%83%E3%82%AF%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B9%E6%A5%AD%E5%8B%99%E9%9D%A2%E6%8E%A5" class="text-blue-600 hover:underline text-lg inline-block" target="_blank" rel="noopener noreferrer">デモを試す →</a></div> </div> <!-- デモ２ --> <div class="gradient-border"> <div class="gradient-border-content flex flex-col justify-between h-full p-8"> <a href="https://demo.deepai.jp/ai-atushi" class="block mb-6 overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-shadow duration-300" target="_blank" rel="noopener noreferrer"> <img src="https://crystal-method.com/wp2020/wp/staging0620/wp-content/uploads/2025/06/キャプチャ.png" alt="AI田村淳" class="w-full h-48 object-cover"> </a> <h3 class="text-2xl font-semibold mb-4">DeepAIとzoomでお話し</h3> <p class="text-gray-700 text-lg mb-6">AI田村淳さんとzoomを使ってお話ができます。リアルな対話体験をお楽しみください。 </p> <a href="https://demo.deepai.jp/ai-atushi" class="text-blue-600 hover:underline text-lg inline-block" target="_blank" rel="noopener noreferrer"> デモを試す → </a></div> </div> </div> </div></section> <!-- 社会貢献セクション --><section class="social-responsibility" style="padding: 40px 0 10px 0; background: transparent;"><style>.social-responsibility { max-width: 1200px; margin: 0 auto; padding: 60px 20px 20px 20px;} .social-responsibility-container { border: 1px solid #e5e5e5; border-radius: 8px; background: white; padding: 40px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .social-responsibility h2 { font-size: 2rem; font-weight: bold; text-align: center; margin-bottom: 10px; color: #333;} .crystal-gradient-line { height: 3px; background: linear-gradient(90deg, #ffeb3b, #ff9800, #f44336, #e91e63, #3f51b5); margin: 0 auto 20px auto; width: 100px;} .social-responsibility .subtitle { text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 40px;} .social-responsibility-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;} .social-responsibility-item h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 15px; color: #333;} .social-responsibility-item p { color: #666; line-height: 1.6; font-size: 0.95rem;} @media (max-width: 768px) { .social-responsibility-content { grid-template-columns: 1fr; gap: 25px; } .social-responsibility-container { padding: 30px 20px; } .social-responsibility h2 { font-size: 1.6rem; }}</style> <div class="social-responsibility-container"> <h2>私たちの社会的責任</h2> <div class="crystal-gradient-line"></div> <p class="subtitle">AIでより安全で健全な社会を実現するために</p> <div class="social-responsibility-content"> <div class="social-responsibility-item"> <h3>技術革新を通じた貢献</h3> <p>生成AIの技術を活用し、AIによる社会課題の解決に取り組んでいます。</p> </div> <div class="social-responsibility-item"> <h3>AIによる安全技術の開発</h3> <p>悪意あるコンテンツや偽情報を排除し、ユーザーが安心できる環境を作り出します。</p> </div> <div class="social-responsibility-item"> <h3>教育と啓発活動</h3> <p>AI技術の安全な利用方法や詐欺防止に関するコンテンツを提供しています。</p> </div> </div></div></section> <section class="content_area"> <div class="inner_mid"> <div> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"></div></div> <p></p> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', () => { const slides = document.querySelectorAll('.hero-slide'); const indicators = document.querySelectorAll('.slide-indicator'); let currentSlideIndex = 0; const slideIntervalTime = 4000; // 4秒ごとに切り替え // スライドとインジケーターを切り替える関数 function showSlide(index) { slides.forEach((slide) => slide.classList.remove('active')); indicators.forEach((indicator) => indicator.classList.remove('active')); slides[index].classList.add('active'); indicators[index].classList.add('active'); } // 自動切り替えの関数 function nextSlide() { let nextIndex = (currentSlideIndex + 1) % slides.length; showSlide(nextIndex); currentSlideIndex = nextIndex; } // インジケーターがクリックされたときの処理 indicators.forEach((indicator, index) => { indicator.addEventListener('click', () => { showSlide(index); currentSlideIndex = index; // 手動で切り替えたら自動切り替えをリセット resetInterval(); }); }); // 自動切り替えを開始 let autoSlideInterval = setInterval(nextSlide, slideIntervalTime); // 自動切り替えをリセットする関数 function resetInterval() { clearInterval(autoSlideInterval); autoSlideInterval = setInterval(nextSlide, slideIntervalTime); } });</script> <footer> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-4 items-start"> <!-- SNSアイコン --> <div class="info_block"> <ul class="sns flex space-x-3"> <li> <a href="https://x.com/YCrystalmethod" target="_blank" class="text-gray-600 hover:text-blue-400 text-2xl"> <i class="fab fa-x-twitter"></i> </a> </li> <li> <a href="https://www.instagram.com/crystalmethod_jp/" target="_blank" class="text-gray-600 hover:text-pink-600 text-2xl"> <i class="fab fa-instagram"></i> </a> </li> <li> <a href="https://www.youtube.com/@haltalktube" target="_blank" class="text-gray-600 hover:text-red-600 text-2xl"> <i class="fab fa-youtube"></i> </a> </li> </ul></div> <!-- フッターメニュー --> <div class="md:col-span-2 w-full"> <ul id="menu-footer_menu" class="flex flex-wrap justify-center gap-x-6 gap-y-2 text-gray-700 text-sm w-full list-none"><li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-80"><a href="https://crystal-method.com" aria-current="page">トップページ</a></li><li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="https://crystal-method.com/company/">会社概要</a></li><li id="menu-item-7501" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7501"><a href="https://crystal-method-recruit.jbplt.jp/">採用情報</a></li><li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://crystal-method.com/contact/">お問い合わせ</a></li><li id="menu-item-8765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8765"><a href="https://crystal-method.com/contact/">代理店募集はこちら</a></li><li id="menu-item-8767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-8767"><a rel="privacy-policy" href="https://crystal-method.com/privacy-policy/">プライバシーポリシー</a></li></ul> </div> <!-- 著作権 --> <p class="text-sm text-gray-500 mt-8 md:col-span-2 text-center"> Copyright 2025 crystal-method Co.,Ltd. </p> </div> </div></footer> <style id='core-block-supports-inline-css' type='text/css'>.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}</style><script type="text/javascript" id="flying-pages-js-before">/* <![CDATA[ */window.FPConfig= { delay: 0, ignoreKeywords: ["\/wp-admin","\/wp-login.php","\/cart","\/checkout","add-to-cart","logout","#","?"], maxRPS: 10, hoverDelay: 50};/* ]]> */</script><script type="text/javascript" src="https://crystal-method.com/wp2020/wp/wp-content/plugins/flying-pages/flying-pages.min.js?ver=2.4.7" id="flying-pages-js" defer></script><script type="text/javascript" src="https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-swiper/src/assets/js/swiper-bundle.min.js?ver=11.0.2" id="vk-swiper-script-js"></script><script type="text/javascript" src="https://crystal-method.com/wp2020/wp/wp-content/plugins/vk-blocks/build/vk-slider.min.js?ver=1.97.0.2" id="vk-blocks-slider-js"></script> </body></html>
