https://kitokurashi.com/contact

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta name="format-detection" content="telephone=no">
8  <meta name="viewport" content="width=device-width, initial-scale=1">
9  <title>お問い合わせ｜木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房</title>
10  <meta name="description" content="森の木を使う事で生まれるゆるやかな循環木を切ることで、元気で生き生きとした森を作り、空気や水が良くなり、森にかかわる人たちの仕事も続いていく。そして私たちは家具をつくることができ、安全で良質な家具や暮らしを届けることが出来る。「森と木と暮らしをつなぐ」の理念のもと森の木を使い、家具をつくることで森と人とが共生できる社会づくりに貢献する事をわたしたちの理念としています。">
11  <meta name="keywords" content="">
12  <meta property="og:url" content="https://kitokurashi.com/contact" />
13      <meta property="og:type" content="article">
14    <meta property="og:title" content="お問い合わせ｜木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房">
15  <meta property="og:site_name" content="木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房">
16  <meta property="og:image" content="https://kitokurashi.com/uploads/20/42/204278c8a13f3b3b65b9c330d04d2eca.jpg">
17  <meta property="og:description" content="森の木を使う事で生まれるゆるやかな循環木を切ることで、元気で生き生きとした森を作り、空気や水が良くなり、森にかかわる人たちの仕事も続いていく。そして私たちは家具をつくることができ、安全で良質な家具や暮らしを届けることが出来る。「森と木と暮らしをつなぐ」の理念のもと森の木を使い、家具をつくることで森と人とが共生できる社会づくりに貢献する事をわたしたちの理念としています。">
18  <meta name="twitter:card" content="summary">
19  <link rel="apple-touch-icon" href="/uploads/99/9e/999eb1dfc7b9a5080095dd6332f38f5d.png">
20  <link rel="icon" href="/uploads/d4/b9/d4b91c24f19fbd884403f626d0a10955.ico">
21    <link rel="stylesheet" href="/bundles/web/css/contact.css">
22
23    <link rel="stylesheet" href="https://morisawafonts.net/c/01M20525SQE6ZAFAX9TNT8N3S6/mf.css">
24
25  <!--[if lt IE 9]>
26  

26<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

26
27  

27<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

27
28  <![endif]-->
29  
30  

30<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>

30
31
32<meta name="google-site-verification" content="S7D8S_uV9CKpPyZW_57B50hDbwgjJLITIQxQoBLtH0c" />
33
34<!-- Google tag (gtag.js) -->

34
35<script async src="https://www.googletagmanager.com/gtag/js?id=

35G-KHVDYV8Q7W

35"></script>

36<script>
37  

