app/template/user_data/howto_private.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="howto howtoPrivate">
  32.                         <section>
  33.                             <h2 class="howtoPrivate-hl">個人印鑑には<br class="dn-pc">３つの種類があります。</h2>
  34.                             <ul
  35.                                 class="howto-choose-list">
  36.                                 <!-- 実印 -->
  37.                                 <li class="listItem">
  38.                                     <div class="listItem-header">
  39.                                         <div class="listItem-header-img">
  40.                                             <div class="imgInner">
  41.                                                 <img src="{{ asset('assets/img/top/tab_use_header_01.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover">
  42.                                             </div>
  43.                                         </div>
  44.                                         <em class="listItem-header-hl">実印</em>
  45.                                     </div>
  46.                                     <div class="listItem-imageBlock">
  47.                                         <div class="listItem-img">
  48.                                             <img src="{{ asset('assets/img/top/tab_use_image_01.jpg') }}" width="150" height="150" alt="" class="imgFit">
  49.                                         </div>
  50.                                         <p class="listItem-detail">
  51.                                             自動車や住宅の購入、ローン設定、保険金の受領など主に大きなお金が動く契約の際に、<em>本人であることの証明に使う</em>。
  52.                                         </p>
  53.                                     </div>
  54.                                     <div class="listItem-body">
  55.                                         <a href="#howtoPrivate-jituin" class="mod-btn-01 isOpen listItem-more">
  56.                                             <span class="btnInner">実印<span class="d-inlineBlock">もっと詳しく見る</span>
  57.                                             </span>
  58.                                         </a>
  59.                                     </div>
  60.                                 </li>
  61.                                 <!-- /実印 -->
  63.                                 <!-- 銀行印 -->
  64.                                 <li class="listItem">
  65.                                     <div class="listItem-header">
  66.                                         <div class="listItem-header-img">
  67.                                             <div class="imgInner">
  68.                                                 <img src="{{ asset('assets/img/top/tab_use_header_02.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover">
  69.                                             </div>
  70.                                         </div>
  71.                                         <em class="listItem-header-hl">銀行印</em>
  72.                                     </div>
  73.                                     <div class="listItem-imageBlock">
  74.                                         <div class="listItem-img">
  75.                                             <img src="{{ asset('assets/img/top/tab_use_image_02.jpg') }}" width="150" height="150" alt="" class="imgFit">
  76.                                         </div>
  77.                                         <p class="listItem-detail">
  78.                                             信用金庫や銀行等の金融機関に口座を作成する際に登録する印鑑。偽造されない工夫が必要。
  79.                                         </p>
  80.                                     </div>
  81.                                     <div class="listItem-body">
  82.                                         <a href="#howtoPrivate-ginkouin" class="mod-btn-01 isOpen listItem-more">
  83.                                             <span class="btnInner">銀行印<span class="d-inlineBlock">もっと詳しく見る</span>
  84.                                             </span>
  85.                                         </a>
  86.                                     </div>
  87.                                 </li>
  88.                                 <!-- /銀行印 -->
  90.                                 <!-- 認印 -->
  91.                                 <li class="listItem">
  92.                                     <div class="listItem-header">
  93.                                         <div class="listItem-header-img">
  94.                                             <div class="imgInner">
  95.                                                 <img src="{{ asset('assets/img/top/tab_use_header_03.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover">
  96.                                             </div>
  97.                                         </div>
  98.                                         <em class="listItem-header-hl">認印</em>
  99.                                     </div>
  100.                                     <div class="listItem-imageBlock">
  101.                                         <div class="listItem-img">
  102.                                             <img src="{{ asset('assets/img/top/tab_use_image_03.jpg') }}" width="150" height="150" alt="" class="imgFit">
  103.                                         </div>
  104.                                         <p class="listItem-detail">
  105.                                             押印する書類や伝票への内容を確認したことを示すために押すなど、日常的に使用される印鑑。
  106.                                         </p>
  107.                                     </div>
  108.                                     <div class="listItem-body">
  109.                                         <a href="#howtoPrivate-ninnin" class="mod-btn-01 isOpen listItem-more">
  110.                                             <span class="btnInner">認印<span class="d-inlineBlock">もっと詳しく見る</span>
  111.                                             </span>
  112.                                         </a>
  113.                                     </div>
  114.                                 </li>
  115.                                 <!-- /認印 -->
  116.                             </ul>
  117.                             <ul class="howto-otherLink">
  118.                                 <li class="listItem">
  119.                                     <a href="{{ url('homepage') }}user_data/howto_corporation">法人印についてはコチラ</a>
  120.                                 </li>
  121.                                 <li class="listItem">
  122.                                     <a href="{{ url('homepage') }}user_data/howto_kinds#howtoKinds-rakkan">落款印・蔵書印についてはコチラ</a>
  123.                                 </li>
  124.                             </ul>
  127.                             <!-- 実印の選び方 -->
  128.                             <section class="howtoPrivate-subSection" id="howtoPrivate-jituin">
  129.                                 <h3 class="mod-hl-01">
  130.                                     <span class="isJp">実印の選び方</span>
  131.                                 </h3>
  132.                                 <section class="subSection-about">
  133.                                     <h4 class="mod-hl-02">
  134.                                         <span class="isJp">実印とは？</span>
  135.                                     </h4>
  136.                                     <div class="subSection-aboutContainer">
  137.                                         <div class="subSection-about-img">
  138.                                             <img src="{{ asset('assets/img/howto/private/jituin_about_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  139.                                         </div>
  140.                                         <div class="subSection-about-textBlock">
  141.                                             <p class="subSection-about-text">
  142.                                                 役所に印鑑登録した印章を実印といいます。<br>
  143.                                                 不動産や自動車の取引、相続、共同保証契約、お金の借り入れなど、財産や法的な契約に関連する重要な場面で実印は必要です。<br>
  144.                                                 本人であることを公的機関に証明してもらう為に用いる印章ですので、同じ印章を家族で共有することは出来ません。
  145.                                             </p>
  146.                                         </div>
  147.                                     </div>
  148.                                 </section>
  150.                                 <section class="subSection-font">
  151.                                     <h4 class="mod-hl-02">
  152.                                         <span class="isJp">実印の書体</span>
  153.                                     </h4>
  154.                                     <div class="subSection-font-lead">
  155.                                         <p>
  156.                                             実印は本人であることを証明する為に用いる印章です。そのため、偽造されにくい書体を選ぶことが大切です。<br>
  157.                                             <em class="mod-font-cRed">偽造されにくい書体として「吉相体」「篆書体」</em>は文字が複雑で読みにくいため特におすすめしております。
  158.                                         </p>
  159.                                     </div>
  160.                                     <picture class="subSection-font-table">
  161.                                         <source srcset="{{ asset('assets/img/howto/private/jituin_font_table_01_pc.png') }}" media="(min-width: 1321px)">
  162.                                         <img src="{{ asset('assets/img/howto/private/jituin_font_table_01.png') }}" alt="古印体、隷書体は読みやすい書体。吉相体、篆書体は読みにくい書体であり、実印にオススメ。" class="imgFit">
  163.                                     </picture>
  164.                                     <div class="subSection-font-info">
  165.                                         <h5 class="mod-hl-04">実印に刻する内容</h5>
  166.                                         <div class="subSection-font-info-text">
  167.                                             <p>既婚者の場合、男女問わず、性と名を縦配列として二行にします。但し、未婚の女性の場合は、結婚後に姓が変わっても使用できるように、名だけ刻印する場合もあります。</p>
  168.                                         </div>
  169.                                     </div>
  170.                                 </section>
  172.                                 <section class="subSection-size">
  173.                                     <h4 class="mod-hl-02">
  174.                                         <span class="isJp">実印のサイズ選びのアドバイス</span>
  175.                                     </h4>
  176.                                     <picture class="subSection-size-table">
  177.                                         <source srcset="{{ asset('assets/img/howto/private/jituin_size_table_01_pc.png') }}" media="(min-width: 1321px)">
  178.                                         <img src="{{ asset('assets/img/howto/private/jituin_size_table_01.png') }}" alt="男性にオススメなのは18mm、特にオススメなのは16.5mmと15mm。女性にオススメなのは16.5mm、特にオススメなのは15mmと13.5mm。" class="imgFit">
  179.                                     </picture>
  180.                                     <small class="subSection-size-small">※あくまでもおすすめサイズです。体格や手の大きさに応じておすすめサイズが異なっております。</small>
  181.                                 </section>
  183.                                 <section class="subSection-ranking">
  184.                                     <h4 class="mod-hl-02">
  185.                                         <span class="isJp">人気の実印ランキング</span>
  186.                                     </h4>
  187.                                     <ol class="howto-ranking-list">
  188.                                         <li class="listItem">
  189.                                             <a href="{{ url('product_list') }}?category_id=67" class="listItemInner">
  190.                                                 <img src="{{ asset('assets/img/howto/private/bnr_jituin_ranking_01.png') }}" width="429" height="160" alt="1位・黒水牛" class="imgFit" loading="lazy">
  191.                                             </a>
  192.                                         </li>
  194.                                         <li class="listItem">
  195.                                             <a href="{{ url('product_list') }}?category_id=91" class="listItemInner">
  196.                                                 <img src="{{ asset('assets/img/howto/private/bnr_jituin_ranking_02.png') }}" width="429" height="160" alt="2位・ブラストチタン" class="imgFit" loading="lazy">
  197.                                             </a>
  198.                                         </li>
  200.                                         <li class="listItem">
  201.                                             <a href="{{ url('product_list') }}?category_id=70" class="listItemInner">
  202.                                                 <img src="{{ asset('assets/img/howto/private/bnr_jituin_ranking_03.png') }}" width="429" height="160" alt="3位・牛角（上）" class="imgFit" loading="lazy">
  203.                                             </a>
  204.                                         </li>
  205.                                     </ol>
  206.                                     <a href="{{ url('product_list') }}?category_id=12" class="mod-btn-03 subSection-ranking-more">
  207.                                         <span class="btnInner">個人印鑑 実印の<span class="d-inlineBlock">商品一覧へ</span>
  208.                                         </span>
  209.                                     </a>
  210.                                 </section>
  211.                             </section>
  212.                             <!-- /実印の選び方 -->
  215.                             <!-- 銀行印の選び方 -->
  216.                             <section class="howtoPrivate-subSection" id="howtoPrivate-ginkouin">
  217.                                 <h3 class="mod-hl-01">
  218.                                     <span class="isJp">銀行印の選び方</span>
  219.                                 </h3>
  220.                                 <section class="subSection-about">
  221.                                     <h4 class="mod-hl-02">
  222.                                         <span class="isJp">銀行印とは？</span>
  223.                                     </h4>
  224.                                     <div class="subSection-aboutContainer">
  225.                                         <div class="subSection-about-img">
  226.                                             <img src="{{ asset('assets/img/howto/private/ginkouin_about_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  227.                                         </div>
  228.                                         <div class="subSection-about-textBlock">
  229.                                             <p class="subSection-about-text">
  230.                                                 金融機関にて口座の開設する際に登録する印章を銀行印といいます。<br>金銭管理の大切な印章ですので、実印との併用、家族間での併用は出来るだけ避けた方が良いでしょう。
  231.                                             </p>
  232.                                         </div>
  233.                                     </div>
  234.                                 </section>
  236.                                 <section class="subSection-font">
  237.                                     <h4 class="mod-hl-02">
  238.                                         <span class="isJp">銀行印の書体</span>
  239.                                     </h4>
  240.                                     <div class="subSection-font-lead">
  241.                                         <p>
  242.                                             金銭管理の大切な印章です。そのため実印と同じく、偽造されにくい書体を選ぶことが大切です。<br>
  243.                                             <em class="mod-font-cRed">偽造されにくい書体として「吉相体」「篆書体」</em>は文字が複雑で読みにくいため特におすすめしております。
  244.                                         </p>
  245.                                     </div>
  246.                                     <picture class="subSection-font-table">
  247.                                         <source srcset="{{ asset('assets/img/howto/private/ginkouin_font_table_01_pc.png') }}" media="(min-width: 1321px)">
  248.                                         <img src="{{ asset('assets/img/howto/private/ginkouin_font_table_01.png') }}" alt="古印体、隷書体は読みやすい書体。吉相体、篆書体は読みにくい書体であり、銀行印にオススメ。" class="imgFit">
  249.                                     </picture>
  250.                                     <div class="subSection-font-info">
  251.                                         <h5 class="mod-hl-04">銀行印に刻する内容</h5>
  252.                                         <div class="subSection-font-info-text">
  253.                                             <p>男性・女性問わず、主として姓を横に刻印しますが、実印同様、未婚の女性の場合は、結婚後に姓が変わっても使用出来るように、名だけを刻印する場合もあります。横に刻印する理由は、｢水は縦に流れる｣の水をお金に見立て｢お金をせき止める｣という意味です。</p>
  254.                                         </div>
  255.                                     </div>
  256.                                 </section>
  258.                                 <section class="subSection-size">
  259.                                     <h4 class="mod-hl-02">
  260.                                         <span class="isJp">銀行印のサイズ選びのアドバイス</span>
  261.                                     </h4>
  262.                                     <picture class="subSection-size-table">
  263.                                         <source srcset="{{ asset('assets/img/howto/private/ginkouin_size_table_01_pc.png') }}" media="(min-width: 1321px)">
  264.                                         <img src="{{ asset('assets/img/howto/private/ginkouin_size_table_01.png') }}" alt="男性にオススメなのは15mm、特にオススメなのは13.5mmと12mm。女性にオススメなのは13.5mm、特にオススメなのは12mm。" class="imgFit">
  265.                                     </picture>
  266.                                     <small class="subSection-size-small">※あくまでもおすすめサイズです。体格や手の大きさに応じておすすめサイズが異なっております。</small>
  267.                                 </section>
  269.                                 <section class="subSection-ranking">
  270.                                     <h4 class="mod-hl-02">
  271.                                         <span class="isJp">人気の銀行印ランキング</span>
  272.                                     </h4>
  273.                                     <ol class="howto-ranking-list">
  274.                                         <li class="listItem">
  275.                                             <a href="#" class="listItemInner">
  276.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ginkouin_ranking_01.png') }}" width="429" height="160" alt="1位・智頭杉" class="imgFit" loading="lazy">
  277.                                             </a>
  278.                                         </li>
  280.                                         <li class="listItem">
  281.                                             <a href="#" class="listItemInner">
  282.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ginkouin_ranking_02.png') }}" width="429" height="160" alt="2位・ブラストチタン" class="imgFit" loading="lazy">
  283.                                             </a>
  284.                                         </li>
  286.                                         <li class="listItem">
  287.                                             <a href="#" class="listItemInner">
  288.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ginkouin_ranking_03.png') }}" width="429" height="160" alt="3位・黒水牛" class="imgFit" loading="lazy">
  289.                                             </a>
  290.                                         </li>
  291.                                     </ol>
  292.                                     <a href="{{ url('product_list') }}?category_id=80" class="mod-btn-03 subSection-ranking-more">
  293.                                         <span class="btnInner">個人印鑑 銀行印の<span class="d-inlineBlock">商品一覧へ</span>
  294.                                         </span>
  295.                                     </a>
  296.                                 </section>
  297.                             </section>
  298.                             <!-- /銀行印の選び方 -->
  301.                             <!-- 認印の選び方 -->
  302.                             <section class="howtoPrivate-subSection" id="howtoPrivate-ninnin">
  303.                                 <h3 class="mod-hl-01">
  304.                                     <span class="isJp">認印の選び方</span>
  305.                                 </h3>
  306.                                 <section class="subSection-about">
  307.                                     <h4 class="mod-hl-02">
  308.                                         <span class="isJp">認印とは？</span>
  309.                                     </h4>
  310.                                     <div class="subSection-aboutContainer">
  311.                                         <div class="subSection-about-img">
  312.                                             <img src="{{ asset('assets/img/howto/private/ninnin_about_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  313.                                         </div>
  314.                                         <div class="subSection-about-textBlock">
  315.                                             <p class="subSection-about-text">
  316.                                                 文字の通り｢しるし｣として、書類の内容を確認した時などにサインとして捺印する印章です。<br>認印とはいえ各種契約書等に署名捺印したものは、民法上は同じ効力を持ちますので注意が必要です。
  317.                                             </p>
  318.                                         </div>
  319.                                     </div>
  320.                                 </section>
  322.                                 <section class="subSection-font">
  323.                                     <h4 class="mod-hl-02">
  324.                                         <span class="isJp">認印の書体</span>
  325.                                     </h4>
  326.                                     <div class="subSection-font-lead">
  327.                                         <p>
  328.                                             日常生活においてサインの代わりとして使用するため、<em class="mod-font-cRed">読みやすい「古印体」や「隷書体」</em>をおすすめしております。
  329.                                         </p>
  330.                                     </div>
  331.                                     <picture class="subSection-font-table">
  332.                                         <source srcset="{{ asset('assets/img/howto/private/ninnin_font_table_01_pc.png') }}" media="(min-width: 1321px)">
  333.                                         <img src="{{ asset('assets/img/howto/private/ninnin_font_table_01.png') }}" alt="吉相体、篆書体は読みにくい書体。古印体、隷書体は読みやすい書体であり、認印にオススメ。" class="imgFit">
  334.                                     </picture>
  335.                                     <div class="subSection-font-info">
  336.                                         <h5 class="mod-hl-04">認印に刻する内容</h5>
  337.                                         <div class="subSection-font-info-text">
  338.                                             <p>男性・女性問わず、主として姓を刻印します。<br>但し、会社の出勤簿や書類等に捺印する際に、同姓の方がいる場合は、書体を変えて作製する方が誤認防止となるでしょう。</p>
  339.                                         </div>
  340.                                     </div>
  341.                                 </section>
  343.                                 <section class="subSection-size">
  344.                                     <h4 class="mod-hl-02">
  345.                                         <span class="isJp">認印のサイズ選びのアドバイス</span>
  346.                                     </h4>
  347.                                     <picture class="subSection-size-table">
  348.                                         <source srcset="{{ asset('assets/img/howto/private/ninnin_size_table_01_pc.png') }}" media="(min-width: 1321px)">
  349.                                         <img src="{{ asset('assets/img/howto/private/ninnin_size_table_01.png') }}" alt="男性に特にオススメなのは12mmと10.5mm。女性にオススメなのは12mm、特にオススメなのは10.5mm。" class="imgFit">
  350.                                     </picture>
  351.                                     <small class="subSection-size-small">※あくまでもおすすめサイズです。体格や手の大きさに応じておすすめサイズが異なっております。</small>
  352.                                 </section>
  354.                                 <section class="subSection-ranking">
  355.                                     <h4 class="mod-hl-02">
  356.                                         <span class="isJp">人気の認印ランキング</span>
  357.                                     </h4>
  358.                                     <ol class="howto-ranking-list">
  359.                                         <li class="listItem">
  360.                                             <a href="#" class="listItemInner">
  361.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ninnin_ranking_01.png') }}" width="429" height="160" alt="1位・智頭杉" class="imgFit" loading="lazy">
  362.                                             </a>
  363.                                         </li>
  365.                                         <li class="listItem">
  366.                                             <a href="#" class="listItemInner">
  367.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ninnin_ranking_02.png') }}" width="429" height="160" alt="2位・神楽ひのき" class="imgFit" loading="lazy">
  368.                                             </a>
  369.                                         </li>
  371.                                         <li class="listItem">
  372.                                             <a href="#" class="listItemInner">
  373.                                                 <img src="{{ asset('assets/img/howto/private/bnr_ninnin_ranking_03.png') }}" width="429" height="160" alt="3位・ブラストチタン" class="imgFit" loading="lazy">
  374.                                             </a>
  375.                                         </li>
  376.                                     </ol>
  377.                                     <a href="{{ url('product_list') }}?category_id=81" class="mod-btn-03 subSection-ranking-more">
  378.                                         <span class="btnInner">個人印鑑 認印の<span class="d-inlineBlock">商品一覧へ</span>
  379.                                         </span>
  380.                                     </a>
  381.                                 </section>
  382.                             </section>
  383.                             <!-- /認印の選び方 -->
  384.                         </section>
  385.                     </div>
  386.                     <!-- /PAGE CONTENTS -->
  388.                 </div>
  389.                 <!-- /メインコンテンツ -->
  392.                 <!-- サイドメニュー -->
  393.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  394.                 <!-- /サイドメニュー -->
  395.             </div>
  396.         </div>
  397.     </div>
  398. {% endblock %}