https://n-selection.com/contact

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<meta charset="UTF-8">
7<title>N selection</title>
8
9<link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/vendors/magnific-popup-1.1.0.css">

10<script src="https://n-selection-prod-public.s3.amazonaws.com/static/js/vendors/jquery-3.6.1.min.js"></script>

10

11<script src="https://n-selection-prod-public.s3.amazonaws.com/static/js/vendors/jquery.magnific-popup-1.1.0.min.js"></script>

11
12
13<!-- <link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/style.css?update=20230824_0000"> -->
14<link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/application.css?update=20230824_0000">
15<link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/base.css?update=20240625_0000">
16<link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/set.css?update=20230824_0000">
17<link rel="stylesheet" type="text/css" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/common.css?update=20251204_0001">
18

19<script src="https://n-selection-prod-public.s3.amazonaws.com/static/js/application.js?update=20240424_0000"></script>

19
20
21<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

22<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

22

23<script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>

23
24

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

25
26

27<script src="https://widget.gopay.jp/client/checkout.js"></script>

27
28<input type="hidden" name="csrfmiddlewaretoken" value="cxDyoQPtwhA6rX4Wolypw6RMOcczColHggSfTPP61rtDM3pqBuZUmkflGrMRtaol">

29<script>
30    document.addEventListener("DOMContentLoaded", function() {
31        // CSRFトークンを取得する
32        var csrfToken = document.querySelector('input[name="csrfmiddlewaretoken"]').value;
33        
34        // metaタグを作成または取得する
35        var metaTag = document.querySelector('meta[name="csrf-token"]');
36        if (!metaTag) {
37          metaTag = document.createElement('meta');
38          metaTag.setAttribute('name', 'csrf-token');
39          document.getElementsByTagName('head')[0].appendChild(metaTag);
40        }
41        
42        // CSRFトークンを設定する
43        metaTag.setAttribute('content', csrfToken);
44      });
45      
46</script>

46

47<script>
48
49application.data.gyron_token = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhcHBfdG9rZW4iLCJpYXQiOjE2NTM5NzkyNDcsIm1lcmNoYW50X2lkIjoiMTFlY2RiY2MtNDZmMS1hZDI0LTljNjktMGY3ZGI2YWFmNDgzIiwic3RvcmVfaWQiOiIxMWVjZGJjYy1hYmU0LTgxM2UtOWNiOS0xYjBlY2EzMDJiYzUiLCJkb21haW5zIjpbIioiXSwibW9kZSI6ImxpdmUiLCJjcmVhdG9yX2lkIjoiMTFlY2RiY2MtNDZmMS1hZDI0LTljNjktMGY3ZGI2YWFmNDgzIiwidmVyc2lvbiI6MSwianRpIjoiMTFlY2UwYWMtOWFjMC02NzFjLTkyNjItMmY5OWZmYjBjZWVlIn0.7CFl4NZojXEtFLzwy3kVGX-hDLcfrct4LEH-HF9lgI4";
50
51</script>

51
52
53</head>
54<body>
55
56
57<header >
58  <div class="header-wrap">
59    <div class="flex-box">
60      <a class="logo opa" href="/" >
61        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/logo.svg" alt="">
62      </a>
63      
64      <div class="global-menu" id="global-menu">
65        <div class="nav-box onlyAdmin">
66          
67          <nav class="san-b f16">
68            
69            <a href="/login/" class="opa">ログイン</a>
70            
71            <a href="/mypage/" class="opa">マイページ</a>
72            <a href="/product_list" class="opa">商品</a>
73
74            
75            
76            <a href="/cart_list" class="opa flex">カート<span class="cart-icon"><img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/cart-icon.svg" alt=""><span class="cart-num f10">0</span></span></a>
77          </nav>
78        </div>
79        <div class="menu-bg" id="menu-bg"></div>
80      </div>
81
82
83      <div id="hb-menu">
84        <span class="open"></span>
85        <span class="open"></span>
86        <span class="open"></span>
87        <span class="close"></span>
88        <span class="close"></span>
89      </div>
90      
91    </div>
92  </div>
93  
94  
95</header>
96
97<div class="content">
98    
99
100

101<link rel="stylesheet" href="https://n-selection-prod-public.s3.amazonaws.com/static/css/new-register.css?update=20230824_0000">
102<div class="main-wrap" id="new-register">
103  <div class="page-title">
104    <h2 class="san-b f36 ftb30 fsp25">お問い合わせ</h2>
105  </div>
106  
107
108<div class="step-block">
109<p class="f14 ftb12 fsp10 current w30"  >
110    お問い合わせ内容入力
111</p>
112<span class="f14 flowCursor">
113    
114    &#x25B6;
115    
116</span>
117<p class="f14 ftb12 fsp10  w30">入力内容確認</p>
118<span class="f14 flowCursor">
119    
120    &#x25B7;
121    
122</span>
123<p class="f14 ftb12 fsp10  w30">完了</p>
124</div>
125<style>
126    .w30{
127        width: 30% !important;
128    }
129    .current{
130        background-color: #9a9978 !important;
131        color: white !important;
132        border: none !important;
133    }
134    .flowCursor{
135        width: 10%;
136        justify-content: center;
137        display: flex;
138        align-items: center;
139        color : #9a9978;
140    }
141</style>
142  <div class="form-wrap">
143    <div class="text-box">
144      <p class="san-b f24 ftb20 fsp18">下記内容をご入力後、確認画面へボタンを押下してください。</p>
145    </div>
146    <form method="post" novalidate>
147        <div class="form-box">
148            <input type="hidden" name="csrfmiddlewaretoken" value="cxDyoQPtwhA6rX4Wolypw6RMOcczColHggSfTPP61rtDM3pqBuZUmkflGrMRtaol">
149            <fieldset class="form-item onamae">
150                <div class="item-name">
151                    <p class="req f12 fsp10">必須</p>
152                    <legend><p class="san-b f20 ftb18 fsp16">氏名</p></legend>
153                </div>
154                <div class="item-field">
155                    <p class="text-field"><input type="text" name="name" placeholder="ご登録のお名前" required maxlength="100" id="id_name"></p>
156                    <div class="error-text"></div>
157                </div>
158            </fieldset>
159
160            <fieldset class="form-item email">
161                <div class="item-name">
162                    <p class="req f12 fsp10">必須</p>
163                    <legend><p class="san-b f20 ftb18 fsp16">※ご登録のメールアドレス</p></legend>
164                </div>
165                <div class="item-field">
166                    <p class="text-field"><input type="email" name="email" placeholder="ご登録のメールアドレス" required maxlength="320" id="id_email"></p>
167                    <div class="error-text"></div>
168                </div>
169            </fieldset>
170        
171            <fieldset class="form-item phone">
172                <div class="item-name">
173                    <legend><p class="san-b f20 ftb18 fsp16">お電話番号</p></legend>
174                </div>
175                <div class="item-field">
176                    <p class="text-field">

