PageSourceSearch

https://araioffice.com/

html araioffice.com collected 2026-10-07 15:59:30 UTC 21,968 bytes, 587 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<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">&copy; 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.