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<title>å¼ççæ·±è°·å¸ æ°äºè¡æ¿æ³åäºåæ | ä¼ç¤¾è¨ç«ã»ç¸ç¶ã»è¨±èªå¯ã¯ãä»»ãä¸ãã</title> 7<meta name="description" content="å¼ççæ·±è°·å¸ã®è¡æ¿æ¸å£«ãæ°äºæµ©äºã®ãªãã£ã·ã£ã«ãµã¤ããä¼ç¤¾è¨ç«ãå»ºè¨æ¥è¨±å¯ãå 容証æãç¸ç¶ãé¢å©åè°æ¸ä½æãªã©ãè¡ã®èº«è¿ãªæ³å¾å®¶ã¨ãã¦å種æ¸é¡ä½æãæ¿ãã¾ããçè°·å¸ã»æ¬åºå¸è¿éã対å¿ã"> 8 9<!-- Font Awesome ã®èªã¿è¾¼ã¿ï¼ã¢ã¤ã³ã³ç¨ï¼ --> 10<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 11 12<style> 13 /* --- åºæ¬è¨å® (Reset & Base) --- */ 14 :root { 15 --primary-color: #004098; /* ä¿¡é ¼æã®ããæ·±ãé */ 16 --accent-color: #33b5e5; /* å°ãæãããããã¢ã¯ã»ã³ããã«ã¼ */ 17 --text-color: #333; 18 --text-light: #666; 19 --bg-color-light: #f4f7fadf; /* ç½ãããªèãã°ã¬ã¼ãã«ã¼ */ 20 --bg-color-white: #fff; 21 --border-color: #e0e6ed; 22 --font-main: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; 23 } 24 25 * { box-sizing: border-box; margin: 0; padding: 0; } 26 27 html { 28 scroll-behavior: smooth; 29 background-color: var(--bg-color-light); 30 } 31 32 body { 33 font-family: var(--font-main); 34 line-height: 1.8; 35 color: var(--text-color); 36 background-color: var(--bg-color-light); 37 -webkit-font-smoothing: antialiased; 38 min-height: 100vh; 39 } 40 41 a { color: var(--accent-color); text-decoration: none; transition: all 0.3s ease; } 42 a:hover { color: var(--primary-color); text-decoration: underline; } 43 44 ul { list-style: none; } 45 img { max-width: 100%; height: auto; vertical-align: middle; } 46 47 .container { 48 max-width: 1100px; 49 margin: 0 auto; 50 padding: 0 20px; 51 width: 100%; 52 } 53 54 section { 55 padding: 80px 0; /* ã»ã¯ã·ã§ã³éã®ä½ç½ãåºãã¦ãã£ãã㨠*/ 56 } 57 58 .section-title { 59 font-size: 32px; 60 color: var(--primary-color); 61 text-align: center; 62 margin-bottom: 50px; 63 position: relative; 64 padding-bottom: 20px; 65 font-weight: 700; 66 } 67 .section-title::after { 68 content: ''; 69 position: absolute; 70 bottom: 0; 71 left: 50%; 72 transform: translateX(-50%); 73 width: 70px; 74 height: 4px; 75 background-color: var(--accent-color); 76 border-radius: 2px; 77 } 78 79 /* --- ãããã¼ (Header) --- */ 80 header { 81 background-color: var(--bg-color-white); 82 padding: 20px 0; 83 box-shadow: 0 2px 15px rgba(0,0,0,0.05); 84 position: relative; 85 z-index: 1000; 86 } 87 88 .header-inner { 89 display: flex; 90 justify-content: space-between; 91 align-items: center; 92 flex-wrap: wrap; 93 } 94 95 .header-logo { 96 flex: 1; 97 } 98 .site-title { 99 font-size: 28px; 100 color: var(--primary-color); 101 font-weight: 700; 102 line-height: 1.2; 103 } 104 .catchphrase { 105 font-size: 13px; 106 color: var(--text-light); 107 margin-bottom: 4px; 108 } 109 110 .header-contact { 111 text-align: right; 112 font-size: 14px; 113 color: var(--text-light); 114 } 115 .tel-number { 116 font-size: 24px; 117 font-weight: 700; 118 color: var(--primary-color); 119 margin: 4px 0; 120 display: block; 121 } 122 .tel-number a { color: inherit; text-decoration: none; } 123 124 /* --- ã°ãã¼ãã«ããã²ã¼ã·ã§ã³ (Nav) --- */ 125 nav { 126 background-color: var(--primary-color); 127 color: #fff; 128 box-shadow: 0 4px 10px rgba(0,0,0,0.1); 129 } 130 nav ul { 131 display: flex; 132 justify-content: center; 133 flex-wrap: wrap; 134 } 135 nav ul li a { 136 display: block; 137 padding: 20px 30px; 138 color: #fff; 139 text-align: center; 140 font-size: 16px; 141 font-weight: 700; 142 text-decoration: none; 143 transition: background-color 0.3s; 144 } 145 nav ul li a:hover { 146 background-color: rgba(255,255,255,0.15); 147 } 148 149 /* --- ãã¼ãã¼ã¨ãªã¢ (Hero) --- 150 ãä¿®æ£ãã¤ã³ããbackground-color ã追å ããç»åããªãå ´åã§ãæåãèªããããã«ãã¾ããã */ 151 .hero { 152 background-color: var(--primary-color); /* ç»åããªãå ´åã®ãã©ã¼ã«ããã¯ã«ã©ã¼ */ 153 background-image: url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?q=80&w=1600&auto=format&fit=crop'); 154 background-size: cover; /* background-size ã®å¤ã cover ã«ä¿®æ£ */ 155 background-position: center; 156 background-repeat: no-repeat; 157 position: relative; 158 color: #fff; /* æåè²ã¯ç½ã®ã¾ã¾ */ 159 text-align: center; 160 padding: 120px 20px; 161 } 162 /* åçã®ä¸ã«éããåéæã®ãã£ã«ã¿ã¼ */ 163 .hero-overlay { 164 position: absolute; 165 top: 0; 166 left: 0; 167 width: 100%; 168 height: 100%; 169 background-color: rgba(0, 40, 90, 0.6); /* æ·±ãéã®ãã£ã«ã¿ã¼ */ 170 } 171 .hero .container { 172 position: relative; /* ãªã¼ãã¼ã¬ã¤ããä¸ã«è¡¨ç¤º */ 173 z-index: 10; 174 } 175 .hero h1 { 176 font-size: 40px; 177 font-weight: 700; 178 margin-bottom: 25px; 179 line-height: 1.4; 180 text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* æåã«å½±ãã¤ãã¦èªã¿ããã */ 181 } 182 .hero p { 183 font-size: 20px; 184 opacity: 0.95; 185 max-width: 800px; 186 margin: 0 auto; 187 text-shadow: 0 1px 3px rgba(0,0,0,0.3); 188 } 189 190 /* --- ã¡ã¤ã³ã³ã³ãã³ãåºå --- */ 191 .main-wrapper { 192 display: flex; 193 gap: 50px; 194 margin-top: -40px; /* ãã¼ãã¼ã¨ãªã¢ã«å°ã被ãã */ 195 position: relative; 196 z-index: 20; 197 padding-bottom: 60px; 198 } 199 200 .content-area { 201 flex: 3; 202 min-width: 0; 203 } 204 205 .sidebar { 206 flex: 1; 207 min-width: 0; 208 } 209 210 /* --- ã«ã¼ãã¹ã¿ã¤ã« (Card) --- */ 211 .card { 212 background: var(--bg-color-white); 213 padding: 40px; 214 margin-bottom: 40px; 215 border-radius: 12px; /* è§ãããã«ä¸¸ã */ 216 box-shadow: 0 5px 20px rgba(0,0,0,0.07); /* æãããå½± */ 217 border: 1px solid var(--border-color); 218 } 219 220 .services-grid { 221 display: grid; 222 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 223 gap: 30px; 224 } 225 .service-item { 226 background-color: var(--bg-color-white); 227 border: 1px solid var(--border-color); 228 padding: 30px; 229 border-radius: 10px; 230 transition: all 0.3s ease; 231 display: flex; 232 flex-direction: column; 233 position: relative; 234 overflow: hidden; 235 } 236 .service-item:hover { 237 border-color: var(--accent-color); 238 transform: translateY(-5px); 239 box-shadow: 0 8px 25px rgba(0,0,0,0.12); 240 } 241 .service-item h3 { 242 font-size: 20px; 243 color: var(--primary-color); 244 margin-bottom: 15px; 245 display: flex; 246 align-items: center; 247 font-weight: 700; 248 } 249 /* ã¢ã¤ã³ã³ã®ã¹ã¿ã¤ã« */ 250 .service-item h3 i { 251 color: var(--accent-color); 252 margin-right: 12px; 253 font-size: 22px; 254 width: 30px; 255 text-align: center; 256 } 257 .service-item p { 258 font-size: 15px; 259 color: var(--text-light); 260 flex-grow: 1; 261 margin-bottom: 20px; 262 } 263 264 /* --- ãã¿ã³ (Button) --- */ 265 .btn { 266 display: inline-flex; 267 align-items: center; 268 justify-content: center; 269 padding: 14px 28px; 270 background-color: var(--accent-color); 271 color: #fff !important; 272 border-radius: 50px; 273 font-weight: 700; 274 text-align: center; 275 text-decoration: none !important; 276 transition: all 0.3s ease; 277 border: none; 278 cursor: pointer; 279 font-size: 16px; 280 box-shadow: 0 3px 6px rgba(0,0,0,0.1); 281 } 282 .btn i { margin-right: 8px; } /* ãã¿ã³å ã¢ã¤ã³ã³ */ 283 284 .btn:hover { 285 background-color: var(--primary-color); 286 transform: translateY(-2px); 287 box-shadow: 0 5px 12px rgba(0,0,0,0.15); 288 text-decoration: none !important; 289 } 290 .btn-block { 291 display: flex; 292 width: 100%; 293 margin-bottom: 15px; 294 } 295 .btn-cta { 296 background-color: #e9546b; /* å®å¿æã®ããæè²ç³»èµ¤ */ 297 padding: 18px 35px; 298 font-size: 18px; 299 } 300 .btn-cta:hover { 301 background-color: #d43f56; 302 } 303 .btn-service { 304 background-color: #fff; 305 color: var(--accent-color) !important; 306 border: 2px solid var(--accent-color); 307 padding: 10px 20px; 308 font-size: 14px; 309 align-self: flex-start; 310 box-shadow: none; 311 } 312 .btn-service:hover { 313 background-color: var(--accent-color); 314 color: #fff !important; 315 box-shadow: 0 3px 6px rgba(0,0,0,0.1); 316 } 317 318 /* --- ãµã¤ããã¼ --- */ 319 .sidebar-widget { 320 margin-bottom: 40px; 321 } 322 .sidebar-widget h2 { 323 font-size: 20px; 324 color: var(--primary-color); 325 margin-bottom: 20px; 326 padding-bottom: 12px; 327 border-bottom: 3px solid var(--accent-color); 328 font-weight: 700; 329 display: flex; 330 align-items: center; 331 } 332 .sidebar-widget h2 i { margin-right: 10px; color: var(--accent-color); } 333 334 .sidebar-widget p { 335 font-size: 15px; 336 color: var(--text-light); 337 margin-bottom: 20px; 338 } 339 340 /* --- å°å³ (Map) --- */ 341 .map-container { 342 position: relative; 343 padding-bottom: 75%; 344 height: 0; 345 overflow: hidden; 346 border-radius: 10px; 347 border: 1px solid var(--border-color); 348 background-color: #eee; 349 } 350 .map-container iframe { 351 position: absolute; 352 top: 0; 353 left: 0; 354 width: 100%; 355 height: 100%; 356 border: 0; 357 } 358 359 /* --- ããã¿ã¼ (Footer) --- */ 360 footer { 361 background-color: #1a1a1a; 362 color: rgba(255,255,255,0.75); 363 padding: 60px 0; 364 text-align: center; 365 font-size: 14px; 366 width: 100%; 367 } 368 footer a { 369 color: rgba(255,255,255,0.75); 370 margin: 0 15px; 371 text-decoration: none; 372 } 373 footer a:hover { 374 color: #fff; 375 text-decoration: underline; 376 } 377 .footer-info { 378 margin-bottom: 30px; 379 } 380 .footer-office-name { 381 font-size: 20px; 382 font-weight: 700; 383 color: #fff; 384 margin-bottom: 12px; 385 } 386 .copyright { 387 font-size: 12px; 388 color: rgba(255,255,255,0.4); 389 margin-top: 40px; 390 } 391 392 /* --- ã¬ã¹ãã³ã·ãå¯¾å¿ (Responsive) --- */ 393 @media (max-width: 960px) { 394 .main-wrapper { flex-direction: column; gap: 30px; margin-top: 20px; } 395 .sidebar { order: -1; } /* ã¹ããã§ã¯ç¸è«ãã¿ã³ãä¸ã« */ 396 } 397 398 @media (max-width: 768px) { 399 section { padding: 50px 0; } 400 .section-title { font-size: 26px; margin-bottom: 30px; } 401 402 .header-inner { flex-direction: column; text-align: center; } 403 .header-contact { text-align: center; margin-top: 20px; width: 100%; } 404 .tel-number { font-size: 22px; } 405 406 nav ul { flex-direction: column; padding: 10px 0; } 407 nav ul li a { padding: 12px 20px; font-size: 15px; } 408 409 .hero { padding: 80px 20px; } 410 .hero h1 { font-size: 28px; } 411 .hero p { font-size: 16px; } 412 413 .card { padding: 25px; margin-bottom: 25px; } 414 .services-grid { grid-template-columns: 1fr; gap: 20px; } 415 .service-item { padding: 20px; } 416 } 417</style> 418</head> 419<body> 420 421<header> 422 <div class="container"> 423 <div class="header-inner"> 424 <div class="header-logo"> 425 <p class="catchphrase">å¼ççæ·±è°·å¸è¿éï¼çè°·å¸ã»æ¬åºå¸ï¼ã®ä¼ç¤¾è¨ç«ã»å»ºè¨æ¥è¨±å¯ã»ç¸ç¶æç¶ã</p> 426 <div class="site-title">æ°äºè¡æ¿æ³åäºåæ</div> 427 </div> 428 <div class="header-contact"> 429 ãç¸è«äºç´ã»ãåãåãã<br>
430 <span class="tel-number"> 431 <a href="tel:0485871505"><i class="fas fa-phone"></i> 048-587-1505</a> 432 </span> 433 <small>åä»ï¼å¹³æ¥9:00ï½18:00ï¼åæ¥ç¥ä¼ã¿ï¼</small> 434 </div> 435 </div> 436 </div> 437</header> 438 439<nav> 440 <div class="container"> 441 <ul> 442 <li><a href="#about">å½äºåæã«ã¤ãã¦</a></li> 443 <li><a href="#services">æ¥åä¸è¦§</a></li> 444 <li><a href="http://ameblo.jp/araioffice/" target="_blank">å ¬å¼ããã°</a></li> 445 <li><a href="#access">ã¢ã¯ã»ã¹</a></li> 446 <li><a href="#contact">ç¡æç¸è«</a></li> 447 </ul> 448 </div> 449</nav> 450 451<!-- ãä¿®æ£ãã¤ã³ããCSSã§èæ¯è²ãè¨å®ãããããç»åããªãã¦ãæåãèªãã¾ãã --> 452<div class="hero"> 453 <div class="hero-overlay"></div> 454 <div class="container"> 455 <h1>å°éå®¶ã¸ã®ç¸è«ãã<br>è§£æ±ºã®æ©éã§ãã</h1> 456 <p>æ°äºè¡æ¿æ³åäºåæã¯ãã客æ§ã®æè¯ã®ãã¼ããã¼ã¨ãã¦ãç ©éãªå種æ¸é¡ä½æã»æç¶ããå ¨é¢çã«ãµãã¼ããããã¾ãããç¬ãã§æ©ã¾ããã¾ãã¯ãæ°è»½ã«ãç¸è«ãã ããã</p> 457 </div> 458</div> 459 460<div class="container"> 461 <div class="main-wrapper"> 462 463 <!-- ã¡ã¤ã³ã³ã³ãã³ã --> 464 <main class="content-area"> 465 466 <section id="about" style="padding-top: 0;"> 467 <h2 class="section-title">å½äºåæã®ç¹å¾´</h2> 468 <div class="card"> 469 <p style="margin-bottom: 15px;">ãæ¥æããã ãèª ã«ãããã¨ããããã¾ããæ°äºè¡æ¿æ³åäºåæãªãã£ã·ã£ã«ãµã¤ãã§ãã</p> 470 <p style="margin-bottom: 15px;">å½äºåæã¯ãå¼ççæ·±è°·å¸ãæ ç¹ã«ãçè°·å¸ã»æ¬åºå¸è¿éå°åã«ç¹åããè¡æ¿æ¸å£«äºåæã§ãããè¡ã®èº«è¿ãªæ³å¾å®¶ãã¨ãã¦ãä¼ç¤¾è¨ç«ãå»ºè¨æ¥è¨±å¯ãå 容証æãç¸ç¶ãé¢å©å¥ç´æ¸ä½æãªã©ãæ³äººã»å人ã®çæ§ã®å¤æ§ãªæç¶ãããµãã¼ããããã¾ããçµé¨è±å¯ãªè¡æ¿æ¸å£«ã親身ã«å¯¾å¿ãããã¾ãã®ã§ãã䏿ãªç¹ããããã¾ãããããæ°è»½ã«ãé£çµ¡ãã ããã</p> 471 <p style="margin-top: 25px; font-weight: 700; border-left: 5px solid var(--accent-color); padding-left: 15px;">ä»£è¡¨ï¼æ°äº 浩äº<br> 472 <span style="font-weight: 400; font-size: 14px; color: #666;">ï¼å¼ççè¡æ¿æ¸å£«ä¼æå± ç»é²çªå·:第03132315å·ï¼</span></p> 473 </div> 474 </section> 475 476 <section id="services"> 477 <h2 class="section-title">ä¸»ãªæ¥åä¸è¦§</h2> 478 <div class="services-grid"> 479 480 <div class="service-item"> 481 <h3><i class="fas fa-building"></i>ä¼ç¤¾è¨ç«</h3> 482 <p>é»å宿¬¾å¯¾å¿ãç¬ç«ã»èµ·æ¥ãå®å¿ã»ä¸å¯§ã«ãã¼ã¿ã«ãµãã¼ãè´ãã¾ãã</p> 483 <a href="https://www.araioffice.com/kaisha.html" class="btn btn-service">詳細ãè¦ã</a> 484 </div> 485 486 <div class="service-item"> 487 <h3><i class="fas fa-car"></i>è»åº«è¨¼æä»£è¡</h3> 488 <p>深谷å¸ã»çè°·å¸ã»æ¬åºå¸ãªã©ãå¼ççåé¨ã®è»åº«è¨¼æç³è«ãè¿ éã«ä»£è¡ãããã¾ãã</p> 489 <a href="https://www.araioffice.com/shakoindex.htm" class="btn btn-service">詳細ãè¦ã</a> 490 </div> 491 492 <div class="service-item"> 493 <h3><i class="fas fa-hand-holding-heart"></i>åç¨®æ °è¬æè«æ±</h3> 494 <p>ä¸è²è¡çºãå©ç´ç ´æ£ãã¹ãã¼ã«ã¼ãåèªæ¯æãªã©ã«é¢ããæç¶ãã</p> 495 <a href="https://www.araioffice.com/isharyoindex.htm" class="btn btn-service">詳細ãè¦ã</a> 496 </div> 497 498 <div class="service-item"> 499 <h3><i class="fas fa-file-signature"></i>å 容証æéµä¾¿</h3> 500 <p>ã¯ã¼ãªã³ã°ã»ãªãã貸éè¿éè«æ±ãªã©ãããªãã®æ¨©å©ãå®ãã¾ãã</p> 501 <a href="https://www.araioffice.com/shakoindex.htm" class="btn btn-service">詳細ãè¦ã</a> 502 </div> 503 504 <div class="service-item"> 505 <h3><i class="fas fa-ring"></i>é¢å©ã»é¤è²è²»</h3> 506 <p>
506é¢å©åè°æ¸ãå ¬æ£è¨¼æ¸ä½æ. 徿ããªãããã®å°éå®¶ç¸è«ã</p> 507 <a href="https://www.araioffice.com/rikon.htm" class="btn btn-service">詳細ãè¦ã</a> 508 </div> 509 510 <div class="service-item"> 511 <h3><i class="fas fa-users"></i>ç¸ç¶æç¶ã</h3> 512 <p>éºç£åå²åè°æ¸ã®ä½æãç¸ç¶äººèª¿æ»ãªã©é¢åãªæç¶ãã代è¡ã</p> 513 <a href="https://www.araioffice.com/easysouzoku.htm" class="btn btn-service">詳細ãè¦ã</a> 514 </div> 515 516 <div class="service-item"> 517 <h3><i class="fas fa-scroll"></i>éºè¨æ¸ä½æ</h3> 518 <p>å ¬æ£è¨¼æ¸éºè¨ãªã©ãéºè¨ãæ¸ãéã®æ³¨æç¹ãã¡ãªããããæ¡å ã</p> 519 <a href="https://www.araioffice.com/yuigon.htm" class="btn btn-service">詳細ãè¦ã</a> 520 </div> 521 522 <div class="service-item"> 523 <h3><i class="fas fa-user-nurse"></i>ä»è·ä¿éºäºæ¥è æå®</h3> 524 <p>訪åä»è·ã»éæä»è·ï¼ãã¤ãµã¼ãã¹ï¼çã®éæ¥ç³è«ã</p> 525 <a href="https://www.araioffice.com/kaigo/kaigoshorui.htm" class="btn btn-service">詳細ãè¦ã</a> 526 </div> 527 528 <div class="service-item"> 529 <h3><i class="fas fa-id-card"></i>ãã®ä»è¨±èªå¯ç¸è«</h3> 530 <p>å»ºè¨æ¥è¨±å¯ãèªåè»åç¾©å¤æ´ãç¹æ®è»ä¸¡éè¡è¨±å¯ãªã©ã</p> 531 <a href="https://www.araioffice.com/soudan.html" class="btn btn-service">詳細ãè¦ã</a> 532 </div> 533 534 </div> 535 </section> 536 </main> 537 538 <!-- ãµã¤ããã¼ --> 539 <aside class="sidebar"> 540 <section id="contact" class="sidebar-widget" style="padding-top: 0;"> 541 <h2><i class="fas fa-envelope"></i>ååç¡æç¸è«</h2> 542 <div class="card" style="padding: 30px; text-align: center;"> 543 <p style="margin-bottom: 20px;">ç¾å¨ãã¡ã¼ã«ã§ã®ç¡ææ³åç¸è«ã宿½ä¸ã§ãããç¬ãã§æ©ã¾ãããæ°è»½ã«ãç¸è«ãã¦ãã ããã</p> 544 <a href="mailto:[email protected]?Subject=âååç¡æç¸è«â" class="btn btn-block btn-cta"><i class="fas fa-paper-plane"></i>ã¡ã¼ã«ã§ç¸è«ãã</a> 545 <a href="tel:0485871505" class="btn btn-block" style="background-color: #eee; color: #333 !important; padding: 12px; font-size: 15px; border: 1px solid #ccc; box-shadow: none;"><i class="fas fa-phone"></i>ãé»è©±ï¼048-587-1505</a> 546 </div> 547 </section> 548 549 <section class="sidebar-widget"> 550 <h2><i class="fab fa-ameba"></i>å ¬å¼ããã°</h2> 551 <div class="card" style="padding: 30px;"> 552 <p style="margin-bottom: 20px;">é¢å©ãå 容証æãä»è·ç³è«ãééäºæ¥è¨±å¯ãªã©ãæ³åã«é¢ããæçãªæ å ±ãçºä¿¡ãã¦ãã¾ãã</p> 553 <a href="http://ameblo.jp/araioffice/" target="_blank" class="btn btn-block"><i class="fas fa-blog"></i>ããã°ãè¦ã</a> 554 </div> 555 </section> 556 557 <section id="access" class="sidebar-widget"> 558 <h2><i class="fas fa-map-marker-alt"></i>ã¢ã¯ã»ã¹</h2> 559 <div class="card" style="padding: 30px;"> 560 <p style="margin-bottom: 15px;"><strong>äºåææå¨å°ï¼</strong><br>å¼ççæ·±è°·å¸çºç°357</p> 561 <div class="map-container"> 562 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3221.365313985794!2d139.273611076295!3d36.220138972419!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601ed8661601614f%3A0x673415058728a47!2z44CSMzY2LTAwMDQg5Visual55yM5rex6LC35biC55S655SwMzU3!5e0!3m2!1sja!2sjp!4v1716180000000!5m2!1sja!2sjp" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 563 </div> 564 </div> 565 </section> 566 </aside> 567 568 </div> 569</div> 570 571<footer> 572 <div class="container"> 573 <div class="footer-info"> 574 <p class="footer-office-name">æ°äºè¡æ¿æ³åäºåæ</p> 575 <p style="margin-bottom: 8px;">ã366-0004 å¼ççæ·±è°·å¸çºç°357</p> 576 <p style="margin-bottom: 8px;">TEL: 048-587-1505 / FAX: 048-577-3915</p> 577 </div> 578 <div class="footer-links" style="margin-bottom: 20px;"> 579 <a href="kojin.htm">ãã©ã¤ãã·ã¼ããªã·ã¼</a> 580 <a href="sitemap.html">ãµã¤ãããã</a> 581 </div> 582 <p class="copyright">© 2006 Araioffice. All Rights Reserved.</p> 583 </div> 584</footer> 585 586</body> 587</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.