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: https://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="https://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="https://forevista.com/css/common.css" rel="stylesheet">
  30. <link href="https://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="https://forevista.com/images/common/apple-touch-icon.png">
  34. <link rel="icon" href="https://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="https://forevista.com/"><img src="https://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="https://forevista.com/index.php">フォアビスタとは</a>
  95. <a class="visible-sp" href="https://forevista.com/index.php">フォアビスタとは</a>
  96. </li>
  97. <!-- ブランディング実績 -->
  98. <li class="gnav__career" id="gnav_1_2">
  99. <a class="hidden-sp" href="https://forevista.com/branding/cases.php">ブランディング実績</a>
  100. <a class="visible-sp" href="https://forevista.com/branding/cases.php">ブランディング実績</a>
  101. </li>
  102. <!-- 私たちのブランディング -->
  103. <li class="gnav__branding js-toggle-menu">
  104. <a href="https://forevista.com/branding/" class="hidden-sp short" id="gnav_1_1">私たちのブランディング</a>
  105. <a class="parent no-smooth visible-sp" href="https://forevista.com/branding/">私たちのブランディング</a>
  106. <ul class="js-toggle-content">
  107. <li id="gnav_1_1">
  108. <a href="https://forevista.com/branding/" class="short visible-sp">ブランディングTOP</a>
  109. </li>
  110. <li id="gnav_1_3">
  111. <a href="https://forevista.com/branding/corporate-branding.php">企業ブランディング</a>
  112. </li>
  113. <li id="gnav_1_4">
  114. <a href="https://forevista.com/branding/business-branding.php">事業ブランディング</a>
  115. </li>
  116. <li id="gnav_1_5">
  117. <a href="https://forevista.com/branding/purpose-branding.php">パーパス<br> ブランディング</a>
  118. </li>
  119. <li id="gnav_1_6">
  120. <a href="https://forevista.com/branding/internal-branding.php">インナー<br> ブランディング</a>
  121. </li>
  122. <li id="gnav_1_7">
  123. <a href="https://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="https://forevista.com/solution/" class="hidden-sp" id="gnav_2_1">ソリューション</a>
  130. <a class="parent no-smooth visible-sp" href="https://forevista.com/solution/">ソリューション</a>
  131. <ul class="js-toggle-content">
  132. <li id="gnav_2_1">
  133. <a href="https://forevista.com/solution/" class="short visible-sp">ソリューションTOP</a>
  134. </li>
  135. <li id="gnav_2_3">
  136. <a href="https://forevista.com/solution/brand-envision.php">ブランド<br> エンビジョン </a>
  137. </li>
  138. <li id="gnav_2_4">
  139. <a href="https://forevista.com/solution/brand-evolution.php">ブランド<br> エボリューション </a>
  140. </li>
  141. <li id="gnav_2_5">
  142. <a href="https://forevista.com/solution/brand-creation.php">ブランド<br> クリエイション </a>
  143. </li>
  144. <li id="gnav_2_6">
  145. <a href="https://forevista.com/solution/brand-communication.php">ブランド<br> コミュニケーション </a>
  146. </li>
  147. <li id="gnav_2_2">
  148. <a href="https://forevista.com/solution/list.php" class="short">ソリューション例</a>
  149. </li>
  150. <li id="gnav_2_7">
  151. <a href="https://forevista.com/solution/counseling.php">カウンセリング</a>
  152. </li>
  153. <li id="gnav_2_8">
  154. <a href="https://forevista.com/solution/seminar.php">セミナー</a>
  155. </li>
  156. </ul>
  157. </li>
  158. <!-- 記事・レポート -->
  159. <li class="gnav__report" id="gnav_7_1">
  160. <a href="https://forevista.com/report">記事・レポート</a>
  161. </li>
  162. <!-- 記事・レポート -->
  163. <li class="gnav__library" id="gnav_8_1">
  164. <a href="https://forevista.com/library">ライブラリー</a>
  165. </li>
  166. <!-- ナレッジ -->
  167. <li class="gnav__knowledge js-toggle-menu">
  168. <a href="https://forevista.com/knowledge/" class="hidden-sp" id="gnav_3_1">ナレッジ</a>
  169. <a class="parent no-smooth visible-sp" href="https://forevista.com/knowledge/">ナレッジ</a>
  170. <ul class="js-toggle-content">
  171. <li id="gnav_3_1">
  172. <a href="https://forevista.com/knowledge/" class="visible-sp">ナレッジTOP</a>
  173. </li>
  174. <li id="gnav_3_2">
  175. <a href="https://forevista.com/knowledge/nikkei225.php">日経225のBI</a>
  176. </li>
  177. <li id="gnav_3_3">
  178. <a href="https://forevista.com/brandingnews/">ブランディング<br>ニュース</a>
  179. </li>
  180. <li id="gnav_3_4">
  181. <a href="https://forevista.com/knowledge/nikkei225-logomark-1.php">日経225のロゴ</a>
  182. </li>
  183. <li>
  184. <a href="https://forevista.com/branding02/">必要なのは<br> パーパス<br> ブランディング? </a>
  185. </li>
  186. <li>
  187. <a href="https://forevista.com/branding04/">必要なのは<br> インナー<br> ブランディング? </a>
  188. </li>
  189. <li>
  190. <a href="https://forevista.com/branding01/">中小企業の<br> ブランディングとは </a>
  191. </li>
  192. <li>
  193. <a href="https://forevista.com/branding03/">中堅企業の<br> ブランディングとは </a>
  194. </li>
  195. </ul>
  196. </li>
  197. <!-- フォアビスタとは -->
  198. <li class="gnav__whatisforevista js-toggle-menu">
  199. <a href="https://forevista.com/company/" class="hidden-sp" id="gnav_4_1">会社情報</a>
  200. <a class="parent no-smooth visible-sp" href="https://forevista.com/company/">会社情報</a>
  201. <ul class="js-toggle-content">
  202. <li id="gnav_4_1">
  203. <a href="https://forevista.com/company/">フォアビスタについて</a>
  204. </li>
  205. <li id="gnav_4_2">
  206. <a href="https://forevista.com/company/index.php#companyinformation">会社情報</a>
  207. </li>
  208. <li>
  209. <a href="https://forevista.com/company/index.php#access">アクセス</a>
  210. </li>
  211. </ul>
  212. </li>
  213. <!-- キャリア -->
  214. <li class="gnav__career hidden-sp" id="gnav_5_1">
  215. <a class="hidden-sp" href="https://forevista.com/company/career.php">キャリア</a>
  216. </li>
  217. <!-- お問い合わせ -->
  218. <li class="gnav__contact" id="gnav_6_1">
  219. <a class="contact" href="https://forevista.com/contact/">お問い合わせ</a>
  220. </li>
  221. </ul>
  222. <!-- アクセス sp -->
  223. <ul class="visible-sp kyokasho">
  224. <li>
  225. <a href="https://forevista.com/company/career.php">キャリア</a>
  226. </li>
  227. <li>
  228. <a href="https://forevista.com/company/#access">アクセス</a>
  229. </li>
  230. <!-- サイトマップ sp -->
  231. <li>
  232. <a href="https://forevista.com/sitemap.php">サイトマップ</a>
  233. </li>
  234. </ul>
  235. </nav>
  236. </div>
  237. </div>
  238. <div class="copyright visible-sp">
  239. <p>Copyright© 2019 Forevista Inc. All rights reserved</p>
  240. </div>
  241.  
  242. <!-- .copyright -->
  243. <!-- User Heat Tag
  244. <script type="text/javascript">
  245. (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'});
  246. </script>
  247. -->
  248. </header>
  249. <!-- Wrap
  250. ======================================================================-->
  251. <div id="wrap">
  252. <!-- Main Content
  253. ======================================================================-->
  254. <main>
  255. <div class="pageTop"><a href="#top">TOP</a></div><!-- pagetop -->
  256. <div class="bgBox">
  257. <div class="fixBox">
  258. <div class="videoBox hidden-sp"><video src="images/top/main_movie.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  259. <div class="videoBox visible-sp"><video src="images/top/main_movie_sp.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  260. </div>
  261. <div class="mainVisual">
  262.  
  263. <div class="textBox hidden-sp">
  264. <p class="ttl">―フォアビスタとは ―</p>
  265. <h1>成果重視のコンサルティングで、<br>企業の成長を加速させる<br>ブランディング会社</h1>
  266. </div>
  267.  
  268. <div class="textBox visible-sp">
  269. <p class="ttl">―フォアビスタとは ―</p>
  270. <h1>成果重視の<br>コンサルティングで、<br>企業の成長を加速させる<br>ブランディング会社</h1>
  271. </div>
  272.  
  273.  
  274. <div class="scroll"><a href="#"><span class="txt">Scroll</span><span class="line"></span></a></div>
  275. </div><!-- mainVisual -->
  276. <section class="sec01">
  277. <div class="content">
  278. <div class="imgBox js-scroll">
  279. <div class="textBox">
  280. <p class="ttl">― 私たちが目指すもの ―</p>
  281. <h2>アダプタビリティで<br>変化の風を捉え、<br class="part03 pc">前進する</h2>
  282. <p class="text">イノベーションが加速する一方で、不確実性が高まっている現代。顧客の価値観や期待は、ビジネスを上回るスピードで変化しています。そんな未来予測が困難な時代を生き抜き、成長するための鍵。それはアダプタビリティ(Adaptability:適応力)です。フォアビスタは、企業がこのアダプタビリティを実装できるよう、戦略的なブランディング支援を行っています。例えば、新たな市場トレンドに基づいたブランド戦略の見直しや、ブランドのアイデンティティを強化するデザイン戦略、従業員とのエンゲージメントを高める内部コミュニケーション施策など、顧客のブランド課題に沿ったプランを提案し、実施します。</p>
  283. </div>
  284. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo01.jpg" alt="アダプタビリティで変化の風を捉え、前進する"></span></div>
  285. </div>
  286. <div class="imgBox reverse js-scroll">
  287. <div class="textBox">
  288. <p class="ttl">― 私たちが提供する価値 ―</p>
  289. <h2>適応力を高めて<br>企業の体質改善を<br class="part03 pc">進める</h2>
  290. <p class="text">企業変革、成長戦略、ブランド戦略やブランド体験に関する知見とノウハウを駆使して、フォアビスタは企業のアダプタビリティを最大限に高めます。従来の枠にとらわれた方針や定義を見直し、ブランドの価値を研ぎ澄まします。鮮度と競争力が失われたマーケティング戦略を、新しい需要を生み出すブランド戦略に刷新します。対処療法的に制作されたデザインを、一貫性と統一性を兼ね備えたブランドデザインへと進化させる。従業員のマインドとモチベーションを引き上げ、挑戦への前向きな姿勢や協働意識を育む。こうした取り組みを通じて企業全体のアダプタビリティを高めます。ブランディングを通じて企業や事業の体質改善が進むため、売上拡大や生産性向上など“根本的な経営テーマ”への投資効率が格段と高まります。</p>
  291. </div>
  292. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo02.jpg" alt="適応力を高めて企業の体質改善を進める"></span></div>
  293. </div>
  294. <div class="imgBox js-scroll">
  295. <div class="textBox">
  296. <p class="ttl">― 私たちの姿勢と取り組み ―</p>
  297. <h2 class="spec">ソリューションを組み合わせ、<br class="part02 pc">ブラ<br class="part01 pc">ンドを次のステージへ</h2>
  298. <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領域のソリューションを組み合わせることで、時代に適応しながら成長を加速するブランドへと進化させます。
  299. </p>
  300. </div>
  301. <div class="photoBox"><span class="subBox"><img src="images/top/top_photo03.jpg" alt="ソリューションを組み合わせ、ブランドを次のステージへ"></span></div>
  302. </div>
  303. </div>
  304. </section>
  305.  
  306. <section class="caseBox">
  307. <h2>事例ピックアップ</h2>
  308. <div class="case case01">
  309. <!-- 一番右 rightmost -->
  310. <div class="innerBox rightmost">
  311. <a href="branding/branding-case1/branding-case1-1.php" class="bg"><img src="images/top/case_bg01.jpg" alt=""></a>
  312. <div class="subWrap">
  313. <div class="textBox">
  314. <p><span class="txt01">6</span>年間で<br>貯金高<span class="txt01">1.2</span>倍</p>
  315. <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>
  316. </div>
  317. <h3 class="scroll-in"><span>「60周年」と<br>「1兆円達成」を機に、<br>未来像を描くブランディング。</span></h3>
  318. </div>
  319. </div>
  320. <div class="subWrap">
  321. <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>
  322. <p class="text01 kyokasho">飯能信用金庫</p>
  323. </div>
  324. </div>
  325. <div class="case case02">
  326. <!-- 一番左 leftmost -->
  327. <div class="innerBox leftmost">
  328. <a href="branding/branding-case1/branding-case1-2.php" class="bg"><img src="images/top/case_bg02.jpg" alt=""></a>
  329. <div class="subWrap">
  330. <h3 class="scroll-in"><span>未定事項多数。期間は3ヶ月。<br>インフォコム株式会社による<br>新会社設立のブランディング。</span></h3>
  331. <div class="textBox">
  332. <p><span class="txt01">7</span>年間で<br>貯金高<span class="txt01">3.2</span>倍</p>
  333. <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>
  334. </div>
  335. </div>
  336. </div>
  337. <div class="subWrap">
  338. <p class="text01 kyokasho">アムタス</p>
  339. <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>
  340. </div>
  341. </div>
  342. <div class="case case03">
  343. <!-- 右 right -->
  344. <div class="innerBox right">
  345. <a href="branding/branding-case1/branding-case1-3.php" class="bg"><img src="images/top/case_bg03.jpg" alt=""></a>
  346. <div class="subWrap">
  347. <div class="textBox">
  348. <p><span class="txt01">10</span>年間で<br>貯金高<span class="txt01">6.1</span>倍</p>
  349. <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>
  350. </div>
  351. <h3 class="scroll-in"><span>成長を続ける株式会社ラクス。<br>その起点となった、<br>ブランドソリューションとは?</span></h3>
  352. </div>
  353. </div>
  354. <div class="subWrap">
  355. <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>
  356. <p class="text01 kyokasho"><span class="pc">ラクス</span><span class="sp">ラクス</span></p>
  357. </div>
  358. </div>
  359. </section>
  360.  
  361.  
  362. <!-- 記事レポートここから -->
  363. <section class="caseBox report">
  364. <div class="inner">
  365. <h2>記事・レポート</h2>
  366. <ul id="relatedReportCat" class="reportList pc"></ul>
  367. <section id="relatedReportNew" class="successful"></section>
  368. <ul id="relatedReport" class="reportUl"></ul>
  369. </div>
  370. </section>
  371. <!-- 記事レポートここまで -->
  372.  
  373.  
  374. <div class="bgBox01">
  375. <div class="fixBg">
  376. <div class="videoBox hidden-sp"><video src="images/top/top_movie_246x10_02.mp4" autoplay loop muted webkit-playsinline playsinline preload="auto"></video></div>
  377. <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>
  378. </div>
  379. <section class="sec02">
  380. <div class="content">
  381. <h2>私たちのソリューション、<br>ブランディング事例を<br class="visible-sp">ご覧ください。</h2>
  382. <div class="hidden-sp">
  383. <p class="text">当社の顧客の多くが、業界内で高く評価されている中堅・中小企業です。<br class="hidden-sp">ブランディング会社への業務委託は一度限りのケースが多いなか、<br class="hidden-sp">当社における顧客のリピート率は75%以上を維持しています。</p>
  384. </div>
  385. <div class="visible-sp">
  386. <p class="text">当社の顧客の多くが、業界内で高く評価されている中堅・中小企業です。ブランディング会社への業務委託は一度限りのケースが多いなか、当社における顧客のリピート率は75%以上を維持しています。</p>
  387. </div>
  388. <ul class="linkUl">
  389. <li><a href="https://forevista.com/solution/">
  390. <span class="pho"><img src="images/top/top_photo10.jpg" alt="Solutions"></span>
  391. <span class="txtBox">
  392. <span class="en">Solutions</span>
  393. <span class="txt">4領域のソリューション</span>
  394. </span>
  395. </a></li>
  396. <li><a href="https://forevista.com/branding/cases.php">
  397. <span class="pho"><img src="images/top/top_photo11.jpg" alt="Branding Cases"></span>
  398. <span class="txtBox">
  399. <span class="en">Branding Cases</span>
  400. <span class="txt">ブランディング事例</span>
  401. </span>
  402. </a></li>
  403. </ul>
  404. </div>
  405. </section><!-- 私たちのソリューション、ブランディング事例をご覧ください。 -->
  406. <section class="sec03">
  407. <div class="content">
  408. <div class="imgBox js-scroll">
  409. <div class="textBox">
  410. <p class="ttl">次の一手への第一歩</p>
  411. <h2>相談からはじめる、<br>成果が見える<br class="part03 pc">ブランディング</h2>
  412. <div class="txtBox">
  413. <p class="text">マーケットの変化や顧客ニーズの多様化をビジネスチャンスに変えるために、私たちはアダプタビリティ(適応力)を切り口とした最適なブランディングを提案します。例えば、企業の価値を向上させるMVV(Mission, Vision, Values)策定や、ブランドのアイデンティティを強化する戦略的デザイン、従業員エンゲージメントを高めるための内部コミュニケーション施策など、“成果が見える”ブランディングを提供することで、顧客からの高いリピート支持(約77%)を頂いています。</p>
  414. <p class="text">まずは貴社のブランドが抱える課題をお聞かせください。企業の課題解決とブランドの価値向上を責務とするブランディング会社が、課題の本質を見極めた上で、貴社に最適なアプローチをご提案します。</p>
  415. </div>
  416. </div>
  417. <div class="photoBox"><img src="images/top/top_photo12.jpg" alt="相談からはじめる、自社に最適なブランディング"></div>
  418. </div>
  419. </div>
  420.  
  421.  
  422. <section class="sec04 sec04_bg">
  423. <div class="content">
  424. <h2>ご相談のメリット</h2>
  425. <ul class="textList">
  426. <li>
  427. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  428. <p class="txt">相談の結果をもとに、自社にブランディングが必要か不要かを判断できます。</p>
  429. </li>
  430. <li>
  431. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  432. <p class="txt">自社のブランド状況を客観的に把握することで、現実的で費用対効果の高い計画が立案できます。</p>
  433. </li>
  434. <li>
  435. <div class="pho"><img src="images/top/top_img01.svg" alt="ご相談のメリット" width="78" height="78"></div>
  436. <p class="txt">外部視点により、内部視点では気づかない自社の課題や、見過ごされがちな強みが見つかります。</p>
  437. </li>
  438. </ul>
  439. </div>
  440. </section><!-- Contact -->
  441.  
  442.  
  443.  
  444. </section><!-- 相談からはじめる、自社に最適なブランディング -->
  445. </div>
  446.  
  447.  
  448.  
  449. <section class="sec05">
  450. <div class="inner"><a href="https://forevista.com/contact/">
  451. <div class="subBox contactbox">
  452. <p class="en">Contact</p>
  453. <h2>お問い合わせ</h2>
  454. <p class="text">サービスに関するご質問やお見積もりのご依頼など、<br>お気軽にお問い合わせください。</p>
  455. </div>
  456. </a></div>
  457. </section><!-- Contact -->
  458. </div><!-- background -->
  459.  
  460.  
  461.  
  462.  
  463. <!-- ブランディングニュースここから -->
  464. <div class="new vivify delay3 fadeIn">
  465. <div class="brandingnews">
  466. <div class="brandingInner">
  467. <div class="midashi_e">Branding News</div>
  468. <h2 class="hidden-sp">ブランディングニュース</h2>
  469. <dl class="contentDl">
  470.  
  471.  
  472.  
  473.  
  474. <dt>2025/6/27</dt>
  475. <dd>
  476. <p class="cat" style="background: #acabfb">ブランドマネジメント</p>
  477. <ul data-cat="3">
  478. <li data-cat="3"><a href="https://finance-produce.com/" target="_blank">■ 株式会社ファイナンスプロデュースは、ドリームインキュベータから新規事業カーブアウト・MBOを実行して誕生したスタートアップ・起業家専門の投資銀行事業を行う会社です。業界のボトルネックである&#8221;大型IPO&#8221;や&#8221;スタートアップM&amp;Aの規模化と質の向上 &#8220;が当面のテーマとして、日本のスタートアップ・大企業による事業創造の更なる発展と、E-LTV(Entrepreneur&#8217;s LTV、起業家の生涯価値)の最大化に貢献します。</a><span class="txt">FOREVISTA 2025/6/27</span></li>
  479. </dd>
  480. <dt>2025/6/24</dt>
  481. <dd>
  482. <p class="cat" style="background: #61c5f1">ブランドマーケティング</p>
  483. <ul data-cat="2">
  484. <li data-cat="2"><a href="https://forbesjapan.com/articles/detail/80080?module=toppage_new" target="_blank">■ 建築家が挑む森林資産化のエコシステム</a><span class="txt">Forbes JAPAN 2025/6/24</span></li>
  485. <li data-cat="2"><a href="https://pake-tra.com/marketing/18407/" target="_blank">■ こだわりのお店から庶民派まで、カナダの量り売りショップ事情</a><span class="txt">パケトラ 2025/6/20</span></li>
  486. </ul>
  487. <p class="cat" style="background: #fda690">インナーブランディング</p>
  488. <ul data-cat="4">
  489. <li data-cat="4"><a href="https://biz-journal.jp/company/post_389477.html" target="_blank">■ 飲食未経験でも3カ月で店長に育成…「やきとり大吉」異質のチェーン運営、加盟店が辞めない理由</a><span class="txt">ビジネスジャーナル 2025/6/23</span></li>
  490. </dd>
  491.  
  492.  
  493.  
  494. </dl>
  495.  
  496. <p class="link"><a href="https://forevista.com/brandingnews/"><span class="hidden-sp">ブランディングニュース一覧 ▶︎</span><span class="visible-sp">ブランディングニュース一覧</span></a></p>
  497. </div>
  498. </div>
  499. </div>
  500. <!-- ブランディングニュースここまで -->
  501. </main>
  502. </div><!-- wrap -->
  503. <!-- Footer
  504. ======================================================================-->
  505. <footer>
  506. <div class="inner">
  507. <div class="footer-inner hidden-sp">
  508. <ul class="footer-block">
  509. <li>
  510. <div>
  511. <a href="https://forevista.com/branding/">
  512. <span class="en">Branding</span>
  513. <span class="jp">私たちのブランディング</span>
  514. </a>
  515. </div>
  516. </li>
  517. <li>
  518. <div>
  519. <a href="https://forevista.com/solution/">
  520. <span class="en">Solutions</span>
  521. <span class="jp">ソリューション</span>
  522. </a>
  523. </div>
  524. </li>
  525. <li class="white-box">
  526. <div>
  527. <ul>
  528. <li>
  529. <a href="https://forevista.com/company/companyinformation.php#access" class="sync_link-access">
  530. <span class="en">Access</span>
  531. </a>
  532. </li>
  533. <li>
  534. <a href="https://forevista.com/sitemap.php/" class="sync_link-sitemap">
  535. <span class="en">Sitemap</span>
  536. </a>
  537. </li>
  538. <li>
  539. <a href="https://forevista.com/company/career.php" class="sync_link-career">
  540. <span class="en">Career</span>
  541. </a>
  542. </li>
  543. </ul>
  544. <ul>
  545. <li>
  546. <a href="https://forevista.com/company/companyinformation.php#access" class="sync_link-access">
  547. <span class="ja">アクセス</span>
  548. </a>
  549. </li>
  550. <li>
  551. <a href="https://forevista.com/sitemap.php" class="sync_link-sitemap">
  552. <span class="ja">サイトマップ</span>
  553. </a>
  554. </li>
  555. <li>
  556. <a href="https://forevista.com/company/career.php" class="sync_link-career">
  557. <span class="ja">キャリア</span>
  558. </a>
  559. </li>
  560. </ul>
  561. </div>
  562.  
  563. </li>
  564. </ul>
  565. <ul class="footer-block">
  566. <li>
  567. <div>
  568. <a href="https://forevista.com/knowledge/">
  569. <span class="en">Knowledge</span>
  570. <span class="jp">ナレッジ</span>
  571. </a>
  572. </div>
  573. </li>
  574. <li>
  575. <div>
  576. <a href="https://forevista.com/company/">
  577. <span class="en">What is <br>Forevista</span>
  578. <span class="jp">フォアビスタとは</span>
  579. </a>
  580. </div>
  581. </li>
  582. <li class="list01">
  583. <div>
  584. <a href="https://forevista.com/contact/">
  585. <span class="en">Contact</span>
  586. <span class="jp">お問い合わせ</span>
  587. </a>
  588. </div>
  589. </li>
  590. </ul>
  591. </div><!-- .footer-inner -->
  592. </div><!-- .inner -->
  593. <div class="sp-footer visible-sp">
  594. <div class="sp-footer-inner">
  595. <ul>
  596. <li><a href="https://forevista.com/index.php">フォアビスタとは</a></li>
  597. <li><a href="https://forevista.com/branding/cases.php">ブランディング実績</a></li>
  598. <li><a href="https://forevista.com/branding/">私たちのブランディング</a></li>
  599. <li><a href="https://forevista.com/solution/">ソリューション</a></li>
  600. <li><a href="https://forevista.com/report/">記事・レポート</a></li>
  601. <li><a href="https://forevista.com/knowledge/">ナレッジ</a></li>
  602. <li><a href="https://forevista.com/company/">フォアビスタについて</a></li>
  603. <li><a class="contact" href="https://forevista.com/contact/">お問い合わせ</a></li>
  604. </ul>
  605. <ul>
  606. <li><a href="https://forevista.com/company/companyinformation.php#access">アクセス</a></li>
  607. <li><a href="https://forevista.com/sitemap.php/">サイトマップ</a></li>
  608. <li><a href="https://forevista.com/company/career.php">キャリア</a></li>
  609. </ul>
  610. </div><!-- .sp-footer-inner -->
  611. </div><!-- .sp-footer -->
  612.  
  613.  
  614. <div class="footer-inner2">
  615.  
  616. <div id="navi">
  617.  
  618. <div class="accordion-box2 accordion-by-service2">
  619. <div class="inner filter2">
  620. <div class="link-box2">
  621. <p>私たちのブランディング</p>
  622. <div class="border color"></div><!-- .border -->
  623. <ul>
  624. <li id="menu1_1"><a href="https://forevista.com/branding/">ブランディングTOP</a></li>
  625. <li id="menu1_3"><a href="https://forevista.com/branding/corporate-branding.php">企業ブランディング</a></li>
  626. <li id="menu1_4"><a href="https://forevista.com/branding/business-branding.php">事業ブランディング</a></li>
  627. <li id="menu1_5"><a href="https://forevista.com/branding/purpose-branding.php">パーパスブランディング</a></li>
  628. <li id="menu1_6"><a href="https://forevista.com/branding/internal-branding.php">インナーブランディング</a></li>
  629. <li id="menu1_7"><a href="https://forevista.com/branding/external-branding.php">アウターブランディング</a></li>
  630. <li id="menu1_2"><a href="https://forevista.com/branding/cases.php">ブランディング実績</a></li>
  631. </ul>
  632. </div><!-- .link-box -->
  633. <div class="link-box2">
  634. <p>ソリューション</p>
  635. <div class="border color"></div><!-- .border -->
  636. <ul>
  637. <li id="menu2_1"><a href="https://forevista.com/solution/">ソリューションTOP</a></li>
  638. <li id="menu2_3"><a href="https://forevista.com/solution/brand-envision.php">ブランド・エンビジョン</a></li>
  639. <li id="menu2_4"><a href="https://forevista.com/solution/brand-evolution.php">ブランド・エボリューション</a></li>
  640. <li id="menu2_5"><a href="https://forevista.com/solution/brand-creation.php">ブランド・クリエイション</a></li>
  641. <li id="menu2_6"><a href="https://forevista.com/solution/brand-communication.php">ブランドコ・ミュニケーション</a></li>
  642. <li id="menu2_2"><a href="https://forevista.com/solution/list.php">ソリューション例</a></li>
  643. <li id="menu2_7"><a href="https://forevista.com/solution/counseling.php">カウンセリング</a></li>
  644. <li id="menu2_8"><a href="https://forevista.com/solution/seminar.php">セミナー</a></li>
  645. </ul>
  646. </div><!-- .link-box -->
  647.  
  648.  
  649. <div class="link-box2">
  650. <p>記事・レポート</p>
  651. <div class="border color"></div><!-- .border -->
  652. <ul>
  653. <li id="menu7_1"><a href="https://forevista.com/report/">記事・レポートTOP</a></li>
  654. <li id="menu8_2"><a href="https://forevista.com/report/branding-explained/">ブランディングの考え方</a></li>
  655. <li id="menu8_3"><a href="https://forevista.com/report/practical-branding/">実践的ブランディング</a></li>
  656. <li id="menu8_4"><a href="https://forevista.com/report/mvv-corporate-philosophy/">理念・MVV・パーパス</a></li>
  657. <li id="menu8_5"><a href="https://forevista.com/report/internal-branding/" target=”_blank” rel="noopener noreferrer">インナーブランディング</a></li>
  658. <li id="menu8_6"><a href="https://forevista.com/report/visual-identity/" target=”_blank” rel="noopener noreferrer">ビジュアルアイデンティティ</a></li>
  659. <li id="menu8_7"><a href="https://forevista.com/report/brand-design/" target=”_blank” rel="noopener noreferrer">ブランドデザイン</a></li>
  660. <li id="menu8_8"><a href="https://forevista.com/report/digital-branding/" target=”_blank” rel="noopener noreferrer">デジタルブランディング</a></li>
  661. <li id="menu8_9"><a href="https://forevista.com/report/branded-content/">ブランデッド(Branded)コンテンツ</a></li>
  662. <li id="menu8_10"><a href="https://forevista.com/report/brand-strategy-in-transition/">変革期のブランド戦略</a></li>
  663. <li id="menu8_11"><a href="https://forevista.com/report/rebranding/">リブランディング</a></li>
  664. <li id="menu8_12"><a href="https://forevista.com/report/brand-building/" target=”_blank” rel="noopener noreferrer">ブランドの構築・維持・成長</a></li>
  665. <li id="menu8_13"><a href="https://forevista.com/report/b2b-d2c-global/" target=”_blank” rel="noopener noreferrer">BtoB/D2C/海外展開</a></li>
  666.  
  667. </ul>
  668. </div><!-- .link-box -->
  669.  
  670.  
  671. <div class="link-box2">
  672. <p>ライブラリー</p>
  673. <div class="border color"></div><!-- .border -->
  674. <ul>
  675. <li id="menu8_1"><a href="https://forevista.com/library/">ライブラリーTOP</a></li>
  676. <li id="menu7_2"><a href="https://forevista.com/library/books/">ブランディングBooks</a></li>
  677. <li id="menu7_3"><a href="https://forevista.com/library/brand-name/">ブランドネームの由来</a></li>
  678. <li id="menu7_4"><a href="https://forevista.com/library/brand-message/">ブランドメッセージの由来</a></li>
  679. </ul>
  680. </div><!-- .link-box -->
  681.  
  682.  
  683.  
  684. <div class="link-box2">
  685. <p>ナレッジ</p>
  686. <div class="border color"></div><!-- .border -->
  687. <ul>
  688. <li id="menu3_1"><a href="https://forevista.com/knowledge/">ナレッジTOP</a></li>
  689. <li id="menu3_3"><a href="https://forevista.com/knowledge/nikkei225.php">日経225のBI</a></li>
  690. <li id="menu3_2"><a href="https://forevista.com/brandingnews/">ブランディングニュース</a></li>
  691. <li id="menu3_4"><a href="https://forevista.com/knowledge/nikkei225-logomark-1.php">日経225のロゴマーク</a></li>
  692. <li id="menu3_8"><a href="https://forevista.com/branding02/" target=”_blank” rel="noopener noreferrer">必要なのはパーパス<br>ブランディング?</a></li>
  693. <li id="menu3_9"><a href="https://forevista.com/branding04/" target=”_blank” rel="noopener noreferrer">必要なのはインナー<br>ブランディング?</a></li>
  694. <li id="menu3_10"><a href="https://forevista.com/branding01/" target=”_blank” rel="noopener noreferrer">中小企業の<br>ブランディングとは</a></li>
  695. <li id="menu3_11"><a href="https://forevista.com/branding03/" target=”_blank” rel="noopener noreferrer">中堅企業の<br>ブランディングとは</a></li>
  696. </ul>
  697. </div><!-- .link-box -->
  698. <div class="link-box2">
  699. <p>会社情報</p>
  700. <div class="border color"></div><!-- .border -->
  701. <ul>
  702. <li id="menu4_1"><a href="https://forevista.com/company/">フォアビスタについて</a></li>
  703. <li id="menu4_2"><a href="https://forevista.com/company/index.php#companyinformation">会社情報</a></li>
  704. <li id="menu4_3"><a href="https://forevista.com/company/index.php#access">アクセス</a></li>
  705. <li id="menu5_1"><a href="https://forevista.com/company/career.php">キャリア</a></li>
  706.  
  707. </ul>
  708. </div><!-- .link-box -->
  709.  
  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.  
  937.  
  938. function newsCallback01(result) {
  939. var $relatedElem = $('#relatedReportCat');
  940. var html = '';
  941. $.each(result, function(index, item) {
  942. html += '<li><a href="'+item.link+'"><span>'+item.name+'</span><em style="background-color: '+item.color+';"></em></a></li>';
  943. });
  944. $relatedElem.html(html);
  945. }
  946. function newsCallback02(result) {
  947. var $relatedElem = $('#relatedReportNew');
  948. var html = '';
  949. $.each(result, function(index, item) {
  950. html += '<a href="'+item.link+'">';
  951. html += '<div class="textBox">';
  952. html += '<p class="ttl">'+item.category+'</p>';
  953. html += '<h2 class="top_report">'+item.title+item.subTitle+'</h2>';
  954. html += '<div class="subBox">';
  955. html += item.introText;
  956. html += '<p class="date">'+item.date+item.readingTime+'</p>';
  957. html += '</div>';
  958. html += '</div>';
  959. html += '<div class="photoBox"><img src="'+item.image+'" alt="'+item.title+item.subTitle+'"></div>';
  960. html += '<div class="bg"><img src="https://forevista.com//images/report/bg01.png" alt=""></div>';
  961. html += '<div class="bgColor" style="background-color: '+item.color+';"></div>';
  962. html += '</a>';
  963. });
  964. $relatedElem.html(html);
  965. }
  966. function newsCallback03(result) {
  967. var $relatedElem = $('#relatedReport');
  968. var html = '';
  969. $.each(result, function(index, item) {
  970. html += '<li><a href="'+item.link+'">';
  971. html += '<div class="photo">';
  972. html += '<div class="bg" style="background-color: '+item.color+';"></div>';
  973. html += '<div class="sub"><img src="'+item.image+'" alt="'+item.title+item.subTitle+'"></div>';
  974. html += '</div>';
  975. html += '<div class="textBox">';
  976. html += '<h2 class="top_report">'+item.category+'</h2>';
  977. html += '<h3 class="top_report">'+item.title+item.subTitle+'</h3>';
  978. html += item.introText;
  979. html += '<p class="date">'+item.date+item.readingTime+'</p>';
  980. html += '</div>';
  981. html += '</a></li>';
  982. });
  983. $relatedElem.html(html);
  984. }
  985. $(function(){
  986. $.ajax({
  987. url: 'https://forevista.com/feeds-report-cat.php',
  988. type: 'GET',
  989. dataType: 'jsonp',
  990. jsonpCallback: 'newsCallback01'
  991. });
  992. $.ajax({
  993. url: 'https://forevista.com/feeds-report-new.php',
  994. type: 'GET',
  995. dataType: 'jsonp',
  996. jsonpCallback: 'newsCallback02'
  997. });
  998. $.ajax({
  999. url: 'https://forevista.com/feeds-report.php',
  1000. type: 'GET',
  1001. dataType: 'jsonp',
  1002. jsonpCallback: 'newsCallback03'
  1003. });
  1004. });
  1005. </script>
  1006.  
  1007.  
  1008. </body>
  1009.  
  1010. </html>
  1011.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda