It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://crystal-method.com

  1. <!doctype html>
  2. <html lang="ja">
  3. <head>
  4. <!-- Google Tag Manager -->
  5. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9. })(window,document,'script','dataLayer','GTM-PCP3LTV');</script>
  10. <!-- End Google Tag Manager -->
  12. <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  13.  
  14. <!-- This site is optimized with the Yoast SEO plugin v22.1 - https://yoast.com/wordpress/plugins/seo/ -->
  15. <title>クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性</title>
  16. <meta name="description" content="人のサポートをするバーチャルヒューマンの提供・マルチモーダルAI研究開発・IoT導入コンサル事業｜クリスタルメソッド株式会社 ｜AIアバターが業務をサポート！" />
  17. <link rel="canonical" href="https://crystal-method.com/" />
  18. <meta property="og:locale" content="ja_JP" />
  19. <meta property="og:type" content="website" />
  20. <meta property="og:title" content="クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性" />
  21. <meta property="og:description" content="人のサポートをするバーチャルヒューマンの提供・マルチモーダルAI研究開発・IoT導入コンサル事業｜クリスタルメソッド株式会社 ｜AIアバターが業務をサポート！" />
  22. <meta property="og:url" content="https://crystal-method.com/" />
  23. <meta property="og:site_name" content="クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性" />
  24. <meta property="article:modified_time" content="2024-04-19T07:32:46+00:00" />
  25. <meta property="og:image" content="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo.jpg" />
  26. <meta property="og:image:width" content="1920" />
  27. <meta property="og:image:height" content="1080" />
  28. <meta property="og:image:type" content="image/jpeg" />
  29. <meta name="twitter:card" content="summary_large_image" />
  30. <meta name="twitter:site" content="@YCrystalmethod" />
  31. <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":"クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性","isPartOf":{"@id":"https://crystal-method.com/#website"},"about":{"@id":"https://crystal-method.com/#organization"},"datePublished":"2024-02-22T11:26:00+00:00","dateModified":"2024-04-19T07:32:46+00:00","description":"人のサポートをするバーチャルヒューマンの提供・マルチモーダルAI研究開発・IoT導入コンサル事業｜クリスタルメソッド株式会社 ｜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アバターが業務をサポート！ AIアバターが秘めた可能性","description":"人のサポートをするバーチャルヒューマンの提供・マルチモーダルAI研究開発・IoT導入コンサル事業｜クリスタルメソッド株式会社  ｜AIアバターが業務をサポート！","publisher":{"@id":"https://crystal-method.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://crystal-method.com/?s={search_term_string}"},"query-input":"required name=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://twitter.com/YCrystalmethod","https://www.instagram.com/crystalmethod_jp/","https://www.youtube.com/channel/UCfSE4kDOE-3shGcm_EfoWaw"]}]}</script>
  32. <!-- / Yoast SEO plugin. -->
  33.  
  34.  
  35. <script type="text/javascript">
  36. /* <![CDATA[ */
  37. window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/crystal-method.com\/wp2020\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.4"}};
  38. /*! This file is auto-generated */
  39. !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,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}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);
  40. /* ]]> */
  41. </script>
  42. <style id='wp-emoji-styles-inline-css' type='text/css'>
  43.  
  44. img.wp-smiley, img.emoji {
  45. display: inline !important;
  46. border: none !important;
  47. box-shadow: none !important;
  48. height: 1em !important;
  49. width: 1em !important;
  50. margin: 0 0.07em !important;
  51. vertical-align: -0.1em !important;
  52. background: none !important;
  53. padding: 0 !important;
  54. }
  55. </style>
  56. <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.4.4' type='text/css' media='all' />
  57. <style id='classic-theme-styles-inline-css' type='text/css'>
  58. /*! This file is auto-generated */
  59. .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}
  60. </style>
  61. <style id='global-styles-inline-css' type='text/css'>
  62. body{--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-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;}
  63. .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
  64. :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
  65. :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
  66. .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
  67. </style>
  68. <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' />
  69. <link rel="https://api.w.org/" href="https://crystal-method.com/wp-json/" /><link rel="alternate" type="application/json" href="https://crystal-method.com/wp-json/wp/v2/pages/99" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://crystal-method.com/wp2020/wp/xmlrpc.php?rsd" />
  70. <meta name="generator" content="WordPress 6.4.4" />
  71. <link rel='shortlink' href='https://crystal-method.com/' />
  72. <link rel="alternate" type="application/json+oembed" href="https://crystal-method.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrystal-method.com%2F" />
  73. <link rel="alternate" type="text/xml+oembed" href="https://crystal-method.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrystal-method.com%2F&#038;format=xml" />
  74. <link rel="icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/cropped-favicon-32x32.png" sizes="32x32" />
  75. <link rel="icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/cropped-favicon-192x192.png" sizes="192x192" />
  76. <link rel="apple-touch-icon" href="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/cropped-favicon-180x180.png" />
  77. <meta name="msapplication-TileImage" content="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/cropped-favicon-270x270.png" />
  79. <meta charset="UTF-8">
  81. <title>フロントページ - クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性</title>
  82. <meta name="description" content="｜クリスタルメソッド株式会社｜ AIアバターが業務をサポート！ AIアバターが秘めた可能性">
  85.    <meta name=”keywords” content="AIアバター,デジタルアバター,AI,deepfake,クリスタルメソッド">
  86. <meta name="viewport" content="width=device-width,initial-scale=1">
  87.    <meta name="format-detection" content="telephone=no">
  88. <link rel="canonical" href="https://crystal-method.com/">
  90.    <!--ファビコン -->
  93.    <!--IEのコーディング崩れ対策-->
  94.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  95.    <meta http-equiv="X-UA-Compatible" content="IE=11">
  96.  
  97.    <!-- JS -->
  98.    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  99.  
  100.    <!-- CSS -->
  101.    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
  102. <link rel="stylesheet" href="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/style.css?ver=1.2">
  103.  
  104.    <!-- OGP設定 -->
  107. </head>
  108. <body>
  109. <!-- Google Tag Manager (noscript) -->
  110. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCP3LTV"
  111. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  112. <!-- End Google Tag Manager (noscript) -->
  113. <div class="load">
  114. </div>
  115. <div class="wrapper" style="overflow-x: hidden;">
  118. <style>
  119. .btn-primary {
  120. position: fixed;
  121. bottom: 230px;
  122. right: 50px;
  123. background-color: black;
  124. color: #1AEDFF;
  125. padding: 10px 12px;
  126. font-size: 12px;
  127. font-weight: bold;
  128. border-radius: 100vh;
  129. }
  130. </style>
  133. <!--header.phpを読み込み-->
  134. <header class="top_header">
  135. <div class="logo">
  136. <img src="https://crystal-method.com/inc/img/logo.png" alt="クリスタルメソッド株式会社">
  137. <a href="https://crystal-method.com/" class="linkarea"></a>
  138. </div>
  139. <div class="sp_menu">
  140. <span></span>
  141. <span></span>
  142. <span></span>
  143. </div>
  144. <ul id="menu-header_menu" class=""><li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://crystal-method.com/service/">サービス</a></li>
  145. <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>
  146. <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>
  147. <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>
  148. <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>
  149. <li id="menu-item-6798" class="document menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6798"><a href="https://crystal-method.com/#aitalk" aria-current="page">フリートライアル</a></li>
  150. <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>
  151. </ul> <!--
  152. <ul class="main_color">
  153. <li>
  154. <p>サービス</p>
  155. <a href="https://crystal-method.com/service" class="linkarea"></a>
  156. </li>
  157. <li>
  158. <p>お知らせ</p>
  159. <a href="https://crystal-method.com/news" class="linkarea"></a>
  160. </li>
  161. <li>
  162. <p>AIブログ</p>
  163. <a href="https://crystal-method.com/blog" class="linkarea"></a>
  164. </li>
  165. <li>
  166. <p>会社案内</p>
  167. <a href="https://crystal-method.com/company" class="linkarea"></a>
  168. </li>
  169. <li>
  170. <p>採用情報</p>
  171. <a href="https://crystal-method.com/recruit" class="linkarea"></a>
  172. </li>
  173. <li class="document">
  174. <p>フリートライアル</p>
  175. <a href="https://crystal-method.com/contact" class="linkarea"></a>
  176. </li>
  177. <li class="contact">
  178. <p>お問い合わせ</p>
  179. <a href="https://crystal-method.com/contact" class="linkarea"></a>
  180. </li>
  181. </ul>
  182. -->
  183. </header>
  184. <main>
  186. <!--ファーストビュー-->
  187. <section>
  188. <div class="main_slider">
  189. <div class="item view">
  190. <video src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/video/service_240206.mp4#t=0.001" autoplay loop muted playsinline loading="lazy" class="fv_pc"></video>
  191. <video src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/video/service_240206.mp4#t=0.001" autoplay loop muted playsinline loading="lazy" class="fv_sp"></video>
  192. <div class="msk"></div>
  193. <div class="txt_inner">
  194. <p class="main_copy">最先端のAI技術を活用したスマートな事業運営を</p>
  195. <p class="description">異常検知ソリューションはもちろんですが、それらの技術を集約したAIアバター作成ツールの開発もおこなっております。既存のプログラムシステムから、最先端のAI技術までを自社保有している弊社ならではのサービスです。スマートな事業運営へ向けて、是非弊社の技術をご活用ください。</p>
  196. <div class="more_btn">
  197. <div class="inner">
  198. <p>View more</p>
  199. <a href="https://crystal-method.com/deepai" class="linkarea"></a>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="item">
  205. <video src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/video/service.mp4#t=0.001" autoplay loop muted playsinline loading="lazy" class="fv_pc"></video>
  206. <video src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/video/dmc_sp.mp4#t=0.001" autoplay loop muted playsinline loading="lazy" class="fv_sp"></video>
  207. <div class="msk"></div>
  208. <div class="txt_inner">
  209. <p class="main_copy">クリスタルメソッドの最先端AIアバターサービス</p>
  210. <p class="description">デジタルアバターを活用して、様々な業務効率やユーザーの悩みを解決します。クリスタルメソッドのデジタルアバターは、よりリアルな見た目にこだわり、本物の人とコミュニケーションをとっているような体験が可能です。</p>
  211. <div class="more_btn">
  212. <div class="inner">
  213. <p>View more</p>
  214. <a href="https://crystal-method.com/deep-ai-movie-creator" class="linkarea"></a>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </section>
  222. <!--デジタルアバターとは-->
  223. <section class="simple_block">
  224.    <div class="inner_wide">
  225.        <div class="title_block">
  226.            <p class="eng_label">about</p>
  227.            <div class="title"><h2>デジタルアバターとは</h2></div>
  228.        </div>
  229.        <div class="column_2">
  230.            <div class="circle_video">
  231.                <video src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/video/kiriyama.mp4#t=0.001" autoplay loop muted playsinline></video>
  232.                <div class="play_btn"></div>
  233.            </div>
  234.            <div class="txt_block">
  235.                <h3 class="head_h3 design">その人の、<br><span>声</span><span>見た目</span><span>思考</span><br>を完全に再現</h3>
  236.                <p class="description">人の外見、声、口調、思考を再現する技術。デジタルツイン、バーチャルヒューマンと呼ばれるもの。DeepAIの特徴は、個人の情報をインプットし、まるでその人が話しているかのように双方向の対話が可能です。</p>
  237.                <div class="icon_list">
  238.                    <div class="img">
  239.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/service_logo.png" alt="DeepAI">
  240.                    </div>
  241.                    <div class="icon">
  242.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/voice_icon.svg" alt="声">
  243.                    </div>
  244.                    <div class="icon">
  245.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/visual_icon.svg" alt="見た目">
  246.                    </div>
  247.                    <div class="icon">
  248.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/thinking_icon.svg" alt="思考">
  249.                    </div>
  250.                </div>
  251.            </div>
  252.        </div>
  253.    </div>
  254. </section>
  255. <!--AI対話を体験してみよう-->
  256. <!--AI対話を体験してみよう-->
  257. <section class="simple_block bg_dark" id="aitalk">
  258.    <div class="inner_wide">
  259.        <div class="title_block -white">
  260.            <p class="eng_label blue_color">Dialogue experience</p>
  261.            <div class="title"><h2>AI対話を体験してみよう</h2></div>
  262.        </div>
  263.        <div class="column_2">
  264.            <div class="column_2_img">
  265.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/scene_3.webp" alt="よしもと芸人のIP利用が可能">
  266.            </div>
  267.            <div class="talk_txt_block">
  268.                <div class="title_block txt_block">
  269.                    <p class="eng_label white_color">AI Talk</p>
  270.                    <div class="title white_color"><h2>AI対話を<br>体験しましょう！</h2></div>
  271.                    <p class="description white_color">下の水色のボタンからAI対話を体験できます。</p>
  272.                </div>
  273.                <div class="talk_btn">
  274.                    <div><p>DeepAIとチャットする</p></div>
  275.                    <a href="https://chat.deepai.jp/auth/login_demo.html" class="linkarea"></a>
  276.                </div>
  277.                <p class="notice_txt white_color">※画面右下の「DeepAIに質問する」ボタンを押して対話を体験してください。<br>※この画面のアバターは「DeepAI」についての質問のみ回答されるようになっています。</p>
  278.            </div>
  279.        </div>
  280.    </div>
  281. </section>
  282. <!--リアルタイムコメント返し機能-->
  283. <section class="simple_block">
  284.    <div class="inner_wide">
  285.        <div class="title_block">
  286.            <p class="eng_label">YouTube LIVE</p>
  287.            <div class="title"><h2>本人のAIアバターによる<br>SNSライブ配信</h2></div>
  288.        </div>
  289.        <div class="column_2">
  290.            <div class="column_2_img js-play2">
  291.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/play_btn.svg" alt="再生" class="play_btn">
  292.                <video src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/youtubelive配信.mp4"></video>
  293.            </div>
  294.            <div class="video_popup">
  295.                <div class="cl_mask"></div>
  296.                <div class="video">
  297.                    <video src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/youtubelive配信.mp4"></video>
  298.                </div>
  299.            </div>
  300.            <div class="txt_block">
  301.                <h3 class="head_h3">リアルタイムで視聴者からのコメントを返します</h3>
  302.                <p class="description">ファンとの交流を深めたい方、たくさんの質問に一気に返答したい方に便利なサービスです。デジタルアバターを使ったYoutubeLive配信が可能です。視聴者からのコメントを読み上げ返答します。<br>質問コーナーにしたりお悩み相談にしたりなど、アバターが返答する内容もその都度ライバーに合わせた配信が可能。</p>
  303.                <p class="notice_txt">※YouTubeだけじゃなく、InstagramやTikTokなど他のSNSのライブ配信の開発も可能です。</p>
  304.            </div>
  305.        </div>
  306.    </div>
  307. </section>
  308. <!--芸能人AI-->
  309. <section class="simple_block">
  310.    <div class="inner_wide">
  311.        <div class="title_block">
  312.            <p class="eng_label">CASE STUDY</p>
  313.            <div class="title"><h2>実在するタレントをAIアバターに</h2></div>
  314.        </div>
  315.        <div class="column_2">
  316.            <div class="column_2_img">
  317.                <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1.png" alt="芸能人のAI">
  318.            </div>
  319.            <div class="txt_block">
  320.                <h3 class="head_h3">芸能人、タレントのDeepAIはファンとのインタラクティブな交流をします</h3>
  321.                <p class="description">本人の外見、口調、個性を再現して、対話することができるDeepAIの技術で、実在するタレントさんをAIアバター化します。時間や場所にとらわれず、ファンとの交流を楽しむことが可能となりました。</p>
  322.                
  323. <div class="more_btn -left">
  324. <div class="inner">
  325. <p>View more</p>
  326. <a href="https://crystal-method.com/blog/talent-ai/" class="linkarea"></a>
  327. </div>
  328.       </div>
  329.            </div>
  330.        </div>
  331.        <div class="column_2">
  332.            <div class="title_block txt_block">
  333.                <p class="eng_label"></p>
  334.                <div class="title"><h2>企業の社長さんをAI化！<br>社員との気軽な交流に</h2></div>
  335.                <p class="description">忙しい社長に代わり、まるで社長本人のようにしゃべる社長AIは、社員からの質問疑問に答えることができます。本人の個性を反映した社長AIは、普段会話することのできないスタッフとの関わりも持てるようになります。HR領域や面接での活用に期待されています。</p>
  336. <div class="more_btn -left">
  337. <div class="inner">
  338. <p>View more</p>
  339. <a href="https://crystal-method.com/blog/president-ai/" class="linkarea"></a>
  340. </div>
  341.       </div>
  342.            </div>
  343.            <div class="column_2_img">
  344.                <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/JBCC様.png" alt="AI社長">
  345.            </div>
  346.        </div>
  347.    </div>
  348. </section>
  349. <!--こんなことが可能に-->
  350. <section class="simple_block bg_gray top_make_block">
  351.    <div class="inner_wide">
  352.        <div class="title_block">
  353.            <p class="eng_label">Make it Possible</p>
  354.            <div class="title"><h2>こんなことが可能に</h2></div>
  355.        </div>
  356.        <div class="column_2">
  357.            <div class="column_2_img_2">
  358.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/scene_1.webp" alt="問い合わせ対応・応接対応">
  359.            </div>
  360.            <div class="txt_block main_color">
  361.                <h3 class="head_h3">問い合わせ対応・応接対応</h3>
  362.                <p class="description fw-400">生成したAIアバターが問い合わせの対応や応接対応を変わりに行い、業務を劇的に効率化。</p>
  363.                <ul>
  364.                    <li>コールセンター</li>
  365.                    <li>企業応接</li>
  366.                </ul>
  367.            </div>
  368.        </div>
  369.        <div class="column_2">
  370.            <div class="txt_block main_color">
  371.                <h3 class="head_h3">終活</h3>
  372.                <p class="description fw-400">後世に自分の「見た目」「声」「思考」をデジタルツインとして残すことで、いつでも話相手に。</p>
  373.                <ul>
  374.                    <li>一般の方</li>
  375.                    <li>社長業や企業役員</li>
  376.                </ul>
  377.            </div>
  378.            <div class="column_2_img_2">
  379.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/scene_2.webp" alt="終活">
  380.            </div>
  381.        </div>
  382.        <div class="column_2">
  383.            <div class="column_2_img_2">
  384.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/scene_3.webp" alt="デジタルツイン（双子）">
  385.            </div>
  386.            <div class="txt_block main_color">
  387.                <h3 class="head_h3">デジタルツイン（双子）</h3>
  388.                <p class="description fw-400">自分そっくりのデジタルツインをウェブ上に生成させ、様々なことを自分の代わりに行います。</p>
  389.                <ul>
  390.                    <li>有名人・芸能人</li>
  391.                    <li>インフルエンサー</li>
  392.                </ul>
  393.            </div>
  394.        </div>
  395.        <div class="column_2">
  396.            <div class="txt_block main_color">
  397.                <h3 class="head_h3">学習・教育コンテンツ</h3>
  398.                <p class="description fw-400">何度も同じことを繰り返し説明しなければならない商品説明や会社説明会などAIアバターが代行します。</p>
  399.                <ul>
  400.                    <li>企業</li>
  401.                    <li>学校・スクール</li>
  402.                </ul>
  403.            </div>
  404.            <div class="column_2_img_2">
  405.                <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/scene_4.webp" alt="学習・教育コンテンツ">
  406.            </div>
  407.        </div>
  408.    </div>
  409. </section>
  410. <!--お問い合わせ-->
  411. <!--お問い合わせ-->
  412. <section class="simple_block bg_contact">
  413.    <div class="inner_wide">
  414.        <div class="title_block -white -center">
  415.            <p class="eng_label white_color">Contact</p>
  416.            <div class="title white_color"><h2>お問い合わせ</h2></div>
  417.        </div>
  418.        <p class="description -center white_color">貴社の事業内容にあわせてカスタマイズ可能です。<br>まずはお気軽にお問い合わせください。</p>
  419.        <div class="white_btn -center">
  420.            <div class="inner">
  421.                <p>お問い合わせ</p>
  422.                <a href="https://crystal-method.com/contact/" class="linkarea"></a>
  423.            </div>
  424.        </div>
  425.    </div>
  426. </section>
  427. <!--業態別の活用方法-->
  428. <!--業態別の活用方法-->
  429. <section class="simple_block bg_grada">
  430.    <div class="inner_wide">
  431.        <div class="title_block">
  432.            <p class="eng_label">Use Case</p>
  433.            <div class="title"><h2>業態別の活用方法</h2></div>
  434.        </div>
  435.        <div style="position:relative;">
  436.            <div class="nav_prev_arrow"></div>
  437.            <div class="nav_next_arrow"></div>
  438.            <ul class="use_case_arr">
  439.                <li class="main_color">
  440.                    <div class="thumbnail">
  441.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/usecase_counseling.webp" alt="カウンセリング">
  442.                    </div>
  443.                    <p class="label">カウンセリング</p>
  444.                    <a href="https://crystal-method.com/blog/counselingai/" class="linkarea" target="_blank"></a>
  445.                </li>
  446.                <li class="main_color">
  447.                    <div class="thumbnail">
  448.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/usecase_web.webp" alt="高度なWEB接客">
  449.                    </div>
  450.                    <p class="label">高度なWEB接客</p>
  451.                    <a href="https://crystal-method.com/topics/deepai-web/" class="linkarea" target="_blank"></a>
  452.                </li>
  453.                <li class="main_color">
  454.                    <div class="thumbnail">
  455.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/usecase_callcenter.webp" alt="コールセンター">
  456.                    </div>
  457.                    <p class="label">コールセンター</p>
  458.                    <a href="https://crystal-method.com/topics/callcenter-ai/" class="linkarea" target="_blank"></a>
  459.                </li>
  460.                <li class="main_color">
  461.                    <div class="thumbnail">
  462.                        <img src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/usercase_syukatsu.webp" alt="終活">
  463.                    </div>
  464.                    <p class="label">終活</p>
  465.                    <a href="https://crystal-method.com/topics/plan-for-the-end-of-life/" class="linkarea" target="_blank"></a>
  466.                </li>
  467.            </ul>
  468.        </div>
  469.    </div>
  470. </section>
  471. <script>
  472. document.addEventListener('DOMContentLoaded', function() {
  473.    const prevArrow = document.querySelector('.nav_prev_arrow');
  474.    const nextArrow = document.querySelector('.nav_next_arrow');
  475.    const slider = document.querySelector('.use_case_arr');
  476.    let slides = document.querySelectorAll('.use_case_arr li');
  477.    
  478.    let currentIndex = 0;
  479.    
  480.    function updateSlideDimensions() {
  481.        // スライドの幅と余白を再計算
  482.        const slideWidth = slides[0].offsetWidth;
  483.        const slideMargin = parseInt(window.getComputedStyle(slides[0]).marginRight);
  484.        return slideWidth + slideMargin;
  485.    }
  486.  
  487.    function updateSliderPosition() {
  488.        const slideTotalWidth = updateSlideDimensions();
  489.        slider.style.left = -slideTotalWidth * currentIndex + 'px';
  490.    }
  491.  
  492.    prevArrow.addEventListener('click', function() {
  493.        const totalSlides = slides.length;
  494.        currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
  495.        updateSliderPosition();
  496.    });
  497.  
  498.    nextArrow.addEventListener('click', function() {
  499.        const totalSlides = slides.length;
  500.        currentIndex = (currentIndex + 1) % totalSlides;
  501.        updateSliderPosition();
  502.    });
  503.  
  504.    // ウィンドウリサイズ時にスライドのサイズを更新
  505.    window.addEventListener('resize', updateSliderPosition);
  506.  
  507.    // 初期表示時にスライダー位置を更新
  508.    updateSliderPosition();
  509. });
  510. </script>
  511. <!-- ▼▼▼ブロックエディタの表示ブロック▼▼▼ -->
  512. <!-- 「AIについて学ぶ」のブロックよりも下には移動しないでください。 -->
  513. <section class="content_area">
  514. <div class="inner_wide">
  515. </div>
  516. </section>
  517. <!-- ▲▲▲ブロックエディタの表示ブロック▲▲▲ -->
  519. <!--AIについて学ぶ-->
  520. <!--AIについて学ぶ-->
  521. <section class="simple_block bg_gray">
  522.    <div class="inner_wide">
  523.        <div class="title_block">
  524.            <p class="eng_label">Study about AI</p>
  525.            <div class="title"><h2>AIについて学ぶ</h2></div>
  526.        </div>
  527.        <ul class="column_arr">
  528.                        <li>
  529.                                <div class="thumbnail">
  530.                    <img src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/JBCC様-1024x568.png" alt="社長AIが社員の質問になんでも答えます！" />
  531.                </div>
  532.                 <div class="txt">
  533.               <p class="title">社長AIが社員の質問になんでも答えます！</p>
  534.                 <p class="desc">社員だけでなく、社内外の方とコミュニケーションがとれます。クリスタルメソッドでは、企業の社長さんをDeepAI化するプロジェクトを行っています。社内外でのイベン...</p>
  535. </div>
  536.                <a href="https://crystal-method.com/blog/president-ai/" class="linkarea"></a>
  537.            </li>
  538.                        <li>
  539.                                <div class="thumbnail">
  540.                    <img width="1072" height="601" src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1.png 1072w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1-300x168.png 300w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1-1024x574.png 1024w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/04/キャプチャ-1-768x431.png 768w" sizes="(max-width: 1072px) 100vw, 1072px" />                </div>
  541.                 <div class="txt">
  542.               <p class="title">芸能人をAIアバターにして活動の幅を広げます</p>
  543.                 <p class="desc">俳優業やイベントの出演などに忙しいタレントさんをDeepAI化 一度自分のAIをつくれば、時間や場所にとらわれることなく、AIが活動してくれます。タレントが常に...</p>
  544. </div>
  545.                <a href="https://crystal-method.com/blog/talent-ai/" class="linkarea"></a>
  546.            </li>
  547.                        <li>
  548.                                <div class="thumbnail">
  549.                    <img width="1920" height="1080" src="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo.jpg 1920w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo-300x169.jpg 300w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo-1024x576.jpg 1024w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo-768x432.jpg 768w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo-1536x864.jpg 1536w, https://crystal-method.com/wp2020/wp/wp-content/uploads/2024/02/company_logo-1320x743.jpg 1320w" sizes="(max-width: 1920px) 100vw, 1920px" />                </div>
  550.                 <div class="txt">
  551.               <p class="title">AIアバター付き動画作成ツールDeepMovieCreator</p>
  552.                 <p class="desc">クリスタルメソッドの提供する「DeepMovieCreator」は、AIアバターの付いた字幕付き読み上げ動画を、『自動で』生成してくれるサービスです。 Yout...</p>
  553. </div>
  554.                <a href="https://crystal-method.com/blog/deepmoviecreator/" class="linkarea"></a>
  555.            </li>
  556.                    </ul>
  557.        <div class="more_btn -right">
  558.            <div class="inner">
  559.                <p>View more</p>
  560.                <a href="https://crystal-method.com/blog/" class="linkarea"></a>
  561.            </div>
  562.        </div>
  563.    </div>
  564. </section>
  565. </main>
  567. <!--footer.phpを読み込み-->
  568. <footer>
  569. <div class="inner_wide">
  570. <div class="column_2 space-around">
  571. <div class="info_block">
  572. <div class="logo">
  573. <img src="https://crystal-method.com/inc//img/logo.png" alt="クリスタルメソッド株式会社">
  574. </div>
  575. <div class="address">
  576. <p>〒160-0004<br>
  577. 東京都新宿区四谷1－8－14四谷1丁目ビル6階</p>
  578. </div>
  579. <ul class="sns">
  580. <li>
  581. <img src="https://crystal-method.com/inc/img/x_icon.svg" alt="X(Twitter)">
  582. <a href="https://twitter.com/YCrystalmethod" class="linkarea" target="_blank"></a>
  583. </li>
  584. <li>
  585. <img src="https://crystal-method.com/inc/img/instagram_icon.svg" alt="Instagram">
  586. <a href="https://www.instagram.com/crystalmethod_jp/" class="linkarea" target="_blank"></a>
  587. </li>
  588. <li>
  589. <img src="https://crystal-method.com/inc/img/youtube_icon.svg" alt="YouTube">
  590. <a href="https://www.youtube.com/@haltalktube" class="linkarea" target="_blank"></a>
  591. </li>
  592. </ul>
  593. </div>
  594. <div class="footer_txt">
  595. <p class="description">サービスに対するお問い合わせ、事業提携や取材などに関しましては、こちらのフォームよりお問い合わせください。</p>
  596. <div class="color_btn -right">
  597. <div class="inner">
  598. <p>お問い合わせ</p>
  599. <a href="https://crystal-method.com/contact/" class="linkarea"></a>
  600. </div>
  601. </div>
  602. </div>
  603. </div>
  604. <ul id="menu-footer_menu" class="sitemap main_color"><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>
  605. <li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="https://crystal-method.com/service/">サービス</a></li>
  606. <li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="https://crystal-method.com/news/">お知らせ</a></li>
  607. <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="https://crystal-method.com/blog/">AIブログ</a></li>
  608. <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>
  609. <li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://crystal-method.com/recruit/">採用情報</a></li>
  610. <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>
  611. </ul> <!--
  612. <ul class="sitemap main_color">
  613. <li>
  614. <p>デジタルアバターとは</p>
  615. <a href="https://crystal-method.com/" class="linkarea"></a>
  616. </li>
  617. <li>
  618. <p>DeepAI</p>
  619. <a href="https://crystal-method.com/deepaicopy" class="linkarea"></a>
  620. </li>
  621. <li>
  622. <p>DeepAI for ムービークリエイター</p>
  623. <a href="https://crystal-method.com/deep-ai-movie-creator" class="linkarea"></a>
  624. </li>
  625. <li>
  626. <p>AIブログ</p>
  627. <a href="https://crystal-method.com/blog" class="linkarea"></a>
  628. </li>
  629. <li>
  630. <p>会社案内</p>
  631. <a href="https://crystal-method.com/company" class="linkarea"></a>
  632. </li>
  633. <li>
  634. <p>採用情報</p>
  635. <a href="https://crystal-method.com/recruit" class="linkarea"></a>
  636. </li>
  637. <li>
  638. <p>お問い合わせ</p>
  639. <a href="https://crystal-method.com/contact" class="linkarea"></a>
  640. </li>
  641. </ul>
  642. -->
  643. <p class="copyright main_color">Copyright 2020 crystal-method Co.,Ltd.</p>
  644. </div>
  645. </footer>
  646. </div>
  647. <!--JavaScript-->
  648. <script src="https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/script.js"></script>
  649. </body>
  650. </html>
  651. <script>
  652. document.addEventListener("DOMContentLoaded", function() {
  653. toggleIframe();
  654.    var slider = document.querySelector('.main_slider');
  655.    var items = slider.querySelectorAll('.item');
  656.    var currentIndex = 0;
  657.  
  658.    function changeItem() {
  659.        // 現在の.itemからviewクラスを削除
  660.        items.forEach(function(item) {
  661.            item.classList.remove('view');
  662.        });
  663.  
  664.        // 次の.itemにviewクラスを追加
  665.        items[currentIndex].classList.add('view');
  666.  
  667.        // 次のitemへのインデックスを更新（存在しない場合は最初に戻る）
  668.        currentIndex = (currentIndex + 1) % items.length;
  669.    }
  670.  
  671.    // 10秒ごとにchangeItem関数を実行
  672.    setInterval(changeItem, 10000);
  673.  
  674.    // 初期のアイテムを設定
  675.    changeItem();
  676. });
  677.  
  678. $('.js-play2').on('click',function(){
  679.    $(this).next().addClass('view');
  680.    $(this).next().children().next().children().get(0).play();
  681. });
  682. $('.cl_mask').on('click',function(){
  683.    $(this).parent().removeClass('view');
  684.    $(this).next().children().get(0).pause();
  685.    $(this).next().children().get(0).currentTime = 0;
  686. });
  687.  
  688.  
  689. function toggleIframe() {
  690. var iframe = document.getElementById('avatar-iframe');
  691. var currentSrc = iframe.src;
  692. var newSrc = currentSrc.includes('deepaifaq_kiriyama_v3') ?
  693. 'https://www.deep-ai-faq.jp/deepaifaq_tamura/' :
  694. 'https://www.deep-ai-faq.jp/deepaifaq_kiriyama_v3/';
  695. iframe.src = newSrc;
  696. };
  697. </script>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda