CINXE.COM
会社情報-株式会社 ハダ工芸社-
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3YTHHJL1D7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3YTHHJL1D7'); </script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="keywords" content="ハダ工芸社,福岡,鹿児島,デザイン,広告,看板,サイン,ディスプレイ" /> <meta name="description" content="ハダ工芸社は福岡・鹿児島を拠点に活動するデザイン事務所です。「双方向のコミュニケーション環境の創造」をテーマに、商業空間や看板、ディスプレイなどのトータルデザインを行なっています。" /> <link rel="icon" type="image/png" href="common/images/fav.png" /> <title>会社情報-株式会社 ハダ工芸社-</title> <link rel="stylesheet" media="screen and (min-width: 641px)" type="text/css" href="common/style.css" /> <link rel="stylesheet" media="screen and (max-width: 640px)" type="text/css" href="common/style_sp.css" /> <link rel="canonical" href="" /> <meta name="description" content="" /> <meta name="author" content="" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> $(function() { var $elem = $('.imgChange'); var sp = '_sp.'; var pc = '_pc.'; var replaceWidth = 640; function imageSwitch() { var windowWidth = parseInt($(window).width()); $elem.each(function() { var $this = $(this); if(windowWidth >= replaceWidth) { $this.attr('src', $this.attr('src').replace(sp, pc)); } else { $this.attr('src', $this.attr('src').replace(pc, sp)); } }); } imageSwitch(); var resizeTimer; $(window).on('resize', function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { imageSwitch(); }, 200); }); }); </script> <script> $(function() { $("#bt_toggle").on("click", function() { $("#toggle").slideToggle(); }); $("#close_toggle").on("click", function() { $("#toggle").slideToggle(); }); }); </script> <script> $(function(){ var pagetop = $('#pagetop'); // ボタン非表示 pagetop.hide(); // 100px スクロールしたらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); </script> </head> <body> <ul id="toggle"> <li><div id="close_toggle"> × </div></li> <li><a href="index.php">ホーム</a></li> <li><a href="service.php">業務内容</a></li> <li><a href="cate/commercial">実績紹介</a></li> <li><a href="company.php">会社情報</a></li> <li><a href="recruit.php">採用情報</a></li> <li><a href="voice.php">スタッフの声</a></li> <li><a href="partner.php">パートナー募集</a></li> <li><a href="iso.php">ISO認証</a></li> <li><a href="security.php">情報セキュリティ基本方針</a></li> <li><a href="security.php#privacy">プライバシーポリシー</a></li> <li> - </li> <li><a href="contact.php"><img src="common/i_mail.png" alt="お問い合わせ"></a></li> </ul> <header id="header"> <div class="wrap_1300"> <div id="logo"><a href="index.php"><img src="common/i_logo.png" alt="株式会社 ハダ工芸社"></a></div> <div id="head_link"> <ul> <li><a href="service.php">業務内容</a></li> <li><a href="cate/commercial">実績紹介</a></li> <li><a href="company.php">会社情報</a></li> <li><a href="recruit.php">リクルート</a></li> </ul> </div> </div> <div id="head_bt"> <ul> <li><a href="contact.php"><img src="common/i_mail.png" alt="お問い合わせ"></a></li> <li><div id="bt_toggle"><img src="common/i_toggle.png" alt=""></div></li> </ul> </div> </header> <div id="company" class="main_content"> <div id="main"> <div id="p_main"><img src="images/company/p_main_pc.jpg" alt="会社情報" class="imgChange"></div> </div> <div class="wrap_1100"> <section> <ul id="company_list"> <li><a href="message.php"> <div class="img"><img src="images/company/bt_01.png" alt="ごあいさつ"></div> <p>ごあいさつ</p> <div class="bt_more"><img src="images/company/bt_more.png" alt="more"></div> </a> </li> <li><a href="profile.php"> <div class="img"><img src="images/company/bt_02.png" alt="会社概要"></div> <p>会社概要</p> <div class="bt_more"><img src="images/company/bt_more.png" alt="more"></div> </a> </li> <li><a href="access.php"> <div class="img"><img src="images/company/bt_03.png" alt="アクセスマップ"></div> <p>アクセスマップ</p> <div class="bt_more"><img src="images/company/bt_more.png" alt="more"></div> </a> </li> <li><a href="effort.php"> <div class="img"><img src="images/company/bt_0402.png" alt="環境・情報管理・SDGsへの取り組み"></div> <p>環境・情報管理・SDGsへの取り組み</p> <div class="bt_more"><img src="images/company/bt_more.png" alt="more"></div> </a> </li> </ul> </section> </div> </div> <footer id="footer"> <div id="footer_red"> <div class="wrap_800"> <ul> <li><img src="common/i_footer_logo.png" alt="株式会社 ハダ工芸社"></li> <li><a href="access.php#fukuoka"><img src="common/i_fukuoka.png" alt="福岡"></a></li> <li><a href="access.php#kagoshima"><img src="common/i_kagoshima.png" alt="鹿児島"></a></li> </ul> </div> </div> <div id="footer_bk"> <div class="wrap_1100"> <ul id="link"> <li><a href="recruit.php">採用情報</a></li> <li><a href="security.php">情報セキュリティ基本方針</a></li> <li><a href="security.php#privacy">プライバシーポリシー</a></li> </ul> <ul id="banner"> <li><a href="https://nikkoren.or.jp/.assets/オーナーさんのための看板の安全管理ガイドブック.pdf" target="_blank"><img src="common/i_kanban.png" alt="オーナーさんのための看板の安全管理ガイドブック"></a></li> <li><a href="eco.php"><img src="common/i_eco.png" alt="エコアクション21"></a></li> <li><a href="iso.php"><img src="common/i_iso.png" alt="ISO"></a></li> <li><a href="sdgs.php"><img src="common/i_sdgs.png" alt="SDGs"></a></li> </ul> <div id="copy"><address>copyright © HADA KOGEISHA. All Rights Reserved.</address></div> </div> <div id="pagetop"><a href="#pagetop"><img src="common/i_pagetop.png" alt="ページトップ"></a></div> </div> </footer></body> </html>