1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1" /> 7 8 <title>Aboutï¼ããããã¡ã«ã¤ãã¦ï¼ | æ ªå¼ä¼ç¤¾Metelix</title> 9 <meta name="description" content="æ ªå¼ä¼ç¤¾Metelixï¼ã¡ããªã¯ã¹ï¼ã«ã¤ãã¦ã伿¥ç念ï¼Missionã»Visionã»Valuesï¼ã¨ä¼ç¤¾æ¦è¦ããç´¹ä»ãã¾ããAIã®å®è¡é度ã¨ä¼æ¥ã®æææ±ºå®ã»çµ±å¶é度ã®éã«ãããçµç¹é度ã®ã£ããããåããAIãå人å©ç¨ããçµç¹éç¨ã¸ç§»è¡ãããAIçµç¹å®è£ 伿¥ã§ãã" /> 10 <meta property="og:title" content="Aboutï¼ããããã¡ã«ã¤ãã¦ï¼ | æ ªå¼ä¼ç¤¾Metelix" /> 11 <meta property="og:description" content="æ ªå¼ä¼ç¤¾Metelixï¼ã¡ããªã¯ã¹ï¼ã«ã¤ãã¦ã伿¥ç念ï¼Missionã»Visionã»Valuesï¼ã¨ä¼ç¤¾æ¦è¦ããç´¹ä»ãã¾ããAIã®å®è¡é度ã¨ä¼æ¥ã®æææ±ºå®ã»çµ±å¶é度ã®éã«ãããçµç¹é度ã®ã£ããããåããAIãå人å©ç¨ããçµç¹éç¨ã¸ç§»è¡ãããAIçµç¹å®è£ 伿¥ã§ãã" /> 12 <meta property="og:site_name" content="æ ªå¼ä¼ç¤¾Metelix" /> 13 <meta property="og:type" content="website" /> 14 <meta name="twitter:card" content="summary_large_image" /> 15 <meta name="twitter:site" content="@RiNFamily_ai" /> 16 <meta name="twitter:title" content="Aboutï¼ããããã¡ã«ã¤ãã¦ï¼ | æ ªå¼ä¼ç¤¾Metelix" /> 17 <meta name="twitter:description" content="æ ªå¼ä¼ç¤¾Metelixï¼ã¡ããªã¯ã¹ï¼ã«ã¤ãã¦ã伿¥ç念ï¼Missionã»Visionã»Valuesï¼ã¨ä¼ç¤¾æ¦è¦ããç´¹ä»ãã¾ããAIã®å®è¡é度ã¨ä¼æ¥ã®æææ±ºå®ã»çµ±å¶é度ã®éã«ãããçµç¹é度ã®ã£ããããåããAIãå人å©ç¨ããçµç¹éç¨ã¸ç§»è¡ãããAIçµç¹å®è£ 伿¥ã§ãã" /> 18 <meta property="og:image" content="https://metelix.jp/metelix_ogp.jpg" /> 19 <meta property="og:image:width" content="1200" /> 20 <meta property="og:image:height" content="630" /> 21 <meta property="og:image:type" content="image/jpeg" /> 22 <meta name="twitter:image" content="https://metelix.jp/metelix_ogp.jpg" /> 23 <meta property="og:url" content="https://metelix.jp/about" /> 24 <link rel="canonical" href="https://metelix.jp/about" /> 25 26 <link rel="icon" type="image/png" href="/favicon.png" /> 27 28 <!-- Analytics: Google Consent Mode defaults analytics storage to denied. 29 GA4 only loads after HubSpot's opt-in banner grants analytics consent; 30 HubSpot itself remains deferred so neither service competes with LCP. --> 31
31<script> 32 window.dataLayer = window.dataLayer || []; 33 function gtag(){dataLayer.push(arguments);} 34 gtag('consent', 'default', { analytics_storage: 'denied' }); 35 window.__metelixAnalyticsConsentGranted = false; 36 window.__metelixGaAnalyticsReady = false; 37 window['ga-disable-G-D750PK0QXY'] = true; 38 39 (function () { 40 var hubSpotLoaded = false; 41 var analyticsConsentGranted = false; 42 var gaScriptRequested = false; 43 var gaScriptReady = false; 44 var gaConfigured = false; 45 46 function clearGaCookies() { 47 var expired = 'expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/'; 48 var domains = []; 49 var labels = location.hostname.split('.'); 50 51 for (var i = 0; i < labels.length - 1; i++) { 52 domains.push(labels.slice(i).join('.')); 53 } 54 55 document.cookie.split(';').forEach(function (cookie) { 56 var name = cookie.trim().split('=')[0]; 57 if (name.indexOf('_ga') !== 0) return; 58 59 document.cookie = name + '=; ' + expired; 60 domains.forEach(function (domain) { 61 document.cookie = name + '=; ' + expired + '; domain=' + domain; 62 }); 63 }); 64 } 65 66 function sendCurrentGaPageView() { 67 gtag('event', 'page_view', { 68 page_title: document.title, 69 page_location: location.href, 70 page_path: location.pathname + location.search 71 }); 72 } 73 74 function activateGa4() { 75 if (!analyticsConsentGranted || !gaScriptReady) return; 76 77 if (!gaConfigured) { 78 gtag('js', new Date()); 79 gtag('config', 'G-D750PK0QXY', { send_page_view: false }); 80 gaConfigured = true; 81 } 82 83 window.__metelixGaAnalyticsReady = true; 84 sendCurrentGaPageView(); 85 } 86 87 function requestGa4() { 88 if (gaScriptRequested) { 89 activateGa4(); 90 return; 91 } 92 gaScriptRequested = true; 93 94 var s = document.createElement('script'); 95 s.async = true; 96 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-D750PK0QXY'; 97 s.onload = function () { 98 gaScriptReady = true; 99 activateGa4(); 100 }; 101 document.head.appendChild(s); 102 } 103 104 // HubSpot calls this listener immediately for an existing preference, 105 // or when the visitor accepts/declines its opt-in banner. GA4 stays 106 // unloaded until analytics consent is explicitly granted. 107 var _hsp = window._hsp = window._hsp || []; 108 _hsp.push(['addPrivacyConsentListener', function (consent) { 109 var hasAnalyticsConsent = !!( 110 consent && ( 111 consent.allowed || 112 (consent.categories && consent.categories.analytics) 113 ) 114 ); 115 116 var wasGranted = analyticsConsentGranted; 117 analyticsConsentGranted = hasAnalyticsConsent; 118 window.__metelixAnalyticsConsentGranted = hasAnalyticsConsent; 119 window['ga-disable-G-D750PK0QXY'] = !hasAnalyticsConsent; 120 121 gtag('consent', 'update', { 122 analytics_storage: hasAnalyticsConsent ? 'granted' : 'denied' 123 }); 124 125 if (hasAnalyticsConsent) { 126 // Ignore duplicate callbacks for an unchanged granted state. On a 127 // first grant or re-grant, request/activate GA and send the current 128 // page exactly once when the library is ready. 129 if (!wasGranted) requestGa4(); 130 } else { 131 window.__metelixGaAnalyticsReady = false; 132 clearGaCookies(); 133 } 134 }]); 135 136 function loadHubSpot() { 137 if (hubSpotLoaded) return; 138 hubSpotLoaded = true; 139 140 // HubSpot uses a non-critical loading trigger so the banner and its 141 // consent listener do not compete with first paint or LCP. 142 var hs = document.createElement('script'); 143 hs.type = 'text/javascript'; 144 hs.id = 'hs-script-loader'; 145 hs.async = true; 146 hs.defer = true; 147 hs.src = '//js.hs-scripts.com/244944899.js'; 148 document.head.appendChild(hs); 149 } 150
151 ['pointerdown', 'keydown', 'touchstart', 'scroll'].forEach(function (ev) { 152 addEventListener(ev, loadHubSpot, { passive: true, once: true }); 153 }); 154 if ('requestIdleCallback' in window) { 155 requestIdleCallback(loadHubSpot, { timeout: 5000 }); 156 } else { 157 setTimeout(loadHubSpot, 4000); 158 } 159 })(); 160 </script>
160 161 162
162<script type="application/ld+json"> 163 { 164 "@context": "https://schema.org", 165 "@graph": [ 166 { 167 "@type": "Organization", 168 "@id": "https://metelix.jp/#organization", 169 "name": "æ ªå¼ä¼ç¤¾Metelix", 170 "alternateName": "Metelix Inc.", 171 "url": "https://metelix.jp/", 172 "logo": { 173 "@type": "ImageObject", 174 "url": "https://metelix.jp/metelix_logo.webp" 175 }, 176 "image": "https://metelix.jp/metelix_ogp.jpg", 177 "description": "æ ªå¼ä¼ç¤¾Metelixã¯ãAIã®å®è¡é度ã¨ä¼æ¥ã®æææ±ºå®ã»çµ±å¶é度ã®éã«ãããçµç¹é度ã®ã£ããããåããAIãå人å©ç¨ããçµç¹éç¨ã¸ç§»è¡ãããAIçµç¹å®è£ 伿¥ã§ããAIã¨ã¼ã¸ã§ã³ããçµç¹ã«é ç½®ãã伿¥ã¨ãã¦ç®¡çããªãã稼åãããAIã¨ã³ã¿ã¼ãã©ã¤ãºåºç¤ãRiN Familyããéçºã»æä¾ãã¦ãã¾ãã", 178 "slogan": "伿¥ãAIã«å®å¿ãã¦ä»äºãä»»ããããç¶æ ãã¤ãã", 179 "foundingDate": "2019-06", 180 "founder": { 181 "@type": "Person", 182 "name": "ä¹ å ç¥ä»", 183 "jobTitle": "代表åç· å½¹ CEO / CAIO" 184 }, 185 "address": { 186 "@type": "PostalAddress", 187 "postalCode": "150-0002", 188 "addressRegion": "æ±äº¬é½", 189 "addressLocality": "æ¸è°·åº", 190 "streetAddress": "æ¸è°·1-7-2 VORTæ¸è°·eastâ ¡", 191 "addressCountry": "JP" 192 }, 193 "sameAs": [ 194 "https://x.com/RiNFamily_ai", 195 "https://rinfamily.ai/", 196 "https://www.youtube.com/@RiNFamily-metelix" 197 ], 198 "contactPoint": { 199 "@type": "ContactPoint", 200 "contactType": "sales", 201 "url": "https://metelix.jp/contact" 202 } 203 }, 204 { 205 "@type": "WebSite", 206 "@id": "https://metelix.jp/#website", 207 "url": "https://metelix.jp/", 208 "name": "æ ªå¼ä¼ç¤¾Metelix", 209 "description": "伿¥ãAIã«å®å¿ãã¦ä»äºãä»»ããããç¶æ ãã¤ãããç¥æ§ã¨æè¬ã§ãMade in Japanãåå®ç¾©ããã", 210 "publisher": { "@id": "https://metelix.jp/#organization" }, 211 "inLanguage": "ja", 212 "dateModified": "2026-06-09" 213 } 214 ] 215 } 216 </script>
216 217 218 <!-- Header logo is the LCP candidate on subpages: preload it at high priority. 219 Vite rewrites this relative href to the same hashed URL the <img> uses. --> 220 <link rel="preload" href="/assets/metelix_logo-mTzQ-tg7.webp" as="image" type="image/webp" fetchpriority="high"> 221 222 <!-- Fonts: zero Google Fonts requests. JP text renders on the OS stack 223 (Hiragino / Yu Gothic / Noto Sans JP); Latin text uses self-hosted 224 webfonts with unique family names ("Metelix Roboto"/"Metelix 225 Gantari" + Anek Latin display headings) declared in index.css so 226 device-local Roboto variants can never be matched. Preloads below = 227 first-view fonts ONLY: Anek (hero/En headings), Roboto 400 (body En), 228 Roboto 500 (subpage h1 / hero tagline); Gantari 600 (nav links) is 229 desktop-only via media. Non-first-view weights (Roboto 700, Gantari 230 500/700) intentionally have NO preload. Relative hrefs are rewritten 231 by Vite at build to the SAME hashed /assets URLs the CSS uses 232 (long-cache immutable); in dev a vite.config plugin absolutizes them 233 to /src/... so they also work on deep routes. --> 234 <link rel="preload" href="/assets/anek-latin-DZcssQ26.woff2" as="font" type="font/woff2" crossorigin> 235 <link rel="preload" href="/assets/roboto-latin-400-BA9Oqh6B.woff2" as="font" type="font/woff2" crossorigin> 236 <link rel="preload" href="/assets/roboto-latin-500-CoCyEfjM.woff2" as="font" type="font/woff2" crossorigin> 237 <link rel="preload" href="/assets/gantari-latin-600-PDZ3wuM9.woff2" as="font" type="font/woff2" crossorigin media="(min-width: 768px)"> 238
238<script type="module" crossorigin src="/assets/index-vJqoxozw.js"></script>
238 239 <link rel="stylesheet" crossorigin href="/assets/index-B7ZpYVvD.css"> 240
240<script type="application/ld+json" id="page-jsonld"> 241 {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ãã¼ã ","item":"https://metelix.jp/"},{"@type":"ListItem","position":2,"name":"Aboutï¼ããããã¡ã«ã¤ãã¦ï¼","item":"https://metelix.jp/about"}]} 242 </script>
242 243 </head> 244 <body> 245 <div id="root"><link rel="preload" as="image" href="/assets/metelix_logo-mTzQ-tg7.webp" fetchPriority="high"/><link rel="preload" as="image" href="/assets/Z2_sphere-DcdIf16F.webp"/><link rel="preload" as="image" href="/assets/SB1_1783313812492-BMh1ptLq.webp"/><link rel="preload" as="image" href="/assets/about_sphere_glow_pink-BPBQGPwM.webp"/><link rel="preload" as="image" href="/assets/about_sphere_purple_glow-D_vw6Ggd.webp"/><div aria-live="polite" role="status" class="sr-only"></div><!--$--><div class="min-h-screen flex flex-col bg-background text-foreground font-sans overflow-x-hidden"><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:bg-white focus:text-ne-1 focus:px-5 focus:py-3 focus:rounded-full focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-[#907AED] focus:text-sm focus:font-medium" data-testid="link-skip-to-content">æ¬æã¸ã¹ããã</a><header><nav class="fixed top-0 left-0 right-0 z-50"><div class="relative w-full flex items-center justify-between px-6 md:px-6 lg:px-10 py-6"><div aria-hidden="true" class="pointer-events-none absolute inset-x-2 md:inset-x-4 inset-y-2 rounded-full transition-opacity duration-500 ease-out -z-10 opacity-0"></div><a data-testid="link-home-logo" href="/" class="flex items-center gap-2 shrink-0 origin-left transition-all duration-500 ease-out focus-visible:outline-2 focus-visible:outline-[#907AED]"><img src="/assets/metelix_logo-mTzQ-tg7.webp" alt="æ ªå¼ä¼ç¤¾Metelix" width="135" height="32" fetchPriority="high" class="h-7 md:h-8 w-auto"/></a><div class="hidden xl:flex items-center gap-4 2xl:gap-7"><div class="relative flex items-center"><a data-testid="link-nav-service" href="/service" class="group relative inline-flex items-center whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="relative"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover:opacity-100"></span>ãµã¼ãã¹</span></a><button type="button" data-testid="button-nav-service-submenu" aria-label="ãµã¼ãã¹ã®ãµãã¡ãã¥ã¼" aria-expanded="false" aria-controls="nav-submenu-service" class="ml-1 rounded p-1 text-ne-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3.5 h-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div id="nav-submenu-service" hidden="" class="absolute left-1/2 -translate-x-1/2 top-full pt-4 z-50"><div class="min-w-[255px] rounded-2xl bg-white p-2.5 shadow-[0_8px_30px_rgba(96,80,120,0.18)]"><a data-testid="link-nav-rin-family" href="/service#rin-family" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>RiN Family</a><a data-testid="link-nav-rin-platform" href="/rin-platform" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pr-5 font-nav font-semibold tracking-[0.04em] transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED] ml-4 border-l border-ne-1/15 pl-4 py-2.5 text-[13px] text-[#454F60]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>RiN Platform</a><a data-testid="link-nav-rin-gateway" href="/rin-gateway" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pr-5 font-nav font-semibold tracking-[0.04em] transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED] ml-4 border-l border-ne-1/15 pl-4 py-2.5 text-[13px] text-[#454F60]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 roun
245ded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>RiN Gateway</a><a data-testid="link-nav-ai-transformation" href="/ai-transformation" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED] mt-2 border-t border-ne-1/15 rounded-t-none pt-4"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>AI Transformation<span class="mt-1 text-[11px] font-normal text-ne-2">å°å
¥ã»æ¥åå¤é©æ¯æ´</span></a><a data-testid="link-nav-cloud-ai-integration" href="/cloud-ai-integration" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>Cloud & AI Integration<span class="mt-1 text-[11px] font-normal text-ne-2">ã¯ã©ã¦ãã»AIåºç¤æ§ç¯</span></a></div></div></div><a data-testid="link-nav-partnership" href="/service#partner" class="group relative whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover:opacity-100"></span>ãã¼ããã¼ã·ãã</a><a data-testid="link-nav-column" href="/column" class="group relative whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover:opacity-100"></span>ã³ã©ã ã»ç¹é</a><a data-testid="link-nav-news" href="/news" class="group relative whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover:opacity-100"></span>ãç¥ãã</a><div class="relative flex items-center"><a data-testid="link-nav-about" href="/about" class="group relative inline-flex items-center whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="relative"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] transition-opacity duration-200 group-hover:opacity-100 opacity-100"></span>ä¼ç¤¾æ
å ±</span></a><button type="button" data-testid="button-nav-about-submenu" aria-label="ä¼ç¤¾æ
å ±ã®ãµãã¡ãã¥ã¼" aria-expanded="false" aria-controls="nav-submenu-about" class="ml-1 rounded p-1 text-ne-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3.5 h-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div id="nav-submenu-about" hidden="" class="absolute left-1/2 -translate-x-1/2 top-full pt-4 z-50"><div class="min-w-[255px] rounded-2xl bg-white p-2.5 shadow-[0_8px_30px_rgba(96,80,120,0.18)]"><a data-testid="link-nav-philosophy" href="/about/philosophy" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 roun
245ded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>Philosophy<span class="mt-1 text-[11px] font-normal text-ne-2">ç念</span></a><a data-testid="link-nav-company" href="/about/company" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>Company<span class="mt-1 text-[11px] font-normal text-ne-2">ä¼ç¤¾æ¦è¦</span></a><a data-testid="link-nav-member" href="/member" class="group/item relative flex flex-col items-start whitespace-nowrap rounded-xl pl-7 pr-5 py-3 text-[14px] font-nav font-semibold tracking-[0.04em] text-ne-1 transition-colors hover:bg-[#F7F5FC] focus-visible:outline-2 focus-visible:outline-[#907AED]"><span class="pointer-events-none absolute left-3 top-1/2 h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover/item:opacity-100"></span>Member<span class="mt-1 text-[11px] font-normal text-ne-2">ã¡ã³ãã¼</span></a></div></div></div><a data-testid="link-nav-contact" href="/contact" class="group relative whitespace-nowrap text-[14px] 2xl:text-[15px] font-nav tracking-[0.04em] transition-colors focus-visible:outline-2 focus-visible:outline-[#907AED] inline-flex items-center rounded-full bg-cta-red px-5 2xl:px-7 py-3 font-bold text-white hover:bg-ne-1"><span class="pointer-events-none absolute -top-2 left-1/2 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-[#FF0C54] opacity-0 transition-opacity duration-200 group-hover:opacity-100"></span>ãåãåãã</a></div><div class="xl:hidden"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2 border border-transparent h-12 w-12 focus-visible:ring-2 focus-visible:ring-[#907AED]" aria-label="ã¡ãã¥ã¼ãéã" data-testid="button-open-menu" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_4b_" data-state="closed"><svg width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" class="!w-[34px] !h-[34px] text-ne-1" aria-hidden="true"><line x1="3" y1="7" x2="21" y2="7"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="17" x2="21" y2="17"></line></svg></button></div></div></nav></header><main id="main-content" tabindex="-1" class="flex-grow outline-none"><div class="overflow-hidden bg-[#EDEBFA] text-[#231815]"><section class="relative overflow-hidden pt-28 pb-20 md:pt-[132px] md:pb-28"><img src="/assets/Z2_sphere-DcdIf16F.webp" alt="" aria-hidden="true" class="pointer-events-none select-none absolute -top-[77px] left-[calc(50%+60px)] -translate-x-1/2 w-[154px] blur-[2px] opacity-90 md:-top-[90px] md:left-auto md:right-[calc(16%+600px)] md:translate-x-0 md:w-[205px]"/><img src="/assets/SB1_1783313812492-BMh1ptLq.webp" alt="" aria-hidden="true" class="pointer-events-none select-none absolute top-[72px] -left-[91px] w-[207px] opacity-90 md:hidden"/><img src="/assets/about_sphere_glow_pink-BPBQGPwM.webp" alt="" aria-hidden="true" class="pointer-events-none select-none absolute hidden opacity-90 md:top-28 md:-left-[136px] md:block md:w-[384px]"/><img src="/assets/about_sphere_purple_glow-D_vw6Ggd.webp" alt="" aria-hidden="true" class="pointer-events-none select-none absolute top-[139px] -right-[60px] w-[154px] opacity-90 md:top-[164px] md:-right-10 md:w-64"/><div class="relative z-10 mx-auto max-w-[1140px] px-7 md:px-8"><div class="text-center" style="transform:translateY(20px)"><p class="font-en text-[38px] font-medium tracking-[-0.015em] text-ne-1 md:text-[74px] md:font-normal">About</p><p class="mt-1 text-[11px] font-semibold tracking-[0.18em] text-ne-4 md:text-[13px]">ããããã¡ã«ã¤ãã¦</p></div><div class="mx-auto mt-20 max-w-[900px] text-center md:mt-24"><h1 class="jp-wrap text-[clamp(30px,5vw,60px)] font-bold leading-[1.45] tracking-[-0.04em] text-ne-1" style="transform:translateY(20px)">AIããäºæ¥ãåããåã«ã</h1><p class="jp-wrap mx-auto mt-7 max-w-[730px] text-left text-[15px] leading-[2.1] tracking-[0.025em] md:mt-9 md:text-center md:text-[17px]" style="transform:translateY(20px)">Metelixã¯ã伿¥ã®æ¥åã¨ãµã¼ãã¹ã«AIãçµã¿è¾¼ã¿ãäºæ¥ã®å¤é©ãæ¯ãã¾ããRiN Familyã¨ãã¼ããã¼ã®æè¡ãçµã¿åããã伿¥ãã¨ã®èª²é¡ã«å¿ããä»çµã¿ããå°å
¥ããéç¨ã¾ã§æä¾ãã¾ãã</p></div></div></section><section aria-labelledby="explore-heading" class="relative z-10 px-4 pb-4 md:px-5"><div class="rounded-[20px] bg-[#F9F9FF] px-5 py-14 md:rounded-[32px] md:px-12 md:py-20"><div class="mx-auto max-w-[1080px]"><div class="mb-8 flex flex-col gap-3 md:mb-11 md:flex-row md:items-end md:justify-between"><div><p class="font-en text-[14px] tracking-[0.06em] text-[#BF1346]">Explore Metelix</p><h2 id="explore-heading" class="mt-2 text-[24px] font-bold tracking-[-0.03em] md:text-[32px]">Metelixãç¥ã</h2></div><p class="text-[13px] leading-relaxed text-[#6F6C87]">èãæ¹ãä¼ç¤¾ãããã¦äººã</p></div><div class="grid gap-3 md:grid-cols-[1.1fr_0.9fr] md:grid-rows-2 md:gap-4"><a data-testid="link-about-philosophy" href="/about/philosophy" class="group flex min-h-[190p
245x] flex-col justify-between rounded-[16px] border border-[#E4E2EE] bg-[#F1F0FA] p-6 transition-colors duration-300 hover:border-[#D2B5C9] hover:bg-[#F9EBF2] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#BF1346] md:p-8 md:row-span-2 md:min-h-[400px] md:p-10"><div class="flex items-start justify-between"><span class="font-en text-[13px] text-[#9B869B]">01<!-- --> / 03</span><span aria-hidden="true" class="flex h-9 w-9 items-center justify-center rounded-full border border-[#D5CFDE] transition-transform duration-300 group-hover:translate-x-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></div><div><p class="font-en text-[12px] tracking-[0.04em] text-[#BF1346]">Philosophy</p><h3 class="mt-1 font-bold tracking-[-0.03em] text-[32px] md:text-[42px]">ç念</h3><p class="mt-3 max-w-[360px] text-[13px] leading-[1.8] text-[#68657B] md:text-[14px]">AIã¨äººãåãçºæ®ã§ããçµç¹ã¸ãMetelixã大åã«ããèãæ¹ã</p></div></a><a data-testid="link-about-company" href="/about/company" class="group flex min-h-[190px] flex-col justify-between rounded-[16px] border border-[#E4E2EE] bg-[#F1F0FA] p-6 transition-colors duration-300 hover:border-[#D2B5C9] hover:bg-[#F9EBF2] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#BF1346] md:p-8 "><div class="flex items-start justify-between"><span class="font-en text-[13px] text-[#9B869B]">02<!-- --> / 03</span><span aria-hidden="true" class="flex h-9 w-9 items-center justify-center rounded-full border border-[#D5CFDE] transition-transform duration-300 group-hover:translate-x-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></div><div><p class="font-en text-[12px] tracking-[0.04em] text-[#BF1346]">Company</p><h3 class="mt-1 font-bold tracking-[-0.03em] text-[26px] md:text-[30px]">ä¼ç¤¾æ¦è¦</h3><p class="mt-3 max-w-[360px] text-[13px] leading-[1.8] text-[#68657B] md:text-[14px]">ä¼ç¤¾æ
å ±ãäºæ¥å
容ãããã¾ã§ã®æ©ã¿ã</p></div></a><a data-testid="link-about-member" href="/member" class="group flex min-h-[190px] flex-col justify-between rounded-[16px] border border-[#E4E2EE] bg-[#F1F0FA] p-6 transition-colors duration-300 hover:border-[#D2B5C9] hover:bg-[#F9EBF2] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#BF1346] md:p-8 "><div class="flex items-start justify-between"><span class="font-en text-[13px] text-[#9B869B]">03<!-- --> / 03</span><span aria-hidden="true" class="flex h-9 w-9 items-center justify-center rounded-full border border-[#D5CFDE] transition-transform duration-300 group-hover:translate-x-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></div><div><p class="font-en text-[12px] tracking-[0.04em] text-[#BF1346]">Member</p><h3 class="mt-1 font-bold tracking-[-0.03em] text-[26px] md:text-[30px]">ã¡ã³ãã¼</h3><p class="mt-3 max-w-[360px] text-[13px] leading-[1.8] text-[#68657B] md:text-[14px]">äºæ¥ã¨æè¡ãåã«é²ãããã¼ã ããç´¹ä»ãã¾ãã</p></div></a></div></div></div></section><section aria-labelledby="profile-heading" class="px-7 py-16 md:px-8 md:py-24"><div class="mx-auto max-w-[1080px] md:grid md:grid-cols-[1fr_1.6fr] md:gap-12"><div><p class="font-en text-[13px] tracking-[0.06em] text-[#BF1346]">At a glance</p><h2 id="profile-heading" class="mt-2 text-[24px] font-bold tracking-[-0.03em] md:text-[30px]">åºæ¬æ
å ±</h2><p class="mt-3 text-[13px] leading-[1.8] text-[#6F6C87]">ä¼ç¤¾ã®è©³ç´°ã¨æ²¿é©ã¯ä¼ç¤¾æ¦è¦ã«æ²è¼ãã¦ãã¾ãã</p></div><div class="mt-8 border-t border-[#C9C7D9] md:mt-0"><dl><div class="grid grid-cols-[88px_1fr] gap-3 border-b border-[#C9C7D9] py-4 text-[13px] leading-[1.8] md:grid-cols-[120px_1fr] md:py-5 md:text-[15px]"><dt class="font-semibold text-[#6F6C87]">社å</dt><dd class="break-words">æ ªå¼ä¼ç¤¾Metelixï¼ã¡ããªã¯ã¹ï¼</dd></div><div class="grid grid-cols-[88px_1fr] gap-3 border-b border-[#C9C7D9] py-4 text-[13px] leading-[1.8] md:grid-cols-[120px_1fr] md:py-5 md:text-[15px]"><dt class="font-semibold text-[#6F6C87]">æå¨å°</dt><dd class="break-words">ã150-0002 æ±äº¬é½æ¸è°·åºæ¸è°·1-7-2 VORTæ¸è°·eastâ
¡</dd></div><div class="grid grid-cols-[88px_1fr] gap-3 border-b border-[#C9C7D9] py-4 text-[13px] leading-[1.8] md:grid-cols-[120px_1fr] md:py-5 md:text-[15px]"><dt class="font-semibold text-[#6F6C87]">è¨ç«</dt><dd class="break-words">2019å¹´6æ</dd></div><div class="grid grid-cols-[88px_1fr] gap-3 border-b border-[#C9C7D9] py-4 text-[13px] leading-[1.8] md:grid-cols-[120px_1fr] md:py-5 md:text-[15px]"><dt class="font-semibold text-[#6F6C87]">代表åç· å½¹</dt><dd class="break-words">ä¹
å ç¥ä»</dd></div></dl><a href="/about/company" class="group mt-5 inline-flex items-center gap-2 text-[13px] font-bold text-[#A71950] underline-offset-4 hover:underline">ä¼ç¤¾æ¦è¦ã詳ããè¦ã <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section aria-labelledby="more-heading" class="px-4 pb-20 md:px-5 md:pb-28"><div class="rounded-[20px] bg-[#F9F9FF] px-6 py-12 md:rounded-[32px] md:px-12 md:py-16"><div class="mx-auto max-w-[1080px] md:grid md:grid-cols-[1fr_1.6fr] md:gap-12"><div><p class="font-en text-[13px] tracking-[0.06em] text-[#BF1346]">Learn more</p><h2 id="more-heading" class="mt-2 text-[24px] font-bold tracking-[-0.03em] md:text-[30px]">äºæ¥ã¨åãçµã¿</h2><p class="mt-3 text-[13px] leading-[1.8] text-[#6F6C87]">æä¾ãµã¼ãã¹ã¨ãå
¬éãã¦ãããç¥ããã</p></div><ul class="mt-8 border-t border-[#DEDBE8] md:mt-0"><li class="border-b border-[#DEDBE8]"><a href="/service" class="group flex items-center justify-between gap-4 py-4 md:py-5"><span><span class="block text-[14px] font-semibold leading-[1.6] md:text-[15px]">ãµã¼ãã¹ãè¦ã</span><span class="mt-1 block text-[11px] text-[#777288]">äºæ¥ã»æä¾é å</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 shrink-0 text-[#A71950] transition-transform group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li class="border-b border-[#DEDBE8]"><a href="/news/alibaba-cloud-partnership" class="group flex items-center justify-between gap-4 py-4 md:py-5"><span><span class="block text-[14px] font-semibold leading-[1.6] md:text-[15px]">Alibaba Cloudã¨ã®ãã¼ããã¼ã·ãã</span><span class="mt-1 block text-[11px] text-[#777288]">ãç¥ãã</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 shrink-0 text-[#A71950] transition-transform group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li class="border-b border-[#DEDBE8]">
245<a href="/news/tencent-cloud-workshop-presentation" class="group flex items-center justify-between gap-4 py-4 md:py-5"><span><span class="block text-[14px] font-semibold leading-[1.6] md:text-[15px]">Tencent Cloud主å¬ã¯ã¼ã¯ã·ã§ããã¸ã®ç»å£</span><span class="mt-1 block text-[11px] text-[#777288]">ãç¥ãã</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 shrink-0 text-[#A71950] transition-transform group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li class="border-b border-[#DEDBE8]"><a href="/news/isms-certification" class="group flex items-center justify-between gap-4 py-4 md:py-5"><span><span class="block text-[14px] font-semibold leading-[1.6] md:text-[15px]">ISMSèªè¨¼ã®åå¾</span><span class="mt-1 block text-[11px] text-[#777288]">ãç¥ãã</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 shrink-0 text-[#A71950] transition-transform group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div></div></section></div></main><footer class="relative overflow-hidden"><div class="px-4 md:px-5 pb-4 md:pb-6"><div class="relative overflow-hidden rounded-[16px] md:rounded-[2.5rem] bg-gradient-to-r from-brand via-[#e0416f] to-brand-2"><div class="pointer-events-none absolute inset-0 select-none" style="transform:translateY(-9%)"><picture class="block h-full w-full"><source media="(min-width: 768px)" srcSet="/assets/contact_bg_desktop_v2-Cv3X0rID.webp"/><img src="/assets/contact_bg_mobile-DsDCcd-k.webp" alt="" aria-hidden="true" loading="lazy" class="h-full w-full scale-[1.2] object-cover"/></picture></div><div class="relative z-10 flex flex-col items-start gap-8 px-[28px] md:px-8 py-[60px] md:py-[120px] text-left md:flex-row md:items-start md:justify-center md:gap-24 md:px-8"><h2 class="md:-mt-1 shrink-0 text-[28px] md:text-[36px] font-normal leading-relaxed tracking-tight text-white">ãåãåãã</h2><div class="w-full md:w-auto"><p class="text-[13px] md:text-sm font-medium leading-loose tracking-[0.1em] text-white/95">ãµã¼ãã¹ã«é¢ããã質åã<br class="md:hidden"/>忥ã®ãç¸è«ãªã©ã<br/>
245ãæ°è»½ã«ãåãåãããã ãã</p><div class="mt-8"><a data-testid="link-footer-cta-contact" href="/contact" class="group inline-flex items-center gap-5 rounded-full h-20 pl-9 pr-5 text-sm font-nav font-bold tracking-[0.12em] transition-all duration-300 bg-white text-ne-1 hover:bg-ne-1 hover:text-white w-full justify-between md:w-[270px]"><span>ãåãåãã</span><span class="relative flex h-9 w-9 items-center justify-center overflow-hidden rounded-full transition-all duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-[1.2] bg-ne-1 text-white group-hover:bg-white group-hover:text-ne-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right pill-arrow h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></div></div></div><div class="container mx-auto px-6 md:px-6 pt-10 lg:pt-12 pb-6 relative z-10"><img src="/assets/SF1_1783325059423-DrpLZbcO.webp" alt="" aria-hidden="true" loading="lazy" width="442" height="442" class="md:hidden pointer-events-none select-none absolute top-[255px] -right-[120px] w-[220px] h-auto"/><img src="/assets/SF2_1783325059423-CYGJGOIc.webp" alt="" aria-hidden="true" loading="lazy" width="136" height="135" class="md:hidden pointer-events-none select-none absolute top-[435px] right-[8px] w-[70px] h-auto"/><div class="grid grid-cols-1 min-[360px]:grid-cols-2 lg:grid-cols-[0.8fr_1.4fr_0.8fr_1fr] gap-x-5 gap-y-6 lg:gap-x-10 items-start"><a data-testid="link-footer-logo" href="/" class="justify-self-start min-[360px]:col-span-2 lg:col-span-1 py-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><img src="/assets/metelix_logo-mTzQ-tg7.webp" alt="æ ªå¼ä¼ç¤¾Metelix" width="135" height="32" class="h-8 w-auto"/></a><nav aria-label="ããã¿ã¼ï¼ãµã¼ãã¹" class="min-w-0 flex flex-col min-[360px]:row-span-2 lg:row-span-1"><a data-testid="link-footer-service" href="/service" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ãµã¼ãã¹</a><div class="flex flex-col"><a data-testid="link-footer-rin-family" href="/service#rin-family" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED]">RiN Family</a><a data-testid="link-footer-rin-platform" href="/rin-platform" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED] border-l border-ne-1/15 pl-3">RiN Platform</a><a data-testid="link-footer-rin-gateway" href="/rin-gateway" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED] border-l border-ne-1/15 pl-3">RiN Gateway</a><a data-testid="link-footer-ai-transformation" href="/ai-transformation" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED] mt-2 border-t border-ne-1/15 pt-3">AI Transformation</a><a data-testid="link-footer-cloud-ai-integration" href="/cloud-ai-integration" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED]">Cloud & AI Integration</a></div></nav><nav aria-label="ããã¿ã¼ï¼ä¼ç¤¾æ å ±" class="min-w-0 flex flex-col"><a data-testid="link-footer-about" href="/about" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ä¼ç¤¾æ å ±</a><div class="flex flex-col"><a data-testid="link-footer-philosophy" href="/about/philosophy" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED]">ç念</a><a data-testid="link-footer-company" href="/about/company" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED]">ä¼ç¤¾æ¦è¦</a><a data-testid="link-footer-member" href="/member" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm leading-normal font-nav text-ne-2 transition-colors hover:text-ne-4 focus-visible:outline-2 focus-visible:outline-[#907AED]">ã¡ã³ãã¼</a></div></nav><nav aria-label="ããã¿ã¼ï¼é¢é£æ å ±ã»ãåãåãã" class="min-w-0 flex flex-col"><a data-testid="link-footer-partnership" href="/service#partner" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ãã¼ããã¼ã·ãã</a><a data-testid="link-footer-column" href="/column" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ã³ã©ã ã»ç¹é</a><a data-testid="link-footer-news" href="/news" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ãç¥ãã</a><a data-testid="link-footer-contact" href="/contact" class="flex min-h-11 lg:min-h-9 items-center py-2 text-sm font-nav font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ãåãåãã</a></nav></div><div class="mt-6 lg:mt-8 pt-4 border-t border-ne-1/10 flex flex-wrap items-center justify-between gap-x-6 gap-y-3"><p class="order-3 w-full lg:order-none lg:w-auto text-xs tracking-wide text-ne-3">© 2026 Metelix Inc. All Rights Reserved.</p><div class="flex flex-wrap items-center gap-x-5 gap-y-1"><a data-testid="link-footer-security" href="/security-policy" class="flex min-h-11 items-center text-xs leading-relaxed font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">æ å ±ã»ãã¥ãªãã£æ¹é</a><a data-testid="link-footer-privacy" href="/privacy-policy" class="flex min-h-11 items-center text-xs leading-relaxed font-semibold text-ne-1 transition-colors hover:text-ne-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]">ãã©ã¤ãã·ã¼ããªã·ã¼</a></div><div class="flex items-center gap-3"><a href="https://x.com/RiNFamily_ai" target="_blank" rel="noopener noreferrer" aria-label="Xï¼æ§Twitterï¼å ¬å¼ã¢ã«ã¦ã³ã" data-testid="link-footer-x" class="flex h-11 w-11 items-center justify-center rounded-full bg-ne-1 text-white transition-colors hover:bg-white hover:text-[#231815] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.youtube.com/@RiNFamily-metelix" target="_blank" rel="noopener noreferrer" aria-label="YouTubeå ¬å¼ãã£ã³ãã«" data-testid="link-footer-youtube" class="flex h-11 w-11 items-center justify-center rounded-full bg-ne-1 text-white transition-colors hover:bg-white hover:text-[#231815] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#907AED]"><svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div></div></div><img src="/assets/F1_1783311607595-R90XDjxF.webp" alt="" aria-hidden="true" loading="lazy" width="626" height="626" class="hidden md:block pointer-events-none select-none absolute -left-[114px] -bottom-[78px] w-[253px] md:w-[317px] h-auto"/><img src="/assets/F2_1783311607595-DBtafojt.webp" alt="" aria-hidden="true" loading="lazy" width="388" height="388" class="hidden md:block pointer-events-none select-none absolute left-[32%] -bottom-[80px] w-32 md:w-40 h-auto"/><img src="/assets/F3_1783311607595-AB-HC3w_.webp" alt="" aria-hidden="true" loading="lazy" width="542" height="540" class="hidden md:block pointer-events-none select-none absolute -right-[94px] -bottom-[196px] w-72 md:w-[380px] h-auto"/></footer></div><!--/$--></div> 246 <!-- Minimal noscript (Task #34, 2026-07-31): the prerendered #root already 247 contains the full page body, so a full-content fallback here duplicated 248 a homepage h1/copy on all 32 routes. Keep only a JS notice â no h1/h2, 249 no inline style (CSP §7), company name in Japanese only. --> 250 <noscript> 251 <p>ãã®ãµã¤ãã®ä¸é¨æ©è½ï¼ã¡ãã¥ã¼ãåãåãããã©ã¼ã ï¼ã¯JavaScriptãå¿ è¦ã¨ãã¾ããJavaScriptãæå¹ã«ãã¦ã覧ãã ããã</p> 252 <p>æ ªå¼ä¼ç¤¾Metelixï½<a href="/contact">ãåãåãã</a></p> 253 </noscript> 254 </body> 255</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.