app/template/user_data/titan_index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4.     <div
  5.         class="sub-container">
  6.         <!-- SUB H1 -->
  7.         <div
  8.             class="sub-h1Wrap">
  9.             {# 必要に応じて増やしてください #}
  10.             <h1 class="sub-h1">{{title}}</h1>
  11.         </div>
  12.         <!-- /SUB H1 -->
  13.         <div
  14.             class="l-container">
  15.             <!-- パンくずリスト -->
  16.             <ol class="sub-breadcrumbs">
  17.                 <li>
  18.                     <a href="{{ url('homepage') }}">HOME</a>
  19.                 </li>
  20.                 {# 必要に応じて増やしてください #}
  21.                 <li>{{title}}</li>
  22.             </ol>
  23.             <!-- /パンくずリスト -->
  24.             <div
  25.                 class="l-2ColumnContainer">
  26.                 <!-- メインコンテンツ -->
  27.                 <div
  28.                     class="l-main">
  30.                     <!-- PAGE CONTENTS -->
  31.                     <div class="titan titanIndex">
  32.                         <section>
  33.                             <!-- KV -->
  34.                             <div class="titanIndex-kv">
  35.                                 <div class="kvInner">
  36.                                     <h2 class="titanIndex-hl">
  37.                                         チタン<br><small class="isEn">TITAN</small>
  38.                                     </h2>
  39.                                     <em class="titanIndex-catch">
  40.                                         なめらかな肌触り<br>
  41.                                         重厚感と高級感を兼ね備えた印材
  42.                                     </em>
  43.                                 </div>
  44.                             </div>
  45.                             <!-- /KV -->
  47.                             <a href="{{ url('product_list') }}?category_id=65" class="mod-btn-03 titanIndex-products">
  48.                                 <span class="btnInner">チタンの<span class="d-inlineBlock">製品情報を見る</span>
  49.                                 </span>
  50.                             </a>
  52.                             <!-- チタン印章のおすすめポイント -->
  53.                             <section class="titanIndex-subSection">
  54.                                 <h3 class="mod-hl-01">
  55.                                     <span class="isJp">チタン印章のおすすめポイント</span>
  56.                                 </h3>
  57.                                 <div class="subSection marginTop30">
  58.                                     <h4 class="mod-hl-04">金属アレルギーの安心</h4>
  59.                                     <p class="subSection-text marginTop20">チタンは人体にやさしい金属であり、金属アレルギーを持つ人でも安心して使用できます。インプラント治療や金属アレルギー用のアクセサリーにも使用されています。</p>
  60.                                 </div>
  61.                                 <div class="subSection marginTop30">
  62.                                     <h4 class="mod-hl-04">耐熱性と強度</h4>
  63.                                     <p class="subSection-text marginTop20">高い耐熱性を持ち、火災の温度にも耐えるため、印鑑が溶けたり変形する心配がありません。また、丈夫であり、日常の小さな衝撃や傷には強く、印影が歪むような大きな傷がつきにくいです。</p>
  64.                                 </div>
  65.                                 <div class="subSection marginTop30">
  66.                                     <h4 class="mod-hl-04">お手入れの簡便さ</h4>
  67.                                     <p class="subSection-text marginTop20">朱肉や炎の煤、泥汚れなどがついても、指や歯ブラシで水洗いすることができます。通常の印鑑と異なり、チタン製の印鑑は水洗いしても問題ありません。また、海水にさらされても錆びる心配がなく、長期間使用できます。</p>
  68.                                 </div>
  69.                                 <div class="subSection marginTop30">
  70.                                     <h4 class="mod-hl-04">保管方法</h4>
  71.                                     <p class="subSection-text marginTop20">
  72.                                         チタン製の印鑑は傷がつきにくく、錆びないため、手入れや保管が簡単です。汚れた場合は水洗いし、専用の印鑑ケースにきれいに収納すれば問題ありません。<br>
  73.                                         チタン製の印鑑は、均等に朱肉が付き、鮮明な印影を残します。摩耗にも強く、他の印材よりもきれいな捺印が可能です。さらに、重さがあるため軽い力で捺印ができます。
  74.                                     </p>
  75.                                 </div>
  76.                             </section>
  77.                             <!-- /チタン印章のおすすめポイント -->
  79.                             <!-- 素材へのこだわり -->
  80.                             <section class="titanIndex-subSection">
  81.                                 <h3 class="mod-hl-01">
  82.                                     <span class="isJp">素材へのこだわり</span>
  83.                                 </h3>
  84.                                 <div class="subSection-contents isTwo">
  85.                                     <div class="subSection-img">
  86.                                         <img src="{{ asset('assets/img/titan/index/material_01.jpg') }}" alt="" class="imgFit">
  87.                                     </div>
  88.                                     <div class="subSection-textBlock">
  89.                                         <p>
  90.                                             通常のブラストチタンに加え、カラーチタンの取扱も行っております。<br>
  91.                                             カラーチタンの中には発色の耐久性が悪く、使用頻度により色が薄くなってしまうものが出回っております。 弊社で取り扱うカラーチタンは、耐久性・表面強度が格段に強く、変色の少ないIP（イオンプレーティング）チタンのみを厳選して使用しております。
  92.                                         </p>
  93.                                         <em class="mod-hl-04">イオンプレーティングチタンとは</em>
  94.                                         <p>
  95.                                             宇宙開発技術の一環としてNASAで開発された最先端の表面加工技術を施したチタンです。</p>
  96.                                     </div>
  97.                                 </div>
  98.                             </section>
  99.                             <!-- /素材へのこだわり -->
  101.                             <!-- チタン印章の種類 -->
  102.                             <section class="titanIndex-subSection">
  103.                                 <h3 class="mod-hl-01">
  104.                                     <span class="isJp">チタン印章の種類</span>
  105.                                 </h3>
  106.                                 <div class="subSection-contents isThree">
  107.                                     <div class="isThreeBox">
  108.                                         <div class="subSection-img">
  109.                                             <img src="{{ asset('assets/img/titan/index/kinds_01.jpg') }}" width="429" height="300" alt="" class="imgFit" loading="lazy">
  110.                                         </div>
  111.                                         <div class="subSection-textBlock">
  112.                                             <em class="mod-hl-04">ブラストチタン</em>
  113.                                             <p>チタンの定番、ブラスト（梨地）仕上。手にズッシリ、なめらかな肌触りで指紋も付きにくく押しやすい印章です。</p>
  114.                                         </div>
  115.                                     </div>
  117.                                     <div class="isThreeBox">
  118.                                         <div class="subSection-img">
  119.                                             <img src="{{ asset('assets/img/titan/index/kinds_02.jpg') }}" width="429" height="300" alt="" class="imgFit" loading="lazy">
  120.                                         </div>
  121.                                         <div class="subSection-textBlock">
  122.                                             <em class="mod-hl-04">IPブラストカラーチタン</em>
  123.                                             <p>超硬質なIP皮膜で耐久性アップ。ブラスト（梨地）仕上で指紋も付きにくく押しやすい印章です。</p>
  124.                                         </div>
  125.                                     </div>
  127.                                     <div class="isThreeBox">
  128.                                         <div class="subSection-img">
  129.                                             <img src="{{ asset('assets/img/titan/index/kinds_03.jpg') }}" width="429" height="300" alt="" class="imgFit" loading="lazy">
  130.                                         </div>
  131.                                         <div class="subSection-textBlock">
  132.                                             <em class="mod-hl-04">IP鏡面カラーチタン</em>
  133.                                             <p>IPカラーチタンに鏡面仕上を施しました。高級感溢れる美しい艶はまるで鏡のようです。</p>
  134.                                         </div>
  135.                                     </div>
  136.                                 </div>
  138.                                 <div class="subSection-contents">
  139.                                     <div class="subSection-textBlock">
  140.                                         <small>
  141.                                             ※ IPチタンは表面処理において、従来のカラーチタンに比べ格段の耐久性を備えておりますが、完全に色落ちしない、キズがつかないものではございません。<br>
  142.                                             通常使用または経年使用によることの退色やキズなどは、保証の対象となりませんのでご了承願います。
  143.                                         </small>
  144.                                     </div>
  145.                                 </div>
  146.                             </section>
  147.                             <!-- /チタン印章の種類 -->
  149.                             <!-- 彫刻方法へのこだわり -->
  150.                             <section class="titanIndex-subSection">
  151.                                 <h3 class="mod-hl-01">
  152.                                     <span class="isJp">彫刻方法へのこだわり</span>
  153.                                 </h3>
  154.                                 <div class="subSection-contents isTwo">
  155.                                     <div class="subSection-img">
  156.                                         <img src="{{ asset('assets/img/titan/index/sculpture_01.jpg') }}" alt="" class="imgFit">
  157.                                     </div>
  158.                                     <div class="subSection-textBlock">
  159.                                         <p>
  160.                                             チタン印鑑の彫刻には、最新のファイバーレーザー彫刻機を用います。<br>
  161.                                             従来より早くきれいに仕上げる事ができます。
  162.                                         </p>
  163.                                     </div>
  164.                                 </div>
  165.                             </section>
  166.                             <!-- /彫刻方法へのこだわり -->
  168.                             <!-- 文字へのこだわり -->
  169.                             <section class="titanIndex-subSection">
  170.                                 <h3 class="mod-hl-01">
  171.                                     <span class="isJp">文字へのこだわり</span>
  172.                                 </h3>
  173.                                 <div class="subSection-contents isTwo">
  174.                                     <div class="subSection-img">
  175.                                         <img src="{{ asset('assets/img/titan/index/font_01.jpg') }}" alt="" class="imgFit">
  176.                                     </div>
  177.                                     <div class="subSection-textBlock">
  178.                                         <p>
  179.                                             弊社の印章は、「永江文字」という弊社オリジナルの印章専用文字を使用しております。<br>
  180.                                             そもそも文字は、紙に記すように進化しており、正方形の中にバランス良く収まるように形成されています。<br>
  181.                                             これは全書体に共通して言えることです。しかしながら主な印章の印面は円形になっており、その丸枠内に正方形用に作られた文字を収めることは非常に困難であり、現状の文字をそのまま収めると文字に欠けが生じたり、非常に歪（いびつ）になってしまいます。<br>
  182.                                             弊社の創業者である永江宏安は、文字を丸枠用に一文字一文字作り直すことで、その問題を解消しようと考えました。人の姓名は様々ですからその作業は大変な工数を要しましたが、長い年月を掛け、丸枠用に作り直した文字＝印章専用文字を誕生させました。<br>
  183.                                             この文字は唯一無二であることから、その文字に誇りを持ち、弊社では「永江文字」と呼んでおります。現在もその文字は弊社の職人に継承され、皆様の大切な印章に用いております。他社の文字と比較して頂ければ一目瞭然ですが、永江文字は線が太く、どっしりとした風格のある文字です。
  184.                                         </p>
  185.                                     </div>
  186.                                 </div>
  187.                             </section>
  188.                             <!-- /文字へのこだわり -->
  190.                             <!-- 付属品について -->
  191.                             <section class="titanIndex-subSection">
  192.                                 <h3 class="mod-hl-01">
  193.                                     <span class="isJp">付属品について</span>
  194.                                 </h3>
  195.                                 <div class="subSection-contents">
  196.                                     <picture class="subSection-img isAttached">
  197.                                         <source srcset="{{ asset('assets/img/titan/index/attached_01_sp.jpg') }}" media="(max-width: 599px)">
  198.                                         <img src="{{ asset('assets/img/titan/index/attached_01.jpg') }}" width="976" height="280" alt="個人印鑑は、チタンカラーケース+保証書。法人印鑑は、牛皮袋+保証書。セット商品には別途、化粧ケースがつきます。" class="imgFit" loading="lazy">
  199.                                     </pictu>
  200.                                 </div>
  201.                             </section>
  202.                             <!-- /付属品について -->
  204.                             <!-- ブラストチタンの個人用印章は、目印部分をお好みでカラー石に変更出来ます。 -->
  205.                             <section class="titanIndex-subSection">
  206.                                 <h3 class="mod-hl-01">
  207.                                     <span class="isJp">ブラストチタンの個人用印章は、目印部分をお好みでカラー石に変更出来ます。</span>
  208.                                 </h3>
  209.                                 <div class="subSection-contents">
  210.                                     <div class="subSection-textBlock">
  211.                                         <small>
  212.                                             ※ ブラストチタンの個人用の認印・銀行印・実印（丸棒形状）のみ。<br>
  213.                                             ※ 一本につき別途一律税別￥2,000プラス。<br>
  214.                                             ※ 全17種よりお選びいただけます。
  215.                                         </small>
  216.                                     </div>
  217.                                 </div>
  219.                                 <!-- スワロフスキー -->
  220.                                 <section class="subSection-swarovski">
  221.                                     <h4 class="mod-hl-02">
  222.                                         <span class="isJp">誕生石をイメージしたカラー石（スワロフスキー）</span>
  223.                                     </h4>
  225.                                     <div class="swarovski-contents">
  226.                                         <div class="swarovski-img">
  227.                                             <img src="{{ asset('assets/img/titan/index/swarovski_01.jpg') }}" width="400" height="326" alt="" class="imgFit" loading="lazy">
  228.                                         </div>
  230.                                         <div class="swarovski-textBlock">
  231.                                             <div class="swarovskiContainer">
  232.                                                 <div class="swarovskiBox">
  233.                                                     <em class="swarovskiBox-month">1月</em>
  234.                                                     <div class="swarovskiBox-img">
  235.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_01.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  236.                                                     </div>
  237.                                                     <p class="swarovskiBox-color">ガーネット<br>(LTシャム)色</p>
  238.                                                 </div>
  239.                                                 <div class="swarovskiBox">
  240.                                                     <em class="swarovskiBox-month">2月</em>
  241.                                                     <div class="swarovskiBox-img">
  242.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_02.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  243.                                                     </div>
  244.                                                     <p class="swarovskiBox-color">アメジスト色</p>
  245.                                                 </div>
  246.                                                 <div class="swarovskiBox">
  247.                                                     <em class="swarovskiBox-month">3月</em>
  248.                                                     <div class="swarovskiBox-img">
  249.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_03.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  250.                                                     </div>
  251.                                                     <p class="swarovskiBox-color">アクアマリン色</p>
  252.                                                 </div>
  253.                                                 <div class="swarovskiBox">
  254.                                                     <em class="swarovskiBox-month">4月</em>
  255.                                                     <div class="swarovskiBox-img">
  256.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_04.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  257.                                                     </div>
  258.                                                     <p class="swarovskiBox-color">クリスタル色</p>
  259.                                                 </div>
  260.                                                 <div class="swarovskiBox">
  261.                                                     <em class="swarovskiBox-month">5月</em>
  262.                                                     <div class="swarovskiBox-img">
  263.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_05.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  264.                                                     </div>
  265.                                                     <p class="swarovskiBox-color">エメラルド色</p>
  266.                                                 </div>
  267.                                                 <div class="swarovskiBox">
  268.                                                     <em class="swarovskiBox-month">6月</em>
  269.                                                     <div class="swarovskiBox-img">
  270.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_06.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  271.                                                     </div>
  272.                                                     <p class="swarovskiBox-color">クリスタル<br>ムーンライト色</p>
  273.                                                 </div>
  274.                                                 <div class="swarovskiBox">
  275.                                                     <em class="swarovskiBox-month">7月</em>
  276.                                                     <div class="swarovskiBox-img">
  277.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_07.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  278.                                                     </div>
  279.                                                     <p class="swarovskiBox-color">ルビー色</p>
  280.                                                 </div>
  281.                                                 <div class="swarovskiBox">
  282.                                                     <em class="swarovskiBox-month">8月</em>
  283.                                                     <div class="swarovskiBox-img">
  284.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_08.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  285.                                                     </div>
  286.                                                     <p class="swarovskiBox-color">ペリドット色</p>
  287.                                                 </div>
  288.                                                 <div class="swarovskiBox">
  289.                                                     <em class="swarovskiBox-month">9月</em>
  290.                                                     <div class="swarovskiBox-img">
  291.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_09.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  292.                                                     </div>
  293.                                                     <p class="swarovskiBox-color">サファイア色</p>
  294.                                                 </div>
  295.                                                 <div class="swarovskiBox">
  296.                                                     <em class="swarovskiBox-month">10月</em>
  297.                                                     <div class="swarovskiBox-img">
  298.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_10.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  299.                                                     </div>
  300.                                                     <p class="swarovskiBox-color">ホワイト<br>オパール色</p>
  301.                                                 </div>
  302.                                                 <div class="swarovskiBox">
  303.                                                     <em class="swarovskiBox-month">11月</em>
  304.                                                     <div class="swarovskiBox-img">
  305.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_11.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  306.                                                     </div>
  307.                                                     <p class="swarovskiBox-color">LTトパーズ色</p>
  308.                                                 </div>
  309.                                                 <div class="swarovskiBox">
  310.                                                     <em class="swarovskiBox-month">12月</em>
  311.                                                     <div class="swarovskiBox-img">
  312.                                                         <img src="{{ asset('assets/img/titan/index/swarovskiBox_12.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  313.                                                     </div>
  314.                                                     <p class="swarovskiBox-color">タンザナイト色</p>
  315.                                                 </div>
  316.                                             </div>
  318.                                             <div class="subSection-swarovski isOther">
  319.                                                 <h5 class="mod-hl-04">その他のカラー石（スワロフスキー）</h5>
  320.                                                 <div class="swarovskiContainer">
  321.                                                     <div class="swarovskiBox isOther">
  322.                                                         <div class="swarovskiBox-img">
  323.                                                             <img src="{{ asset('assets/img/titan/index/swarovskiBox_13.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  324.                                                         </div>
  325.                                                         <p class="swarovskiBox-color">LTローズ<br>（薄ピンク）色</p>
  326.                                                     </div>
  327.                                                     <div class="swarovskiBox isOther">
  328.                                                         <div class="swarovskiBox-img">
  329.                                                             <img src="{{ asset('assets/img/titan/index/swarovskiBox_14.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  330.                                                         </div>
  331.                                                         <p class="swarovskiBox-color">ローズ<br>（ピンク）色</p>
  332.                                                     </div>
  333.                                                     <div class="swarovskiBox isOther">
  334.                                                         <div class="swarovskiBox-img">
  335.                                                             <img src="{{ asset('assets/img/titan/index/swarovskiBox_15.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  336.                                                         </div>
  337.                                                         <p class="swarovskiBox-color">VTローズ<br>（濃ピンク）色</p>
  338.                                                     </div>
  339.                                                     <div class="swarovskiBox isOther">
  340.                                                         <div class="swarovskiBox-img">
  341.                                                             <img src="{{ asset('assets/img/titan/index/swarovskiBox_16.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  342.                                                         </div>
  343.                                                         <p class="swarovskiBox-color">クリスタルAB<br>（オーロラ）色</p>
  344.                                                     </div>
  345.                                                     <div class="swarovskiBox isOther">
  346.                                                         <div class="swarovskiBox-img">
  347.                                                             <img src="{{ asset('assets/img/titan/index/swarovskiBox_17.jpg') }}" width="64" height="64" alt="" class="imgFit" loading="lazy">
  348.                                                         </div>
  349.                                                         <p class="swarovskiBox-color">BKダイア<br>（薄黒）色</p>
  350.                                                     </div>
  351.                                                 </div>
  352.                                             </div>
  353.                                         </div>
  354.                                     </div>
  355.                                 </section>
  356.                                 <!-- /スワロフスキー -->
  358.                                 <a href="{{ url('product_list') }}?category_id=65" class="mod-btn-03 titanIndex-products">
  359.                                     <span class="btnInner">チタンの<span class="d-inlineBlock">製品情報を見る</span>
  360.                                     </span>
  361.                                 </a>
  362.                             </section>
  363.                             <!-- /ブラストチタンの個人用印章は、目印部分をお好みでカラー石に変更出来ます。 -->
  364.                         </section>
  365.                     </div>
  366.                     <!-- /PAGE CONTENTS -->
  368.                 </div>
  369.                 <!-- /メインコンテンツ -->
  372.                 <!-- サイドメニュー -->
  373.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  374.                 <!-- /サイドメニュー -->
  375.             </div>
  376.         </div>
  377.     </div>
  378. {% endblock %}