PageSourceSearch

https://metelix.jp/about

html metelix.jp collected 2026-10-05 10:38:06 UTC 47,502 bytes, 255 lines download raw bytes

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 &amp; 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 &amp; 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.