37window.dataLayer = window.dataLayer || [];
38  function gtag(){dataLayer.push(arguments);}
39  gtag('js', new Date());
40
41  gtag('config', '

41G-KHVDYV8Q7W

41');

42</script>

42
43</head>
44<body class="fadeout">
45
46<div class="container">
47      <header class="header">
48      <div class="l-content">
49        <h1 class="header__logo"><a href="/"><img src="/bundles/web/img/base/logo.svg" width="168" height="31" alt="木と暮らしの制作所"></a></h1>
50        <div class="header__trg header__trg--fix">
51          <button type="button" class="js-nav-trigger header__trg--btn">
52            <img src="/bundles/web/img/base/icn-menu.svg" width="26" height="26" alt="">
53          </button>
54        </div>
55        <div class="header__trg">
56          <button type="button" class="js-nav-trigger header__trg--btn">
57            <img src="/bundles/web/img/base/icn-menu.svg" width="26" height="26" alt="">
58          </button>
59        </div>
60      </div>
61    </header>
62    <div class="nav-modal">
63      <div class="nav-modal__trg"><button type="button" class="js-nav-trigger nav-modal__trg--btn"><img src="/bundles/web/img/base/icn-close.svg" width="16" height="16" alt=""></button></div>
64      <div class="nav-modal__panel">
65        <div class="nav-modal__block">
66          <div class="nav-modal__block--main"><a class="nav-modal__link" href="/our">OUR</a></div>
67        </div>
68        <div class="nav-modal__panel--top">
69          <div class="nav-modal__block">
70            <div class="nav-modal__block--main"><a class="nav-modal__link" href="/products">PRODUCTS</a></div>
71                          <div class="nav-modal__block--child">
72                <ul class="nav-modal__list--col5">
73                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/moricara"><span class="nav-modal__item--en">moricara</span></a></li>
74                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/gaiastyle"><span class="nav-modal__item--en">GAIA STYLE</span></a></li>
75                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/hota"><span class="nav-modal__item--en">HOTA</span></a></li>
76                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/mother"><span class="nav-modal__item--en">Mother</span></a></li>
77                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/others"><span class="nav-modal__item--en">Others</span></a></li>
78                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/conour%C3%A9"><span class="nav-modal__item--en">CONURÉ</span></a></li>
79                                  </ul>
80              </div>
81                      </div>
82          <div class="nav-modal__block">
83            <div class="nav-modal__block--main"><a class="nav-modal__link" href="/note">NOTES</a></div>
84                          <div class="nav-modal__block--child">
85                <ul class="nav-modal__list--col4">
86                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/wood"><span class="nav-modal__link--en">WOOD /</span><span class="nav-modal__link--ja">木</span></a></li>
87                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/forest"><span class="nav-modal__link--en">FOREST /</span><span class="nav-modal__link--ja">森</span></a></li>
88                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/news"><span class="nav-modal__link--en">NEWS /</span><span class="nav-modal__link--ja">おしらせ</span></a></li>
89                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/person"><span class="nav-modal__link--en">PERSON /</span><span class="nav-modal__link--ja">つなぐ人</span></a></li>
90                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/thinks"><span class="nav-modal__link--en">THINKS /</span><span class="nav-modal__link--ja">想い</span></a></li>
91                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/Item"><span class="nav-modal__link--en">ITEM /</span><span class="nav-modal__link--ja">商品</span></a></li>
92                                  </ul>
93              </div>
94                      </div>
95        </div>
96        <div class="nav-modal__panel--bottom">
97          <div class="nav-modal__block--row">
98            <div class="nav-modal__block--col"><a class="nav-modal__link" href="/shoplist">SHOP LIST</a></div>
99            <div class="nav-modal__block--col"><a class="nav-modal__link" href="/contact">CONTACT</a></div>
100          </div>
101          <div class="nav-modal__block--row">
102            <div class="nav-modal__block--col"><a class="nav-modal__link nav-modal__link--login" href="/stock-list/login">FOR BUYERS</a></div>
103            <div class="nav-modal__block--col"><a class="nav-modal__link nav-modal__link--inst" href="https://www.instagram.com/kitokurashi/" target="_blank">INSTAGRAM</a></div>
104          </div>
105        </div>
106      </div>
107    </div>
108      <div class="contents">
109    <div  class="heading l-content">
110      <h2 class="heading__ttl">CONTACT</h2>
111      <ul class="heading__menu">
112        <li class="heading__menu-item"><a href="/privacy" target="_blank">PRIVACY POLICY</a></li>
113      </ul>
114    </div>
115    
116    <div class="mail s-content">
117      <div class="mail__desc">
118        お問い合わせ内容によっては、お返事を差し上げるまでにお時間をいただく場合や、 メールではなく、お電話やお手紙でご連絡させていただく場合もございます。 また、弊社からお返事させていただくことが適当でない場合には、 お返事を差し上げられない場合もございます。あらかじめご了承ください。
119      </div>
120      <div class="form">
121        <form id="contact" method="post" action="" class="h-adr">

122          <span class="p-country-name" style="display:none;">Japan</span>
123          <div class="form__row">
124            <label for="subject" class="form__label">お問い合わせ項目*</label>
125            <div class="form__content">
126              <div class="form__content--radio">
127                <input type="radio" class="form__input--radio required" value="新規取引" id="inq1" name="entry[subject]" checked>
128                <label for="inq1" class="form__input--radio-label">新規取引</label>
129                <input type="radio" class="form__input--radio required" value="商品" id="inq2" name="entry[subject]" >
130                <label for="inq2" class="form__input--radio-label">商品</label>
131                <input type="radio" class="form__input--radio required" value="採用" id="inq3" name="entry[subject]" >
132                <label for="inq3" class="form__input--radio-label">採用</label>
133                <input type="radio" class="form__input--radio required" value="その他" id="inq4" name="entry[subject]" >
134                <label for="inq4" class="form__input--radio-label">その他</label>
135              </div>
136            </div>
137          </div>
138          <div class="form__row">
139            <label for="comment" class="form__label">お問い合わせ内容</label>
140            <div class="form__content">
141              <textarea class="form__input--area" id="comment" name="entry[comment]" placeholder="自由入力"></textarea>
142            </div>
143          </div>
144          <div class="form__row">
145            <label for="company" class="form__label">店舗名or運営会社</label>
146            <div class="form__content">
147              <input type="text" class="form__input" id="company" name="entry[company]" data-placeholder="業者様以外の方は「一般」と入力してください。" >
148            </div>
149          </div>
150          <div class="form__row">
151            <label for="name" class="form__label">お名前*</label>
152            <div class="form__content">
153              <input type="text" class="form__input required" id="name" name="entry[name]" data-placeholder="全角入力" >
154              <div class="errorTxt">必須項目です</div>
155            </div>
156          </div>
157          <div class="form__row">
158            <label for="name" class="form__label">フリガナ</label>
159            <div class="form__content">
160              <input type="text" class="form__input" id="name" name="entry[kana]" data-placeholder="全角カナ" >
161              <div class="errorTxt">必須項目です</div>
162            </div>
163          </div>
164          <div class="form__row">
165            <label for="tel" class="form__label">電話番号*</label>
166            <div class="form__content">
167              <input type="tel" class="form__input required" id="tel" name="entry[tel]" data-placeholder="半角英数字" >
168              <div class="errorTxt">必須項目です</div>
169            </div>
170          </div>
171          <div class="form__row">
172            <label for="zipcode" class="form__label">郵便番号</label>
173            <div class="form__content">
174              <div class="form__content--row">
175                <input type="text" class="form__input p-postal-code" id="zipcode" name="entry[zipcode]" data-placeholder="入力後、住所が自動入力されます。" onKeyUp="AjaxZip3.zip2addr(this,'','entry[address]','entry[address]');" >
176              </div>
177            </div>
178          </div>
179          <div class="form__row">
180            <label for="address" class="form__label">住所</label>
181            <div class="form__content">
182              <input type="text" class="form__input" id="address" name="entry[address]" >
183            </div>
184          </div>
185          <div class="form__row">
186            <label for="mail" class="form__label">メールアドレス*</label>
187            <div class="form__content">
188              <input type="email" class="form__input required" id="mail" name="entry[email]" data-placeholder="半角英数字" >
189              <div class="errorTxt">必須項目です</div>
190            </div>
191          </div>
192          <div class="form__btn">
193            <button type="submit" id="submit-btn" class="form__btn--submit">確認</button>

194            <p class="form__btn--err" id="btn-err">入力エラーがあります</p>
195          </div>
196        </form>
197      </div>
198      <div class="tel">
199          お急ぎのご用件はお電話でご相談ください。<br class="sp"><a href="tel:0577779773" target="_self">0577-77-9773</a><br>
200          受付時間 9:00～17:00<br class="sp">（土・日・祝日・年末年始・夏季休暇を除く）
201      </div>
202    </div>
203  </div>
204      <footer class="footer l-content">
205      <div class="footer__logo"><a href="/"><img src="/bundles/web/img/base/logo-f.svg" width="122" height="14" alt="木と暮らしの制作所"></a></div>
206      <div class="footer__copy">© kitokurashinoseisakusyo</div>
207      <div class="footer__top"><a href="#"><img src="/bundles/web/img/base/pagetop.svg" width="8" height="12" alt=""></a></div>
208    </footer>
209    <div class="cover"></div>
210</div>

211<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

211

212<script src="https://unpkg.com/scrollreveal"></script>

212

213<script src="/bundles/web/js/plugin.js"></script>

213
214  

214<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>

214
215  
216  

216<script>
217
218
219      $(function () {
220          $('#btn-err').hide();
221
222          //必須項目 バリデーション
223          $(".required").blur(function () {
224              if ($(this).val() == "") {
225                  $(this).addClass('error');
226                  $(this).nextAll('.errorTxt').show();
227              } else {
228                  $(this).removeClass('error');
229                  $(this).nextAll('.errorTxt').hide();
230              }
231          });
232
233
234
235          //バリデーション後のerrorクラス除去
236          $('input,select,textarea').each(function () {
237              initInput($(this));
238          });
239
240          $('#submit-btn').click(function () {
241
242              var errorCnt = 0;
243              //input,textareaチェック
244              $('.required').each(function(){
245                  if(!$(this).val()){
246                      $(this).removeAttr('placeholder');
247                      $(this).addClass('error');
248                      $(this).parents('.form__content').find('.errorTxt').css({ 'display' : 'block'});
249                      errorCnt++;
250                  }
251              });
252
253              if(errorCnt == 0){
254                  $("#contact").attr("action","/contact/confirm");
255                  //ボタン連打禁止
256                  $("#submit-btn").prop("disabled", true);
257                  $("#contact").submit();
258              }else{
259                  $("html,body").animate({scrollTop: $('#contact').offset().top - 160});
260                  $("#btn-err").show();
261                  return false;
262              }
263
264
265          });
266      });
267
268
269      function initInput($obj){
270          $obj.parents('.form__content').find('.errorTxt').css({ 'display' : 'none'});
271          $obj.removeClass('error');
272          $obj.attr('placeholder',$obj.data('placeholder'));
273      }
274  </script>

274

275<script src="/bundles/web/js/bundles.min.js"></script>

275
276
277

278<script>
279
280
281
282    var keyName = 'visited';
283    var keyValue = true;
284
285    if (!sessionStorage.getItem(keyName)) {
286        sessionStorage.setItem(keyName, keyValue);
287        $(function () {
288
289            setTimeout(function () {
290                $('.loading').fadeOut(1200);
291            }, 3000);
292            setTimeout(function () {
293                $('.fv__item').eq(0).addClass('animated');
294            }, 3800);
295            setTimeout(function () {
296                if($('.fv').length > 0) {
297
298                    var fv = $('.fv');
299                    fv.slick({
300                        infinite: true,
301                        slidesToShow: 1,
302                        slidesToScroll: 1,
303                        arrows: false,
304                        fade: true,
305                        speed: 2000,
306                        autoplaySpeed: 4000,
307                        autoplay: true,
308                        pauseOnHover: false,
309                        pauseOnFocus: false,
310                        draggable: false,
311                    }).on({
312                        beforeChange: function (event, slick, currentSlide, nextSlide) {
313                            $(".slick-slide", this).eq(currentSlide).addClass("prev");
314                            $(".slick-slide", this).eq(nextSlide).addClass("animated");
315                        },
316                        afterChange: function () {
317                            $(".prev", this).removeClass("prev animated");
318                        }
319                    });
320
321                    if (w < 601) {
322                        fv.height(h - 75);
323                    }
324                }
325            },3800)
326        });
327    } else {
328        $(function () {
329            $('.loading').remove();
330                $('.fv__item').eq(0).addClass('animated');
331            if($('.fv').length > 0) {
332
333                var fv = $('.fv');
334                fv.slick({
335                    infinite: true,
336                    slidesToShow: 1,
337                    slidesToScroll: 1,
338                    arrows: false,
339                    fade: true,
340                    speed: 2000,
341                    autoplaySpeed: 4000,
342                    autoplay: true,
343                    pauseOnHover: false,
344                    pauseOnFocus: false,
345                    draggable: false,
346                }).on({
347                    beforeChange: function (event, slick, currentSlide, nextSlide) {
348                        $(".slick-slide", this).eq(currentSlide).addClass("prev");
349                        $(".slick-slide", this).eq(nextSlide).addClass("animated");
350                    },
351                    afterChange: function () {
352                        $(".prev", this).removeClass("prev animated");
353                    }
354                });
355
356                if (w < 601) {
357                    fv.height(h - 75);
358                }
359            }
360        });
361    }
362
363    window.WebFontConfig = {
364        google: { families: ['Roboto:400,500'] },
365        active: function() {
366            sessionStorage.fonts = true;
367        }
368    };
369
370    (function() {
371        var wf = document.createElement('script');
372        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
373        wf.type = 'text/javascript';
374        wf.async = 'true';
375        var s = document.getElementsByTagName('script')[0];
376        s.parentNode.insertBefore(wf, s);
377    })();
378</script>

378
379
380
381</body>
382</html>