HP構築（正本 HTML） · 契約順：18

HWYS株式会社

← 顧客運営情報へ戻る別カテゴリーへ移るときはここから選び直してください

契約順：18公開ID：10634188856563

工程 deployed 思想未定採用 HOME案 A 正本 28718 文字

本番反映: python 09_本番反映/ftp_deploy_client_html.py --id=18

Cursor: php hwys_central/cli/export_for_cursor.php --id=18 — 確定思想＋HOME 指示付きで _hwys_cursor/ を更新

html_content（編集正本）

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>HWYS株式会社 | 事業を、構造から強くする</title>
<meta name="description" content="大阪のHWYS株式会社。業務請負（BPO）・完全オリジナルWeb制作・EC運営・研究開発。建築士の視点で事業の土台を支え、経営者のリソースを成長に向けます。">
<link rel="canonical" href="https://hwysgroup.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="HWYS株式会社 | 事業を、構造から強くする">
<meta property="og:description" content="業務請負（BPO）・完全オリジナルWeb制作・EC運営・研究開発。構造から事業を支える伴走者。">
<meta property="og:url" content="https://hwysgroup.com/">
<meta property="og:locale" content="ja_JP">
<meta name="twitter:card" content="summary">
<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">
<style>
:root{--primary:#2C5282;--secondary:#4A5568;--accent:#3182CE;--bg:#F7FAFC;--surface:#fff;--text:#1A202C;--muted:#718096;--radius:6px;--max:1120px;--gap:clamp(3.5rem,7vw,5rem);--px:clamp(1.25rem,4vw,2rem)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans JP",system-ui,sans-serif;font-size:16px;line-height:1.75;color:var(--text);background:var(--bg)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:0 var(--px)}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.5rem 1rem;z-index:9999}
.skip:focus{left:0}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #E2E8F0}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem;position:relative}
.logo{font-weight:700;font-size:1.125rem;color:var(--primary);letter-spacing:.02em}
.logo span{display:block;font-size:.7rem;font-weight:400;color:var(--muted);letter-spacing:.08em}
.nav-toggle{display:none;background:none;border:1px solid #CBD5E0;border-radius:var(--radius);padding:.4rem .65rem;font:inherit;cursor:pointer;min-height:44px}
nav ul{display:flex;flex-wrap:wrap;gap:.2rem 1rem;list-style:none;margin:0;padding:0}
nav a{color:var(--secondary);font-size:.85rem;font-weight:500;padding:.35rem 0;min-height:44px;display:inline-flex;align-items:center}
nav a:hover{color:var(--primary);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.35rem;border-radius:var(--radius);font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:background .2s,transform .2s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#2B6CB0;text-decoration:none;transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}
.btn-secondary:hover{background:rgba(44,82,130,.06);text-decoration:none}
.home-surface{padding:var(--gap) 0}
.home-surface:nth-of-type(even){background:var(--surface)}
.site-page{padding:var(--gap) 0;border-top:1px solid #E2E8F0}
.site-page:nth-of-type(even){background:var(--surface)}
.site-page--placeholder{padding:2rem 0;background:#EDF2F7;border-top:1px dashed #CBD5E0}
.site-page--placeholder p{margin:0;font-size:.85rem;color:var(--muted);text-align:center}
.section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem}
h1,h2,h3{line-height:1.35;margin:0 0 1rem;color:var(--primary)}
h1{font-size:clamp(1.75rem,4vw,2.5rem)}
h2{font-size:clamp(1.35rem,3vw,1.75rem)}
h3{font-size:1.1rem;color:var(--secondary)}
.lead{font-size:1.05rem;color:var(--secondary);max-width:42em}
.hero{background:var(--bg);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(44,82,130,.07) 1px,transparent 0);background-size:24px 24px;pointer-events:none;opacity:.5}
.hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;position:relative}
@media(min-width:768px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.hero-visual{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid #E2E8F0;background:linear-gradient(135deg,#EDF2F7 0%,#fff 50%,#EBF8FF 100%);position:relative;overflow:hidden}
.hero-visual::before{content:"";position:absolute;inset:12%;border:1px solid rgba(44,82,130,.15);border-radius:2px}
.hero-visual::after{content:"";position:absolute;left:12%;right:12%;top:35%;height:1px;background:rgba(44,82,130,.12)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.tag{font-size:.8rem;padding:.25rem .65rem;border-radius:999px;background:#EDF2F7;color:var(--secondary);border:1px solid #E2E8F0}
.card-grid{display:grid;gap:1.25rem}
@media(min-width:640px){.card-grid.cols-2{grid-template-columns:1fr 1fr}}
@media(min-width:768px){.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}
.card{display:block;background:var(--surface);border:1px solid #E2E8F0;border-radius:var(--radius);padding:1.35rem 1.25rem;transition:box-shadow .2s,border-color .2s;color:inherit}
.card:hover{box-shadow:0 4px 20px rgba(26,32,44,.06);border-color:#CBD5E0;text-decoration:none}
.card p{margin:.5rem 0 0;font-size:.925rem;color:var(--muted)}
.card .more{font-size:.8rem;color:var(--accent);font-weight:700;margin-top:.75rem;display:inline-block}
.strength-list{display:grid;gap:1rem}
@media(min-width:768px){.strength-list{grid-template-columns:repeat(3,1fr)}}
.strength-item{padding:1.25rem;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}
.message-box{max-width:52em}
.message-box p{margin:0 0 1rem}
.trust-quote{border-left:3px solid var(--accent);padding:1rem 1.25rem;background:#EDF2F7;border-radius:0 var(--radius) var(--radius) 0;margin:0;font-size:.95rem;color:var(--secondary)}
.cta-band{text-align:center;background:linear-gradient(180deg,#EDF2F7,#F7FAFC);border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;padding:var(--gap) 0}
.cta-band p{color:var(--secondary);max-width:36em;margin:0 auto 1.25rem}
.contact-form{max-width:36em;margin:0 auto}
.form-row{margin-bottom:1rem}
.form-row label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.35rem}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:.65rem .75rem;border:1px solid #CBD5E0;border-radius:var(--radius);font:inherit;background:#fff;min-height:44px}
.form-row textarea{min-height:140px;resize:vertical}
.req{color:#C53030;font-size:.8rem;margin-left:.25rem}
.form-note{font-size:.85rem;color:var(--muted);margin-bottom:1.25rem;padding:1rem;background:#EDF2F7;border-radius:var(--radius);border-left:3px solid var(--accent)}
.after-note{font-size:.875rem;color:var(--muted);margin-top:1.25rem;padding:1rem;border:1px solid #E2E8F0;border-radius:var(--radius)}
.site-footer{background:var(--primary);color:#E2E8F0;padding:2.5rem 0 2rem;font-size:.875rem}
.site-footer a{color:#BEE3F8}
.footer-grid{display:grid;gap:1.5rem}
@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 1fr}}
.footer-meta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);font-size:.8rem;color:#A0AEC0}
.layout-b .service-teaser-first{order:-1}
.layout-c .trust-expanded{max-width:48em}
.layout-d .card-grid.cols-4 .card{text-align:center}
.layout-e .hero-band{background:linear-gradient(180deg,rgba(49,130,206,.08),transparent);margin:0 calc(-1 * var(--px));padding-left:var(--px);padding-right:var(--px)}
@media(max-width:767px){
.nav-toggle{display:block}
nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #E2E8F0;display:none;padding:1rem var(--px);max-height:70vh;overflow-y:auto}
nav.open{display:block}
nav ul{flex-direction:column;gap:.25rem}
}
</style>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Organization","name":"HWYS株式会社","url":"https://hwysgroup.com/","email":"haruki_kimura@hwysgroup.com","description":"業務請負（BPO）・完全オリジナルWeb制作・EC運営・研究開発"}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","name":"HWYS株式会社","url":"https://hwysgroup.com/"}
</script>
</head>
<body>
<a class="skip" href="#main">本文へスキップ</a><header class="site-header">
<div class="container header-inner">
<a class="logo" href="#top">HWYS株式会社<span>Honest with yourself</span></a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" id="nav-btn">メニュー</button>
<nav id="site-nav" aria-label="メインナビゲーション">
<ul>
<li><a href="#top">HOME</a></li><li><a href="#page-concept">理念</a></li><li><a href="#page-message">代表挨拶</a></li><li><a href="#page-service-bpo">BPO</a></li><li><a href="#page-service-web">Web制作</a></li><li><a href="#page-service-ec">EC運営</a></li><li><a href="#page-service-rd">研究開発</a></li><li><a href="/news/">お知らせ</a></li><li><a href="/pages/osake-no-susume.html">酒の薦め</a></li><li><a href="#page-strength">強み</a></li><li><a href="#page-company">会社概要</a></li><li><a href="#page-contact">お問い合わせ</a></li>
</ul>
</nav>
</div>
</header><main id="main"><section class="hero home-surface" id="top">
<div class="container hero-grid">
<div>
<p class="section-label">Structure First</p>
<h1>事業を、構造から強くする</h1>
<p class="lead">HWYS株式会社は、業務請負（BPO）・完全オリジナルWeb制作・EC運営・研究開発を通じ、経営者の貴重なリソースを「成長」へ向け直す伴走者です。</p>
<div class="tag-row">
<span class="tag">業務請負 BPO</span>
<span class="tag">完全オリジナルWeb</span>
<span class="tag">EC運営</span>
<span class="tag">研究開発</span>
</div>
<div class="hero-actions">
<a class="btn btn-primary" href="#page-contact">事業のご相談</a>
<a class="btn btn-secondary" href="#page-service-bpo">事業内容を見る</a>
</div>
</div>
<div class="hero-visual" role="img" aria-label="構造と土台を示す抽象グリッド"></div>
</div>
</section>

<section class="home-surface" id="home-positioning">
<div class="container">
<p class="section-label">Positioning</p>
<h2>装飾より、目に見えない「構造」と土台</h2>
<p class="lead">特定の手法を売るのではなく、お客様の事業を構造から強くするパートナーとして、BPO・Web・EC・研究開発を一貫した哲学でつなぎます。</p>
<a class="btn btn-secondary" href="#page-concept">理念を詳しく見る</a>
</div>
</section>

<section class="home-surface" id="home-services">
<div class="container">
<p class="section-label">Services</p>
<h2>事業概要</h2>
<div class="card-grid cols-2 cols-4">
<a class="card" href="#page-service-bpo"><h3>業務請負（BPO）</h3><p>リソースをコア業務へ。人手不足・繁忙期に伴走。</p><span class="more">詳しく見る →</span></a><a class="card" href="#page-service-web"><h3>ホームページ制作事業(コーポレートサイト専門)</h3><p>思想翻訳に基づく完全オリジナル静的サイト。</p><span class="more">詳しく見る →</span></a><a class="card" href="#page-service-ec"><h3>ECサイト運営(国内・越境)</h3><p>国内・越境EC。物販・卸・仕入れ代行。</p><span class="more">詳しく見る →</span></a><a class="card" href="#page-service-rd"><h3>研究/開発</h3><p>新商品開発と提携・商談会の場づくり。</p><span class="more">詳しく見る →</span></a>
</div>
</div>
</section>

<section class="home-surface" id="home-trust">
<div class="container">
<p class="section-label">Trust</p>
<h2>行動で示す誠実さ</h2>
<blockquote class="trust-quote">言葉より、行動と事実で信頼を積み上げます。営業目的のお問い合わせはお断りしています。</blockquote>
</div>
</section>

<section class="cta-band home-surface" id="home-cta">
<div class="container">
<h2>事業に関するご相談</h2>
<p>まずはお気軽にご連絡ください。詳細は各事業ページ、フォームはお問い合わせページにございます。</p>
<a class="btn btn-primary" href="#page-contact">お問い合わせへ</a>
</div>
</section><section id="page-concept" class="site-page">
<div class="container">
<p class="section-label">Concept</p>
<h2>構造から事業を支える哲学</h2>
<p class="lead">代表の原点は二級建築士としての現場。「目に見える装飾より、目に見えない構造と土台こそが価値を左右する」——ビジネスも同じです。</p>
<p>HWYSは、経営者様が抱える孤独や不安、創業時の想いを深く汲み取り、具体的な成果へ翻訳する実直な実行部隊でありたいと考えています。</p>
</div>
</section>

<section id="page-message" class="site-page">
<div class="container message-box">
<p class="section-label">Message</p>
<h2>代表挨拶</h2>
<p>代表挨拶用</p><p>代表挨拶</p><p>企業の「想い」を設計し、揺るぎない「信頼」をカタチにする。</p><p>「信用を築くには一生かかるが、失うのは一瞬である」</p><p>私はこれまでの歩みの中で、この言葉の重みを文字通り「痛いほど」身をもって知りました。HWYS株式会社 代表取締役の木村 晴輝です。</p><p>私のキャリアの原点は、二級建築士としての建築の世界にあります。ミリ単位の狂いも許されない図面を引き、建物の構造を設計する中で学んだのは、「目に見える装飾よりも、目に見えない構造と土台こそが、その価値を左右する」という真実です。</p><p>これは、ビジネスにおける組織運営、システム構築、そしてWEB戦略においても全く同じことが言えます。表面的な美しさだけでは、事業という名の建物は支えられません。</p><p>泥臭い現場で学んだ、「誠実さ」の真価</p><p>私の経営者としての道のりは、決して平坦なものではありませんでした。</p><p>若き日の苦い経験——信頼していたパートナーによる裏切りと、残された1,000万円という莫大な負債。完済のために、深夜の卸売市場から部品工場、そして接客の現場まで、文字通り身体の限界まで働き続ける日々を過ごしました。</p><p>しかし、そのどん底の経験こそが、私に一生の財産を授けてくれました。</p><p>それは、「汗を流して得られる対価の尊さ」と、「言葉ではなく行動でしか、信頼は勝ち取れない」という確信です。</p><p>その後、様々な業界の「現場」に携わる中で目にしたのは、耳当たりの良い言葉で契約を迫りながら、実態の伴わないサービスを提供する不誠実な商習慣でした。お客様が人生を懸けて築き上げた事業や、その根底にある「哲学」が、不透明な仕組みによって損なわれていく。私は、そうした在り方に強い憤りを感じ、自らが「最良の伴走者」となるべく、弊社を設立いたしました。</p><p>手法ではなく、「構造」を支えるパートナーとして</p><p>HWYS株式会社は、WEB制作、EC運営、そして業務請負（BPO）と、多角的な事業を展開しています。一見バラバラに見えるこれらの事業を繋いでいるのは、「お客様の事業を、構造から強くする」という一貫した哲学です。</p><p>WEB制作・EC運営においては、単なるデザインではなく、創業者の「思想」を顧客へ届けるための導線を設計する。</p><p>業務請負（BPO）においては、企業の貴重なリソースを解放し、さらなる成長へと向かうための土台を支える。</p><p>私たちは、特定の「手法」を売るだけの会社ではありません。経営者様が抱える孤独や不安、そして創業時の熱い想いを深く汲み取り、それを具体的な「成果」へと翻訳する実直な実行部隊でありたいと考えています。</p><p>「行動」こそが、唯一の証明</p><p>「人は、その者の行動でのみ評価されるべきである」</p><p>これが私たちの信念です。だからこそ、弊社は不透明なルールを排除し、徹底した透明性と誠実なコミュニケーションを何より重視しています。お客様の事業が成長し、その先のお客様にまで価値が届く。その健全な循環を支えることこそが、私たちの使命です。</p><p>創業時の高揚感も、時に襲いかかる不安も、すべてを肌身で知る一人の経営者として、私は貴社の最良の理解者であり、力強い伴走者であることをお約束いたします。</p><p>皆様と共に、新たな信頼の物語を築いていける日を、心より楽しみにしております。</p><p>HWYS株式会社</p><p>代表取締役　木村 晴輝…</p>
<p style="margin-top:1.5rem;font-size:.9rem;color:var(--muted)">HWYS株式会社 代表取締役　木村 晴輝</p>
</div>
</section>

<section id="page-service-bpo" class="site-page"><div class="container"><p class="section-label">Service</p><h2>業務請負（BPO）</h2><p>業務をアウトソーシングし</p><p>人件費リスクの最小化と貴社リソースを増大</p><p>人手不足・コスト高・急な繁忙期対応——これらの課題にお困りではありませんか？</p><p>弊社は、業務請負のプロフェッショナルとして、御社の業務の一部または全部を一括で請け負い、現場運営・人員配置・品質管理までを責任を持って遂行いたします。</p><p>■ 業務請負とは？</p><p>「業務請負」とは、貴社の業務のすべて、または一部を弊社が引き受け、</p><p>弊社独自の体制と責任のもとで完結させるアウトソーシングの形態です。</p><p>一般的な「人材派遣」とは異なり、業務の指揮命令権は弊社にあります。</p><p>そのため、貴社は労務管理や法的リスクから解放され、</p><p>人員や業務着手時間といったリソースをコア業務や新規事業の推進へ集中していただけます。</p><p>結果として、業務効率の向上と生産性アップを同時に実現できる仕組みです。</p><p>■ 弊社の強み</p><p>採用単価の削減：貴社の業務をヒヤリングし最適な求人を作成⇒業務毎に弊社で採用する為、採用費用を貴社はカットできます。</p><p>柔軟な対応力：単発業務から長期プロジェクトまで、ニーズに応じた提案が可能</p><p>高い継続率と実績：関西エリアを中心に多数の企業様と継続取引中</p><p>■ こんな企業様におすすめです</p><p>単純業務を外注し自社の売上を上げる事に集中したい</p><p>人手不足による納期遅延を防ぎたい</p><p>採用による機会損失を無くし、良い人材をリクルートしたい</p><p>労務管理や人材確保の手間を減らしたい</p><p>■ 専門性と実績に裏打ちされた安心のサービス体制</p><p>HWYS株式会社の代表は、かつて某大手求人企業の大阪・梅田支店にて営業実績1位を獲得したプロフェッショナルです。</p><p>長年にわたり人材サービスの最前線で経験を積み、企業様の課題に真摯に向き合ってきた実績とノウハウが、当社の業務請負サービスにそのまま活かされています。</p><p>「必要な人材を、必要なタイミングで、最適な形で提供する」</p><p>この考えのもと、現場に即した提案と徹底したサポート体制で、数多くの企業様から信頼をいただいております。</p><p>人材業界で培った視点と、現場運営力を融合させたHWYSの請負サービス——</p><p>初めてのアウトソーシングでも、安心してお任せいただけます。…</p><p><a class="btn btn-secondary" href="#page-contact">業務請負（BPO）について相談する</a></p></div></section><section id="page-service-web" class="site-page"><div class="container"><p class="section-label">Service</p><h2>ホームページ制作事業(コーポレートサイト専門)</h2><p>信用構築 代表の思想翻訳 行動心理学・脳科学・顧客心理・顧客視点にてホームページを構築し、顧客が自然と違和感なく、お問合せや見たいページに行く事ができ、貴社営業の後押しで利用する事が可能です。</p><p><a class="btn btn-secondary" href="#page-contact">ホームページ制作事業(コーポレートサイト専門)について相談する</a></p></div></section><section id="page-service-ec" class="site-page"><div class="container"><p class="section-label">Service</p><h2>ECサイト運営(国内・越境)</h2><p>国内ECサイトと越境ECサイトにて、一般消費者向けにAV機器・スマホ関連商品・カー用品・日用品・ジャパニーズカルチャーなどを販売しております。</p><p>また、国内物販事業者向けにロット販売等にて、卸や仕入れ代行なども行っております。</p><p><a class="btn btn-secondary" href="#page-contact">ECサイト運営(国内・越境)について相談する</a></p></div></section><section id="page-service-rd" class="site-page"><div class="container"><p class="section-label">Service</p><h2>研究/開発</h2><p>新商品の研究開発を行っております。</p><p>開発途中での関連業者への発表や報告会、販売前提携などの商談会なども不定期で行っております。</p><p><a class="btn btn-secondary" href="#page-contact">研究/開発について相談する</a></p></div></section>

<section id="page-news" class="site-section" aria-labelledby="news-heading">
<div class="section-inner">
<h2 id="news-heading" class="section-title">新着情報</h2>
<div id="hwys-home-news"><p class="muted">読み込み中…</p></div>
<p class="section-cta"><a href="/news/">お知らせ一覧 →</a></p>
</div>
</section>

<section id="page-strength" class="site-page">
<div class="container">
<p class="section-label">Strength</p>
<h2>HWYSの強み</h2>
<div class="strength-list">
<div class="strength-item"><h3>構造から設計する伴走</h3><p>経費削減だけで終わらない。空いたリソースを何に使うかまで一緒に考え、成長の土台を支えます。</p></div>
<div class="strength-item"><h3>行動で示す誠実さ</h3><p>過剰な演出より事実と実績。不透明なルールを排除し、透明なコミュニケーションを重視します。</p></div>
<div class="strength-item"><h3>多角事業の実行力</h3><p>BPO・Web制作・EC・研究開発。関西中心に継続取引を積み上げています。</p></div>
</div>
</div>
</section>

<section id="page-company" class="site-page">
<div class="container">
<p class="section-label">Company</p>
<h2>会社概要</h2>
<p><strong>商号：</strong>HWYS株式会社<br>
<strong>所在地：</strong>〒530-0001 大阪府大阪市北区梅田1丁目2番2号 大阪駅前第2ビル12階 12号室（2024年10月1日 本社移転）<br>
<strong>設立：</strong>2021年1月28日<br>
<strong>法人登記：</strong>2023年9月27日（登記完了：10月5日）<br>
<strong>事業内容：</strong>業務請負（BPO）/ ホームページ制作 /ECサイト運営 / 運送業 / 研究開発<br>
<strong>適格請求書登録番号：</strong>T4120001258539</p>
<p><strong>代表者：</strong>代表取締役 木村 晴輝<br>
<strong>統括：</strong>全業務統括 下中 佑介<br>
<strong>法人番号：</strong>4120001258539</p>
<p class="company-subnav"><a href="/pages/～会社について～.html">会社について</a> ·
<a href="/pages/運営責任者あいさつ.html">統括あいさつ</a> ·
<a href="/pages/沿革.html">沿革</a> ·
<a href="/pages/決算公告.html">電子公告</a> ·
<a href="/pages/協力会社.html">協力会社様</a></p>
</div>
</section><section id="page-contact" class="site-page">
<div class="container">
<p class="section-label">Contact</p>
<h2>お問い合わせ</h2>
<div class="form-note">事業に関するご相談、お見積りのご依頼など、お気軽にお問い合わせください。<br>※営業やセールスを目的としたお問い合わせは固くお断りいたします。</div>
<p class="form-alt">別途 <a href="/pages/お問合せフォーム.html">お問合せ専用ページ</a> からも送信できます。</p>
<form class="contact-form" action="#" method="post">
<div class="form-row">
<label for="company">企業名／屋号<span class="req">必須</span></label>
<input type="text" id="company" name="company" required autocomplete="organization">
</div>
<div class="form-row">
<label for="address">住所<span class="req">必須</span></label>
<input type="text" id="address" name="address" required autocomplete="street-address">
</div>
<div class="form-row">
<label for="name">お名前</label>
<input type="text" id="name" name="name" autocomplete="name">
</div>
<div class="form-row">
<label for="email">メールアドレス</label>
<input type="email" id="email" name="email" autocomplete="email">
</div>
<div class="form-row">
<label for="body">お問い合わせ内容</label>
<textarea id="body" name="body"></textarea>
</div>
<button class="btn btn-primary" type="submit">送信する</button>
</form>
<div class="after-note"><strong>お問い合わせ後の流れ：</strong>内容を確認のうえ、2営業日以内に担当よりご連絡いたします。営業・セールス目的のご連絡には対応しておりません。</div>
</div>
</section></main><footer class="site-footer">
<nav class="footer-subnav" aria-label="法務・関連ページ">
<p><a href="/pages/特定商取引について.html">特定商取引法に基づく表記</a> ·
<a href="/pages/お問合せフォーム.html">お問合せフォーム</a> ·
<a href="/pages/hwys-求人-応募フォーム.html">求人応募</a> ·
<a href="/news/">お知らせ</a> ·
<a href="/pages/osake-no-susume.html">酒の薦め</a></p>
</nav>
<div class="container footer-grid">
<div>
<strong>HWYS株式会社</strong>
<p>〒530-0001 大阪府大阪市北区梅田1丁目2番2号 大阪駅前第2ビル12階 12号室（2024年10月1日 本社移転）</p>
</div>
<div><p><a href="https://www.instagram.com/hwysgroup/" rel="noopener noreferrer">www.instagram.com</a></p><p><a href="https://x.com/HWYSgroup" rel="noopener noreferrer">x.com</a></p><p><a href="https://www.threads.com/@hwysgroup" rel="noopener noreferrer">www.threads.com</a></p></div>
</div>
<div class="container footer-meta">&copy; HWYS株式会社</div>
</footer><script>
(function(){
var btn=document.getElementById('nav-btn');
var nav=document.getElementById('site-nav');
if(!btn||!nav)return;
btn.addEventListener('click',function(){
var open=nav.classList.toggle('open');
btn.setAttribute('aria-expanded',open?'true':'false');
});
})();
</script><link rel="stylesheet" href="/news/portal-home.css">
<script src="/news/home_loader.js" defer></script>
<script>
(function(){
  var f=document.querySelector('.contact-form');
  if(!f||f.dataset.hwysMailto)return;
  f.dataset.hwysMailto='1';
  f.addEventListener('submit',function(e){
    e.preventDefault();
    var fd=new FormData(f);
    var lines=['企業名／屋号: '+(fd.get('company')||''),'住所: '+(fd.get('address')||''),'お名前: '+(fd.get('name')||''),'メール: '+(fd.get('email')||''),'','お問い合わせ内容:',''+(fd.get('body')||'')];
    var q='subject='+encodeURIComponent('【HWYS】お問い合わせ: '+(fd.get('company')||''))+'&body='+encodeURIComponent(lines.join('\n'));
    window.location.href='mailto:haruki_kimura@hwysgroup.com?'+q;
  });
})();
</script>
</body></html>

プレビュー保存前プレビュー — 左の HTML を編集

公開サイト URL：https://hwysgroup.com（公開設定 · 公開サイトを開く）