176<input type="text" name="phone" placeholder="例: 090-1234-5678" maxlength="15" id="id_phone"></p>
177                    <div class="error-text"></div>
178                </div>
179            </fieldset>
180        
181            <fieldset class="form-item order_number">
182                <div class="item-name">
183                    <legend><p class="san-b f20 ftb18 fsp16">注文番号</p></legend>
184                </div>
185                <div class="item-field">
186                    <p class="text-field"><input type="text" name="order_number" placeholder="注文番号" maxlength="100" id="id_order_number"></p>
187                    <div class="error-text"></div>
188                </div>
189            </fieldset>
190        
191            <fieldset class="form-item inquiry_content">
192                <div class="item-name">
193                    <p class="req f12 fsp10">必須</p>
194                    <legend><p class="san-b f20 ftb18 fsp16">※お問合せの内容（具体的に詳しく明記ください。）</p></legend>
195                </div>
196                <div class="item-field">
197                    <p class="text-field"><textarea name="inquiry_content" cols="40" rows="10" placeholder="お問合せ内容を入力してください。" required id="id_inquiry_content">
198</textarea></p>
199                    <div class="error-text"></div>
200                </div>
201            </fieldset>
202            <div class="submit-btn-box">
203              <button type="submit" name="submit" class="btn1 py16 px48 opa f16 ftb14 fsp14 san-b">確認画面へ ▶︎</button>
204            </div>
205        </div>
206    </form>
207  </div>
208</div>
209
210</div>
211
212<footer>
213  <!-- アカウント状態の判定 -->
214  <!-- トップ,マイページでは出力しない -->
215  
216  
217  
218
219  <!-- /トップ,マイページでは出力しない -->
220  <!-- /アカウント状態の判定 -->
221  
222  <section id="footer-link">
223    <div class="flex-box">
224      <!-- URLをqa_listにするとエラーになる -->
225      <a href="/qa_list" class="opa">

226        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/qa_banner.svg" alt="Q&A">
227      </a>
228      <a href="/product_list" class="opa">
229        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/products-banner.png" alt="商品一覧">
230      </a>
231      <a href="/shopping_guide" class="opa">
232        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/guide-banner.png" alt="ショッピングガイド">
233      </a>
234    </div>
235  </section>
236  
237
238  <section class="footer-box">
239    
240    <div class="sns-box tc">
241      <a href="https://instagram.com/n_selection_jp?igshid=YmMyMTA2M2Y=" target="_blank" class="opa">
242        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/Instagram_Glyph_Gradient_RGB.svg" alt="" style="width:40px;">
243      </a>
244
245    </div>
246    
247    <div class="logo-box tc">
248      <a class="logo opa" href="/">
249        <img src="https://n-selection-prod-public.s3.amazonaws.com/static/img/common/logo.svg" alt="">
250      </a>
251    </div>
252    <div class="footer-link">
253      
254      <div class="flex-box">
255        <a href="/contact" class="hover-line f16 ftb16 fsp12 sc1">お問い合わせ</a>
256        <span></span>
257        <a href="/privacy" target="_blank" class="hover-line f16 ftb16 fsp12 sc1">個人情報保護方針</a>
258        <span></span>
259        <a href="/shopping_guide" class="hover-line f16 ftb16 fsp12 sc1">特定商取引法に基づく表示</a>
260      </div>
261      
262    </div>
263    <div class="address-box">
264      <!-- <p class="san-b f12 tc">〒106-6035<br>東京都港区六本木 1-6-1 泉ガーデンタワー35 階</p> -->
265      <small class="f12 fsp10">Copyright © 2023 Naturally Plus All Rights Reserved.</small>
266    </div>
267
268  </section>
269
270  <!-- 共通 -->
271  

271<script src="https://n-selection-prod-public.s3.amazonaws.com/static/js/application/services/main.js?update=20251204_0002"></script>

271
272</footer>
273
274<div id="application_services_common_popup_confirm" class="application-white-popup-inline mfp-hide">
275    <div class="modal-wrap">
276      <div class="modal-bg"></div>
277      <div class="modal-box">
278
279        <div class="text tc">
280          <h2 class="san-b f20 ftb18 fsp16 c5" id="application_services_common_popup_confirm_message"></h2>
281        </div>
282
283        <div class="btn-box">
284          <button type="button" class="btn1 py24 px108 f18 ftb16 fsp14 san-b opa" id="application_services_common_popup_confirm_ok" onclick="application.services.common.popup_confirm.onclick_ok()"></button>
285        </div>
286
287      </div>
288
289    </div>
290</div>
291
292</body>
293</html>