1<!DOCTYPE html> 2<html lang="ja" data-page="contact"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <meta name="copyright" content="ALCHEMIA, Inc."> 7 <meta name="description" content="æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢ã¸ã®ãåãåããã¯ãã¡ãããã"> 8 <title>ãåãåããï½æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢</title> 9 10 <link rel="canonical" href="https://alchemia.co.jp/contact.html"> 11 <link rel="alternate" hreflang="ja" href="https://alchemia.co.jp/contact.html?lang=ja"> 12 <link rel="alternate" hreflang="en" href="https://alchemia.co.jp/contact.html?lang=en"> 13 <link rel="alternate" hreflang="zh-TW" href="https://alchemia.co.jp/contact.html?lang=zh-tw"> 14 <link rel="alternate" hreflang="x-default" href="https://alchemia.co.jp/contact.html"> 15 16 <meta name="theme-color" content="#faf7f2"> 17 <meta property="og:type" content="website"> 18 <meta property="og:site_name" content="æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢"> 19 <meta property="og:title" content="ãåãåããï½æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢"> 20 <meta property="og:description" content="æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢ã¸ã®ãåãåããã¯ãã¡ãããã"> 21 <meta property="og:url" content="https://alchemia.co.jp/contact.html"> 22 <meta property="og:image" content="https://alchemia.co.jp/assets/img/logo-header.svg"> 23 <meta property="og:locale" content="ja_JP"> 24 <meta name="twitter:card" content="summary"> 25 26 <link rel="icon" type="image/svg+xml" href="/assets/img/logo-mark.svg"> 27 <link rel="apple-touch-icon" href="/assets/img/logo-mark.svg"> 28 29 <style>body[data-i18n-pending]{opacity:0}</style> 30 31
31<script src="https://cdn.tailwindcss.com"></script>
31 32
32<script> 33 tailwind.config = { theme: { extend: { 34 colors:{ink:{DEFAULT:'#1a1a1a',soft:'#4a4a4a',mute:'#6b6b6b'},paper:'#f3ede2',bg:'#faf7f2',line:{DEFAULT:'#d9d2c5',soft:'#ece7dd'},gold:{DEFAULT:'#b08d57',deep:'#8a6b3d'},vermilion:{DEFAULT:'#b8412a',soft:'#d4674e'}}, 35 fontFamily:{serifJa:['"Noto Serif JP"','"Yu Mincho"','serif'],serifTc:['"Noto Serif TC"','"Songti TC"','serif'],sansEn:['Inter','"Helvetica Neue"','Arial','sans-serif']}, 36 maxWidth:{content:'1120px',narrow:'880px'} 37 } } } 38 </script>
38 39 <link rel="preconnect" href="https://fonts.googleapis.com"> 40 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 41 <link rel="preconnect" href="https://maxst.icons8.com" crossorigin> 42 <link rel="preload" as="style" 43 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;700&family=Noto+Serif+TC:wght@400;500;700&display=swap" 44 onload="this.onload=null;this.rel='stylesheet'"> 45 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;700&family=Noto+Serif+TC:wght@400;500;700&display=swap"></noscript> 46 <link rel="preload" as="style" 47 href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" 48 onload="this.onload=null;this.rel='stylesheet'"> 49 <noscript><link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"></noscript> 50 <link rel="stylesheet" href="/assets/css/site.css"> 51 52
52<script defer src="/assets/js/i18n.js"></script>
52 53
53<script defer src="/assets/js/nav.js"></script>
53 54
54<script defer src="/assets/js/main.js"></script>
54 55</head> 56<body data-i18n-pending> 57 58<a href="#content" class="skip-link visually-hidden" data-i18n="a11y.skipToContent">æ¬æã¸ã¹ããã</a> 59 60<header class="site-header"> 61 <div class="mx-auto max-w-content px-5 md:px-8 h-16 md:h-20 flex items-center justify-between"> 62 <a href="/index.html" class="logo flex items-center gap-3" aria-label="ALCHEMIA, Inc."> 63 <img src="/assets/img/logo-header.svg" alt="ALCHEMIA, Inc." class="h-7 md:h-9 w-auto"> 64 <span class="sr-only" data-i18n="meta.siteName">æ ªå¼ä¼ç¤¾ã¢ã«ã±ãã¢</span> 65 </a> 66 <nav class="hidden md:flex items-center gap-7" aria-label="Main"> 67 <a class="nav-link" href="/index.html" data-nav="index" data-i18n="nav.home"></a> 68 <a class="nav-link" href="/profile.html" data-nav="profile" data-i18n="nav.profile"></a> 69 <a class="nav-link" href="/business.html" data-nav="business" data-i18n="nav.business"></a> 70 <a class="nav-link" href="/news.html" data-nav="news" data-i18n="nav.news"></a> 71 <a class="nav-link" href="/recruit.html" data-nav="recruit" data-i18n="nav.recruit"></a> 72 <a class="nav-link" href="/contact.html" data-nav="contact" data-i18n="nav.contact"></a> 73 </nav> 74 <nav class="flex items-center" aria-label="Language"> 75 <a class="lang-btn" data-lang="ja" href="?lang=ja" data-i18n="lang.ja">JP</a> 76 <span class="text-line" aria-hidden="true">/</span> 77 <a class="lang-btn" data-lang="en" href="?lang=en" data-i18n="lang.en">EN</a> 78 <span class="text-line" aria-hidden="true">/</span> 79 <a class="lang-btn" data-lang="zh-tw" href="?lang=zh-tw" data-i18n="lang.zh-tw">ç¹ä¸</a> 80 <button id="navToggle" type="button" popovertarget="mobileNav" class="md:hidden ml-3 p-2" 81 data-i18n-attr="aria-label:nav.menuOpen"> 82 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M3 6h18M3 12h18M3 18h18"/></svg> 83 </button> 84 </nav> 85 </div> 86 <nav id="mobileNav" popover="auto" class="mobile-nav md:hidden" aria-label="Mobile"> 87 <ul class="px-5 py-3 space-y-1"> 88 <li><a class="nav-link block py-2" href="/index.html" data-nav="index" data-i18n="nav.home"></a></li> 89 <li><a class="nav-link block py-2" href="/profile.html" data-nav="profile" data-i18n="nav.profile"></a></li> 90 <li><a class="nav-link block py-2" href="/business.html" data-nav="business" data-i18n="nav.business"></a></li> 91 <li><a class="nav-link block py-2" href="/news.html" data-nav="news" data-i18n="nav.news"></a></li> 92 <li><a class="nav-link block py-2" href="/recruit.html" data-nav="recruit" data-i18n="nav.recruit"></a></li> 93 <li><a class="nav-link block py-2" href="/contact.html" data-nav="contact" data-i18n="nav.contact"></a></li> 94 </ul> 95 </nav> 96</header> 97 98<main id="content" tabindex="-1" class="mx-auto max-w-content px-5 md:px-8 py-16 md:py-24"> 99 <h1 class="heading-jp text-3xl md:text-4xl mb-6" data-i18n="contact.heading">ãåãåãã</h1> 100 <p class="text-ink-soft max-w-narrow mb-12" data-i18n="contact.lead">äºæ¥ã»æ¡ç¨ã»ãã®ä»ã®ãåãåããã¯ãä¸è¨ãã©ã¼ã ãããé¡ããããã¾ãã</p> 101 102 <div class="grid md:grid-cols-3 gap-6 mb-12"> 103 <div class="card p-6"> 104 <i class="las la-briefcase text-2xl text-vermilion mb-3 block" aria-hidden="true"></i> 105 <h3 class="text-lg font-semibold mb-2 text-ink" data-i18n="contact.categories.biz">äºæ¥ã«é¢ãããåãåãã</h3> 106 </div> 107 <div class="card p-6"> 108 <i class="las la-user-tie text-2xl text-vermilion mb-3 block" aria-hidden="true"></i> 109 <h3 class="text-lg font-semibold mb-2 text-ink" data-i18n="contact.categories.career">æ¡ç¨ã«é¢ãããåãåãã</h3> 110 </div> 111 <div class="card p-6"> 112 <i class="las la-question-circle text-2xl text-vermilion mb-3 block" aria-hidden="true"></i> 113 <h3 class="text-lg font-semibold mb-2 text-ink" data-i18n="contact.categories.other">ãã®ä»ã®ãåãåãã</h3> 114 </div> 115 </div> 116 117 <div class="grid md:grid-cols-2 gap-12 mb-12 max-w-narrow"> 118 <div> 119 <p class="text-xs tracking-widest text-gold-deep mb-1 flex items-center gap-2"> 120 <i class="las la-map-marker-alt" aria-hidden="true"></i>
121 <span data-i18n="contact.addrLabel">æå¨å°</span> 122 </p> 123 <p class="text-ink" data-i18n="footer.address">æ±äº¬é½æ¸è°·åºæµæ¯å¯¿å2-1-10 ã¤ã³ããã¯ã¹ã¨ãã¹8F</p> 124 </div> 125 <div> 126 <p class="text-xs tracking-widest text-gold-deep mb-1 flex items-center gap-2"> 127 <i class="las la-phone" aria-hidden="true"></i> 128 <span data-i18n="contact.telLabel">é»è©±</span> 129 </p> 130 <p class="text-ink" data-i18n="footer.tel">TELï¼03-5773-9577ï¼FAXï¼03-5773-9587</p> 131 <p class="text-xs tracking-widest text-gold-deep mt-4 mb-1 flex items-center gap-2"> 132 <i class="las la-clock" aria-hidden="true"></i> 133 <span data-i18n="contact.hoursLabel">å¶æ¥æé</span> 134 </p> 135 <p class="text-ink-soft text-sm" data-i18n="contact.hoursVal">å¹³æ¥ 11:00â19:00ï¼åæ¥ç¥ä¼ï¼</p> 136 </div> 137 </div> 138 139 <div class="callout-vermilion max-w-narrow mb-6"> 140 <p class="flex items-start gap-2"> 141 <i class="las la-info-circle mt-1 text-vermilion" aria-hidden="true"></i> 142 <span data-i18n="contact.noticeJa">â»ãã©ã¼ã 以éã®ãã¼ã¸ã¯æ¥æ¬èªã®ã¿ã®è¡¨ç¤ºã¨ãªãã¾ãã</span> 143 </p> 144 </div> 145 146 <a href="/script/mailform/mail/" class="btn btn-vermilion" data-no-lang> 147 <i class="las la-paper-plane" aria-hidden="true"></i> 148 <span data-i18n="contact.ctaForm">ãåãåãããã©ã¼ã ã¸é²ã</span> 149 </a> 150</main> 151 152<footer class="site-footer"> 153 <div class="mx-auto max-w-content px-5 md:px-8 py-12 grid md:grid-cols-3 gap-8 items-start"> 154 <div> 155 <img src="/assets/img/logo-footer.svg" alt="ALCHEMIA" class="footer-logo h-7 w-auto mb-3"> 156 <p class="text-sm text-ink-soft" data-i18n="footer.tagline">æ³åãã確ããªä¾¡å¤ã¸ã</p> 157 </div> 158 <div class="text-sm text-ink-soft leading-7"> 159 <p data-i18n="footer.address">æ±äº¬é½æ¸è°·åºæµæ¯å¯¿å2-1-10 ã¤ã³ããã¯ã¹ã¨ãã¹8F</p> 160 <p data-i18n="footer.tel">TELï¼03-5773-9577ï¼FAXï¼03-5773-9587</p> 161 </div> 162 <div class="md:text-right"> 163 <p class="text-xs text-ink-mute" data-i18n="footer.copyright" data-i18n-vars='{"year":"2026"}'>© 2026 ALCHEMIA, Inc. All Rights Reserved.</p> 164 </div> 165 </div> 166</footer> 167 168</body> 169</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.