app/template/user_data/guide/support.twig line 1

Open in your IDE?
  1. {#
  2. 購入者サポート - EC-CUBE 4.2 bynoiezam テーマ用
  3. 配置先: app/template/bynoiezam/guide/support.twig
  4. URL: /guide/support
  5. #}
  7. {% extends 'default_frame.twig' %}
  9. {% set body_class = 'guide_page support_page' %}
  11. {% block stylesheet %}
  12.     {{ parent() }}
  13.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css', 'user_data') }}">
  14. {% endblock %}
  16. {% block main %}
  17. <div class="nz-guide-container">
  18.     
  19.     {# パンくずリスト #}
  20.     <nav class="nz-breadcrumb" aria-label="パンくずリスト">
  21.         <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  22.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  23.                 <a itemprop="item" href="{{ url('homepage') }}"><span itemprop="name">TOP</span></a>
  24.                 <meta itemprop="position" content="1" />
  25.             </li>
  26.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  27.                 <span itemprop="name">ご購入者様サポート</span>
  28.                 <meta itemprop="position" content="2" />
  29.             </li>
  30.         </ol>
  31.     </nav>
  33.     {# ヒーローセクション #}
  34.     <section class="nz-hero-section nz-hero-support">
  35.         <div class="nz-hero-content">
  36.             <h1 class="nz-hero-title">
  37.                 <span class="nz-hero-sub">ご購入後も安心</span>
  38.                 <span class="nz-hero-main">サポートガイド</span>
  39.             </h1>
  40.             <p class="nz-hero-lead">
  41.                 PCのセットアップ方法、トラブル対処法、修理依頼の方法など<br>
  42.                 ご購入者様向けのサポート情報をまとめています。
  43.             </p>
  44.         </div>
  45.     </section>
  47.     {# サポートメニュー #}
  48.     <section class="nz-section nz-support-nav">
  49.         <div class="nz-support-menu">
  50.             <a href="#setup" class="nz-support-menu-item">
  51.                 <span class="nz-menu-icon">📦</span>
  52.                 <span class="nz-menu-text">セットアップガイド</span>
  53.             </a>
  54.             <a href="#trouble" class="nz-support-menu-item">
  55.                 <span class="nz-menu-icon">🔧</span>
  56.                 <span class="nz-menu-text">トラブル対処</span>
  57.             </a>
  58.             <a href="#shipping" class="nz-support-menu-item">
  59.                 <span class="nz-menu-icon">📬</span>
  60.                 <span class="nz-menu-text">PC発送ガイド</span>
  61.             </a>
  62.             <a href="#warranty" class="nz-support-menu-item">
  63.                 <span class="nz-menu-icon">🛡️</span>
  64.                 <span class="nz-menu-text">保証について</span>
  65.             </a>
  66.             <a href="#faq" class="nz-support-menu-item">
  67.                 <span class="nz-menu-icon">❓</span>
  68.                 <span class="nz-menu-text">よくある質問</span>
  69.             </a>
  70.         </div>
  71.     </section>
  73.     {# セットアップガイド #}
  74.     <section id="setup" class="nz-section nz-setup-section">
  75.         <h2 class="nz-section-title">
  76.             <span class="nz-section-title-en">SETUP GUIDE</span>
  77.             <span class="nz-section-title-ja">セットアップガイド</span>
  78.         </h2>
  79.         
  80.         <div class="nz-howto-container" itemscope itemtype="https://schema.org/HowTo">
  81.             <meta itemprop="name" content="PC初期セットアップ手順">
  82.             <meta itemprop="description" content="当店で購入したPCの初期セットアップ手順です">
  83.             
  84.             {# ステップ1: 開梱 #}
  85.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  86.                 <div class="nz-step-number">
  87.                     <span itemprop="position">1</span>
  88.                 </div>
  89.                 <div class="nz-step-content">
  90.                     <h3 class="nz-step-title" itemprop="name">開梱時の注意点</h3>
  91.                     <div class="nz-step-body" itemprop="text">
  92.                         <div class="nz-alert nz-alert-warning">
  93.                             <span class="nz-alert-icon">⚠️</span>
  94.                             <p>開梱前に必ず外箱の状態を確認してください。<br>
  95.                             配送中の破損が疑われる場合は、開梱せずにまずご連絡ください。</p>
  96.                         </div>
  97.                         <ul class="nz-checklist">
  98.                             <li class="nz-check-item">
  99.                                 <span class="nz-check-icon">☑️</span>
  100.                                 外箱に大きな凹みや破損がないか確認
  101.                             </li>
  102.                             <li class="nz-check-item">
  103.                                 <span class="nz-check-icon">☑️</span>
  104.                                 開梱時は平らで安定した場所で作業
  105.                             </li>
  106.                             <li class="nz-check-item">
  107.                                 <span class="nz-check-icon">☑️</span>
  108.                                 緩衝材は初期不良確認まで保管しておく
  109.                             </li>
  110.                             <li class="nz-check-item">
  111.                                 <span class="nz-check-icon">☑️</span>
  112.                                 付属品（電源ケーブル、マニュアル等）の確認
  113.                             </li>
  114.                         </ul>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.             
  119.             {# ステップ2: 接続 #}
  120.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  121.                 <div class="nz-step-number">
  122.                     <span itemprop="position">2</span>
  123.                 </div>
  124.                 <div class="nz-step-content">
  125.                     <h3 class="nz-step-title" itemprop="name">ケーブル接続</h3>
  126.                     <div class="nz-step-body" itemprop="text">
  127.                         <ol class="nz-ordered-list">
  128.                             <li>電源ケーブルをPC本体に接続（まだコンセントには挿さない）</li>
  129.                             <li>モニターケーブル（HDMI/DisplayPort）をPC背面のグラフィックボードに接続</li>
  130.                             <li>キーボード・マウスをUSBポートに接続</li>
  131.                             <li>LANケーブルまたはWi-Fiアダプタを接続</li>
  132.                             <li>最後に電源ケーブルをコンセントに接続</li>
  133.                         </ol>
  134.                         <div class="nz-alert nz-alert-info">
  135.                             <span class="nz-alert-icon">💡</span>
  136.                             <p>グラフィックボード搭載PCの場合、モニターケーブルは必ず<strong>グラフィックボード側の端子</strong>に接続してください。マザーボード側に接続すると映像が出ません。</p>
  137.                         </div>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.             
  142.             {# ステップ3: 初回起動 #}
  143.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  144.                 <div class="nz-step-number">
  145.                     <span itemprop="position">3</span>
  146.                 </div>
  147.                 <div class="nz-step-content">
  148.                     <h3 class="nz-step-title" itemprop="name">初回起動</h3>
  149.                     <div class="nz-step-body" itemprop="text">
  150.                         <ol class="nz-ordered-list">
  151.                             <li>電源ボタンを押して起動</li>
  152.                             <li>Windowsの初期設定画面が表示されます</li>
  153.                             <li>言語・地域を選択</li>
  154.                             <li>Wi-Fi設定（有線LANの場合はスキップ可）</li>
  155.                             <li>Microsoftアカウントでサインイン（またはローカルアカウント作成）</li>
  156.                             <li>プライバシー設定を確認して完了</li>
  157.                         </ol>
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.             
  162.             {# ステップ4: 初回確認 #}
  163.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  164.                 <div class="nz-step-number">
  165.                     <span itemprop="position">4</span>
  166.                 </div>
  167.                 <div class="nz-step-content">
  168.                     <h3 class="nz-step-title" itemprop="name">初回動作確認チェックリスト</h3>
  169.                     <div class="nz-step-body" itemprop="text">
  170.                         <p>以下の項目を確認してください。問題があれば3日以内にご連絡ください。</p>
  171.                         <ul class="nz-checklist">
  172.                             <li class="nz-check-item">
  173.                                 <span class="nz-check-icon">☑️</span>
  174.                                 正常に起動してWindowsが立ち上がる
  175.                             </li>
  176.                             <li class="nz-check-item">
  177.                                 <span class="nz-check-icon">☑️</span>
  178.                                 モニターに正常に映像が出力される
  179.                             </li>
  180.                             <li class="nz-check-item">
  181.                                 <span class="nz-check-icon">☑️</span>
  182.                                 音声が出る（スピーカー/ヘッドホン接続時）
  183.                             </li>
  184.                             <li class="nz-check-item">
  185.                                 <span class="nz-check-icon">☑️</span>
  186.                                 インターネットに接続できる
  187.                             </li>
  188.                             <li class="nz-check-item">
  189.                                 <span class="nz-check-icon">☑️</span>
  190.                                 USBポートが認識される
  191.                             </li>
  192.                             <li class="nz-check-item">
  193.                                 <span class="nz-check-icon">☑️</span>
  194.                                 異音（カタカタ、キーン等）がしない
  195.                             </li>
  196.                         </ul>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </section>
  203.     {# トラブル対処法 #}
  204.     <section id="trouble" class="nz-section nz-trouble-section">
  205.         <h2 class="nz-section-title">
  206.             <span class="nz-section-title-en">TROUBLESHOOTING</span>
  207.             <span class="nz-section-title-ja">よくあるトラブルと対処法</span>
  208.         </h2>
  209.         
  210.         <div class="nz-trouble-list">
  211.             <details class="nz-trouble-item">
  212.                 <summary class="nz-trouble-question">
  213.                     <span class="nz-trouble-icon">🚫</span>
  214.                     電源が入らない
  215.                 </summary>
  216.                 <div class="nz-trouble-answer">
  217.                     <h4>確認ポイント</h4>
  218.                     <ol class="nz-ordered-list">
  219.                         <li><strong>電源ケーブルの接続確認</strong> - PC本体とコンセント両方を確認</li>
  220.                         <li><strong>電源ユニットのスイッチ</strong> - 背面の「○/|」スイッチが「|」側になっているか</li>
  221.                         <li><strong>コンセントの通電確認</strong> - 他の機器で確認</li>
  222.                         <li><strong>電源タップ使用時</strong> - 直接壁のコンセントに接続して試す</li>
  223.                     </ol>
  224.                     <p>上記を確認しても改善しない場合はご連絡ください。</p>
  225.                 </div>
  226.             </details>
  227.             
  228.             <details class="nz-trouble-item">
  229.                 <summary class="nz-trouble-question">
  230.                     <span class="nz-trouble-icon">🖥️</span>
  231.                     モニターに映らない
  232.                 </summary>
  233.                 <div class="nz-trouble-answer">
  234.                     <h4>確認ポイント</h4>
  235.                     <ol class="nz-ordered-list">
  236.                         <li><strong>ケーブル接続先</strong> - グラフィックボード側のポートに接続しているか（マザーボード側はNG）</li>
  237.                         <li><strong>モニターの電源</strong> - モニター自体の電源が入っているか</li>
  238.                         <li><strong>入力切替</strong> - モニターの入力がHDMI/DPの正しいものになっているか</li>
  239.                         <li><strong>ケーブル交換</strong> - 別のケーブルがあれば試す</li>
  240.                     </ol>
  241.                 </div>
  242.             </details>
  243.             
  244.             <details class="nz-trouble-item">
  245.                 <summary class="nz-trouble-question">
  246.                     <span class="nz-trouble-icon">🔇</span>
  247.                     音が出ない
  248.                 </summary>
  249.                 <div class="nz-trouble-answer">
  250.                     <h4>確認ポイント</h4>
  251.                     <ol class="nz-ordered-list">
  252.                         <li><strong>スピーカー/ヘッドホンの接続</strong> - 正しいポートに接続されているか</li>
  253.                         <li><strong>Windowsの音量設定</strong> - タスクバーのスピーカーアイコンを確認</li>
  254.                         <li><strong>出力デバイス設定</strong> - 設定→システム→サウンド→出力デバイスを確認</li>
  255.                         <li><strong>ミュート解除</strong> - スピーカー自体のミュートスイッチを確認</li>
  256.                     </ol>
  257.                 </div>
  258.             </details>
  259.             
  260.             <details class="nz-trouble-item">
  261.                 <summary class="nz-trouble-question">
  262.                     <span class="nz-trouble-icon">📶</span>
  263.                     インターネットに繋がらない
  264.                 </summary>
  265.                 <div class="nz-trouble-answer">
  266.                     <h4>確認ポイント</h4>
  267.                     <ol class="nz-ordered-list">
  268.                         <li><strong>有線LANの場合</strong> - ケーブルがしっかり接続されているか、ランプが点灯しているか</li>
  269.                         <li><strong>Wi-Fiの場合</strong> - Wi-FiがONになっているか、正しいSSIDに接続しているか</li>
  270.                         <li><strong>ルーターの再起動</strong> - ルーターの電源を30秒切って再起動</li>
  271.                         <li><strong>ネットワークアダプタの確認</strong> - デバイスマネージャーでドライバを確認</li>
  272.                     </ol>
  273.                 </div>
  274.             </details>
  275.         </div>
  276.         
  277.         <div class="nz-trouble-contact">
  278.             <p>上記で解決しない場合、お気軽にお問い合わせください。</p>
  279.             <a href="{{ url('contact') }}" class="nz-btn nz-btn-primary">
  280.                 <span class="nz-btn-icon">💬</span>
  281.                 サポートに問い合わせる
  282.             </a>
  283.         </div>
  284.     </section>
  286.     {# PC発送ガイド #}
  287.     <section id="shipping" class="nz-section nz-shipping-section">
  288.         <h2 class="nz-section-title">
  289.             <span class="nz-section-title-en">SHIPPING GUIDE</span>
  290.             <span class="nz-section-title-ja">PC発送ガイド</span>
  291.         </h2>
  292.         
  293.         <p class="nz-section-intro">
  294.             修理やメンテナンスでPCをお送りいただく際の梱包・発送方法です。<br>
  295.             不適切な梱包は配送中の破損の原因となりますので、以下の手順に従ってください。
  296.         </p>
  297.         
  298.         <div class="nz-howto-container" itemscope itemtype="https://schema.org/HowTo">
  299.             <meta itemprop="name" content="PC発送時の梱包方法">
  300.             
  301.             {# 発送前準備 #}
  302.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  303.                 <div class="nz-step-number">
  304.                     <span itemprop="position">1</span>
  305.                 </div>
  306.                 <div class="nz-step-content">
  307.                     <h3 class="nz-step-title" itemprop="name">発送前の準備</h3>
  308.                     <div class="nz-step-body" itemprop="text">
  309.                         <ul class="nz-checklist">
  310.                             <li class="nz-check-item">
  311.                                 <span class="nz-check-icon">☑️</span>
  312.                                 <strong>データのバックアップ</strong> - 重要なデータは必ずバックアップしてください
  313.                             </li>
  314.                             <li class="nz-check-item">
  315.                                 <span class="nz-check-icon">☑️</span>
  316.                                 <strong>周辺機器の取り外し</strong> - USBデバイス、ケーブル類はすべて外す
  317.                             </li>
  318.                             <li class="nz-check-item">
  319.                                 <span class="nz-check-icon">☑️</span>
  320.                                 <strong>グラフィックボードの固定確認</strong> - 大型GPUは緩衝材で固定推奨
  321.                             </li>
  322.                         </ul>
  323.                     </div>
  324.                 </div>
  325.             </div>
  326.             
  327.             {# 梱包方法 #}
  328.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  329.                 <div class="nz-step-number">
  330.                     <span itemprop="position">2</span>
  331.                 </div>
  332.                 <div class="nz-step-content">
  333.                     <h3 class="nz-step-title" itemprop="name">梱包方法</h3>
  334.                     <div class="nz-step-body" itemprop="text">
  335.                         <div class="nz-packing-options">
  336.                             <div class="nz-packing-option nz-packing-best">
  337.                                 <h4 class="nz-option-title">🏆 ベスト: 購入時の箱を使用</h4>
  338.                                 <p>購入時の箱と緩衝材が残っていれば、それを使用するのが最も安全です。</p>
  339.                             </div>
  340.                             
  341.                             <div class="nz-packing-option">
  342.                                 <h4 class="nz-option-title">📦 箱がない場合</h4>
  343.                                 <ol class="nz-ordered-list">
  344.                                     <li>PC本体より一回り大きいダンボール箱を用意</li>
  345.                                     <li>PC本体をプチプチ（エアキャップ）で2〜3重に包む</li>
  346.                                     <li>箱の底に緩衝材を5cm以上敷く</li>
  347.                                     <li>PCを箱に入れ、周囲に緩衝材を詰める</li>
  348.                                     <li>上部にも緩衝材を入れ、箱を振っても動かないことを確認</li>
  349.                                     <li>ダンボールをしっかりテープで封をする</li>
  350.                                 </ol>
  351.                             </div>
  352.                         </div>
  353.                         
  354.                         <div class="nz-alert nz-alert-danger">
  355.                             <span class="nz-alert-icon">🚨</span>
  356.                             <p><strong>絶対NG</strong>: 緩衝材なしでの発送、新聞紙だけの梱包、小さすぎる箱</p>
  357.                         </div>
  358.                     </div>
  359.                 </div>
  360.             </div>
  361.             
  362.             {# 発送方法 #}
  363.             <div class="nz-howto-step" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
  364.                 <div class="nz-step-number">
  365.                     <span itemprop="position">3</span>
  366.                 </div>
  367.                 <div class="nz-step-content">
  368.                     <h3 class="nz-step-title" itemprop="name">発送方法</h3>
  369.                     <div class="nz-step-body" itemprop="text">
  370.                         <h4>推奨配送業者</h4>
  371.                         <ul class="nz-simple-list">
  372.                             <li><strong>ヤマト運輸（宅急便）</strong> - パソコン宅急便対応</li>
  373.                             <li><strong>佐川急便（飛脚宅配便）</strong></li>
  374.                             <li><strong>日本郵便（ゆうパック）</strong></li>
  375.                         </ul>
  376.                         
  377.                         <h4>発送時の注意</h4>
  378.                         <ul class="nz-checklist">
  379.                             <li class="nz-check-item">
  380.                                 <span class="nz-check-icon">☑️</span>
  381.                                 「精密機器」「取扱注意」「天地無用」と記載または貼付
  382.                             </li>
  383.                             <li class="nz-check-item">
  384.                                 <span class="nz-check-icon">☑️</span>
  385.                                 運送保険の加入を推奨（高額商品の場合）
  386.                             </li>
  387.                             <li class="nz-check-item">
  388.                                 <span class="nz-check-icon">☑️</span>
  389.                                 追跡番号を控えておく
  390.                             </li>
  391.                         </ul>
  392.                         
  393.                         <div class="nz-shipping-address">
  394.                             <h4>発送先</h4>
  395.                             <address>
  396.                                 〒594-0031<br>
  397.                                 大阪府和泉市伏屋町5-2-14<br>
  398.                                 PC'Artsのいえあ侍<br>
  399.                                 TEL: 080-5706-0021
  400.                             </address>
  401.                         </div>
  402.                     </div>
  403.                 </div>
  404.             </div>
  405.         </div>
  406.     </section>
  408.     {# 保証について #}
  409.     <section id="warranty" class="nz-section nz-warranty-section">
  410.         <h2 class="nz-section-title">
  411.             <span class="nz-section-title-en">WARRANTY</span>
  412.             <span class="nz-section-title-ja">保証について</span>
  413.         </h2>
  414.         
  415.         <div class="nz-warranty-content">
  416.             <div class="nz-warranty-card">
  417.                 <h3 class="nz-warranty-title">初期不良保証</h3>
  418.                 <div class="nz-warranty-period">
  419.                     <span class="nz-period-number">14</span>
  420.                     <span class="nz-period-unit">日間</span>
  421.                 </div>
  422.                 <p class="nz-warranty-desc">
  423.                     商品到着後14日以内に発生した初期不良については、
  424.                     無償で修理または交換対応いたします。
  425.                 </p>
  426.                 <ul class="nz-warranty-list">
  427.                     <li>起動不良</li>
  428.                     <li>パーツの初期不良</li>
  429.                     <li>配送中の破損（外箱の状態を要確認）</li>
  430.                 </ul>
  431.             </div>
  432.             
  433.             <div class="nz-warranty-card">
  434.                 <h3 class="nz-warranty-title">パーツメーカー保証</h3>
  435.                 <p class="nz-warranty-desc">
  436.                     各パーツにはメーカー保証が適用されます。
  437.                     保証期間はパーツにより異なります（通常1〜5年）。
  438.                 </p>
  439.                 <ul class="nz-warranty-list">
  440.                     <li>CPU: メーカー保証（通常3年）</li>
  441.                     <li>グラフィックボード: メーカー保証（通常2〜3年）</li>
  442.                     <li>メモリ: メーカー保証（永久保証の場合あり）</li>
  443.                     <li>SSD: メーカー保証（通常3〜5年）</li>
  444.                     <li>電源: メーカー保証（通常5〜10年）</li>
  445.                 </ul>
  446.             </div>
  447.             
  448.             <div class="nz-warranty-exclusions">
  449.                 <h3 class="nz-exclusions-title">保証対象外となるケース</h3>
  450.                 <ul class="nz-exclusions-list">
  451.                     <li>お客様による分解・改造</li>
  452.                     <li>お客様の過失による破損（落下、水濡れ等）</li>
  453.                     <li>天災による故障</li>
  454.                     <li>消耗品（ファン、サーマルグリス等）</li>
  455.                     <li>ソフトウェア起因のトラブル</li>
  456.                 </ul>
  457.             </div>
  458.         </div>
  459.     </section>
  461.     {# FAQ #}
  462.     <section id="faq" class="nz-section nz-faq-section">
  463.         <h2 class="nz-section-title">
  464.             <span class="nz-section-title-en">FAQ</span>
  465.             <span class="nz-section-title-ja">よくあるご質問</span>
  466.         </h2>
  467.         
  468.         <div class="nz-faq-list" itemscope itemtype="https://schema.org/FAQPage">
  469.             <details class="nz-faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  470.                 <summary class="nz-faq-question" itemprop="name">
  471.                     修理にはどれくらい時間がかかりますか？
  472.                 </summary>
  473.                 <div class="nz-faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  474.                     <div itemprop="text">
  475.                         <p>症状や必要なパーツにより異なりますが、通常は診断に1〜2営業日、修理に3〜7営業日程度です。パーツの取り寄せが必要な場合はさらにお時間をいただく場合があります。</p>
  476.                     </div>
  477.                 </div>
  478.             </details>
  479.             
  480.             <details class="nz-faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  481.                 <summary class="nz-faq-question" itemprop="name">
  482.                     他店で購入したPCの修理も対応していますか？
  483.                 </summary>
  484.                 <div class="nz-faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  485.                     <div itemprop="text">
  486.                         <p>はい、対応しております。ただし、メーカー製PCや特殊な構成のPCの場合、一部対応できない場合があります。まずはお問い合わせください。</p>
  487.                     </div>
  488.                 </div>
  489.             </details>
  490.             
  491.             <details class="nz-faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  492.                 <summary class="nz-faq-question" itemprop="name">
  493.                     持ち込み修理は可能ですか？
  494.                 </summary>
  495.                 <div class="nz-faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  496.                     <div itemprop="text">
  497.                         <p>はい、可能です。事前にご連絡いただければ、来店日時を調整いたします。店舗所在地は大阪府和泉市伏屋町5-2-14です。</p>
  498.                     </div>
  499.                 </div>
  500.             </details>
  501.             
  502.             <details class="nz-faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  503.                 <summary class="nz-faq-question" itemprop="name">
  504.                     パーツのアップグレードは対応していますか？
  505.                 </summary>
  506.                 <div class="nz-faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  507.                     <div itemprop="text">
  508.                         <p>はい、対応しております。メモリ増設、SSD追加、グラフィックボード交換など、ご要望に応じてご提案いたします。お気軽にご相談ください。</p>
  509.                     </div>
  510.                 </div>
  511.             </details>
  512.         </div>
  513.     </section>
  515.     {# CTA #}
  516.     <section class="nz-section nz-cta-section">
  517.         <div class="nz-cta-box">
  518.             <h2 class="nz-cta-title">お困りの際はお気軽にご連絡ください</h2>
  519.             <p class="nz-cta-desc">
  520.                 ご購入後のサポートも万全です。<br>
  521.                 トラブルやご不明点があれば、いつでもご相談ください。
  522.             </p>
  523.             <div class="nz-cta-buttons">
  524.                 <a href="{{ url('contact') }}" class="nz-btn nz-btn-primary nz-btn-lg">
  525.                     <span class="nz-btn-icon">💬</span>
  526.                     お問い合わせ
  527.                 </a>
  528.             </div>
  529.             <div class="nz-cta-contact">
  530.                 <p class="nz-cta-tel">
  531.                     <span class="nz-cta-tel-icon">📞</span>
  532.                     <a href="tel:080-5706-0021">080-5706-0021</a>
  533.                 </p>
  534.                 <p class="nz-cta-email">
  535.                     <span class="nz-cta-email-icon">✉️</span>
  536.                     <a href="mailto:support@noiezam.com">support@noiezam.com</a>
  537.                 </p>
  538.             </div>
  539.         </div>
  540.     </section>
  542. </div>
  543. {% endblock %}
  545. {% block javascript %}
  546.     {{ parent() }}
  547.     <script>
  548.     // スムーススクロール
  549.     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  550.         anchor.addEventListener('click', function (e) {
  551.             e.preventDefault();
  552.             const target = document.querySelector(this.getAttribute('href'));
  553.             if (target) {
  554.                 target.scrollIntoView({
  555.                     behavior: 'smooth',
  556.                     block: 'start'
  557.                 });
  558.             }
  559.         });
  560.     });
  561.     </script>
  562. {% endblock %}