app/template/user_data/payment.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3. ご利用ガイド - お支払いについて | オリジナル缶バッジ/カンバッチ製作【個人小ロットから業務用OEMまで激安印刷】ZEAMI Goods
  4. {% endblock %}
  5. {% block content %}
  6. <!-- // == MAIN ================================================================================ // -->
  7. <section
  8. id="Guide" class="section_basic">
  9. <!-- // ++ ページタイトル ++ /////////////////////////////////////////////////////////////// -->
  10. <div id="section_titleBloc" class="fades twolayout_body">
  11. <div id="title_twoLayout">
  12. <h3 class="section_title up">お支払いについて</h3>
  13. <p class="title_cap up">様々なお支払い方法よりご選択いただけます。</p>
  14. <p class="section_note up">「クレジットカード」や「PayPay」の他、商品がお手元に届いてから安心してお支払いいただける「後払い決済」、法人様は請求書後払い(1週間以内)など幅広いお支払い方法よりお選びください。</p>
  15. </div>
  16. <!-- //// ++++ #title_twoLayout ++++ //// -->
  17. <figure id="titlePic" class="two_layout"><img src="{{ asset('assets/img/payment/payment_title_pic.jpg') }}"></figure>
  18. <!-- ///// #section_titleBloc +++++ ///// -->
  19. </div>
  20. <!-- // ++ TAB NAVI ++ //////////////////////////////////////////////////////////// -->
  21. <aside id="tabnaviBody" class="fades">
  22. <ul id="tabNavi">
  23. <li class="tnavi01 up">
  24. <a href="#Period01">クレジットカード</a>
  25. </li>
  26. <li class="tnavi02 up">
  27. <a href="#Period02">銀行振込 (前払い)</a>
  28. </li>
  29. <li class="tnavi03 up">
  30. <a href="#Period03">銀行振込 (後払い)</a>
  31. </li>
  32. <li class="tnavi04 up">
  33. <a href="#Period04">PayPay</a>
  34. </li>
  35. <li class="tnavi05 up">
  36. <a href="#Period05">後払い決済</a>
  37. </li>
  38. <li class="tnavi06 up">
  39. <a href="#Period06">代引き</a>
  40. </li>
  41. <li class="tnavi07 up">
  42. <a href="#Period07">ご来店でのお支払い</a>
  43. </li>
  44. </ul>
  45. </aside>
  46. <!-- //// #tabnaviBody +++++ ///// -->
  47. <!-- // ++ TAB CONTAINER ++ //////////////////////////////////////////////////////////// -->
  48. <div
  49. id="informationContainer" class="fades">
  50. <!-- ■■ ++ クレジットカード ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  51. <article
  52. id="Period01" class="panel">
  53. <!-- // ** 購入方法 ********************************* // -->
  54. <aside class="guide_capBox fades">
  55. <p class="type up">個人・法人のお客様</p><br>
  56. <p class="style up">ご利用可能な配送方法</p><br>
  57. <p class="detail up">クロネコゆうパケット、佐川急便、ヤマト運輸、海外発送</p>
  58. <!-- /// ***.guide_capBox *** /// -->
  59. </aside>
  60. <!-- // ** 購入までの流れ ********************************* // -->
  61. <div class="one_box fades">
  62. <figure class="purchase_flow_image fades">
  63. <img src="{{ asset('assets/img/payment/flow-credit.png') }}" class="for_pc up">
  64. <img src="{{ asset('assets/img/payment/sp_flow-credit.png') }}" class="for_sp up">
  65. </figure>
  66. <!-- /// purchase_flow_image *** /// -->
  67. <p class="flow_notes indent up">◯ 決済手続きを確認次第ご注文を正式に承ります。</p>
  68. <p class="flow_cap up">※お支払い回数は1回のみ対応<br>※上限金額30万円</p>
  69. <!-- /// ***.one_box *** /// -->
  70. </div>
  71. <!-- // ** ご利用可能なクレジットカード ********************************* // -->
  72. <div class="one_box fades">
  73. <h4 class="guide_headline fades">ご利用可能なクレジットカード</h4>
  74. <ul class="credit_card_list fades">
  75. <li class="up"><img src="{{ asset('assets/img/payment/payment_credit01.png') }}"></li>
  76. <li class="up"><img src="{{ asset('assets/img/payment/payment_credit02.png') }}"></li>
  77. </ul>
  78. <!-- /// .purchase_flow *** /// -->
  79. <!-- /// ***.one_box *** /// -->
  80. </div>
  81. </article>
  82. <!-- //// #Period01 ++++ //// -->
  83. <!-- ■■ ++ 銀行振込(前払い) ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  84. <article
  85. id="Period02" class="panel">
  86. <!-- // ** 購入方法 ********************************* // -->
  87. <aside class="guide_capBox fades">
  88. <p class="type up">個人・法人のお客様</p><br>
  89. <p class="style up">ご利用可能な配送方法</p><br>
  90. <p class="detail up">クロネコゆうパケット、佐川急便、ヤマト運輸</p><br>
  91. <p class="style up">非対応</p><br>
  92. <p class="detail up">海外発送</p>
  93. <!-- /// ***.guide_capBox *** /// -->
  94. </aside>
  95. <!-- // ** 購入までの流れ ********************************* // -->
  96. <div class="one_box fades">
  97. <figure class="purchase_flow_image fades">
  98. <img src="{{ asset('assets/img/payment/flow-bank_before.png') }}" class="for_pc up">
  99. <img src="{{ asset('assets/img/payment/sp_flow-bank_before.png') }}" class="for_sp up">
  100. </figure>
  101. <!-- /// purchase_flow_image *** /// -->
  102. <p class="flow_notes indent up">◯ デザイン及びご注文内容決定後、お支払いご案内メールを送信致しますので銀行振込にて前払いでお支払ください。</p>
  103. <p class="flow_notes indent up">◯ 入金確認は当店営業日18時に行います。個人のお客様の場合ご入金を確認次第ご注文を正式に承ります。</p>
  104. <p class="flow_notes indent up">◯ 振込手数料はお客様ご負担でお願い申し上げます。</p>
  105. <p class="flow_cap up">※領収書をご希望の場合はご注文時にお申し付けください。(※システム対応しない場合)</p>
  106. <!-- /// ***.one_box *** /// -->
  107. </div>
  108. <!-- // ** 銀行口座 ********************************* // -->
  109. <aside class="one_box bank_accounts">
  110. <div class="bank_inner fades">
  111. <h4 class="bank_headline up">お振込口座</h4>
  112. <p class="up">三菱UFJ銀行 江坂駅前支店<br>普通口座:1142539<br>口座名義人:ゼアミエンターテイメント</p>
  113. <!-- /// ***.one_box *** /// -->
  114. </div>
  115. </aside>
  116. </article>
  117. <!-- //// #Period02 ++++ //// -->
  118. <!-- ■■ ++ 銀行振込(後払い) ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  119. <article
  120. id="Period03" class="panel">
  121. <!-- // ** 購入方法 ********************************* // -->
  122. <aside class="guide_capBox fades">
  123. <p class="type up">法人のお客様</p><br>
  124. <p class="style up">ご利用可能な配送方法</p><br>
  125. <p class="detail up">クロネコゆうパケット、佐川急便、ヤマト運輸</p><br>
  126. <p class="style up">非対応</p><br>
  127. <p class="detail up">海外発送</p>
  128. <!-- /// ***.guide_capBox *** /// -->
  129. </aside>
  130. <!-- // ** 購入までの流れ ********************************* // -->
  131. <div class="one_box fades">
  132. <figure class="purchase_flow_image fades">
  133. <img src="{{ asset('assets/img/payment/flow-bank_after.png') }}" class="for_pc up">
  134. <img src="{{ asset('assets/img/payment/sp_flow-bank_after.png') }}" class="for_sp up">
  135. </figure>
  136. <!-- /// purchase_flow_image *** /// -->
  137. <p class="flow_notes indent up">◯ 商品に請求書を同封いたします。商品到着後1週間以内に銀行振込にてお支払ください。</p>
  138. <p class="flow_notes indent up">◯ 振込手数料はお客様ご負担でお願い申し上げます。</p>
  139. <p class="flow_cap up">※領収書をご希望の場合はご注文時にお申し付けください。(※システム対応しない場合)</p>
  140. <!-- /// ***.one_box *** /// -->
  141. </div>
  142. <!-- // ** 銀行口座 ********************************* // -->
  143. <aside class="one_box bank_accounts">
  144. <div class="bank_inner fades">
  145. <h4 class="bank_headline up">お振込口座</h4>
  146. <p class="up">三菱UFJ銀行 江坂駅前支店<br>普通口座:1142539<br>口座名義人:ゼアミエンターテイメント</p>
  147. <!-- /// ***.one_box *** /// -->
  148. </div>
  149. </aside>
  150. </article>
  151. <!-- //// #Period03 ++++ //// -->
  152. <!-- ■■ ++ PayPay ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  153. <article
  154. id="Period04" class="panel">
  155. <!-- // ** 購入方法 ********************************* // -->
  156. <aside class="guide_capBox fades">
  157. <p class="type up">個人・法人のお客様</p><br>
  158. <p class="style up">ご利用可能な配送方法</p><br>
  159. <p class="detail up">クロネコゆうパケット、佐川急便、ヤマト運輸、海外発送</p>
  160. <!-- /// ***.guide_capBox *** /// -->
  161. </aside>
  162. <!-- // ** 購入までの流れ ********************************* // -->
  163. <div class="one_box fades">
  164. <figure class="purchase_flow_image fades">
  165. <img src="{{ asset('assets/img/payment/flow-paypay.png') }}" class="for_pc up">
  166. <img src="{{ asset('assets/img/payment/sp_flow-paypay.png') }}" class="for_sp up">
  167. </figure>
  168. <!-- /// purchase_flow_image *** /// -->
  169. <p class="flow_notes indent up">◯ 決済手続きを確認次第ご注文を正式に承ります。</p>
  170. <p class="flow_cap up">※領収書をご希望の場合はご注文時にお申し付けください。(※システム対応しない場合)</p>
  171. <!-- /// ***.one_box *** /// -->
  172. </div>
  173. </article>
  174. <!-- //// #Period04 ++++ //// -->
  175. <!-- ■■ ++ 後払い決済 ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  176. <article
  177. id="Period05" class="panel">
  178. <!-- // ** 購入方法 ********************************* // -->
  179. <aside class="guide_capBox fades">
  180. <p class="type up">個人・法人のお客様</p><br>
  181. <p class="style up">ご利用可能な配送方法</p><br>
  182. <p class="detail up">クロネコゆうパケット、佐川急便、ヤマト運輸</p><br>
  183. <p class="style up">非対応</p><br>
  184. <p class="detail up">海外発送</p>
  185. <!-- /// ***.guide_capBox *** /// -->
  186. </aside>
  187. <!-- // ** 購入までの流れ ********************************* // -->
  188. <div class="one_box fades">
  189. <figure class="purchase_flow_image fades">
  190. <img src="{{ asset('assets/img/payment/flow-after.png') }}" class="for_pc up">
  191. <img src="{{ asset('assets/img/payment/sp_flow-after.png') }}" class="for_sp up">
  192. </figure>
  193. <!-- /// purchase_flow_image *** /// -->
  194. <p class="flow_notes indent up">◯ 商品をお受け取りいただいてからお支払いいただきます。</p>
  195. <p class="flow_notes indent up">◯ 商品発送後、別途請求書(払込票)を郵送いたします。</p>
  196. <p class="flow_notes indent up">◯ 全国のコンビニ・銀行・LINE Payでお支払いいただけます。<br>後払い手数料 ¥220(税込)</p>
  197. <p class="flow_cap up indent">※請求書発行後、お支払いは14日以内</p>
  198. <p class="flow_cap up indent">※ご利用限度額:¥50,000</p>
  199. <p class="flow_cap up indent">※ご注文時にお名前及びご住所による与信審査あり。</p>
  200. <p class="flow_cap up indent">※ご注文商品の発送状況によっては、ご注文商品到着前に請求書が届く場合がございます。<br>
  201. 商品到着後、請求内容をご確認いただき、お支払いくださいますようお願い致します。</p>
  202. <!-- /// ***.one_box *** /// -->
  203. </div>
  204. <!-- // ** 取扱収納方法コンビニ一覧 ********************************* // -->
  205. <div class="one_box fades">
  206. <h4 class="guide_headline fades">取扱収納方法コンビニ一覧</h4>
  207. <ul class="credit_card_list fades">
  208. <li class="up"><img src="{{ asset('assets/img/payment/payment_gas_station01.png') }}"></li>
  209. <li class="up"><img src="{{ asset('assets/img/payment/payment_gas_station02.png') }}"></li>
  210. </ul>
  211. <!-- /// .purchase_flow *** /// -->
  212. <!-- /// ***.one_box *** /// -->
  213. </div>
  214. </article>
  215. <!-- //// #Period05 ++++ //// -->
  216. <!-- ■■ ++ 代引き ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  217. <article
  218. id="Period06" class="panel">
  219. <!-- // ** 購入方法 ********************************* // -->
  220. <aside class="guide_capBox fades">
  221. <p class="type up">個人・法人のお客様</p><br>
  222. <p class="style up">ご利用可能な配送方法</p><br>
  223. <p class="detail up">佐川急便、ヤマト運輸</p><br>
  224. <p class="style up">非対応</p><br>
  225. <p class="detail up">クロネコゆうパケット、海外発送</p>
  226. <!-- /// ***.guide_capBox *** /// -->
  227. </aside>
  228. <!-- // ** 購入までの流れ ********************************* // -->
  229. <div class="one_box fades">
  230. <figure class="purchase_flow_image fades">
  231. <img src="{{ asset('assets/img/payment/flow-cash_on_delivery.png') }}" class="for_pc up">
  232. <img src="{{ asset('assets/img/payment/sp_flow-cash_on_delivery.png') }}" class="for_sp up">
  233. </figure>
  234. <!-- /// purchase_flow_image *** /// -->
  235. <p class="flow_notes indent up">◯ 商品到着時に運送会社のセールスドライバーへ現金・デビットカード・クレジットカードの3種類の方法で代金をお支払いいただけます。その場でドライバーより領収書が発行されます。</p>
  236. <p class="flow_notes indent up">◯ インボイス対応領収書をご希望の場合は、運送会社発行の領収書をお送りいただけましたら再発行いたします。</p>
  237. <p class="flow_cap up indent">※請求書発行後、お支払いは14日以内</p>
  238. <p class="flow_cap up indent">※ご利用限度額:¥50,000</p>
  239. <p class="flow_cap up indent">※ご注文時にお名前及びご住所による与信審査あり。</p>
  240. <p class="flow_cap up indent">※ご注文商品の発送状況によっては、ご注文商品到着前に請求書が届く場合がございます。<br>
  241. 商品到着後、請求内容をご確認いただき、お支払いくださいますようお願い致します。</p>
  242. <!-- /// ***.one_box *** /// -->
  243. </div>
  244. <!-- // ** 代引手数料 (現金・デビット・クレジットカード)-税込- ********************************* // -->
  245. <aside class="one_box bank_accounts cash_on_delivery">
  246. <div class="bank_inner fades">
  247. <h4 class="bank_headline up">代引手数料 (現金・デビット・クレジットカード)-税込-</h4>
  248. <ul class="pricelist">
  249. <li>◯ 1万円未満 … ¥330</li>
  250. <li>◯ 1万円以上~3万円未満 … ¥440</li>
  251. <li>◯ 3万円以上~10万円未満 … ¥660</li>
  252. <li>◯ 10万円以上~30万円未満 … ¥1,100</li>
  253. <li>◯ 30万円以上 … 取扱無し</li>
  254. </ul>
  255. <!-- /// .pricelist *** /// -->
  256. <!-- /// ***.one_box *** /// -->
  257. </div>
  258. </aside>
  259. <!-- // ** ご利用可能なクレジットカード ********************************* // -->
  260. <div class="one_box fades">
  261. <h4 class="guide_headline fades">ご利用可能なクレジットカード</h4>
  262. <ul class="credit_card_list fades">
  263. <li class="up"><img src="{{ asset('assets/img/payment/payment_credit01.png') }}"></li>
  264. <li class="up"><img src="{{ asset('assets/img/payment/payment_credit02.png') }}"></li>
  265. </ul>
  266. <!-- /// .purchase_flow *** /// -->
  267. <!-- /// ***.one_box *** /// -->
  268. </div>
  269. </article>
  270. <!-- //// #Period06 ++++ //// -->
  271. <!-- ■■ ++ ご来店でのお支払い ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  272. <article
  273. id="Period07" class="panel">
  274. <!-- // ** 購入方法 ********************************* // -->
  275. <aside class="guide_capBox fades">
  276. <p class="type up">個人・法人のお客様</p>
  277. <!-- /// ***.guide_capBox *** /// -->
  278. </aside>
  279. <!-- // ** 購入までの流れ ********************************* // -->
  280. <div class="one_box fades">
  281. <figure class="purchase_flow_image fades">
  282. <img src="{{ asset('assets/img/payment/flow-visit.png') }}" class="for_pc up">
  283. <img src="{{ asset('assets/img/payment/sp_flow-visit.png ') }}" class="for_sp up">
  284. </figure>
  285. <!-- /// purchase_flow_image *** /// -->
  286. <p class="flow_notes indent up">◯ ご来店で商品をお引き取りの際にお支払いいただけます。<br>尚、その場合の配送料金は不要です。</p>
  287. <!-- /// ***.one_box *** /// -->
  288. </div>
  289. <!-- // ** ,アクセスマップ ********************************* // -->
  290. <div class="one_box fades access">
  291. <h4 class="guide_headline fades">本社/FACTO_OSAKA [大阪・江坂]</h4>
  292. <p class="flow_notes indent up">◯ 商品お受取時店頭支払(現金・クレジットカード・PayPay・au PAY)</p>
  293. <p class="flow_notes indent up">◯ 店頭引取をご希望の場合は、完成予定日の翌営業日11時からお引取可能。事前のご予約にご協力ください</p>
  294. <figure id="payment-accessMap">
  295. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3277.868877398006!2d135.4902870757471!3d34.75889572289904!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e5b6f9ba168b%3A0x3185ef8a686677c2!2sFACTO_OSAKA!5e0!3m2!1sja!2sjp!4v1713609119019!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  296. </figure>
  297. <!-- /// +++ #payment-accessMap +++ /// -->
  298. <p class="flow_notes up">〒564-0051 大阪府吹田市豊津町21-10 クルーズ江坂第二ビル2F<br>
  299. <span class="nolink">tel 06-6384-8422</span><br>
  300. 営業時間:11:00〜18:00<a href="#" target="_blank">(営業日カレンダー)</a>
  301. </p>
  302. <!-- /// ***.one_box *** /// -->
  303. </div>
  304. </article>
  305. <!-- //// #Period07 ++++ //// -->
  306. <!-- //// ++++ #informationContainer ++++ //// -->
  307. </div>
  308. <!-- // ++ GUIDE LINK ++ //////////////////////////////////////////////////////////// -->
  309. {% include '@user_data/layout/guide_link.twig' %}
  310. </section>
  311. <!-- ///// +++++ #Guide +++++ ///// -->
  312. <!-- ///// +++++ #mainContents +++++ ///// -->
  313. </main>{% endblock %}