1<!doctype html> 2<html lang="ja" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="utf-8"> 5 <title>2ç´è¬åº§ã®åè¬ããåæ ¼ã¾ã§ã®æµãï½å®è·µç伿¥ãã©ã³ãã£ã³ã°è³æ ¼è¬åº§ï½ä¸è¬ç¤¾å£æ³äºº ãã©ã³ãã»ãã©ã³ãã¼åä¼</title> 6<meta name="description" content="ãã©ã³ãã»ãã©ã³ãã¼2ç´è¬åº§ï¼ãªã³ã©ã¤ã³åè¬ï¼ã®ç³è¾¼ã¿ãå ¨5åã®åè¬ãã¬ãã¼ãæåºãèªå®è©¦é¨ãèªå®è¨¼çºè¡ã¾ã§ã®æµãããæ¡å ãã¾ãã"> 7 <link rel="canonical" href="https://www.brand-planner.org/flow.html"> 8<meta property="og:title" content="2ç´è¬åº§ã®åè¬ããåæ ¼ã¾ã§ã®æµãï½å®è·µç伿¥ãã©ã³ãã£ã³ã°è³æ ¼è¬åº§ï½ä¸è¬ç¤¾å£æ³äºº ãã©ã³ãã»ãã©ã³ãã¼åä¼"> 9 <meta name="viewport" content="width=device-width,initial-scale=1"> 10 <meta property="og:type" content="website"> 11 <meta property="og:url" content="https://www.brand-planner.org/flow.html"> 12 <meta property="og:image" content="https://www.brand-planner.org/ogp.png"> 13 <meta property="og:site_name" content="ä¸è¬ç¤¾å£æ³äºº ãã©ã³ãã»ãã©ã³ãã¼åä¼"> 14<meta property="og:description" content="ãã©ã³ãã»ãã©ã³ãã¼2ç´è¬åº§ï¼ãªã³ã©ã¤ã³åè¬ï¼ã®ç³è¾¼ã¿ãå ¨5åã®åè¬ãã¬ãã¼ãæåºãèªå®è©¦é¨ãèªå®è¨¼çºè¡ã¾ã§ã®æµãããæ¡å ãã¾ãã"> 15 <meta property="og:locale" content="ja_JP"> 16 <link rel="shortcut icon" href="https://www.brand-planner.org/favicon.ico"> 17 <link rel="stylesheet" href="./css/style.css" type="text/css"> 18 <link rel="stylesheet" href="./css/swiper.css"> 19 <link rel="stylesheet" href="./css/responsive.css" type="text/css"> 20 <link rel="stylesheet" type="text/css" href="./css/animate.css"> 21
21<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
21 22
22<script type="text/javascript" src="./js/jquery.textillate.js"></script>
22 23
23<script type="text/javascript" src="./js/jquery.lettering.js"></script>
23 24
24<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
24 25
25<script src="./js/style.js"></script>
25 26 <!-- Facebook Pixel Code -->
27<script>
vendor: 417 bytes, lines 27-36
27 28 !function(f,b,e,v,n,t,s) 29 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 30 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 31 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 32 n.queue=[];t=b.createElement(e);t.async=!0; 33 t.src=v;s=b.getElementsByTagName(e)[0]; 34 s.parentNode.insertBefore(t,s)}(window, document,'script', 35 'https://connect.facebook.net/en_US/fbevents.js'); 36 fbq('init', '
36107403359928950
vendor: 32 bytes, lines 36-37
36'); 37 fbq('track', 'PageView');
38</script>
38 39<noscript><img height="1" width="1" style="display:none" 40 src="https://www.facebook.com/tr?id=107403359928950&ev=PageView&noscript=1" 41/></noscript> 42<!-- End Facebook Pixel Code --> 43<!-- Google Tag Manager -->
44<script>
vendor: 327 bytes, lines 44-48
44(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 45new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 46j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 47'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 48})(window,document,'script','dataLayer','
48GTM-T897DJZ
vendor: 3 bytes, line 48
48');
48</script>
48 49<!-- End Google Tag Manager --></head> 50 51 <body onload="initialize();" id="inner"> 52<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 52-53
52 53<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
53GTM-T897DJZ
vendor: 83 bytes, lines 53-54
53" 54height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
55<!-- End Google Tag Manager (noscript) --> 56<div id="wrapper"> 57 <header> 58 <div class="head_inner"> 59 <div class="site-logo"><a href="https://www.brand-planner.org/"><img src="./images/logo.svg" alt="å®è·µç伿¥ãã©ã³ãã£ã³ã°è³æ ¼è¬åº§" width="302" height="76" class="sp_none" /><img src="./images/logo.svg" alt="å®è·µç伿¥ãã©ã³ãã£ã³ã°è³æ ¼è¬åº§" width="230" height="58" class="pc_none" /></a></div> 60 <ul class="sp_none"> 61 <li><a href="./">ãã¼ã </a></li> 62 <li><a href="./about.html">ç§ãã¡ã«ã¤ãã¦</a></li> 63 <li><a href="./schedule.html">åè¬æ¹æ³ã»æé</a></li> 64 <li><a href="./flow.html">åè¬ã®æµã</a></li> 65 <li><a href="./curriculum.html">è¬åº§å 容ã»è³æ ¼</a></li> 66 <li><a href="./voice/">åè¬çã®å£°</a></li> 67 <li><a href="./first/">1ç´åå¾è äºä¾</a></li> 68 </ul> 69 <div class="h_form sp_none"> <p><a href="./biz/" class="button02">æ³äººåããã¼ã¸ »</a></p> 70 <p><a href="./limitation/" class="button02">åæ ¼è åããã¼ã¸ »</a></p> 71 <p><a href="./taiken.html">ç¡æã»å ¥éè¬åº§è³æ »</a></p> 72 <p><a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank">è³æç¢ºèªã»ç³è¾¼ã¿ »</a></p> 73 </div> 74 </div> 75 </header> 76 <div class="main_in"> 77 <div id="main" class="mb-100"> 78 <div class="inner_box"> 79 <div class="copy_in"> 80 <div class="main_copy"> 81 <h1 class="lead">2ç´è¬åº§ã®åè¬ããåæ ¼ã¾ã§ã®æµã</h1> 82 </div> 83 </div> 84 </div> 85 </div> 86 </div> 87 <div class="inner_box02"> 88 <p class="path"><a href="https://www.brand-planner.org/">ãã¼ã </a>ãâºã2ç´è¬åº§ã®åè¬ããåæ ¼ã¾ã§ã®æµã</p> 89 <section class="mb-70"><span id="anc01" class="anchorlink"></span> 90 <h2>ãã©ã³ãã»ãã©ã³ãã¼åä¼èªå®2ç´è¬åº§ã®æµã</h2> 91 <p class="mb-30">1åç´60åãå ¨5åããªã³ã©ã¤ã³ã§åè¬ããè¬åº§ã§ããã好ããªæéã»å ´æã§åè¬ããååã®ã¬ãã¼ããæåºããå¾ã«èªå®è©¦é¨ã¸é²ã¿ã¾ãã</p> 92 <div class="bg01 clearfix mb-30"> 93 <p class="img_r"><img src="./images/flow_img01.jpg" alt="åè¬ã®ç³ãè¾¼ã¿" class="respon_img w270_img" /></p> 94 <h3><span class="flag05">1</span>åè¬ã®ç³ãè¾¼ã¿</h3> 95 <p>ãã©ã³ãã»ãã©ã³ãã¼åä¼èªå®è¬åº§ã¸ã®ãç³ãè¾¼ã¿ã¯<a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank">ãã¡ããã</a>æ¿ã£ã¦ããã¾ãããç³è¾¼ã¿å¾ã1ï½2å¶æ¥æ¥ä»¥å ã«ããç³è¾¼ã»æ¯è¾¼æ¡å ãããéããã¾ãããæ¯è¾¼å¾ã¯ã1å¶æ¥æ¥ä»¥å ã«å ¥é確èªãè¡ããè¬åº§è³æã¨åç»ã®URLãè¨è¼ãããåè¬æ¡å ãããéããã¾ãã<br> 96â»ã¤ã³ã¿ã¼ãããã§ã®åè¬ã¯å åç·ã®ç°å¢ãå¼·ãæ¨å¥¨ãã¾ãã</p> 97 </div> 98 <div class="bg01 clearfix mb-30"> 99 <!--<p class="img_r"><img src="./images/flow_img02.jpg" alt="å ¨5åã®è¬åº§ãåè¬" class="respon_img w270_img" /></p>--> 100 <h3><span class="flag05">2</span>å ¨5åã®è¬åº§ãåè¬</h3> 101 <p>è¬ç¾©ã¯å ¨5åã§1åç´60åã§ãããã¹ã¦ã®è¬ç¾©ãåãã¦ããã ããã¨ã§ããã©ã³ãæ¦ç¥ã®åºç¤ç¥èããå®è·µçãªã¹ãã«ããã¬ã¼ã ã¯ã¼ã¯ãç¨ããä¼ç»ç«æ¡ã¾ã§ããã©ã³ãã£ã³ã°ã®æµãã«æ²¿ã£ã¦å¹ççã«çè§£ãæ·±ãã¦ããã ãã¾ããååã®åè¬å¾ã«ææ³ã¬ãã¼ãï¼è¨5æï¼ãæåºãã第5åã§ã¯è¬åº§å ã§è¨å ¥ããã·ã¼ãããããã¦ãæåºãã ããã<br> 102â»ææ³ã¬ãã¼ãã®æåºãåè¬è¨¼æã¨ãªãã¾ã</p> 103 </div> 104 <div class="bg01 clearfix mb-30"> 105 <h3><span class="flag05">3</span>æ¤å®è©¦é¨ã<span class="mini">â»ç¾åæ ¼ç98ï¼ </span></h3> 106 <p>å ¨5ååã®æåºç©ã確èªå¾ããã©ã³ãã»ãã©ã³ãã¼åä¼èªå®2ç´ã®è©¦é¨ã·ã¼ãããéããã¾ãã鏿å¼ã®è¨åã50åãããåæ ¼æ°´æºã¯æ£çç8å²ã¨ãªã£ã¦ããã¾ãã<br> 107â»è©¦é¨ã«åçå¶éæéã¯ãããã¾ãããããã¾ã§ã®åè¬ãæ¯ãè¿ããªãããåçä¸ããã</p> 108 </div> 109 <div class="bg01 clearfix mb-30"> 110 <p class="img_r"><img src="./images/flow_img03.jpg" alt="èªå®è¨¼æä¸" class="respon_img w270_img" /></p> 111 <h3><span class="flag05">4</span>èªå®è¨¼æä¸</h3> 112 <p class="mb-20">æ¤å®è©¦é¨ã§åæ ¼ã«ãªã£ãæ¹ã«ã¯ããã©ã³ãã»ãã©ã³ãã¼åä¼èªå®2ç´ã®èªå®è¨¼ãçºè¡ããéµéãã¾ããè³æ ¼åå¾å¾ã¯ååºãªã©ã«ããã©ã³ãã»ãã©ã³ãã¼åä¼èªå®2ç´ãã¨è¨è¼ãã¦ããã ããã¨ãå¯è½ã§ããã¾ããå
112®éã«ãã©ã³ãã£ã³ã°ã«æºãã£ãéã«ã¯ãå½ãµã¤ãã«ã¦äºä¾æ²è¼ãå¯è½ã§ãã®ã§ãã»ã«ããã©ã³ãã£ã³ã°ã«ããæ´»ç¨ãã ããã</p> 113 <p class="hit">試é¨ã§ä¸åæ ¼ã¨ãªã£ãå ´åã¯ã1åã®ã¿åãã¹ãï¼â»å¥é5,500åã»ç¨è¾¼ï¼ã¨ãªãã¾ãã</p> 114 </div> 115 <div class="bg01 clearfix mb-30"> 116 <p class="img_r"><img src="./images/online06.jpg" alt="åæ ¼å¾ã®ãã©ãã¼ã¢ãã" width="370" class="respon_img w270_img" /></p> 117 <h3><span class="flag05">5</span>åæ ¼å¾ã®ãªã³ã©ã¤ã³ãã©ãã¼ã¢ãã</h3> 118 <p>å®è·µã®ä¸ã§ããé ãçåç¹ãã課é¡ãªã©ãããã©ãã¼å 容ãèãã¦ãã¾ããåæ ¼è éå®ã®ãªã³ã©ã¤ã³ã³ã³ãã³ãã«åå ã§ããåæ ¼è åå£«ã®æ å ±äº¤æã®å ´ãè¨ãããã¦é ãã¦ãã¾ããç¥èã ãã§ãªãã³ãã¯ã·ã§ã³ãæ§ç¯ãã¦ããã¾ãã</p> 119 </div> 120 <div class="two_box btn_center"> 121 <div><p class="button01 mb-15"><a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank">è³æç¢ºèªã»ãç³è¾¼ã¿ã¯ãã¡ã »</a></p></div> 122 <div><p class="button01"><a href="./curriculum.html#anc02">1ç´åå¾ã«ã¤ãã¦ã¯ãã¡ã »</a></p></div> 123 </div> 124 </section> 125 </div> <div id="topics" class="mb-70 effect"> 126 <div class="inner_box"> 127 <div class="center mb-50"> 128 <h2>ãããã¯ã¹</h2> 129 </div> 130 <div class="four_box swiper-container"> <div class="swiper-wrapper"> 131 <div class="swiper-slide"><a href="./first/first11.html"><img src="./images/first_img11-0.jpg" alt="1ç´" class="respon_img02" width="270" /> 132 <p><span class="flag03">åè¬çã®å£°</span>æ°ãã«1ç´ãåå¾ããå°å¹³ æµ©ä¹æ§ã®ã¤ã³ã¿ãã¥ã¼ãæ´æ°ãã¾ããã</p> 133 </a></div> 134 <div class="swiper-slide"><a href="./first/first10.html"><img src="./images/first_img10-3.png" alt="1ç´" class="respon_img02" width="270" /> 135 <p><span class="flag03">åè¬çã®å£°</span>æ°ãã«1ç´ãåå¾ãã髿© ãããæ§ã®ã¤ã³ã¿ãã¥ã¼ãæ´æ°ãã¾ããã</p> 136 </a></div> 137 <div class="swiper-slide"><a href="./first/first09.html"><img src="./images/first_img09-5.jpg" alt="1ç´" class="respon_img02" width="270" /> 138 <p><span class="flag03">åè¬çã®å£°</span>æ°ãã«1ç´ãåå¾ããé»é è²´ä¹æ§ã®ã¤ã³ã¿ãã¥ã¼ãæ´æ°ãã¾ããã</p> 139 </a></div> 140 <div class="swiper-slide"><a href="./first/first08.html"><img src="./images/first_img08-0.jpg" alt="1ç´" class="respon_img02" width="270" /> 141 <p><span class="flag03">åè¬çã®å£°</span>æ°ãã«1ç´ãåå¾ããæ¬å®¶ ã²ãµã æ§ã®ã¤ã³ã¿ãã¥ã¼ãæ´æ°ãã¾ããã</p> 142 </a></div> 143 <div class="swiper-slide"><a href="./first/first07.html"><img src="./images/first_img07-0.jpg" alt="1ç´" class="respon_img02" width="270" /> 144 <p><span class="flag03">åè¬çã®å£°</span>æ°ãã«1ç´ãåå¾ããå¤å ç§ææ§ã®ã¤ã³ã¿ãã¥ã¼ã¨ã¬ãã¼ããæ´æ°ãã¾ããã</p> 145 </a></div> 146 <div class="swiper-slide"><a href="./topics/hitchclub.html"><img src="./images/hitchclub_img04.png" alt="hitch+" class="respon_img02" width="270" /> 147 <p><span class="flag03">æ¥åææº</span>ãhitch+ãã¨ã®ææºã§è³æ ¼åå¾å¾ã®âæ¡ä»¶ç²å¾æ¯æ´âãå¯è½ã«ãªãã¾ããã</p> 148 </a></div> 149 </div> 150 <div class="swiper-pagination"></div> 151 <div class="swiper-button-next">Next<i class="pe-7s-angle-right pe-3x pe-va"></i></div> 152 <div class="swiper-button-prev"><i class="pe-7s-angle-left pe-3x pe-va"></i>Prev</div> 153 </div> 154 </div> 155 </div> 156<p class="pt"><a href="#wrapper"><i class="pe-7s-angle-up pe-3x pe-va"></i></a></p> 157 <div class="form clearfix"> 158 <div class="inner_box"> 159 <h2>å種ãåãåããã¯ãã¡ããã</h2> 160 <div class="three_box"> 161 <div> 162 <p class="mb-10"><a href="./taiken.html"><span>ã¾ãã¯è©¦ãã¦ã¿ããæ¹ã¸</span><i class="pe-7s-comment pe-2x pe-va"></i>ç¡æã»å ¥éè¬åº§è³æ »</a></p> 163 </div> 164 <div> 165 <p class="mb-10"><a href="https://www.brand-planner.org/data/introduction.pdf" target="_blank" onclick="ga('send','event','shiryou','click','file', 1);"><span>æ´ã«è©³ããç¥ãããæ¹ã¸</span><i class="pe-7s-wallet pe-2x pe-va"></i>è¬åº§ã®è©³ç´°è³æãè¦ã »</a></p> 166 </div> 167 <div> 168 <p class="mb-10"><a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank"><span>ãç³è¾¼ã¿ããèãã®æ¹ã¸</span><i class="pe-7s-portfolio pe-2x pe-va"></i>ãç¸è«ã»ãç³è¾¼ã¿ »</a></p> 169 </div> 170 </div> 171 </div> 172 </div> 173 <footer class="effect"> 174 <div class="foot_info inner_box"> 175 <div> 176 <p class="mb-20"> 177 ä¸è¬ç¤¾å£æ³äººãã©ã³ãã»ãã©ã³ãã¼åä¼ãã<br /> 178 使ï¼ã150-0036 æ±äº¬é½æ¸è°·åºåå¹³å°çº15-13<br class="pc_none" /> 179 å¸é½æ¸è°·ãã«5Fã<a href="https://maps.app.goo.gl/cSStkfV7Mf2SHiqQ9" target="_blank">Map »</a><br /> 180 ãé£çµ¡ï¼[email protected] 181 </p> 182 183 </div> 184 </div> 185 186 <p class="clear foot_link mb-15"><a href="./">ãã¼ã </a><a href="./about.html">ç§ãã¡ã«ã¤ãã¦</a><a href="./schedule.html">åè¬æ¹æ³ã»æé</a><a href="./flow.html">åè¬ã®æµã</a><a href="./curriculum.html">è¬åº§å 容ã»è³æ ¼</a><a href="./voice/">åè¬çã®å£°</a><a href="./column/">ã³ã©ã </a><a href="./first/">1ç´åå¾è äºä¾</a><a href="./association.html">å伿¦è¦</a><a href="./limitation/">åæ ¼è åããã¼ã¸</a><a href="./taiken.html">ç¡æã»å ¥éè¬åº§è³æ</a><a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank">è³æç¢ºèªã»ãç³è¾¼ã¿</a></p> 187 <address> 188 © ä¸è¬ç¤¾å£æ³äººãã©ã³ãã»ãã©ã³ãã¼åä¼ 189 </address> 190 </footer> 191 </div> 192<div id="top-head"> 193 <div class="inner"> 194 <div id="nav-toggle"> 195 <div> <span></span> <span></span> <span></span> </div> 196 </div> 197 <nav id="global-nav"> 198 <ul> 199 <li><a href="./">ãã¼ã </a></li> 200 <li><a href="./about.html">ç§ãã¡ã«ã¤ãã¦</a></li> 201 <li><a href="./schedule.html">åè¬æ¹æ³ã»æé</a></li> 202 <li><a href="./flow.html">åè¬ã®æµã</a></li> 203 <li><a href="./curriculum.html">è¬åº§å 容ã»è³æ ¼</a></li> 204 <li><a href="./voice/">åè¬çã®å£°</a></li> 205 <li><a href="./first/">1ç´åå¾è äºä¾</a></li> 206 <li class="pc_none"><a href="./biz/">æ³äººåããã¼ã¸</a></li> 207 <li class="pc_none"><a href="./limitation/">åæ ¼è åããã¼ã¸</a></li> 208 <li><a href="./taiken.html">ç¡æã»å ¥éè¬åº§è³æ</a></li> 209 <li><a href="https://forms.gle/vV9ZqbLBZXwvVKqH9" target="_blank">è³æç¢ºèªã»ç³è¾¼ã¿</a></li> 210 </ul> 211 </nav> 212 </div> 213 </div>
214<script src="./js/swiper.js"></script>
214 215 216<!-- Initialize Swiper -->
217<script> 218 var swiper = new Swiper('.swiper-container', { 219 pagination: '.swiper-pagination', 220 slidesPerView: 4, 221 paginationClickable: true, 222 spaceBetween: 30, 223 nextButton: '.swiper-button-next', 224 prevButton: '.swiper-button-prev', 225 breakpoints: { 226 480: { 227 slidesPerView: 1, 228 spaceBetween: 0, 229 nextButton: '.swiper-button-next', 230 prevButton: '.swiper-button-prev', 231 } 232 } 233 }); 234 </script>
234 235 236 237</body> 238</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.