1<!DOCTYPE html><html lang="ja"><head>
1<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4'/gkmd3hnq/?id='+i+dl;f.parentNode.insertBefore(j,f); 5})(window,document,'script','dataLayer','');</script>
5<title>ãåãåãã | ã«ãããã«ã³ããã¼</title><meta content="width=device-width,initial-scale=1" name="viewport" /><link rel="canonical" href="https://nyanko.co.jp/contacts/"><meta name="csrf-param" content="authenticity_token" /> 6<meta name="csrf-token" content="fR50qOISzxaj4xwnZEnu5SXVcN_wl55AZH_fWD9hJcE6dw95d-3vlv4o50-L20Hncc3HQshchOPAP-f-Olt3Xg" /><style>body { font-family: 'M PLUS Rounded 1c', sans-serif; } 7.service-card { transition: transform 0.3s, box-shadow 0.3s; } 8.service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } 9 10/* ãã´ç»åã®ãµã¤ãºèª¿æ´ - ã¢ãã¤ã«æé©å */ 11.service-logo { 12 max-width: 80%; 13 height: auto; 14 max-height: 60px; /* ã¹ããã§ã¯å°ãå°ããã« */ 15 object-fit: contain; 16 margin-bottom: 0.5rem; 17} 18@media (min-width: 768px) { 19 .service-logo { 20 max-width: 90%; 21 max-height: 70px; 22 margin-bottom: 1rem; 23 } 24} 25 26/* ãããããã¦ã³ã¡ãã¥ã¼ã®ã¢ãã¡ã¼ã·ã§ã³ */ 27.dropdown-menu { 28 display: none; 29 opacity: 0; 30 transform: translateY(-10px); 31 transition: opacity 0.2s, transform 0.2s; 32} 33.group:hover .dropdown-menu { 34 display: block; 35 opacity: 1; 36 transform: translateY(0); 37}</style><link href="/assets/favicon-96x96-22172be7.png" rel="icon" sizes="96x96" type="image/png" /><link href="/assets/favicon-c3e446c4.svg" rel="icon" type="image/svg+xml" /><link href="/assets/favicon-120bae45.ico" rel="shortcut icon" /><link href="/assets/apple-touch-icon-fe1f187f.png" rel="apple-touch-icon" sizes="180x180" /><link rel="stylesheet" href="/assets/tailwind-62c6085e.css" data-turbo-track="reload" /></head><body class="bg-gray-50 text-gray-800"><header class="bg-white shadow-sm sticky top-0 z-50 relative"><div class="container mx-auto px-4 md:px-6 py-3 md:py-4 flex justify-between items-center"><h1><a class="block" href="/"><img class="h-8 md:h-10 w-auto" alt="æ ªå¼ä¼ç¤¾ã«ãããã«ã³ããã¼" src="/assets/company/logo-9663e520.svg" /></a></h1><nav class="hidden md:flex space-x-6 font-bold text-sm text-gray-600 items-center md:ml-auto md:mr-6"><div class="relative group py-2"><button class="hover:text-nyanko transition flex items-center group-hover:text-nyanko">éä¿¡ãµã¼ãã¹<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg></button><div class="dropdown-menu absolute left-0 mt-0 w-76 bg-white shadow-xl rounded-lg py-2 z-50 border border-gray-100"><a class="block px-4 py-2 hover:bg-gray-50 hover:text-nyabiz transition-colors" href="/nyanko_biz/">Biz-Fi</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-nyaultd transition-colors" href="https://www.rokemoba-wimax.com/">Biz-Fiæ³äººåãã®ç¡å¶é</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-nyabizbcp transition-colors" href="/bizfi_bcp/">é²ç½ç¨ã¢ãã¤ã«Wi-FiãBiz-Fi for BCPã</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-nyanko transition-colors" href="/nyanko_wifi/">ã«ãããWi-Fi</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-otasuke transition-colors" href="/otasuke_wifi/">ããããWi-Fi</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-tsunagi transition-colors" href="/tsunagi_wifi/">ã¤ãªãWi-Fi</a><a class="block px-4 py-2 hover:bg-gray-50 hover:text-hikari transition-colors" href="/hikari/">ã«ãããå </a></div></div><a class="hover:text-nyanko transition-colors" href="/bpo/acquisition/">BPOãµã¼ãã¹</a><a class="hover:text-nyanko transition-colors" href="https://nyanko.co.jp/nyanko_wifi/internet">ãå½¹ç«ã¡æ å ±</a><a class="hover:text-nyanko transition-colors" href="/info/">ãç¥ãã</a><a class="hover:text-nyanko transition-colors" href="/company/">伿¥æ å ±</a><a class="hover:text-nyanko transition-colors" href="/jobs/">æ¡ç¨æ å ±</a></nav><a class="hidden md:block bg-gray-800 text-white px-6 py-2 rounded-full font-bold hover:bg-gray-700 transition text-sm" href="/contacts/">ãåãåãã</a><button class="md:hidden text-gray-600 focus:outline-none p-2" id="mobile-menu-button"><svg class="w-6 h-6" fill="none" id="menu-icon-open" stroke="currentColor" viewbox="0 0 24 24">
37<path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg><svg class="hidden w-6 h-6" fill="none" id="menu-icon-close" stroke="currentColor" viewbox="0 0 24 24"><path d="M6 18L18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg></button></div><div class="hidden md:hidden absolute top-full left-0 w-full bg-white shadow-lg border-t border-gray-100 h-screen overflow-y-auto pb-20" id="mobile-menu"><div class="flex flex-col p-4 space-y-4 font-bold text-gray-600"><div><button class="w-full flex justify-between items-center py-2 border-b border-gray-100 hover:text-nyanko" onclick="toggleMobileSubmenu('mobile-submenu-services')">éä¿¡ãµã¼ãã¹<svg class="w-4 h-4 transform transition-transform" fill="none" id="icon-mobile-submenu-services" stroke="currentColor" viewbox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg></button><div class="hidden pl-4 mt-2 space-y-3 text-sm text-gray-500 font-normal bg-gray-50 p-3 rounded-lg" id="mobile-submenu-services"><a class="block hover:text-nyabiz" href="/nyanko_biz/">Biz-Fi</a><a class="block hover:text-nyabizbcp" href="https://www.rokemoba-wimax.com/">Biz-Fiæ³äººåãã®ç¡å¶é</a><a class="block hover:text-nyabiz" href="/bizfi_bcp/">é²ç½ç¨ã¢ãã¤ã«Wi-FiãBiz-Fi for BCPã</a><a class="block hover:text-nyanko" href="/nyanko_wifi/">ã«ãããWi-Fi</a><a class="block hover:text-otasuke" href="/otasuke_wifi/">ããããWi-Fi</a><a class="block hover:text-tsunagi" href="/tsunagi_wifi/">ã¤ãªãWi-Fi</a><a class="block hover:text-hikari" href="/hikari/">ã«ãããå
</a></div></div><a class="block py-2 border-b border-gray-100 hover:text-nyanko" href="/bpo/acquisition/">BPOãµã¼ãã¹</a><a class="block py-2 border-b border-gray-100 hover:text-nyanko" href="https://nyanko.co.jp/nyanko_wifi/internet">ãå½¹ç«ã¡æ
å ±</a><a class="block py-2 border-b border-gray-100 hover:text-nyanko" href="/info/">ãç¥ãã</a><a class="block py-2 border-b border-gray-100 hover:text-nyanko" href="/company/">伿¥æ
å ±</a><a class="block bg-gray-800 text-white text-center py-3 rounded-full font-bold hover:bg-gray-700 transition mt-4" href="/contacts/">ãåãåãã</a></div></div></header><div class="bg-gray-50 flex items-start justify-center py-12 px-4"><div class="contact-form"><div id="input-section"><h1 class="form-title">ãåãåãã</h1><p class="form-description">ãµã¼ãã¹ã«é¢ããã質åããè¦ç©ãã®ãä¾é ¼ãªã©ããæ°è»½ã«ãåãåãããã ããã<br />å
容ãç¢ºèªæ¬¡ç¬¬ãæ
å½è
ãããé£çµ¡ããã¦ããã ãã¾ãã</p><p class="form-description link">ãå©ç¨ä¸ã®ã客ãã¾ã§ç«¯æ«ã«ã¨ã©ã¼ã表示ããã¦ããå ´åã¯ä»¥ä¸ãã«ãã確èªããä¸ã§åãåãããã ããã<br /><a class="text-nyabiz hover:underline" id="biz-err-code-uri" href="https://nyanko.co.jp/help/biz_fi/error/">ãBiz-Fiãééå¾ãã¨ã©ã¼çãã§ã¦éä¿¡ãã§ãã¾ããã</a><a class="text-nyanko hover:underline hidden" id="err-code-uri" href="https://nyanko.co.jp/help/nyanko_wifi/error_code/">ãã«ãããWi-Fiãã¨ã©ã¼ã³ã¼ãã表示ããã¾ãã</a></p><!--===== ã¿ãåæ¿ =====--><div class="tab-wrapper" role="tablist"><button aria-selected="true" class="tab-base tab-biz-active" id="tab-biz" onclick="switchTab('biz')" role="tab" type="button">æ³äººã®ã客æ§</button><button aria-selected="false" class="tab-base tab-personal-inactive" id="tab-personal" onclick="switchTab('personal')" role="tab" type="button">å人ã®ã客æ§</button></div><!--===== çµ±åãã©ã¼ã =====--><form id="contact-form" data-mode="biz" novalidate="novalidate" action="/contacts/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyB8GafVcYAG1_UWnNFl2H6sa1JCOcTR4V9aJgmVp-WbH_yTReGyZQXiWbJstIi8i-N331SU451XJ0O_OBPaMA" /><div id="biz-fields"><div class="form-group"><label class="form-label" for="contact_company">
37æ³äººå<span class="form-required-biz" id="badge-company">å¿ é </span></label><input class="form-input-biz" placeholder="ä¾ï¼æ ªå¼ä¼ç¤¾ã«ãããã«ã³ããã¼" required="required" autocomplete="organization" type="text" name="contact[company]" id="contact_company" /></div><div class="form-group"><label class="form-label" for="contact_department">é¨ç½²å<span class="form-optional">ä»»æ</span></label><input class="form-input-biz" placeholder="ä¾ï¼ååä¼ç»é¨" type="text" name="contact[department]" id="contact_department" /></div><div class="form-group"><label class="form-label" for="contact_position">å½¹è·<span class="form-optional">ä»»æ</span></label><input class="form-input-biz" placeholder="ä¾ï¼ã«ãããåºé·" autocomplete="organization-title" type="text" name="contact[position]" id="contact_position" /></div></div><div class="form-group"><label class="form-label" for="contact_service">対象ãµã¼ãã¹<span class="form-required-biz" id="badge-service">å¿ é </span></label><select class="form-input-biz" required="required" id="contact_service" name="contact[service]"><option value="" label=" "></option> 38<option selected="selected" value="service_0">å ¨è¬</option> 39<option value="service_1">Biz-Fi</option> 40<option value="service_2">Biz-Fiæ³äººåãã®ç¡å¶é</option> 41<option value="service_6">Biz-Fi for BCP</option></select></div><!----- å ±éãã£ã¼ã«ã -----><div class="form-group"><label class="form-label" for="contact_name">æ°å<span class="form-required-biz" id="badge-name">å¿ é </span></label>
41<input class="form-input-biz" placeholder="ä¾ï¼å±±ç° 太é" required="required" autocomplete="name" type="text" name="contact[name]" id="contact_name" /></div><div class="form-group hidden"><label class="form-label" for="contact_address">使</label><input autocomplete="off" tabindex="-1" placeholder="ä¾ï¼ç¾¤é¦¬çåæ©å¸å代ç°çº2-10-2" type="text" name="contact[address]" id="contact_address" /></div><div class="form-group"><label class="form-label" for="contact_email">ã¡ã¼ã«ã¢ãã¬ã¹<span class="form-required-biz" id="badge-email">å¿
é </span></label><input class="form-input-biz" placeholder="ä¾ï¼[email protected]" required="required" autocomplete="email" type="email" name="contact[email]" id="contact_email" /></div><div class="form-group"><label class="form-label" for="contact_tel">é»è©±çªå·<span class="form-required-biz" id="badge-tel">å¿
é </span></label><input class="form-input-biz" placeholder="ä¾ï¼03-1234-5678" required="required" maxlength="13" pattern="0[1-9][0-9\-]{8,11}" autocomplete="tel-national" size="13" type="tel" name="contact[tel]" id="contact_tel" /></div><div class="form-group"><label class="form-label" for="contact_subject">ä»¶å<span class="form-required-biz" id="badge-subject">å¿
é </span></label>
41<input class="form-input-biz" placeholder="ä¾ï¼ãµã¼ãã¹ã«ã¤ãã¦ã®è³ªå" required="required" type="text" name="contact[subject]" id="contact_subject" /></div><div class="form-group"><label class="form-label" for="contact_message">ãåãåããå 容<span class="form-required-biz" id="badge-message">å¿ é </span></label><textarea class="form-input-biz" placeholder="ãåãåããå 容ããè¨å ¥ãã ãã" required="required" rows="15" name="contact[message]" id="contact_message"> 42</textarea></div><button class="btn-submit-biz" id="btn-submit" onclick="showConfirm()" type="button">確èªç»é¢ã¸</button></form></div><!--===== 確èªç»é¢ =====--><div class="hidden" id="confirm-section"><h1 class="form-title">å ¥åå 容ã®ç¢ºèª</h1><p class="form-description">以ä¸ã®å 容ã§ãééããªããã°ãéä¿¡ããããã¿ã³ãæ¼ãã¦ãã ããã</p><!--確èªãã¼ãã«--><table class="confirm-table" id="confirm-table"><tbody></tbody></table><!--ãã¿ã³ç¾¤--><div class="confirm-buttons"><button class="btn-back" id="btn-back" onclick="backToInput()" type="button">æ»ã</button><button class="btn-submit-biz" id="btn-send" onclick="submitForm()" type="button">éä¿¡ãã</button></div></div></div></div><!--===== ã¹ã¯ãªãã =====-->
42<script>// --- ã¿ãåæ¿ --- 43function switchTab(type) { 44 var tabBiz = document.getElementById('tab-biz'); 45 var tabPersonal = document.getElementById('tab-personal'); 46 var form = document.getElementById('contact-form'); 47 var bizFields = document.getElementById('biz-fields'); 48 var errCodeUri = document.getElementById('err-code-uri'); 49 var bizErrCodeUri = document.getElementById('biz-err-code-uri'); 50 var companyInput = document.getElementById('contact_company'); 51 var btnSubmit = document.getElementById('btn-submit'); 52 var serviceSelect = document.getElementById('contact_service'); 53 var serviceOptions; 54 55 var inputs = form.querySelectorAll('.form-input-biz, .form-input-personal'); 56 var textareas = form.querySelectorAll('.form-textarea-biz, .form-textarea-personal'); 57 var badges = form.querySelectorAll('.form-required-biz, .form-required-personal'); 58 59 if (type === 'biz') { 60 serviceOptions = [ 61 { value: 'service_0', text: 'å ¨è¬' }, 62 { value: 'service_1', text: 'Biz-Fi' }, 63 { value: 'service_2', text: 'ãã±ã¢ãWi-Fiæ³äººåãã®ç¡å¶é' }, 64 { value: 'service_6', text: 'Biz-Fi for BCP' } 65 ]; 66 67 tabBiz.className = 'tab-base tab-biz-active'; 68 tabBiz.setAttribute('aria-selected', 'true'); 69 tabPersonal.className = 'tab-base tab-personal-inactive'; 70 tabPersonal.setAttribute('aria-selected', 'false'); 71 72 bizFields.classList.remove('hidden'); 73 errCodeUri.classList.add('hidden'); 74 bizErrCodeUri.classList.remove('hidden'); 75 companyInput.required = true; 76 77 form.setAttribute('data-mode', 'biz'); 78 inputs.forEach(function(el) { 79 el.className = el.className.replace('form-input-personal', 'form-input-biz'); 80 }); 81 textareas.forEach(function(el) { 82 el.className = el.className.replace('form-textarea-personal', 'form-textarea-biz'); 83 }); 84 badges.forEach(function(el) { 85 el.className = el.className.replace('form-required-personal', 'form-required-biz'); 86 }); 87 btnSubmit.className = 'btn-submit-biz'; 88 } else { 89 serviceOptions = [ 90 { value: 'service_0', text: 'å ¨è¬' }, 91 { value: 'service_3', text: 'ã«ãããWi-Fi' }, 92 { value: 'service_4', text: 'ããããWi-Fi' }, 93 { value: 'service_5', text: 'ã¤ãªãWi-Fi' }, 94 { value: 'service_7', text: 'ã«ãããå ' } 95 ]; 96 97 tabPersonal.className = 'tab-base tab-personal-active'; 98 tabPersonal.setAttribute('aria-selected', 'true'); 99 tabBiz.className = 'tab-base tab-biz-inactive'; 100 tabBiz.setAttribute('aria-selected', 'false'); 101 102 bizFields.classList.add('hidden'); 103 errCodeUri.classList.remove('hidden'); 104 bizErrCodeUri.classList.add('hidden'); 105 companyInput.required = false; 106 107 form.setAttribute('data-mode', 'personal'); 108 inputs.forEach(function(el) { 109 el.className = el.className.replace('form-input-biz', 'form-input-personal'); 110 }); 111 textareas.forEach(function(el) { 112 el.className = el.className.replace('form-textarea-biz', 'form-textarea-personal'); 113 }); 114 badges.forEach(function(el) { 115 el.className = el.className.replace('form-required-biz', 'form-required-personal'); 116 }); 117 btnSubmit.className = 'btn-submit-personal'; 118 } 119 120 var currentValue = serviceSelect.value; 121 serviceSelect.innerHTML = ''; 122 123 serviceOptions.forEach(function(option) { 124 var opt = document.createElement('option'); 125 opt.value = option.value; 126 opt.textContent = option.text; 127 serviceSelect.appendChild(opt); 128 }); 129 130 var validValue = serviceOptions.some(function(option) { return option.value === currentValue; }); 131 serviceSelect.value = validValue ? currentValue : 'service_0'; 132} 133 134// --- 確èªç»é¢è¡¨ç¤º --- 135function showConfirm() { 136 var form = document.getElementById('contact-form'); 137 138 // HTML5ããªãã¼ã·ã§ã³ 139 if (!form.reportValidity()) return; 140 141 var mode = form.getAttribute('data-mode'); 142 var isBiz = mode === 'biz'; 143 144 // 確èªç¨ãã¼ã¿æ§ç¯ 145 var fields = []; 146 147 if (isBiz) { 148 fields.push({ label: 'ã客æ§åºå', value: 'æ³äººã®ã客æ§' }); 149 fields.push({ label: 'æ³äººå', value: document.getElementById('contact_company').value }); 150 151 var dept = document.getElementById('contact_department').value; 152 if (dept) fields.push({ label: 'é¨ç½²å', value: dept }); 153 154 var pos = document.getElementById('contact_position').value; 155 if (pos) fields.push({ label: 'å½¹è·', value: pos }); 156 } else { 157 fields.push({ label: 'ã客æ§åºå', value: 'å人ã®ã客æ§' }); 158 } 159 160 fields.push({ label: '対象ãµã¼ãã¹', value: document.getElementById('contact_service').selectedOptions[0].text }); 161 fields.push({ label: 'ãåå', value: document.getElementById('contact_name').value }); 162 fields.push({ label: 'ã¡ã¼ã«ã¢ãã¬ã¹', value: document.getElementById('contact_email').value }); 163 fields.push({ label: 'é»è©±çªå·', value: document.getElementById('contact_tel').value }); 164 fields.push({ label: 'ä»¶å', value: document.getElementById('contact_subject').value }); 165 166 var msg = document.getElementById('contact_message').value; 167 if (msg) fields.push({ label: 'ãåãåããå 容', value: msg }); 168 169 // ãã¼ãã«æ§ç¯ 170 var tbody = ''; 171 fields.forEach(function(f) { 172 tbody += '<tr><th>' + escapeHtml(f.label) + '</th>' 173 + '<td>' + escapeHtml(f.value) + '</td></tr>'; 174 }); 175 document.querySelector('#confirm-table tbody').innerHTML = tbody; 176 177 // éä¿¡ãã¿ã³ã®ãã¼ãè² 178 var btnSend = document.getElementById('btn-send'); 179 btnSend.className = isBiz ? 'btn-submit-biz flex-1' : 'btn-submit-personal flex-1'; 180 181 // ç»é¢åæ¿ 182 document.getElementById('input-section').classList.add('hidden'); 183 document.getElementById('confirm-section').classList.remove('hidden'); 184 185 // ãã¼ã¸ä¸é¨ã«ã¹ã¯ãã¼ã« 186 window.scrollTo(0, 0); 187} 188 189// --- å ¥åç»é¢ã«æ»ã --- 190function backToInput() { 191 document.getElementById('confirm-section').classList.add('hidden'); 192 document.getElementById('input-section').classList.remove('hidden'); 193 window.scrollTo(0, 0); 194} 195 196// --- éä¿¡å¦ç ---
197function submitForm() { 198 var form = document.getElementById('contact-form'); 199 form.submit(); 200} 201 202// --- HTMLã¨ã¹ã±ã¼ã --- 203function escapeHtml(str) { 204 var div = document.createElement('div'); 205 div.appendChild(document.createTextNode(str)); 206 return div.innerHTML; 207}</script>
207<footer class="bg-gray-800 text-white py-12"><div class="container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"><div class="col-span-1 md:col-span-2"><h2 class="mb-4 text-center md:text-left"><img class="h-8 w-auto inline-block md:block" alt="æ ªå¼ä¼ç¤¾ã«ãããã«ã³ããã¼" src="/assets/company/logo_dark-8026e547.svg" /></h2><p class="text-gray-400 text-sm leading-relaxed mb-4 text-left"> ã371-0022<br /> 群馬çåæ©å¸å代ç°çº2-10-2<br /> 代表åç· å½¹ ä¼è¤ è£è¼</p></div><div class="text-left"><h3 class="font-bold mb-4 text-gray-300">ãµã¼ãã¹ä¸è¦§</h3><ul class="space-y-2 text-sm text-gray-400"><li><a class="hover:text-white" href="/nyanko_biz/">Biz-Fi</a></li><li><a class="hover:text-white" href="https://www.rokemoba-wimax.com/">Biz-Fiæ³äººåãã®ç¡å¶é</a></li><li><a class="hover:text-white" href="/bizfi_bcp/">é²ç½ç¨ã¢ãã¤ã«Wi-FiãBiz-Fi for BCPã</a></li><li><a class="hover:text-white" href="/nyanko_wifi/">ã«ãããWi-Fi</a></li><li><a class="hover:text-white" href="/otasuke_wifi/">ããããWi-Fi</a></li><li><a class="hover:text-white" href="/tsunagi_wifi/">ã¤ãªãWi-Fi</a></li><li><a class="hover:text-white" href="/hikari/">ã«ãããå
</a></li></ul></div><div class="text-left"><h3 class="font-bold mb-4 text-gray-300"> </h3><ul class="space-y-2 text-sm text-gray-400"><li><a class="hover:text-white" href="/tokusyo/">ç¹å®åå弿³ã«é¢ãã表è¨</a></li><li><a class="hover:text-white" href="/privacypolicy/">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li><li><a class="hover:text-white" href="/customer_harassment/">ã«ã¹ã¿ãã¼ãã©ã¹ã¡ã³ãã«å¯¾ããåºæ¬æ¹é</a></li><li><hr /></li><li><a class="hover:text-white" href="/company/">伿¥æ
å ±</a></li><li><a class="hover:text-white" href="/jobs/">æ¡ç¨æ
å ±</a></li><li><a class="hover:text-white" href="/info/">ãç¥ãã</a></li><li><a class="hover:text-white" href="/contacts/">ãåãåãã</a></li></ul></div></div><div class="border-t border-gray-700 mt-12 pt-8 text-center text-xs text-gray-500"> © 2026 Nyanko Company Co., Ltd. All Rights Reserved.</div></footer>
207<script>// ã¢ãã¤ã«ã¡ãã¥ã¼ã®ééå¶å¾¡ 208const menuButton = document.getElementById('mobile-menu-button'); 209const mobileMenu = document.getElementById('mobile-menu'); 210const iconOpen = document.getElementById('menu-icon-open'); 211const iconClose = document.getElementById('menu-icon-close'); 212 213menuButton.addEventListener('click', () => { 214 const isHidden = mobileMenu.classList.contains('hidden'); 215 if (isHidden) { 216 mobileMenu.classList.remove('hidden'); 217 iconOpen.classList.add('hidden'); 218 iconClose.classList.remove('hidden'); 219 document.body.style.overflow = 'hidden'; // ã¡ãã¥ã¼å±éæã«èæ¯ã¹ã¯ãã¼ã«ãç¦æ¢ 220 } else { 221 mobileMenu.classList.add('hidden'); 222 iconOpen.classList.remove('hidden'); 223 iconClose.classList.add('hidden'); 224 document.body.style.overflow = ''; // ã¹ã¯ãã¼ã«ç¦æ¢ãè§£é¤ 225 } 226}); 227 228// ã¢ãã¤ã«ã¡ãã¥ã¼å ãªã³ã¯ãã¯ãªãã¯ãããã¡ãã¥ã¼ãéãã 229const mobileLinks = mobileMenu.querySelectorAll('a'); 230mobileLinks.forEach(link => { 231 link.addEventListener('click', () => { 232 mobileMenu.classList.add('hidden'); 233 iconOpen.classList.remove('hidden'); 234 iconClose.classList.add('hidden'); 235 document.body.style.overflow = ''; 236 }); 237}); 238 239// ã¢ãã¤ã«ç¨ãµãã¡ãã¥ã¼ï¼ã¢ã³ã¼ãã£ãªã³ï¼å¶å¾¡ 240function toggleMobileSubmenu(id) { 241 const submenu = document.getElementById(id); 242 const icon = document.getElementById('icon-' + id); 243 244 if (submenu.classList.contains('hidden')) { 245 submenu.classList.remove('hidden'); 246 icon.style.transform = 'rotate(180deg)'; 247 } else { 248 submenu.classList.add('hidden'); 249 icon.style.transform = 'rotate(0deg)'; 250 } 251}</script>
251</body></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.