app/template/airconwork/payment.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block main %}
  3. <div class="p-payment">
  4. <h2 class="c-title-01">
  5. <span class="s-text">
  6. エアコンワークでは<br class="only-sp">5つのお支払方法が選べます。
  7. </span>
  8. </h2>
  9. <div class="c-page-menu">
  10. <ul class="c-grid col5">
  11. <li>
  12. <a href="#menu1" class="c-btn-01 s-white"><span class="s-text">銀行振り込み</span>
  13. <i class="s-icon">
  14. <svg>
  15. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  16. </svg>
  17. </i></a>
  18. </li>
  19. <li>
  20. <a href="#menu2" class="c-btn-01 s-white"><span class="s-text">リース</span>
  21. <i class="s-icon">
  22. <svg>
  23. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  24. </svg>
  25. </i></a>
  26. </li>
  27. <li>
  28. <a href="#menu3" class="c-btn-01 s-white"><span class="s-text">割賦</span>
  29. <i class="s-icon">
  30. <svg>
  31. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  32. </svg>
  33. </i></a>
  34. </li>
  35. <li>
  36. <a href="#menu4" class="c-btn-01 s-white"><span class="s-text">クレジットカード</span>
  37. <i class="s-icon">
  38. <svg>
  39. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  40. </svg>
  41. </i></a>
  42. </li>
  43. <li>
  44. <a href="#menu5" class="c-btn-01 s-white"><span class="s-text">後払い<span class="s-sub">(法人)</span></span>
  45. <i class="s-icon">
  46. <svg>
  47. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  48. </svg>
  49. </i></a>
  50. </li>
  51. </ul>
  52. </div>
  53. <div id="menu1" class="c-section">
  54. <h2 class="c-title-07"><span class="s-text">銀行振り込み</span></h2>
  55. <div class="c-text">
  56. <p>お支払方法の中で比較すると、クレジットカードや後払い(法人)と同様に総額が一番安く業務用エアコンを設置できます。</p>
  57. </div>
  58. </div>
  59. <div id="menu2" class="c-section">
  60. <h2 class="c-title-07"><span class="s-text">リース</span></h2>
  61. <div class="c-text">
  62. <p>初期費用を0円・毎月決まった金額をお支払いただくだけで業務用エアコンが設置できます。<br>
  63. もしもの時の動産総合保険付きです。<br>
  64. もちろんエアコン機器・工事費はエアコンワーク特価から算出するので、他社でリースするより格安です。(契約期間4年~8年、契約期間満了後、延長・新規契約・終了が選択できます)
  65. </p>
  66. <p class="c-text-note-01">
  67. <span class="s-mark">※</span>
  68. <span class="s-text">ご利用には審査がございます。</span>
  69. </p>
  70. </div>
  71. </div>
  72. <div id="menu3" class="c-section">
  73. <h2 class="c-title-07"><span class="s-text">割賦</span></h2>
  74. <div class="c-text">
  75. <p>リースと同様に初期費用を0円・月々払いで業務用エアコンが設置できます。リースとの大きな違いは、支払が完了すればお客様の所有権となり機器の返却などが必要なくなります。<br>
  76. (契約期間:1年~8年 対象金額:30万円~500万円)
  77. </p>
  78. <p class="c-text-note-01">
  79. <span class="s-mark">※</span>
  80. <span class="s-text">ご利用には審査がございます。</span>
  81. </p>
  82. </div>
  83. </div>
  84. <div id="menu4" class="c-section">
  85. <h2 class="c-title-07"><span class="s-text">クレジットカード</span></h2>
  86. <div class="c-media-02 s-imgR">
  87. <figure class="s-image">
  88. <img src="{{ asset('assets/img/payment/img_01.png') }}">
  89. <img src="{{ asset('assets/img/payment/img_02.png') }}">
  90. <img src="{{ asset('assets/img/payment/img_03.png') }}">
  91. <img src="{{ asset('assets/img/payment/img_04.png') }}">
  92. <img src="{{ asset('assets/img/payment/img_05.png') }}">
  93. </figure>
  94. <div class="s-content">
  95. <p>当社でご利用いただけるクレジットカードは、<br>
  96. VISA・Master・JCB・AmericanExpress・DinersClubのカードです。
  97. </p>
  98. <p class="c-text-note-01">
  99. <span class="s-mark">※</span>
  100. <span class="s-text">すべてのご決済はカード会社へ承認を受けますが、万が一カード会社より承認が受けられなかった場合は、 クレジットカードのご利用はできませんので、予めご了承ください。</span>
  101. </p>
  102. <div class="block-right">
  103. <a href="#inline-menu4" class="c-link-01 popup-modal notscroll">
  104. <span class="s-text">詳しくはコチラ</span>
  105. <i class="s-icon">
  106. <svg>
  107. <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  108. </svg>
  109. </i>
  110. </a>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="inline-menu4" class="mfp-hide c-modal">
  115. <div class="c-modal-contents">
  116. <h2 class="c-title-07"><span class="s-text">クレジットカード</span></h2>
  117. <div class="c-text">
  118. <p>当社でご利用いただけるクレジットカードは、<br>
  119. VISA・Master・JCB・AmericanExpress・DinersClubのカードです。<br>
  120. </p>
  121. </div>
  122. <div class="c-text">
  123. <div class="p-payment-card">
  124. <img src="{{ asset('assets/img/payment/img_01.png') }}">
  125. <img src="{{ asset('assets/img/payment/img_02.png') }}">
  126. <img src="{{ asset('assets/img/payment/img_03.png') }}">
  127. <img src="{{ asset('assets/img/payment/img_04.png') }}">
  128. <img src="{{ asset('assets/img/payment/img_05.png') }}">
  129. </div>
  130. </div>
  131. <div class="c-text">
  132. <h3 class="c-title-08"><span class="s-text">ご注意</span></h3>
  133. <p class="c-text-note-01">
  134. <span class="s-mark">※</span>
  135. <span class="s-text">すべてのご決済はカード会社へ承認を受けますが、万が一カード会社より承認が受けられなかった場合は、 クレジットカードのご利用はできませんので、予めご了承ください。</span>
  136. </p>
  137. <p class="c-text-note-01">
  138. <span class="s-mark">※</span>
  139. <span class="s-text">決済後のキャンセルは原則できません。<br>
  140. 必ず商品の在庫・納期を確認の上カード決済を行っていただきますようお願いいたします。</span>
  141. </p>
  142. </div>
  143. <div class="c-text">
  144. <h3 class="c-title-08"><span class="s-text">クレジットカード決済手順</span></h3>
  145. <ul class="c-flow-list-02">
  146. <li><span class="icon"></span>
  147. <div class="s-box">
  148. <p class="s-text">当社へクレジットカード決済希望とお電話・メールにてお伝えください。</p>
  149. </div>
  150. </li>
  151. <li><span class="icon"></span>
  152. <div class="s-box">
  153. <p class="s-text">ご注文内容確認後、お客様のメールアドレス宛てにカード決済手続きのご案内をメールにて送信いたします。</p>
  154. </div>
  155. </li>
  156. <li><span class="icon"></span>
  157. <div class="s-box">
  158. <p class="s-text">ご案内メール内にあります、決済専用画面へのリンクをクリックしていただき、表示された 決済専用のセキュリティページに入力の上お支払いをお願いいたします。</p>
  159. </div>
  160. </li>
  161. <li><span class="icon"></span>
  162. <div class="s-box">
  163. <p class="s-text">決済手続き完了の確認が取れ次第、お客様へご連絡の上商品の発送を行います。</p>
  164. </div>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. <div class="block-center">
  170. <p class="popup-modal-dismiss">
  171. <a href="#" class="c-btn-02 notscroll">
  172. <i class="s-icon s-close">
  173. <svg>
  174. <use xlink:href="{{ asset('assets/img/ico/ico_close.svg#obj') }}"></use>
  175. </svg>
  176. </i>
  177. <span class="s-text">閉じる</span></a>
  178. </p>
  179. </div>
  180. </div>
  181. </div>
  182. <div id="menu5" class="c-section">
  183. <h2 class="c-title-07"><span class="s-text">後払い(法人)</span></h2>
  184. <div class="c-media-02 s-imgR">
  185. <figure class="s-image">
  186. <img src="{{ asset('assets/img/payment/img_06.png') }}">
  187. </figure>
  188. <div class="s-content">
  189. <p>上場企業、各種公立教育機関、官公庁さまにつきましては、完全後払いでお請けいたしております。<br>
  190. 法人様もご連絡いただければご相談に応じさせていただきます。
  191. </p>
  192. <p class="c-text-note-01">
  193. <span class="s-mark">※</span>
  194. <span class="s-text">ご利用には審査がございます。</span>
  195. </p>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. {% endblock %}