app/template/anivbtob/Block/top_main_contents.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. <style>
  12. /***********************************************************************
  13. TOPリーフレットパート
  14. ***********************************************************************/
  17. /* ▼▼▼ 文字・アイコン・背景色や横幅の変更ここから ▼▼▼
  18. ***********************************************************************/
  19. .ec-role {
  20. margin: 0 auto;
  21. width: calc(100% - 40px);/*表記変更*/
  22. /*padding-left: 20px;
  23. padding-right: 20px;*/
  24. box-sizing: border-box;
  25. font-size: 14px;
  26. line-height: 1.4;
  27. color: #525263;
  28. -webkit-text-size-adjust: 100%;
  29. /*width: 100%;*/
  30. /*max-width: 1130px;*/
  31. }
  33. @media (min-width:769px){
  34. .ec-role {
  35. width: calc(100% - 40px);/*表記変更*/
  36. /* padding-left: 20px; */
  37. /* padding-right: 20px; */
  38. /*width: 100%;*/
  39. /*max-width: 800px;最大コンテンツ幅*/
  40. }
  41. }
  43. section.top__contents{
  44. display:block; padding:4em 0;
  45. }
  47. @media (min-width:769px){
  48. section.top__contents{
  49. max-width: 800x;/*最大コンテンツ幅*/
  50. }
  51. }
  53. .introEnTitle{
  54.         font-size:16px;
  55.         padding-top:1em;
  56. }
  57. .ec-eyecatchRole__intro h1{
  58.     font-size:1.8571rem;
  59.     font-weight:800;
  60.     text-align:center;
  61.     padding-bottom: 40px ;
  62.     }
  63. .introDescription {
  64.     font-size:1rem;
  65.     line-height:1.8;
  66.     font-weight:400;
  67.     margin: 12px 0 2em;
  68.     }
  69. </style>
  71. <div class="ec-role">
  72. <section class = "top__contents">
  74. <div class="ec-eyecatchRole__intro">
  75.             <p class="introEnTitle">{{ 'FURISODE BtoB'|trans }}</p>
  76.             <h1 class="ec-eyecatchRole__introTitle">{{ '「振袖レンタルビジネス」を全面バックアップ。'|trans }}</h1>
  77.             <img src="{{ asset('assets/img/top/top_thum_intro-50.jpg') }}" alt="撮影スタジオ" role="presentation"/>
  78.             <p class="introDescription">{{ '「フォトスタジオ」「美容院」「貸衣裳店」様用に振袖レンタルプランをご提案！必要な商品を必要な期間、在庫リスク無しで振袖レンタル展開が可能です。
  79.             振袖BtoBは、法人様専用のリースご予約サイトです。ご利用にはご登録が必要になります。
  80. '|trans|nl2br }}</p>
  81.             <a class="ec-blockBtn--top" href="https://www.instagram.com/furisode.btob/"  target="_blank" rel="noopener noreferrer">{{ 'インスタグラム振袖一覧はこちら'|trans }}</a>
  82. </div>
  83. </section>
  84. </div>
  85. {# 02 #}
  86. <div class="ec-role">
  87. <section class = "top__contents">
  88. <div class="ec-eyecatchRole__intro">
  89. <h1 class="ec-eyecatchRole__introTitle">{{ 'ビジネスプラン5つのメリット'|trans }}</h1>
  90. <p class="introDescription">振袖専門店と同等の品揃えが可能で、初心者の方でも気軽に始められます。</p>
  91. <img src="{{ asset('assets/img/top/top_thum_02-50.jpg') }}" alt="ビジネスプラン5つのメリット" role="presentation"/
  92. </div>
  93. </section>
  94. </div>
  95. {# 03 #}
  96. <div class="ec-role">
  97. <section class = "top__contents">
  98. <div class="ec-eyecatchRole__intro">
  99. <h1 class="ec-eyecatchRole__introTitle">{{ '商品発注から受注までの流れ'|trans }}</h1>
  100. <p class="introDescription">貴社のビジネスプランに合わせてご相談に応じさせていただきます。</p>
  101. <img src="{{ asset('assets/img/top/top_thum_03-50.jpg') }}" alt="商品発注から受注までの流れ" role="presentation"/
  102. </div>
  103. </section>
  104. </div>
  105. {# 04 #}
  106. <div class="ec-role">
  107. <section class = "top__contents">
  108. <div class="ec-eyecatchRole__intro">
  109. <h1 class="ec-eyecatchRole__introTitle">{{ 'リース商品内容'|trans }}</h1>
  110. <p class="introDescription">100年企業・全国７8店舗のきものやまとのグループ会社だから、豊富な種類・良質な商品をご用意させていただきます。</p>
  111. <img src="{{ asset('assets/img/top/top_thum_04-50.jpg') }}" alt="リース商品内容" role="presentation"/
  112. </div>
  113. </section>
  114. </div>
  115. {# 05 #}
  116. <div class="ec-role">
  117. <section class = "top__contents">
  118. <div class="ec-eyecatchRole__intro">
  119. <h1 class="ec-eyecatchRole__introTitle">{{ 'お支払いの流れ'|trans }}</h1>
  120. <p class="introDescription">レンタルのご契約で前撮り写真の売り上げが見込めたり、ビジネスチャンスを広げられます。</p>
  121. <img src="{{ asset('assets/img/top/top_thum_05-50.jpg') }}" alt="お支払いの流れ" role="presentation"/
  122. </div>
  123. </section>
  124. </div>
  125. {# 06 #}
  126. <div class="ec-role">
  127. <section class = "top__contents">
  128. <div class="ec-eyecatchRole__intro">
  129. <h1 class="ec-eyecatchRole__introTitle">{{ '充実のサポート'|trans }}</h1>
  130. <p class="introDescription">展示会や集客などご契約後も様々な支援をさせていただきます。お気軽にご相談ください。</p>
  131. <img src="{{ asset('assets/img/top/top_thum_06-50.jpg') }}" alt="充実のサポート" role="presentation"/
  132. </div>
  133. </section>
  134. <a class="ec-blockBtn--top" href="{{ asset('assets/img/top/Furisode-Hakama-Lease-Business-Plan.pdf') }}">{{ '資料ダウンロード'|trans }}</a>
  135. </div>