お問い合わせ | ペーパークラフト制作のご相談 - 紙模型工房/title> <meta name="description" content="紙模型工房へのペーパークラフト制作に関するご依頼、ご相談、お見積もりなど、お気軽にお問い合わせください。メールフォーム、お電話、Eメールにて承ります。"> <meta name="keywords" content="ペーパークラフト, お問い合わせ, 連絡先, メールフォーム, 見積もり依頼, 紙模型工房"> <link rel="canonical" href="https://papermodel.jp/contract.html"> <link rel="icon" href="favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="pages.css"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ContactPage", "name": "お問い合わせ", "description": "紙模型工房へのペーパークラフト制作に関するお問い合わせはこちらから。", "publisher": { "@type": "Organization", "name": "紙模型工房", "logo": { "@type": "ImageObject", "url": "https://papermodel.jp/images/common/logo-s.gif" } }, "breadcrumb": { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "ホーム", "item": "https://papermodel.jp/" }, { "@type": "ListItem", "position": 2, "name": "お問い合わせ", "item": "https://papermodel.jp/contact.html" } ] } } </script> </head> <body> <header class="site-header"> <div class="header-container"> <div class="header-top"> <a href="index.html" class="site-intro-link"> <div class="site-intro"> <img src="images/common/logo-s.gif" alt="紙模型工房" class="site-logo"> <div> <div class="logo-area"> <span class="logo">紙模型工房</span> </div> <h1 class="site-catch">オリジナルペーパークラフト制作｜企業ノベルティ・販促品専門</h1> </div> </div> </a> <div class="header-right-area"> <div class="contact-info"> <a href="tel:+819089634363" class="phone">📞090-8963-4363</a> <div><a href="contact.html" class="button button-contact-header">✉️ お問合せはこちら</a></div> </div> </div> <button class="hamburger-menu" id="hamburgerMenu" aria-label="メニューを開閉する" aria-expanded="false" aria-controls="headerBottom"> <span></span> <span></span> <span></span> </button> </div> <div class="header-bottom" id="headerBottom"> <nav class="global-menu" id="globalMenu"> <ul> <li><a href="contract.html">制作実績</a></li> <li><a href="service.html">料金</a></li> <li><a href="order.html">ご注文の流れ</a></li> <li><a href="voice.html">お客様の声</a></li> <li><a href="profile.html">作家プロフィール</a></li> <li><a href="faq.html">よくある質問</a></li> </ul> </nav> <div class="utility-nav-side"> <a href="otona.html" class="utility-text-button free-models-link"> 無料ペーパークラフト <small>(Free Models)</small> </a> <a href="beginner.html" class="utility-text-button beginner-link"> 初心者の方へ <small>(道具・作り方)</small> </a> </div> </div> </div> </header> <div class="container"> <nav aria-label="breadcrumb" class="breadcrumb-nav"> <a href="index.html">ホーム</a> > お問い合わせ </nav> </div> <div class="page-heading-area container"> <h2>お問い合わせ</h2> </div> <main class="container" style="margin-top: 2rem; margin-bottom: 3rem;"> <section class="section-padding contact-form-section"> <div class="section-title-wrapper" style="text-align: left; margin-bottom: 1.5rem;"> <h3 class="section-title contact-page-section-title">メールフォームでのお問い合わせ</h3> </div> <p class="contact-page-intro"> ペーパークラフトの設計・制作に関するご相談、お見積もりのご依頼など、お気軽にお寄せください。<br> 画像データやPDFファイルを添付して送信される場合は、以下のメールフォームをご利用いただけます。<br> お急ぎの場合や、フォームが正常に動作しない場合は、お手数ですがお電話または下記のEメールアドレス宛にご連絡ください。 </p> <div class="form-container styled-form-container"> <form id="contact-form" action="send_mail.php" method="POST" enctype="multipart/form-data"> <div class="honeypot-field"> <label for="nickname">Nickname</label> <input type="text" id="nickname" name="nickname" tabindex="-1" autocomplete="off"> </div> <div class="form-group"> <label for="company_name">御社名 (必須)</label> <input type="text" id="company_name" name="company_name" required> </div> <div class="form-group"> <label for="contact_person_name">ご担当者名 (必須)</label> <input type="text" id="contact_person_name" name="contact_person_name" required> </div> <div class="form-group"> <label for="email">メールアドレス (必須)</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="subject">件名 (必須)</label> <input type="text" id="subject" name="subject" required> </div> <div class="form-group"> <label for="message">お問い合わせ内容 (必須)</label> <textarea id="message" name="message" rows="8" required></textarea> </div> <div class="form-group"> <label for="attachment">添付ファイル (画像・PDFなど、任意)</label> <input type="file" id="attachment" name="attachment_file[]" multiple class="file-input"> <span class="file-notes">最大合計ファイルサイズ: 10MB。許可形式: JPG, PNG, GIF, PDFなど。複数選択可。</span> </div> <div class="form-group"> <button type="submit" class="button button-primary button-submit-form">上記の内容で送信する</button> </div> </form> </div> </section> <section class="section-padding contact-methods-section"> <div class="contact-method-item"> <div class="section-title-wrapper" style="text-align: left; margin-bottom: 1.5rem;"> <h3 class="section-title contact-page-section-title">お電話でのお問い合わせ</h3> </div> <div class="contact-detail"> <p class="contact-phone-number"><span class="icon">📞</span><a href="tel:09089634363">090-8963-4363</a></p> <p class="contact-notes"> 受付時間：10:00～18:00（平日月～金）<br> お問い合わせの際は、番号をよくお確かめの上おかけください。<br> 移動中や打ち合わせ中など、電話に出ることができない場合がございます。その際は留守番電話にメッセージを残していただければ折り返しご連絡いたします。予めご了承ください。<br> <span class="important-note">※個人様からのご依頼はお請けしておりません。（個人事業主様は除きます）何卒ご了承ください。</span> </p> </div> </div> <hr class="subsection-divider"> <div class="contact-method-item"> <div class="section-title-wrapper" style="text-align: left; margin-bottom: 1.5rem;"> <h3 class="section-title contact-page-section-title">Eメールでのお問い合わせ</h3> </div> <div class="contact-detail"> <p class="contact-email-address"><span class="icon">✉️</span> <a href="mailto:kushima@papermodel.jp">kushima@papermodel.jp</a></p> <p class="contact-notes"> Eメールをご利用の場合は、上記のメールアドレスへお送りください。<br> その際、「御社名」、「ご担当者名」、「お問い合わせ内容」は必ずご記入いただきますようお願いいたします。 </p> </div> </div> </section> <div class="back-to-top-link-container" style="margin-top: 3rem;"> <a href="index.html" class="button button-info">トップページへ戻る</a> </div> </main> <div id="status-modal" class="modal-overlay"> <div class="modal-content"> <h4 id="modal-title"></h4> <p id="modal-message"></p> <button id="modal-close-button" class="modal-close-button">閉じる</button> </div> </div> <footer class="site-footer"> <div class="container footer-content"> <div class="footer-info"> <p><strong>紙模型工房</strong> （運営：久嶋正裕）</p> <p>〒167-0032 東京都杉並区天沼2-42-23-408</p> <p>TEL: 090-8963-4363 / Email: kushima@papermodel.jp</p> <p>営業時間: 平日10:00〜18:00</p> </div> <nav class="footer-nav"> <a href="index.html">ホーム</a> <a href="contract.html">制作実績</a> <a href="service.html">料金・サービス</a> <a href="order.html">ご注文の流れ</a> <a href="voice.html">お客様の声</a> <a href="profile.html">作家プロフィール</a> <a href="faq.html">よくある質問</a> <a href="contact.html">お問合せ</a> <a href="otona.html">無料ペーパークラフト</a> <a href="beginner.html">初心者の方へ</a> <a href="privacy.html">プライバシーポリシー</a> <a href="sitepolicy.html">サイトポリシー</a> <a href="hohan.html">特定商取引法に基づく表記</a> </nav> <div class="social-links"> <a href="https://note.com/kamimokei_kobo" target="_blank" class="blog-link">公式ブログはこちら</a> </div> <p class="copyright">© 2002-2025 紙模型工房 All Rights Reserved.</p> </div> </footer> <button id="pageTopButton" class="page-top-button" aria-label="ページトップへ戻る"> ▲<br>Page Top </button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="script.js" defer></script> <script> // フォーム送信後のモーダル表示用JavaScript document.addEventListener('DOMContentLoaded', function() { const urlParams = new URLSearchParams(window.location.search); const status = urlParams.get('status'); const messagesParam = urlParams.get('messages'); const modalOverlay = document.getElementById('status-modal'); const modalTitle = document.getElementById('modal-title'); const modalMessage = document.getElementById('modal-message'); const modalCloseButton = document.getElementById('modal-close-button'); const modalContent = modalOverlay ? modalOverlay.querySelector('.modal-content') : null; function showModal(title, message, type) { if (modalOverlay && modalTitle && modalMessage && modalContent) { modalTitle.textContent = title; // メッセージ内の改行文字 \n や \\n を <br> タグに置換 modalMessage.innerHTML = message.replace(/\\n/g, '<br>').replace(/\n/g, '<br>'); modalContent.classList.remove('success', 'error'); // 既存のタイプクラスを削除 if (type === 'success') { modalContent.classList.add('success'); } else if (type === 'error') { modalContent.classList.add('error'); } modalOverlay.classList.add('active'); } } if (modalCloseButton) { modalCloseButton.addEventListener('click', function() { if (modalOverlay) { modalOverlay.classList.remove('active'); // URLからクエリパラメータを削除 if (window.history.replaceState) { const cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname; window.history.replaceState({path:cleanUrl},'',cleanUrl); } } }); } if (modalOverlay) { modalOverlay.addEventListener('click', function(event) { if (event.target === modalOverlay) { modalOverlay.classList.remove('active'); if (window.history.replaceState) { const cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname; window.history.replaceState({path:cleanUrl},'',cleanUrl); } } }); } if (status === 'success') { showModal('送信完了', 'お問い合わせいただきありがとうございます。\n内容を確認後、担当者よりご連絡差し上げます。', 'success'); const contactForm = document.getElementById('contact-form'); if (contactForm) { contactForm.reset(); } } else if (status === 'error' && messagesParam) { showModal('送信エラー', decodeURIComponent(messagesParam), 'error'); } else if (status === 'error') { showModal('送信エラー', 'メールの送信中にエラーが発生しました。\nお手数ですが、時間をおいて再度お試しいただくか、お電話にてお問い合わせください。', 'error'); } // クライアントサイドの簡易バリデーション const form = document.getElementById('contact-form'); if (form) { form.addEventListener('submit', function(event) { let errors = []; const companyName = form.company_name.value.trim(); const contactPersonName = form.contact_person_name.value.trim(); const email = form.email.value.trim(); const subject = form.subject.value.trim(); const message = form.message.value.trim(); const attachment = form.attachment; // ファイル入力要素 let totalFileSize = 0; if (!companyName) errors.push("御社名を入力してください。"); if (!contactPersonName) errors.push("ご担当者名を入力してください。"); if (!email) { errors.push("メールアドレスを入力してください。"); } else { const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailPattern.test(email)) { errors.push("有効なメールアドレスを入力してください。"); } } if (!subject) errors.push("件名を入力してください。"); if (!message) errors.push("お問い合わせ内容を入力してください。"); // 添付ファイルのバリデーション (クライアントサイド) if (attachment && attachment.files && attachment.files.length > 0) { const maxTotalSize = 10 * 1024 * 1024; // 10MB const allowedTypes = ['image/jpeg', 'image/png', 'image/gif', 'application/pdf']; for (let i = 0; i < attachment.files.length; i++) { const file = attachment.files[i]; totalFileSize += file.size; if (allowedTypes.indexOf(file.type) === -1 && !/\.(jpg|jpeg|png|gif|pdf)$/i.test(file.name) ) { // MIMEタイプが不明な場合やブラウザによって異なる場合があるので、拡張子でも簡易チェック errors.push(`ファイル「${file.name}」の形式は許可されていません。(JPG, PNG, GIF, PDFのみ)`); } } if (totalFileSize > maxTotalSize) { errors.push(`添付ファイルの合計サイズが上限を超えています。(最大10MB)`); } } if (errors.length > 0) { event.preventDefault(); showModal('入力エラー', errors.join('\\n'), 'error'); } }); } }); </script> </body> </html>