It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://forevista.com

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- Google tag (gtag.js) ここから-->
  6. <script async src="https://www.googletagmanager.com/gtag/js?id=G-HCNK0PSJEJ"></script>
  7. <script>
  8.  window.dataLayer = window.dataLayer || [];
  9.  function gtag(){dataLayer.push(arguments);}
  10.  gtag('js', new Date());
  11.  
  12.  gtag('config', 'G-HCNK0PSJEJ');
  13. </script>
  14. <!-- Google tag (gtag.js) ここまで-->
  15.  
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17. <title>東京の戦略系ブランディング会社|成果重視の特長と実績|フォアビスタ</title>
  18. <meta name="description" content="東京の戦略系ブランディング会社、フォアビスタ。ブランド戦略立案からMVV策定、ロゴ・VI開発、Web制作まで、成果重視の構想力と実装力で企業の成長を支援します。">
  19. <meta name="keywords" content="ブランディング、会社、東京、コンサルティング">
  20. <meta name="format-detection" content="telephone=no">
  21. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=1">
  22. <meta property="og:title" content="東京の戦略系ブランディング会社|成果重視の特長と実績|フォアビスタ">
  23. <meta property="og:type" content="website">
  24. <meta property="og:url" content="https://forevista.com/index.php">
  25. <meta property="og:image" content="http://forevista.com/images/common/fb-image.jpg">
  26. <meta property="og:site_name" content="東京の戦略系ブランディング会社|成果重視の特長と実績|フォアビスタ">
  27. <meta property="og:description" content="東京の戦略系ブランディング会社、フォアビスタ。ブランド戦略立案からMVV策定、ロゴ・VI開発、Web制作まで、成果重視の構想力と実装力で企業の成長を支援します。">
  28. <meta property="fb:app_id" content="">
  29. <link href="http://forevista.com/css/common.css" rel="stylesheet">
  30. <link href="http://forevista.com/css/top.css" rel="stylesheet">
  31. <link href="https://forevista.com/css/report.css" rel="stylesheet">
  32. <link href="https://forevista.com/js/simplebar/simplebar.css" rel="stylesheet">
  33. <link rel="apple-touch-icon" sizes="180x180" href="http://forevista.com/images/common/apple-touch-icon.png">
  34. <link rel="icon" href="http://forevista.com/images/common/favicon.ico" type="image/vnd.microsoft.icon">
  35. <link rel="stylesheet" href="/css/top.css" media="print" onload='this.media="all"'>
  36.  
  37. <link rel="canonical" href="https://forevista.com/">
  38. </head>
  39.  
  40. <body id="top">
  41. <script type="application/ld+json">
  42. {
  43.  "@context": "https://schema.org",
  44.  "@type": "Article",
  45.  "headline": "東京の戦略系ブランディング会社|成果重視の特長と実績|フォアビスタ",
  46.  "description": "東京の戦略系ブランディング会社、フォアビスタ。ブランド戦略立案からMVV策定、ロゴ・VI開発、Web制作まで、成果重視の構想力と実装力で企業の成長を支援します。",
  47.  "image": "http://forevista.com/images/common/fb-image.jpg",
  48.  "author": {
  49.  "url": "https://forevista.com/",
  50.    "@type": "Organization",
  51.    "name": "フォアビスタ"
  52.  },
  53.  "publisher": {
  54.    "@type": "Organization",
  55.    "name": "フォアビスタ",
  56.    "logo": {
  57.      "@type": "ImageObject",
  58.      "url": "http://forevista.com/images/common/favicon.ico"
  59.    }
  60.  },
  61.  "datePublished": "2024-01-01T00:00:00+09:00",
  62.  "dateModified": "2024-05-20T00:00:00+09:00"
  63. }
  64. </script>
  65. <script type="application/ld+json">
  66. {
  67. "@context": "https://schema.org",
  68. "@type": "BreadcrumbList",
  69. "itemListElement": [{
  70. "@type": "ListItem",
  71. "position": 1,
  72. "name": "TOP",
  73. "item": "https://forevista.com/"
  74. }]
  75. }
  76. </script>
  77. <!-- Header
  78. ======================================================================-->
  79. <header id="header" class="header">
  80. <div class="inner">
  81. <div class="header-top">
  82. <div class="header__logo"><a href="http://forevista.com/"><img src="http://forevista.com/images/common/header-logo.svg" width="196" height="36" alt="東京のブランディング会社"></a></div>
  83. <div id="header-toggle" class="header__hamburger hamburger hamburger--slider">
  84. <div class="hamburger-box">
  85. <div class="hamburger-inner"></div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="vivifynavi fadeInnavi">
  90. <!-- フォアビスタとは -->
  91. <nav class="gnav">
  92. <ul class="kyokasho">
  93. <li class="gnav__career" id="gnav_0">
  94. <a class="hidden-sp" href="http://forevista.com/index.php">フォアビスタとは</a>
  95. <a class="visible-sp" href="http://forevista.com/index.php">フォアビスタとは</a>
  96. </li>
  97. <!-- ブランディング実績 -->
  98. <li class="gnav__career" id="gnav_1_2">
  99. <a class="hidden-sp" href="http://forevista.com/branding/cases.php">ブランディング実績</a>
  100. <a class="visible-sp" href="http://forevista.com/branding/cases.php">ブランディング実績</a>
  101. </li>
  102. <!-- 私たちのブランディング -->
  103. <li class="gnav__branding js-toggle-menu">
  104. <a href="http://forevista.com/branding/" class="hidden-sp short" id="gnav_1_1">私たちのブランディング</a>
  105. <a class="parent no-smooth visible-sp" href="http://forevista.com/branding/">私たちのブランディング</a>
  106. <ul class="js-toggle-content">
  107. <li id="gnav_1_1">
  108. <a href="http://forevista.com/branding/" class="short visible-sp">ブランディングTOP</a>
  109. </li>
  110. <li id="gnav_1_3">
  111. <a href="http://forevista.com/branding/corporate-branding.php">企業ブランディング</a>
  112. </li>
  113. <li id="gnav_1_4">
  114. <a href="http://forevista.com/branding/business-branding.php">事業ブランディング</a>
  115. </li>
  116. <li id="gnav_1_5">
  117. <a href="http://forevista.com/branding/purpose-branding.php">パーパス<br> ブランディング</a>
  118. </li>
  119. <li id="gnav_1_6">
  120. <a href="http://forevista.com/branding/internal-branding.php">インナー<br> ブランディング</a>
  121. </li>
  122. <li id="gnav_1_7">
  123. <a href="http://forevista.com/branding/external-branding.php">アウター<br> ブランディング</a>
  124. </li>
  125. </ul>
  126. </li>
  127. <!-- ソリューション -->
  128. <li class="gnav__solution js-toggle-menu">
  129. <a href="http://forevista.com/solution/" class="hidden-sp" id="gnav_2_1">ソリューション</a>
  130. <a class="parent no-smooth visible-sp" href="http://forevista.com/solution/">ソリューション</a>
  131. <ul class="js-toggle-content">
  132. <li id="gnav_2_1">
  133. <a href="http://forevista.com/solution/" class="short visible-sp">ソリューションTOP</a>
  134. </li>
  135. <li id="gnav_2_3">
  136. <a href="http://forevista.com/solution/brand-envision.php">ブランド<br> エンビジョン </a>
  137. </li>
  138. <li id="gnav_2_4">
  139. <a href="http://forevista.com/solution/brand-evolution.php">ブランド<br> エボリューション </a>
  140. </li>
  141. <li id="gnav_2_5">
  142. <a href="http://forevista.com/solution/brand-creation.php">ブランド<br> クリエイション </a>
  143. </li>
  144. <li id="gnav_2_6">
  145. <a href="http://forevista.com/solution/brand-communication.php">ブランド<br> コミュニケーション </a>
  146. </li>
  147. <li id="gnav_2_2">
  148. <a href="http://forevista.com/solution/list.php" class="short">ソリューション例</a>
  149. </li>
  150. <li id="gnav_2_7">
  151. <a href="http://forevista.com/solution/counseling.php">カウンセリング</a>
  152. </li>
  153. <li id="gnav_2_8">
  154. <a href="http://forevista.com/solution/seminar.php">セミナー</a>
  155. </li>
  156. </ul>
  157. </li>
  158. <!-- 記事・レポート -->
  159. <li class="gnav__career" id="gnav_7_1">
  160. <a href="http://forevista.com/report">記事・レポート</a>
  161. </li>
  162. <!-- 記事・レポート -->
  163. <li class="gnav__career" id="gnav_8_1">
  164. <a href="http://forevista.com/library">ライブラリー</a>
  165. </li>
  166. <!-- ナレッジ -->
  167. <li class="gnav__knowledge js-toggle-menu">
  168. <a href="http://forevista.com/knowledge/" class="hidden-sp" id="gnav_3_1">ナレッジ</a>
  169. <a class="parent no-smooth visible-sp" href="http://forevista.com/knowledge/">ナレッジ</a>
  170. <ul class="js-toggle-content">
  171. <li id="gnav_3_1">
  172. <a href="http://forevista.com/knowledge/" class="visible-sp">ナレッジTOP</a>
  173. </li>
  174. <li id="gnav_3_2">
  175. <a href="http://forevista.com/brandingnews/">ブランディング<br>ニュース</a>
  176. </li>
  177. <li id="gnav_3_3">
  178. <a href="http://forevista.com/knowledge/nikkei225.php">日経225のBI</a>
  179. </li>
  180. <li id="gnav_3_4">
  181. <a href="http://forevista.com/knowledge/nikkei225-logomark-1.php">日経225のロゴ</a>
  182. </li>
  183. <li id="gnav_3_5">
  184. <a href="http://forevista.com/knowledge/about-branding-1.php">ブランディングとは1</a>
  185. </li>
  186. <li id="gnav_3_6" class="second">
  187. <a href="http://forevista.com/knowledge/about-branding-2.php">ブランディングとは2</a>
  188. </li>
  189. <li>
  190. <a href="http://forevista.com/blog/" target="blank">ブランディング情報</a>
  191. </li>
  192. </ul>
  193. </li>
  194. <!-- フォアビスタとは -->
  195. <li class="gnav__whatisforevista js-toggle-menu">
  196. <a href="http://forevista.com/company/" class="hidden-sp" id="gnav_4_1">会社情報</a>
  197. <a class="parent no-smooth visible-sp" href="http://forevista.com/company/">会社情報</a>
  198. <ul class="js-toggle-content">
  199. <li id="gnav_4_1">
  200. <a href="http://forevista.com/company/">フォアビスタについて</a>
  201. </li>
  202. <li id="gnav_4_2">
  203. <a href="http://forevista.com/company/index.php#companyinformation">会社情報</a>
  204. </li>
  205. <li>
  206. <a href="http://forevista.com/company/index.php#access">アクセス</a>
  207. </li>
  208. </ul>
  209. </li>
  210. <!-- キャリア -->
  211. <li class="gnav__career hidden-sp" id="gnav_5_1">
  212. <a class="hidden-sp" href="http://forevista.com/company/career.php">キャリア</a>
  213. </li>
  214. <!-- お問い合わせ -->
  215. <li class="gnav__contact" id="gnav_6_1">
  216. <a class="contact" href="http://forevista.com/contact/">お問い合わせ</a>
  217. </li>
  218. </ul>
  219. <!-- アクセス sp -->
  220. <ul class="visible-sp kyokasho">
  221. <li>
  222. <a href="http://forevista.com/company/career.php">キャリア</a>
  223. </li>
  224. <li>
  225. <a href="http://forevista.com/company/#access">アクセス</a>
  226. </li>
  227. <!-- サイトマップ sp -->
  228. <li>
  229. <a href="http://forevista.com/sitemap.php">サイトマップ</a>
  230. </li>
  231. </ul>
  232. </nav>
  233. </div>
  234. </div>
  235. <div class="copyright visible-sp">
  236. <p>Copyright© 2019 Forevista Inc. All rights reserved</p>
  237. </div>
  238.  
  239. <!-- .copyright -->
  240. <!-- User Heat Tag
  241. <script type="text/javascript">
  242. (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhyRnFA766'});
  243. </script>
  244. -->
  245. </header>
  246. <!-- Wrap
  247. ======================================================================-->
  248. <div id="wrap">
  249. <!-- Main Content
  250. ======================================================================-->
  251. <main>
  252. <div class="pageTop"><a href="#top">TOP</a></div><!-- pagetop -->
  253. <div class="bgBox">
  254. <div class="fixBox">
  255. <div class="videoBox hidden-sp"><video src="images/top/main_movie.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  256. <div class="videoBox visible-sp"><video src="images/top/main_movie_sp.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  257. </div>
  258. <div class="mainVisual">
  259.  
  260. <div class="textBox hidden-sp">
  261. <p class="ttl">―フォアビスタとは ―</p>
  262. <h1>アダプタビリティ(適応力)を高め、<br>企業の成長を加速させる<br>ブランディング会社</h1>
  263. </div>
  264.  
  265. <div class="textBox visible-sp">
  266. <p class="ttl">―フォアビスタとは ―</p>
  267. <h1>アダプタビリティ<br>(適応力)を高め、<br>企業の成長を加速させる<br>ブランディング会社</h1>
  268. </div>
  269.  
  270.  
  271. <div class="scroll"><a href="#"><span class="txt">Scroll</span><span class="line"></span></a></div>
  272. </div><!-- mainVisual -->
  273. <section class="sec01">
  274. <div class="content">
  275. <div class="imgBox js-scroll">
  276. <div class="textBox">
  277. <p class="ttl">― 私たちが目指すもの ―</p>
  278. <h2>アダプタビリティで<br>変化の風を捉え、<br class="part03 pc">前進する</h2>
  279. <p class="text">イノベーションが加速する一方で、不確実性が高まっている現代。顧客の価値観や期待は、ビジネスを上回るスピードで変化しています。そんな未来予測が困難な時代を生き抜き、成長するための鍵。それはアダプタビリティ(Adaptability:適応力)です。フォアビスタは、企業がこのアダプタビリティを実装できるよう、戦略的なブランディング支援を行っています。例えば、新たな市場トレンドに基づいたブランド戦略の見直しや、ブランドのアイデンティティを強化するデザイン戦略、従業員とのエンゲージメントを高める内部コミュニケーション施策など、顧客のブランド課題に沿ったプランを提案し、実施します。</p>
  280. </div>
  281. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo01.jpg" alt="アダプタビリティで変化の風を捉え、前進する"></span></div>
  282. </div>
  283. <div class="imgBox reverse js-scroll">
  284. <div class="textBox">
  285. <p class="ttl">― 私たちが提供する価値 ―</p>
  286. <h2>適応力を高めて<br>企業の体質改善を<br class="part03 pc">進める</h2>
  287. <p class="text">企業変革、成長戦略、ブランド戦略やブランド体験に関する知見とノウハウを駆使して、フォアビスタは企業のアダプタビリティを最大限に高めます。従来の枠にとらわれた方針や定義を見直し、ブランドの価値を研ぎ澄まします。鮮度と競争力が失われたマーケティング戦略を、新しい需要を生み出すブランド戦略に刷新します。対処療法的に制作されたデザインを、一貫性と統一性を兼ね備えたブランドデザインへと進化させる。従業員のマインドとモチベーションを引き上げ、挑戦への前向きな姿勢や協働意識を育む。こうした取り組みを通じて企業全体のアダプタビリティを高めます。ブランディングを通じて企業や事業の体質改善が進むため、売上拡大や生産性向上など“根本的な経営テーマ”への投資効率が格段と高まります。</p>
  288. </div>
  289. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo02.jpg" alt="適応力を高めて企業の体質改善を進める"></span></div>
  290. </div>
  291. <div class="imgBox js-scroll">
  292. <div class="textBox">
  293. <p class="ttl">― 私たちの姿勢と取り組み ―</p>
  294. <h2 class="spec">ソリューションを組み合わせ、<br class="part02 pc">ブラ<br class="part01 pc">ンドを次のステージへ</h2>
  295. <p class="text">ブランドに関わる人々の想いや願いを”理解”することからフォアビスタのブランディングは始まります。そして先端的な手法を用いて本質的な解決へと導く”戦略”と、想いや願いを束ねながら共感を引き出す”創造”の両軸で、そのブランドに最適なアダプタビリティを実装します。具体的には、①ビジョンによって未来の機会を捉え、新たな価値を生みだす<a href="https://forevista.com/solution/brand-envision.php" class="toplink"><span class="col01">Envision(エンビジョン)</span></a>、②ブランドを進化させ、競争力を高め、発展させる<a href="https://forevista.com/solution/brand-evolution.php" class="toplink"><span class="col01">Evolution(エボリューション)</span></a>、③言葉やデザインでブランドの独自性を際立たせる<a href="https://forevista.com/solution/brand-creation.php" class="toplink"><span class="col01">Creation(クリエイション)</span></a>、④ブランドの価値と魅力を伝え、結び付きを強める<a href="https://forevista.com/solution/brand-communication.php" class="toplink"><span class="col01">Communication(コミュニケーション)</span></a>という4領域のソリューションを組み合わせることで、時代に適応しながら成長を加速するブランドへと進化させます。
  296. </p>
  297. </div>
  298. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo03.jpg" alt="ソリューションを組み合わせ、ブランドを次のステージへ"></span></div>
  299. </div>
  300. </div>
  301. </section>
  302.  
  303. <section class="caseBox">
  304. <h2>事例ピックアップ</h2>
  305. <div class="case case01">
  306. <!-- 一番右 rightmost -->
  307. <div class="innerBox rightmost">
  308. <a href="branding/branding-case1/branding-case1-1.php" class="bg"><img src="images/top/case_bg01.jpg" alt=""></a>
  309. <div class="subWrap">
  310. <div class="textBox">
  311. <p><span class="txt01">6</span>年間で<br>貯金高<span class="txt01">1.2</span>倍</p>
  312. <p class="smTxt"><span class="txt02 ubuntu-light">1.05</span>兆円<span class="arrow"><img src="images/top/icon_arrow.png" alt=""></span><br><span class="txt03">1.22</span>兆円</p>
  313. </div>
  314. <h3 class="scroll-in"><span>「60周年」と<br>「1兆円達成」を機に、<br>未来像を描くブランディング。</span></h3>
  315. </div>
  316. </div>
  317. <div class="subWrap">
  318. <div class="imgtext"><img src="images/top/case_imgtext01.png" alt="Hanno-Shinkin Bank" class="pc"><img src="images/top/case_imgtext01_sp.png" alt="Hanno-Shinkin Bank" class="sp"></div>
  319. <p class="text01 kyokasho">飯能信用金庫</p>
  320. </div>
  321. </div>
  322. <div class="case case02">
  323. <!-- 一番左 leftmost -->
  324. <div class="innerBox leftmost">
  325. <a href="branding/branding-case1/branding-case1-2.php" class="bg"><img src="images/top/case_bg02.jpg" alt=""></a>
  326. <div class="subWrap">
  327. <h3 class="scroll-in"><span>未定事項多数。期間は3ヶ月。<br>スピードと共感を両立させた<br>新会社のブランディング。</span></h3>
  328. <div class="textBox">
  329. <p><span class="txt01">7</span>年間で<br>貯金高<span class="txt01">3.2</span>倍</p>
  330. <p class="smTxt"><span class="txt02 ubuntu-light">137</span>億円<span class="arrow"><img src="images/top/icon_arrow.png" alt=""></span><br><span class="txt03">440</span>億円</p>
  331. </div>
  332. </div>
  333. </div>
  334. <div class="subWrap">
  335. <p class="text01 kyokasho">アムタス</p>
  336. <div class="imgtext"><img src="images/top/case_imgtext02.png" alt="Amutus" class="pc"><img src="images/top/case_imgtext02_sp.png" alt="Amutus" class="sp"></div>
  337. </div>
  338. </div>
  339. <div class="case case03">
  340. <!-- 右 right -->
  341. <div class="innerBox right">
  342. <a href="branding/branding-case1/branding-case1-3.php" class="bg"><img src="images/top/case_bg03.jpg" alt=""></a>
  343. <div class="subWrap">
  344. <div class="textBox">
  345. <p><span class="txt01">10</span>年間で<br>貯金高<span class="txt01">6.1</span>倍</p>
  346. <p class="smTxt"><span class="txt02 ubuntu-light">18</span>億円<span class="arrow"><img src="images/top/icon_arrow.png" alt=""></span><br><span class="txt03">110</span>億円</p>
  347. </div>
  348. <h3 class="scroll-in"><span>「60周年」と<br>「1兆円達成」を機に、<br>未来像を描くブランディング。</span></h3>
  349. </div>
  350. </div>
  351. <div class="subWrap">
  352. <div class="imgtext"><img src="images/top/case_imgtext03.png" alt="Rakus" class="pc"><img src="images/top/case_imgtext03_sp.png" alt="Rakus" class="sp"></div>
  353. <p class="text01 kyokasho"><span class="pc">ラクス</span><span class="sp">ラクス</span></p>
  354. </div>
  355. </div>
  356. </section>
  357.  
  358.  
  359. <!-- 記事レポートここから -->
  360. <section class="caseBox report">
  361. <div class="inner">
  362. <h2>記事・レポート</h2>
  363. <ul class="reportList pc">
  364. <li><a href="https://forevista.com/report/./branding-explained/"><span>ブランディングの考え方</span><em style="background-color: #FF96D5;"></em></a></li><li><a href="https://forevista.com/report/./practical-branding/"><span>実践的ブランディング</span><em style="background-color: #47d4ff;"></em></a></li><li><a href="https://forevista.com/report/./mvv-corporate-philosophy/"><span>理念・MVV</span><em style="background-color: #87ee87;"></em></a></li><li><a href="https://forevista.com/report/./internal-branding/"><span>インナーブランディング</span><em style="background-color: #e6ff00;"></em></a></li><li><a href="https://forevista.com/report/./visual-identity/"><span>ビジュアルアイデンティティ</span><em style="background-color: #df80ff;"></em></a></li><li><a href="https://forevista.com/report/./brand-design/"><span>ブランドデザイン</span><em style="background-color: #ff9e3d;"></em></a></li><li><a href="https://forevista.com/report/./digital-branding/"><span>デジタルブランディング</span><em style="background-color: #FF96D5;"></em></a></li><li><a href="https://forevista.com/report/./branded-content/"><span>ブランデッド(Branded)コンテンツ</span><em style="background-color: #47d4ff;"></em></a></li><li><a href="https://forevista.com/report/./brand-strategy-in-transition/"><span>変革期のブランド戦略</span><em style="background-color: #87ee87;"></em></a></li><li><a href="https://forevista.com/report/./rebranding/"><span>リブランディング</span><em style="background-color: #e6ff00;"></em></a></li><li><a href="https://forevista.com/report/./brand-building/"><span>ブランドの構築・維持・成長</span><em style="background-color: #df80ff;"></em></a></li><li><a href="https://forevista.com/report/./b2b-d2c-global/"><span>BtoB/D2C/海外展開</span><em style="background-color: #ff9e3d;"></em></a></li> </ul>
  365.  
  366.  
  367. <section class="successful"><a href="https://forevista.com/report/brand-building/brand-building-3/">
  368. <div class="textBox">
  369. <p class="ttl">ブランドの構築・維持・成長</p>
  370. <h2  class="top_report">他社はなぜブランディングに踏み切ったのか? ―経営判断の背景とその成果―</h2>
  371. <div class="subBox">
  372. <p>他社はなぜブランディングに踏み切ったのか? 経営判断の背景とその成果を、ブランディングに踏み切れない理由や失敗しないためのポイントを交えながら解説します。</p> <p class="date">2025年5月23日<span>6分読み</span></p>
  373. </div>
  374. </div>
  375. <div class="photoBox"><img src="https://forevista.com/report/wp-content/uploads/2025/05/K-3-2.png" alt="他社はなぜブランディングに踏み切ったのか? ―経営判断の背景とその成果―"></div>
  376. <div class="bg"><img src="https://forevista.com/images/report/bg01.png" alt=""></div>
  377. <div class="bgColor" style="background-color: #df80ff;"></div>
  378. </a></section>
  379. <ul class="reportUl">
  380.  
  381. <li><a href="https://forevista.com/report/b2b-d2c-global/b2b-d2c-global-2/">
  382. <div class="photo">
  383. <div class="bg" style="background-color: #ff9e3d;"></div>
  384. <div class="sub"><img src="https://forevista.com/report/wp-content/uploads/2025/04/L-81.png" alt="BtoB企業でもブランディングは必要か? 成功事例と実践法"></div>
  385. </div>
  386. <div class="textBox">
  387. <h2 class="top_report">BtoB/D2C/海外展開</h2>
  388. <h3 class="top_report">BtoB企業でもブランディングは必要か? 成功事例と実践法</h3>
  389. <p>BtoB企業でもブランディングは必要でしょうか? 差別化が難しいBtoB市場で選ばれる企業になるために、実際の成功事例を交えながら、その実践法を解説します。</p> <p class="date">2025年5月1日<span class="txtSpan">7 分読み</span></p>
  390. </div>
  391. </a></li>
  392.  
  393. <li><a href="https://forevista.com/report/rebranding/rebranding-2/">
  394. <div class="photo">
  395. <div class="bg" style="background-color: #e6ff00;"></div>
  396. <div class="sub"><img src="https://forevista.com/report/wp-content/uploads/2025/04/J-67.png" alt="リブランディングの失敗事例から学ぶ、失敗しないために企業がやるべきこと"></div>
  397. </div>
  398. <div class="textBox">
  399. <h2 class="top_report">リブランディング</h2>
  400. <h3 class="top_report">リブランディングの失敗事例から学ぶ、失敗しないために企業がやるべきこと</h3>
  401. <p>リブランディングが必要となる状況や成功事例をもとに、リブランディングを成功に導くためのポイントを詳しく解説します。</p> <p class="date">2025年5月1日<span class="txtSpan">7 分読み</span></p>
  402. </div>
  403. </a></li>
  404. </section>
  405. <!-- 記事レポートここまで -->
  406.  
  407.  
  408. <div class="bgBox01">
  409. <div class="fixBg">
  410. <div class="videoBox hidden-sp"><video src="images/top/top_movie_246x10_02.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  411. <div class="videoBox visible-sp"><video src="images/top/top_movie_246x10_02_sp.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  412. </div>
  413. <section class="sec02">
  414. <div class="content">
  415. <h2>私たちのソリューション、<br>ブランディング事例を<br class="visible-sp">ご覧ください。</h2>
  416. <div class="hidden-sp">
  417. <p class="text">当社の顧客の多くが、業界内で高く評価されている中堅・中小企業です。<br class="hidden-sp">ブランディング会社への業務委託は一度限りのケースが多いなか、<br class="hidden-sp">当社における顧客のリピート率は75%以上を維持しています。</p>
  418. </div>
  419. <div class="visible-sp">
  420. <p class="text">当社の顧客の多くが、業界内で高く評価されている中堅・中小企業です。ブランディング会社への業務委託は一度限りのケースが多いなか、当社における顧客のリピート率は75%以上を維持しています。</p>
  421. </div>
  422. <ul class="linkUl">
  423. <li><a href="http://forevista.com/solution/">
  424. <span class="pho"><img src="images/top/top_photo10.jpg" alt="Solutions"></span>
  425. <span class="txtBox">
  426. <span class="en">Solutions</span>
  427. <span class="txt">4領域のソリューション</span>
  428. </span>
  429. </a></li>
  430. <li><a href="http://forevista.com/branding/cases.php">
  431. <span class="pho"><img src="images/top/top_photo11.jpg" alt="Branding Cases"></span>
  432. <span class="txtBox">
  433. <span class="en">Branding Cases</span>
  434. <span class="txt">ブランディング事例</span>
  435. </span>
  436. </a></li>
  437. </ul>
  438. </div>
  439. </section><!-- 私たちのソリューション、ブランディング事例をご覧ください。 -->
  440. <section class="sec03">
  441. <div class="content">
  442. <div class="imgBox js-scroll">
  443. <div class="textBox">
  444. <p class="ttl">次の一手への第一歩</p>
  445. <h2>相談からはじめる、<br>成果が見える<br class="part03 pc">ブランディング</h2>
  446. <div class="txtBox">
  447. <p class="text">マーケットの変化や顧客ニーズの多様化をビジネスチャンスに変えるために、私たちはアダプタビリティ(適応力)を切り口とした最適なブランディングを提案します。例えば、企業の価値を向上させるMVV(Mission, Vision, Values)策定や、ブランドのアイデンティティを強化する戦略的デザイン、従業員エンゲージメントを高めるための内部コミュニケーション施策など、“成果が見える”ブランディングを提供することで、顧客からの高いリピート支持(約77%)を頂いています。</p>
  448. <p class="text">まずは貴社のブランドが抱える課題をお聞かせください。企業の課題解決とブランドの価値向上を責務とするブランディング会社が、課題の本質を見極めた上で、貴社に最適なアプローチをご提案します。</p>
  449. </div>
  450. </div>
  451. <div class="photoBox"><img src="images/top/top_photo12.jpg" alt="相談からはじめる、自社に最適なブランディング"></div>
  452. </div>
  453. </div>
  454.  
  455.  
  456. <section class="sec04 sec04_bg">
  457. <div class="content">
  458. <h2>ご相談のメリット</h2>
  459. <ul class="textList">
  460. <li>
  461. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  462. <p class="txt">相談の結果をもとに、自社にブランディングが必要か不要かを判断できます。</p>
  463. </li>
  464. <li>
  465. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  466. <p class="txt">自社のブランド状況を客観的に把握することで、現実的で費用対効果の高い計画が立案できます。</p>
  467. </li>
  468. <li>
  469. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  470. <p class="txt">外部視点により、内部視点では気づかない自社の課題や、見過ごされがちな強みが見つかります。</p>
  471. </li>
  472. </ul>
  473. </div>
  474. </section><!-- Contact -->
  475.  
  476.  
  477.  
  478. </section><!-- 相談からはじめる、自社に最適なブランディング -->
  479. </div>
  480.  
  481.  
  482.  
  483. <section class="sec05">
  484. <div class="inner"><a href="http://forevista.com/contact/">
  485. <div class="subBox contactbox">
  486. <p class="en">Contact</p>
  487. <h2>お問い合わせ</h2>
  488. <p class="text">サービスに関するご質問やお見積もりのご依頼など、<br>お気軽にお問い合わせください。</p>
  489. </div>
  490. </a></div>
  491. </section><!-- Contact -->
  492. </div><!-- background -->
  493.  
  494.  
  495.  
  496.  
  497. <!-- ブランディングニュースここから -->
  498. <div class="new vivify delay3 fadeIn">
  499. <div class="brandingnews">
  500. <div class="brandingInner">
  501. <div class="midashi_e">Branding News</div>
  502. <h2 class="hidden-sp">ブランディングニュース</h2>
  503. <dl class="contentDl">
  504.  
  505.  
  506.  
  507.  
  508. <dt>2025/5/28</dt>
  509. <dd>
  510. <p class="cat" style="background: #acabfb">ブランドマネジメント</p>
  511. <ul data-cat="3">
  512. <li data-cat="3"><a href="https://last-data.co.jp/media" target="_blank">■ 「活学キャリア (株式会社ラストデータ)」は、株式会社ラストデータが運営するメディアで、IT業界への転職・スキルアップを目指す人に向けた実践的な情報を発信。未経験からの転職ノウハウ、資格取得のコツ、SES業界の実態など、現場目線で役立つコンテンツが豊富に揃っています。</a><span class="txt">FOREVISTA 2025/5/28</span></li>
  513. </dd>
  514. <dt>2025/5/13</dt>
  515. <dd>
  516. <p class="cat" style="background: #61c5f1">ブランドマーケティング</p>
  517. <ul data-cat="2">
  518. <li data-cat="2"><a href="https://rank-quest.jp/column/column/2025_branding_recommendation/" target="_blank">■ SEO支援サービス「ランクエスト」にて、当社が掲載されました。【2025年版おすすめブランディング会社一覧!】</a><span class="txt">FOREVISTA 2025/5/13</span></li>
  519. </ul>
  520. <p class="cat" style="background: #f98399">ブランディングデザイン</p>
  521. <ul data-cat="6">
  522. <li data-cat="6"><a href="https://www.paddledesign.co.jp/service/webdesign/" target="_blank">■ パドルデザインカンパニーは、Webサイトを通じて企業やブランドの価値を高めるクリエイティブカンパニー。南青山・立川を拠点に、信頼性とブランド力を強化するデザインを提供します。</a><span class="txt">FOREVISTA 2025/5/13</span></li>
  523. <li data-cat="6"><a href="https://www.itmedia.co.jp/news/articles/2505/13/news114.html" target="_blank">■ Googleアプリのロゴ、約10年ぶりにデザイン変更 AI時代反映か</a><span class="txt">ITmediaNEWS 2025/5/13</span></li>
  524. <li data-cat="6"><a href="https://www.watch.impress.co.jp/docs/news/2012871.html" target="_blank">■ NTT、新社名「NTT株式会社」に 新ロゴも</a><span class="txt">Impress Watch 2025/5/9</span></li>
  525. </dd>
  526.  
  527.  
  528.  
  529. </dl>
  530.  
  531. <p class="link"><a href="http://forevista.com/brandingnews/"><span class="hidden-sp">ブランディングニュース一覧 ▶︎</span><span class="visible-sp">ブランディングニュース一覧</span></a></p>
  532. </div>
  533. </div>
  534. </div>
  535. <!-- ブランディングニュースここまで -->
  536. </main>
  537. </div><!-- wrap -->
  538. <!-- Footer
  539. ======================================================================-->
  540. <footer>
  541. <div class="inner">
  542. <div class="footer-inner hidden-sp">
  543. <ul class="footer-block">
  544. <li>
  545. <div>
  546. <a href="http://forevista.com/branding/">
  547. <span class="en">Branding</span>
  548. <span class="jp">私たちのブランディング</span>
  549. </a>
  550. </div>
  551. </li>
  552. <li>
  553. <div>
  554. <a href="http://forevista.com/solution/">
  555. <span class="en">Solutions</span>
  556. <span class="jp">ソリューション</span>
  557. </a>
  558. </div>
  559. </li>
  560. <li class="white-box">
  561. <div>
  562. <ul>
  563. <li>
  564. <a href="http://forevista.com/company/companyinformation.php#access" class="sync_link-access">
  565. <span class="en">Access</span>
  566. </a>
  567. </li>
  568. <li>
  569. <a href="http://forevista.com/sitemap.php/" class="sync_link-sitemap">
  570. <span class="en">Sitemap</span>
  571. </a>
  572. </li>
  573. <li>
  574. <a href="http://forevista.com/company/career.php" class="sync_link-career">
  575. <span class="en">Career</span>
  576. </a>
  577. </li>
  578. </ul>
  579. <ul>
  580. <li>
  581. <a href="http://forevista.com/company/companyinformation.php#access" class="sync_link-access">
  582. <span class="ja">アクセス</span>
  583. </a>
  584. </li>
  585. <li>
  586. <a href="http://forevista.com/sitemap.php" class="sync_link-sitemap">
  587. <span class="ja">サイトマップ</span>
  588. </a>
  589. </li>
  590. <li>
  591. <a href="http://forevista.com/company/career.php" class="sync_link-career">
  592. <span class="ja">キャリア</span>
  593. </a>
  594. </li>
  595. </ul>
  596. </div>
  597.  
  598. </li>
  599. </ul>
  600. <ul class="footer-block">
  601. <li>
  602. <div>
  603. <a href="http://forevista.com/knowledge/">
  604. <span class="en">Knowledge</span>
  605. <span class="jp">ナレッジ</span>
  606. </a>
  607. </div>
  608. </li>
  609. <li>
  610. <div>
  611. <a href="http://forevista.com/company/">
  612. <span class="en">What is <br>Forevista</span>
  613. <span class="jp">フォアビスタとは</span>
  614. </a>
  615. </div>
  616. </li>
  617. <li class="list01">
  618. <div>
  619. <a href="http://forevista.com/contact/">
  620. <span class="en">Contact</span>
  621. <span class="jp">お問い合わせ</span>
  622. </a>
  623. </div>
  624. </li>
  625. </ul>
  626. </div><!-- .footer-inner -->
  627. </div><!-- .inner -->
  628. <div class="sp-footer visible-sp">
  629. <div class="sp-footer-inner">
  630. <ul>
  631. <li><a href="http://forevista.com/index.php">フォアビスタとは</a></li>
  632. <li><a href="http://forevista.com/branding/cases.php">ブランディング実績</a></li>
  633. <li><a href="http://forevista.com/branding/">私たちのブランディング</a></li>
  634. <li><a href="http://forevista.com/solution/">ソリューション</a></li>
  635. <li><a href="http://forevista.com/report/">記事・レポート</a></li>
  636. <li><a href="http://forevista.com/knowledge/">ナレッジ</a></li>
  637. <li><a href="http://forevista.com/company/">フォアビスタについて</a></li>
  638. <li><a class="contact" href="http://forevista.com/contact/">お問い合わせ</a></li>
  639. </ul>
  640. <ul>
  641. <li><a href="http://forevista.com/company/companyinformation.php#access">アクセス</a></li>
  642. <li><a href="http://forevista.com/sitemap.php/">サイトマップ</a></li>
  643. <li><a href="http://forevista.com/company/career.php">キャリア</a></li>
  644. </ul>
  645. </div><!-- .sp-footer-inner -->
  646. </div><!-- .sp-footer -->
  647.  
  648.  
  649. <div class="footer-inner2">
  650.  
  651. <div id="navi">
  652.  
  653. <div class="accordion-box2 accordion-by-service2">
  654. <div class="inner filter2">
  655. <div class="link-box2">
  656. <p>私たちのブランディング</p>
  657. <div class="border color"></div><!-- .border -->
  658. <ul>
  659. <li id="menu1_1"><a href="https://forevista.com/branding/">ブランディングTOP</a></li>
  660. <li id="menu1_2"><a href="https://forevista.com/branding/cases.php">ブランディング実績</a></li>
  661. <li id="menu1_3"><a href="https://forevista.com/branding/corporate-branding.php">企業ブランディング</a></li>
  662. <li id="menu1_4"><a href="https://forevista.com/branding/business-branding.php">事業ブランディング</a></li>
  663. <li id="menu1_5"><a href="https://forevista.com/branding/purpose-branding.php">パーパスブランディング</a></li>
  664. <li id="menu1_6"><a href="https://forevista.com/branding/internal-branding.php">インナーブランディング</a></li>
  665. <li id="menu1_7"><a href="https://forevista.com/branding/external-branding.php">アウターブランディング</a></li>
  666. </ul>
  667. </div><!-- .link-box -->
  668. <div class="link-box2">
  669. <p>ソリューション</p>
  670. <div class="border color"></div><!-- .border -->
  671. <ul>
  672. <li id="menu2_1"><a href="https://forevista.com/solution/">ソリューションTOP</a></li>
  673. <li id="menu2_3"><a href="https://forevista.com/solution/brand-envision.php">ブランド・エンビジョン</a></li>
  674. <li id="menu2_4"><a href="https://forevista.com/solution/brand-evolution.php">ブランド・エボリューション</a></li>
  675. <li id="menu2_5"><a href="https://forevista.com/solution/brand-creation.php">ブランド・クリエイション</a></li>
  676. <li id="menu2_6"><a href="https://forevista.com/solution/brand-communication.php">ブランドコ・ミュニケーション</a></li>
  677. <li id="menu2_2"><a href="https://forevista.com/solution/list.php">ソリューション例</a></li>
  678. <li id="menu2_7"><a href="https://forevista.com/solution/counseling.php">カウンセリング</a></li>
  679. <li id="menu2_8"><a href="https://forevista.com/solution/seminar.php">セミナー</a></li>
  680. </ul>
  681. </div><!-- .link-box -->
  682. <div class="link-box2">
  683. <p>ナレッジ</p>
  684. <div class="border color"></div><!-- .border -->
  685. <ul>
  686. <li id="menu3_1"><a href="https://forevista.com/knowledge/">ナレッジTOP</a></li>
  687. <li id="menu3_2"><a href="https://forevista.com/brandingnews/">ブランディングニュース</a></li>
  688. <li id="menu3_3"><a href="https://forevista.com/knowledge/nikkei225.php">日経225のBI</a></li>
  689. <li id="menu3_4"><a href="https://forevista.com/knowledge/nikkei225-logomark-1.php">日経225のロゴマーク</a></li>
  690. <li id="menu3_5"><a href="https://forevista.com/knowledge/about-branding-1.php">ブランディングとは1</a></li>
  691. <li id="menu3_6"><a href="https://forevista.com/knowledge/about-branding-2.php">ブランディングとは2</a></li>
  692. <li id="menu3_7"><a href="https://forevista.com/blog/" target=”_blank” rel="noopener noreferrer">ブランディング情報</a></li>
  693. <li id="menu3_8"><a href="https://forevista.com/branding02/" target=”_blank” rel="noopener noreferrer">必要なのはパーパス<br>ブランディング?</a></li>
  694. <li id="menu3_9"><a href="https://forevista.com/branding04/" target=”_blank” rel="noopener noreferrer">必要なのはインナー<br>ブランディング?</a></li>
  695. <li id="menu3_10"><a href="https://forevista.com/branding01/" target=”_blank” rel="noopener noreferrer">中小企業の<br>ブランディングとは</a></li>
  696. <li id="menu3_11"><a href="https://forevista.com/branding03/" target=”_blank” rel="noopener noreferrer">中堅企業の<br>ブランディングとは</a></li>
  697. </ul>
  698. </div><!-- .link-box -->
  699. <div class="link-box2">
  700. <p>フォアビスタとは</p>
  701. <div class="border color"></div><!-- .border -->
  702. <ul>
  703. <li id="menu4_1"><a href="https://forevista.com/company/">フォアビスタについて</a></li>
  704. <li id="menu4_2"><a href="https://forevista.com/company/index.php#companyinformation">会社情報</a></li>
  705. <li id="menu4_3"><a href="https://forevista.com/company/index.php#access">アクセス</a></li>
  706. <li id="menu5_1"><a href="https://forevista.com/company/career.php">キャリア</a></li>
  707.  
  708. </ul>
  709. </div><!-- .link-box -->
  710. <div class="link-box2">
  711. <p>お問い合わせ</p>
  712. <div class="border color"></div><!-- .border -->
  713. <ul>
  714. <li id="menu6_1"><a href="https://forevista.com/contact/">お問い合わせ</a></li>
  715.  
  716. </ul>
  717. </div><!-- .link-box -->
  718. </div><!-- .inner -->
  719. </div><!-- navi -->
  720.  
  721. </div><!-- .accordion-box -->
  722.  
  723.  
  724. </div><!-- .sp-footer-inner -->
  725.  
  726.  
  727.  
  728. </footer>
  729. <!-- パンくず
  730. ======================================================================-->
  731. <!-- Footer 3
  732.    ======================================================================-->
  733. <footer class="footer3">
  734. <div class="footer-inner3">
  735. <div class="inner filter3">
  736. <!-- .pinterest -->
  737. <a href="https://www.pinterest.jp/forevista_inc/" target="blanc">
  738. <img src="https://forevista.com/images/common/p_logo.svg" alt="pinterest" width="30" height="30">
  739. </a>
  740. <!-- .pinterest -->
  741. <!-- .instagram -->
  742. <a href="https://www.instagram.com/forevista.inc/" target="blanc">
  743. <img src="https://forevista.com/images/common/i_logo.svg" alt="instagram" width="30" height="30">
  744. </a>
  745. <!-- .instagram -->
  746. <!-- .twitter -->
  747. <a href="https://twitter.com/forevista_inc" target="blanc">
  748. <img src="https://forevista.com/images/common/t_logo.svg" alt="twitter" width="30" height="30">
  749. </a>
  750. <!-- .facebook -->
  751. <!-- .facebook -->
  752. <a href="https://www.facebook.com/%E3%83%95%E3%82%A9%E3%82%A2%E3%83%93%E3%82%B9%E3%82%BF%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE-216625815059974/" target="blanc">
  753. <img src="https://forevista.com/images/common/f_logo.svg" alt="facebook" width="30" height="30">
  754. </a>
  755. <!-- .facebook -->
  756. </div><!-- .BreadcrumbList -->
  757. </div><!-- .breadCrumb -->
  758. </footer>
  759. <!-- copyright
  760. ======================================================================-->
  761. <div class="underlayer-copyright">
  762. <p>Copyright© 2025 Forevista Inc. All rights reserved.</p><br>
  763. </div><!-- .underlayer-copyright -->
  764. <!-- Scripts
  765. ======================================================================-->
  766. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  767. <script src="//cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.js"></script>
  768. <script src="js/common.js"></script>
  769. <script src="js/top.js"></script>
  770. <script src="js/jquery.validationEngine.js"></script>
  771. <script src="js/jquery.validationEngine-ja.js"></script>
  772. <script src="js/modernizr-custom.js"></script>
  773. <script>
  774. $(function() {
  775. $(window).on('scroll',function(){
  776. var windowHeight = $(window).height(),
  777. topWindow = $(window).scrollTop();
  778. $('.js-scroll').each(function(){
  779. var targetPosition = $(this).offset().top;
  780. var targetHeigh = $(this).innerHeight();
  781. var val;
  782. if(topWindow <= targetPosition - windowHeight + 100){
  783. val = 0;
  784. }else if(topWindow > targetPosition - windowHeight + 100  && topWindow < targetPosition - windowHeight * 0.5){
  785. val = (topWindow - targetPosition + windowHeight - 100) / (windowHeight * 0.5 - 100);
  786. }else{
  787. val = 1;
  788. }
  789. $(this).get(0).style.setProperty('--pg-value', val);
  790. });
  791.  
  792. $('.caseBox .case .innerBox .scroll-in').each(function () {
  793. var targetPosition = $(this).offset().top;
  794. if (topWindow > targetPosition - windowHeight*0.6) {
  795. $(this).addClass("show");
  796. }else{
  797. $(this).removeClass("show");
  798. }
  799. });
  800. }).trigger("scroll");
  801. $(window).load(function() {
  802. var query = location.search;
  803. if (query == '?type=branding') {
  804. $('a.branding-click').click();
  805. } else if (query == '?type=solution') {
  806. $('a.solution-click').click();
  807. } else if (query == '?type=knowladge') {
  808. $('a.knowladge-click').click();
  809. } else if (query == '?type=about') {
  810. script
  811. $('a.about-click').click();
  812. }
  813. });
  814. $('#arrowsvg').click(function() {
  815. $('#arrowsvg').addClass('on');
  816. var to = $('div.new').offset().top;
  817. $("html, body").animate({
  818. scrollTop: to
  819. }, 700, "swing");
  820. });
  821. $(window).scroll(function() {
  822. var value = $(this).scrollTop();
  823. if (value < 10) {
  824. $('#arrowsvg').removeClass('on');
  825. }
  826. });
  827.  
  828. $('body#top div.new .brandingnews .contentDl dd li').each(function() {
  829. var catid = $(this).attr('data-cat');
  830. var pcatid = $(this).parent().attr('data-cat');
  831. if (catid != pcatid) {
  832. $(this).appendTo($(this).parents('dd').find('ul[data-cat="' + catid + '"]'));
  833. }
  834. });
  835.  
  836. $(window).on('resize',function(){
  837. var h;
  838. if(window.visualViewport){
  839. h = window.visualViewport.height;
  840. }else{
  841. h = window.innerHeight;
  842. }
  843. $('.mainVisual').height(h - $('#header').innerHeight());
  844. }).trigger('resize');
  845.  
  846. $(window).on('scroll',function(){
  847. if($(this).scrollTop() > 100){
  848. $('.mainVisual .scroll').fadeOut(300);
  849. $('.pageTop').fadeIn(300);
  850. }else{
  851. $('.mainVisual .scroll').fadeIn(300);
  852. $('.pageTop').fadeOut(300);
  853. }
  854. }).trigger('scroll');
  855.  
  856.  
  857. if (window.innerWidth > 750) {
  858. $('body#top section.solution.approach .area .slide_box .link_list').on('init', function(event, slick) {
  859. $('body#top section.solution.approach .area .slide_box .arrow_list .page .current').text(slick.currentSlide + 1);
  860. $('body#top section.solution.approach .area .slide_box .arrow_list .page .all').text(slick.slideCount);
  861. })
  862. $('body#top section.solution.approach .area .slide_box .link_list').slick({
  863. infinite: true,
  864. centerMode: false,
  865. dots: false,
  866. autoplay: true,
  867. fade: false,
  868. speed: 2000,
  869. arrows: true,
  870. variableWidth: true,
  871. pauseOnHover: false,
  872. pauseOnFocus: false,
  873. nextArrow: $('body#top section.solution.approach .area .slide_box .arrow_list .arrow.next'),
  874. prevArrow: $('body#top section.solution.approach .area .slide_box .arrow_list .arrow.prev'),
  875. }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
  876. $('body#top section.solution.approach .area .slide_box .arrow_list .page .current').text(nextSlide + 1);
  877. });
  878.  
  879. $('body#top section.solution.service .area .slide_box .link_list').on('init', function(event, slick) {
  880. $('body#top section.solution.service .area .slide_box .arrow_list .page .current').text(slick.currentSlide + 1);
  881. $('body#top section.solution.service .area .slide_box .arrow_list .page .all').text(slick.slideCount);
  882. })
  883. $('body#top section.solution.service .area .slide_box .link_list').on('init', function() {
  884. var $self = $(this);
  885. setTimeout(function() {
  886. $self.slick('slickSetOption', 'autoplay', true, true);
  887. }, 2000);
  888. });
  889. $('body#top section.solution.service .area .slide_box .link_list').slick({
  890. infinite: true,
  891. centerMode: false,
  892. dots: false,
  893. autoplay: true,
  894. fade: false,
  895. speed: 2000,
  896. rtl: true,
  897. arrows: true,
  898. variableWidth: true,
  899. pauseOnHover: false,
  900. pauseOnFocus: false,
  901. nextArrow: $('body#top section.solution.service .area .slide_box .arrow_list .arrow.next'),
  902. prevArrow: $('body#top section.solution.service .area .slide_box .arrow_list .arrow.prev'),
  903. }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
  904. $('body#top section.solution.service .area .slide_box .arrow_list .page .current').text(nextSlide + 1);
  905. });
  906. }
  907.  
  908. var pcflag, spflag;
  909. if ($(window).width() > 750) {
  910. pcflag = 1;
  911. spflag = 0;
  912. } else {
  913. pcflag = 0;
  914. spflag = 1;
  915. }
  916. $(window).resize(function() {
  917. if ($(window).width() < 751) {
  918. if (pcflag) {
  919. setTimeout(function() {
  920. window.location.reload()
  921. }, 100);
  922. pcflag = 0;
  923. spflag = 1;
  924. }
  925. } else {
  926. if (spflag) {
  927. setTimeout(function() {
  928. window.location.reload()
  929. }, 100);
  930. pcflag = 1;
  931. spflag = 0;
  932. }
  933. }
  934. });
  935. });
  936. </script>
  937.  
  938.  
  939. </body>
  940.  
  941. </html>
  942.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda