From a532e31c0727018af57652577570b2acbd22754c Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 00:59:22 +0900
Subject: [PATCH 01/32] =?UTF-8?q?=E3=83=91=E3=83=BC=E3=83=88=E3=83=8A?=
 =?UTF-8?q?=E3=83=BC=E3=83=9B=E3=83=90=E3=83=BC=E3=82=A2=E3=82=AF=E3=82=B7?=
 =?UTF-8?q?=E3=83=A7=E3=83=B3=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 36 ++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index dafa2346..756739fa 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -114,20 +114,44 @@ h2 {
   margin: 24px;
   height: 100%;
   background: #fff;
+  &:hover {
+    .partner-card-logo::after {
+      transform: scaleX(1);
+      transform-origin: left center;
+      transition: transform 0.4s cubic-bezier(0.76, 0, 0.3, 1);
+    }
+  }
   @include media-breakpoint-down(sm) {
     margin: 6px;
   }
   .partner-card-logo {
     padding-bottom: 64px;
     border-bottom: 1px solid $light-gray-1;
-    img {
-      max-height: 56px;
-      @include media-breakpoint-down(sm) {
-        max-height: 32px;
-        max-width: 80%;
+    position: relative;
+      // Border
+      &::after {
+        content: '';
+        position: absolute;
+        display: block;
+        z-index: 0;
+        width: 100%;
+        height: 1px;
+        background: $secondary;
+        left: 0;
+        bottom: 0;
+        transition: transform 0.4s cubic-bezier(0.76, 0, 0.3, 1);
+        transform: scaleX(0);
+        transform-origin: right center;
+      }
+      
+      img {
+        max-height: 56px;
+        @include media-breakpoint-down(sm) {
+          max-height: 32px;
+          max-width: 80%;
+        }
       }
     }
-  }
   .partner-card-text {
     padding: 40px 24px;
     background: $light-gray-2;

From 76107fa5f2c02608516530d148f0e5aa194e916f Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 01:32:22 +0900
Subject: [PATCH 02/32] =?UTF-8?q?=E3=83=88=E3=83=83=E3=83=97=E3=82=AF?=
 =?UTF-8?q?=E3=83=A9=E3=82=A4=E3=82=A2=E3=83=B3=E3=83=88=E3=80=81=E3=83=91?=
 =?UTF-8?q?=E3=83=BC=E3=83=88=E3=83=8A=E3=83=BC=E3=82=A2=E3=83=8B=E3=83=A1?=
 =?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 76 +++++++++++++++++++++++++++++++---
 src/components/TopPartners.vue | 68 ++++++++++++++++++++++++++++--
 2 files changed, 134 insertions(+), 10 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index c02a30f0..500a417b 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="v-content">
     
-    <div class="container">
+    <div class="container section-title">
       <div class="row">
         <h2 class="text-center">
           Clients
@@ -15,38 +15,47 @@
       <img
         src="../assets/images/clients/clients-lixil.svg"
         alt="ServerlessOperations Clients LIXIL"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-htb.svg"
         alt="ServerlessOperations Clients HTB 北海道テレビ"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-tokion.svg"
         alt="ServerlessOperations Clients TOKION"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-serverworks.svg"
         alt="ServerlessOperations Clients Serverworks"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-geolonia.svg"
         alt="ServerlessOperations Clients GEOLONIA"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-infas.svg"
         alt="ServerlessOperations Clients INFAS PIBLICATIONS"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-libelize.svg"
         alt="ServerlessOperations Clients LIBELIZE"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-maas.svg"
         alt="ServerlessOperations Clients MAAS GLOBAL"
+        class="clients-image"
       />
       <img
         src="../assets/images/clients/clients-alis.svg"
         alt="ServerlessOperations Clients ALIS"
+        class="clients-image"
       />
 
     </div>
@@ -54,12 +63,66 @@
 </template>
 
 <script>
-/*import { gsap } from 'gsap'
+import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)*/
+gsap.registerPlugin(ScrollTrigger)
 
 export default {
-  
+  mounted() {
+    this.titleAnimation(),
+    this.imageStagger()
+  },
+  methods: {
+    titleAnimation() {
+      gsap
+        .timeline({
+          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            trigger: '.section-title', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .fromTo('.section-title h2', {
+          opacity: 0,
+          y: 0,
+          scale: 0.98,
+        }, {
+          opacity: 1,
+          scale: 1,
+          y: -20,
+        })
+    },
+    imageStagger() {
+      gsap
+        .timeline({
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            // scrub: 1,
+            trigger: '.clients-image-container', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .to('.clients-image', {
+          y: 0, // 少し上に移動させる
+          opacity: 1,
+          x: 0,
+          scale: 1,
+          ease: 'Expo.easeInOut',
+          duration: 1.6,
+          // 複数要素を扱うプロパティ
+          stagger: {
+            from: 'start', //左側から
+            axis: 'x',
+            amount: 0.8 // 0.8秒おきに
+          }
+        })
+      }
+  }
 }
 </script>
 
@@ -74,7 +137,7 @@ export default {
       padding: 40px 0;
     }
   }
-  h2 {
+  .section-title h2 {
     color: $secondary;
     font-size: 3.5rem;
     font-family: $font-en-normal;
@@ -124,7 +187,8 @@ export default {
       width: 100%;
       max-width: 100%;
     }
-    img {
+    .clients-image {
+      opacity: 0;
       width: 100%;
       height: auto;
       flex-basis: calc(20% - 24px);
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 756739fa..2a8498d2 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="v-content">
     
-    <div class="container">
+    <div class="container section-title-partner">
       <div class="row">
         <h2 class="text-center">
           Partners
@@ -11,7 +11,7 @@
     </div>
 
     <v-container>
-      <div class="row justify-center">
+      <div class="row justify-center partner-card-container">
 
         <a class="partner-card col col-md-4 col-lg-3" href="https://aws.amazon.com/jp/partners/consulting/">
           <div class="partner-card-logo d-flex justify-center align-center">
@@ -48,9 +48,68 @@
   </div>
 </template>
 
+
 <script>
+import { gsap } from 'gsap'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+gsap.registerPlugin(ScrollTrigger)
+
 export default {
-  
+  mounted() {
+    this.titleAnimation(),
+    this.imageStagger()
+  },
+  methods: {
+    titleAnimation() {
+      gsap
+        .timeline({
+          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            trigger: '.section-title-partner', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .fromTo('.section-title-partner h2', {
+          opacity: 0,
+          y: 0,
+          scale: 0.98,
+        }, {
+          opacity: 1,
+          scale: 1,
+          y: -20,
+        })
+    },
+    imageStagger() {
+      gsap
+        .timeline({
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            // scrub: 1,
+            trigger: '.partner-card-container', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .to('.partner-card', {
+          y: 0, // 少し上に移動させる
+          opacity: 1,
+          x: 0,
+          scale: 1,
+          ease: 'Expo.easeInOut',
+          duration: 1.6,
+          // 複数要素を扱うプロパティ
+          stagger: {
+            from: 'start', //左側から
+            axis: 'x',
+            amount: 0.3 // 0.8秒おきに
+          }
+        })
+      }
+  }
 }
 </script>
 
@@ -69,7 +128,7 @@ export default {
     padding: 40px 0;
   }
 }
-h2 {
+.section-title-partner h2 {
   color: $secondary;
   font-size: 3.5rem;
   font-family: $font-en-normal;
@@ -106,6 +165,7 @@ h2 {
   }
 }
 .partner-card {
+  opacity: 0;
   display: block;
   border-radius: 3px;
   box-shadow: 8px 24px 50px rgba(207, 214, 226, 0.6);

From 8a9afaf87949b016adad14c043835984e43a6e55 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 01:37:18 +0900
Subject: [PATCH 03/32] =?UTF-8?q?main=20js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 1 -
 src/components/TopPartners.vue | 1 -
 src/main.js                    | 3 +++
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 500a417b..9745b7b3 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -66,7 +66,6 @@
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
-
 export default {
   mounted() {
     this.titleAnimation(),
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 2a8498d2..b7bb32f7 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -53,7 +53,6 @@
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
-
 export default {
   mounted() {
     this.titleAnimation(),
diff --git a/src/main.js b/src/main.js
index 520d974e..326b9d28 100755
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,9 @@ import '~/assets/css/prism-okaidia.css'
 import '~/assets/js/chatplus.js'
 import Vuelidate from 'vuelidate'
 import VueAwesomeSwiper from 'vue-awesome-swiper'
+import gsap from "gsap";
+
+Vue.prototype.$gsap = gsap;
 
 export default function (Vue, { router, head, appOptions, isClient, isServer }) {
   

From 88aeb8d1f6f24633990ad406e1f7bfecdb48e6ca Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 01:40:56 +0900
Subject: [PATCH 04/32] =?UTF-8?q?main=20js=20=E4=BF=AE=E6=AD=A3vue?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main.js b/src/main.js
index 326b9d28..b90c1897 100755
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import '~/assets/js/chatplus.js'
 import Vuelidate from 'vuelidate'
 import VueAwesomeSwiper from 'vue-awesome-swiper'
 import gsap from "gsap";
+import Vue from "vue";
 
 Vue.prototype.$gsap = gsap;
 

From 0abd22ceb09e8c97a474c2ef63c68e10645d57df Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 01:59:38 +0900
Subject: [PATCH 05/32] =?UTF-8?q?GSAP=E3=83=90=E3=83=BC=E3=82=B8=E3=83=A7?=
 =?UTF-8?q?=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   |   3 +-
 src/components/TopClients.vue  |   1 +
 src/components/TopPartners.vue |   1 +
 yarn.lock                      | 109 ++-------------------------------
 4 files changed, 9 insertions(+), 105 deletions(-)

diff --git a/package.json b/package.json
index 29799184..99fb754a 100755
--- a/package.json
+++ b/package.json
@@ -17,9 +17,8 @@
     "global": "^4.4.0",
     "gridsome": "^0.7.14",
     "gridsome-plugin-remark-prismjs-all": "^0.3.5",
-    "gsap": "^3.5.1",
+    "gsap": "3.4.0",
     "prismjs": "^1.20.0",
-    "sharp": "^0.26.2",
     "swiper": "^6.0.4",
     "vercel": "^20.1.1",
     "vue": "^2.0.0",
diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 9745b7b3..500a417b 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -66,6 +66,7 @@
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
+
 export default {
   mounted() {
     this.titleAnimation(),
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index b7bb32f7..2a8498d2 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -53,6 +53,7 @@
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
+
 export default {
   mounted() {
     this.titleAnimation(),
diff --git a/yarn.lock b/yarn.lock
index 8a935d82..2ca9c202 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1846,15 +1846,6 @@ bl@^4.0.1:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
-bl@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.0.3.tgz#12d6287adc29080e22a705e5764b2a9522cdc489"
-  integrity sha512-fs4G6/Hu4/EE+F75J8DuN/0IpQqNjAdC7aEQv7Qt8MHGUH7Ckv2MwTEEeN9QehD0pfIDkMI1bkHYkKy7xHyKIg==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
 block-stream@*:
   version "0.0.9"
   resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
@@ -3037,13 +3028,6 @@ decompress-response@^4.2.0:
   dependencies:
     mimic-response "^2.0.0"
 
-decompress-response@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
-  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
-  dependencies:
-    mimic-response "^3.1.0"
-
 decompress-tar@^4.0.0, decompress-tar@^4.1.0, decompress-tar@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/decompress-tar/-/decompress-tar-4.1.1.tgz#718cbd3fcb16209716e70a26b84e7ba4592e5af1"
@@ -4877,10 +4861,10 @@ gridsome@^0.7.14:
     webpack-merge "^4.2.1"
     yaml-loader "^0.5.0"
 
-gsap@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.5.1.tgz#36cf76787d1758e749469d5e9cbe365c186544c4"
-  integrity sha512-EMV0RSUKZNeTUzLKAizGlwxVOUyif3/g8I3S1aA/hf3gbqwBvmQ02x1RdTBQNQMOpHCVBv9y/vaHwfctoAg8zw==
+gsap@3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.4.0.tgz#b1cec510b0dd30cbb115fb2bece37a3b86c9327d"
+  integrity sha512-b/GJjLIl9X5bPrlQ6ek7KV6ZPKP2HsKXr7HcuTEQe4725SkCTialLHnrhglxZISIg+zCRrQXawexRUeKZz5CjQ==
 
 har-schema@^2.0.0:
   version "2.0.0"
@@ -6371,11 +6355,6 @@ mimic-response@^2.0.0:
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-2.1.0.tgz#d13763d35f613d09ec37ebb30bac0469c0ee8f43"
   integrity sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==
 
-mimic-response@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
-  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
-
 min-document@^2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
@@ -6414,7 +6393,7 @@ minimatch@^3.0.4, minimatch@~3.0.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5:
+minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -6458,7 +6437,7 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
+mkdirp-classic@^0.5.2:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
@@ -6587,11 +6566,6 @@ node-abi@^2.7.0:
   dependencies:
     semver "^5.4.1"
 
-node-addon-api@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.0.2.tgz#04bc7b83fd845ba785bb6eae25bc857e1ef75681"
-  integrity sha512-+D4s2HCnxPd5PjjI0STKwncjXTUKKqm74MDMz9OPXavjsGmjkvwgLtA5yoxJUdmpj52+2u+RrXgPipahKczMKg==
-
 node-fetch@^2.3.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
@@ -7697,27 +7671,6 @@ prebuild-install@^5.3.3:
     tunnel-agent "^0.6.0"
     which-pm-runs "^1.0.0"
 
-prebuild-install@^5.3.5:
-  version "5.3.6"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-5.3.6.tgz#7c225568d864c71d89d07f8796042733a3f54291"
-  integrity sha512-s8Aai8++QQGi4sSbs/M1Qku62PFK49Jm1CbgXklGz4nmHveDq0wzJkg7Na5QbnO1uNH8K7iqx2EQ/mV0MZEmOg==
-  dependencies:
-    detect-libc "^1.0.3"
-    expand-template "^2.0.3"
-    github-from-package "0.0.0"
-    minimist "^1.2.3"
-    mkdirp-classic "^0.5.3"
-    napi-build-utils "^1.0.1"
-    node-abi "^2.7.0"
-    noop-logger "^0.1.1"
-    npmlog "^4.0.1"
-    pump "^3.0.0"
-    rc "^1.2.7"
-    simple-get "^3.0.3"
-    tar-fs "^2.0.0"
-    tunnel-agent "^0.6.0"
-    which-pm-runs "^1.0.0"
-
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -8463,11 +8416,6 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.3.2:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
-
 semver@~5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
@@ -8562,21 +8510,6 @@ sharp@^0.23.2:
     tar "^5.0.5"
     tunnel-agent "^0.6.0"
 
-sharp@^0.26.2:
-  version "0.26.2"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.26.2.tgz#3d5777d246ae32890afe82a783c1cbb98456a88c"
-  integrity sha512-bGBPCxRAvdK9bX5HokqEYma4j/Q5+w8Nrmb2/sfgQCLEUx/HblcpmOfp59obL3+knIKnOhyKmDb4tEOhvFlp6Q==
-  dependencies:
-    color "^3.1.2"
-    detect-libc "^1.0.3"
-    node-addon-api "^3.0.2"
-    npmlog "^4.1.2"
-    prebuild-install "^5.3.5"
-    semver "^7.3.2"
-    simple-get "^4.0.0"
-    tar-fs "^2.1.0"
-    tunnel-agent "^0.6.0"
-
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -8608,15 +8541,6 @@ simple-get@^3.0.3, simple-get@^3.1.0:
     once "^1.3.1"
     simple-concat "^1.0.0"
 
-simple-get@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.0.tgz#73fa628278d21de83dadd5512d2cc1f4872bd675"
-  integrity sha512-ZalZGexYr3TA0SwySsr5HlgOOinS4Jsa8YB2GJ6lUNAazyAu4KG/VmzMTwAt2YVXzzVj8QmefmAonZIK2BSGcQ==
-  dependencies:
-    decompress-response "^6.0.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
@@ -9216,16 +9140,6 @@ tar-fs@^2.0.0:
     pump "^3.0.0"
     tar-stream "^2.0.0"
 
-tar-fs@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
-  dependencies:
-    chownr "^1.1.1"
-    mkdirp-classic "^0.5.2"
-    pump "^3.0.0"
-    tar-stream "^2.1.4"
-
 tar-stream@^1.5.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
@@ -9250,17 +9164,6 @@ tar-stream@^2.0.0:
     inherits "^2.0.3"
     readable-stream "^3.1.1"
 
-tar-stream@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.1.4.tgz#c4fb1a11eb0da29b893a5b25476397ba2d053bfa"
-  integrity sha512-o3pS2zlG4gxr67GmFYBLlq+dM8gyRGUOvsrHclSkvtVtQbjV0s/+ZE8OpICbaj8clrX3tjeHngYGP7rweaBnuw==
-  dependencies:
-    bl "^4.0.3"
-    end-of-stream "^1.4.1"
-    fs-constants "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-
 tar@^2.0.0:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.2.tgz#0ca8848562c7299b8b446ff6a4d60cdbb23edc40"

From 59893e97353486a5a66e5bfdc6b1ebf6e478ab73 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 02:04:12 +0900
Subject: [PATCH 06/32] =?UTF-8?q?GSAP=E3=83=90=E3=83=BC=E3=82=B8=E3=83=A7?=
 =?UTF-8?q?=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 2 +-
 src/components/TopPartners.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 500a417b..50eb3029 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -64,7 +64,7 @@
 
 <script>
 import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
+import { ScrollTrigger } from 'gsap/ScrollTrigger.js'
 gsap.registerPlugin(ScrollTrigger)
 
 export default {
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 2a8498d2..a1825ec2 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -51,7 +51,7 @@
 
 <script>
 import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
+import { ScrollTrigger } from 'gsap/ScrollTrigger.js'
 gsap.registerPlugin(ScrollTrigger)
 
 export default {

From 2400e5efc7b5ed5138e58ae6b7d00fc6434e85bb Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 02:11:06 +0900
Subject: [PATCH 07/32] =?UTF-8?q?GSAP=20main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 2 +-
 src/components/TopPartners.vue | 2 +-
 src/main.js                    | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 50eb3029..500a417b 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -64,7 +64,7 @@
 
 <script>
 import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger.js'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
 
 export default {
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index a1825ec2..2a8498d2 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -51,7 +51,7 @@
 
 <script>
 import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger.js'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
 
 export default {
diff --git a/src/main.js b/src/main.js
index b90c1897..da6906d5 100755
--- a/src/main.js
+++ b/src/main.js
@@ -55,4 +55,8 @@ export default function (Vue, { router, head, appOptions, isClient, isServer })
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
 
+  build: {
+    transpile: ['gsap']
+  }
+
 }

From cec42685860448f918ab3091181f66b44c415027 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 02:16:54 +0900
Subject: [PATCH 08/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Default.vue |  1 +
 src/main.js             | 13 ++-----------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 29732f6f..2002e829 100755
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -19,6 +19,7 @@ import HeaderComponent from '~/components/Header.vue'
 import FooterOurPartners from '~/components/FooterOurPartners.vue'
 import CallToAction from '~/components/CallToAction.vue'
 import FooterComponent from '~/components/Footer.vue'
+import { gsap } from 'gsap'
 
 export default {
   components: {
diff --git a/src/main.js b/src/main.js
index da6906d5..9da8c612 100755
--- a/src/main.js
+++ b/src/main.js
@@ -13,7 +13,7 @@ import Vue from "vue";
 
 Vue.prototype.$gsap = gsap;
 
-export default function (Vue, { router, head, appOptions, isClient, isServer }) {
+export default function (Vue, { router, head, isClient, appOptions }) {
   
   // Add an external Javascript before the closing </body> tag
   head.script.push({
@@ -25,12 +25,7 @@ export default function (Vue, { router, head, appOptions, isClient, isServer })
     rel: 'stylesheet',
     href: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css',
   })
-  
-  head.link.push({
-    rel: 'stylesheet',
-    href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900',
-  })
-  
+
   //const opts = { ... } //opts includes, vuetify themes, icons, etc.
   Vue.use(Vuetify)
   Vue.use(Vuex)
@@ -55,8 +50,4 @@ export default function (Vue, { router, head, appOptions, isClient, isServer })
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
 
-  build: {
-    transpile: ['gsap']
-  }
-
 }

From d3a89971d8d00c64c191bd54e1be4e9369fb126e Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 02:20:15 +0900
Subject: [PATCH 09/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 500a417b..823ff2ff 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -63,12 +63,12 @@
 </template>
 
 <script>
-import { gsap } from 'gsap'
+/*import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)
+gsap.registerPlugin(ScrollTrigger)*/
 
 export default {
-  mounted() {
+  /*mounted() {
     this.titleAnimation(),
     this.imageStagger()
   },
@@ -122,7 +122,7 @@ export default {
           }
         })
       }
-  }
+  }*/
 }
 </script>
 

From d96138650e3ad85865331d2f4401021c34f4fc0c Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 02:22:01 +0900
Subject: [PATCH 10/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 2a8498d2..9e879e76 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -50,12 +50,12 @@
 
 
 <script>
-import { gsap } from 'gsap'
+/*import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)
+gsap.registerPlugin(ScrollTrigger)*/
 
 export default {
-  mounted() {
+  /*mounted() {
     this.titleAnimation(),
     this.imageStagger()
   },
@@ -109,7 +109,7 @@ export default {
           }
         })
       }
-  }
+  }*/
 }
 </script>
 

From 4923f860f5d1bf32ec303f0dc948c1b4e9068371 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 03:05:33 +0900
Subject: [PATCH 11/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  |  8 ++++----
 src/components/TopPartners.vue | 13 +++++++------
 src/layouts/Default.vue        |  2 +-
 src/main.js                    | 11 ++++++-----
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 823ff2ff..500a417b 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -63,12 +63,12 @@
 </template>
 
 <script>
-/*import { gsap } from 'gsap'
+import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)*/
+gsap.registerPlugin(ScrollTrigger)
 
 export default {
-  /*mounted() {
+  mounted() {
     this.titleAnimation(),
     this.imageStagger()
   },
@@ -122,7 +122,7 @@ export default {
           }
         })
       }
-  }*/
+  }
 }
 </script>
 
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 9e879e76..099f0acd 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -50,12 +50,13 @@
 
 
 <script>
-/*import { gsap } from 'gsap'
+import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)*/
+gsap.registerPlugin(ScrollTrigger)
+// const ScrollTrigger = process.browser ? require("gsap/ScrollTrigger") : undefined;
 
 export default {
-  /*mounted() {
+  mounted() {
     this.titleAnimation(),
     this.imageStagger()
   },
@@ -100,16 +101,16 @@ export default {
           x: 0,
           scale: 1,
           ease: 'Expo.easeInOut',
-          duration: 1.6,
+          duration: 1,
           // 複数要素を扱うプロパティ
           stagger: {
             from: 'start', //左側から
             axis: 'x',
-            amount: 0.3 // 0.8秒おきに
+            amount: 0.4 // 0.8秒おきに
           }
         })
       }
-  }*/
+  }
 }
 </script>
 
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 2002e829..96fc5314 100755
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -49,7 +49,7 @@ export default {
 }
 
 .theme--dark.v-application {
-    background: #fff;
+  background: #fff;
 }
 .v-content .container {
   width: 98vw;
diff --git a/src/main.js b/src/main.js
index 9da8c612..9e7814e9 100755
--- a/src/main.js
+++ b/src/main.js
@@ -2,18 +2,23 @@
 import Vuetify from 'vuetify'
 import Vuex from 'vuex'
 import 'vuetify/dist/vuetify.min.css'
-import DefaultLayout from '~/layouts/Default.vue'
 import Prism from 'prismjs'
 import '~/assets/css/prism-okaidia.css'
 import '~/assets/js/chatplus.js'
 import Vuelidate from 'vuelidate'
 import VueAwesomeSwiper from 'vue-awesome-swiper'
+
+import DefaultLayout from '~/layouts/Default.vue'
+
 import gsap from "gsap";
 import Vue from "vue";
 
 Vue.prototype.$gsap = gsap;
 
 export default function (Vue, { router, head, isClient, appOptions }) {
+
+  // Set default layout as a global component
+  Vue.component('Layout', DefaultLayout)
   
   // Add an external Javascript before the closing </body> tag
   head.script.push({
@@ -46,8 +51,4 @@ export default function (Vue, { router, head, isClient, appOptions }) {
       }
     }
   })
-
-  // Set default layout as a global component
-  Vue.component('Layout', DefaultLayout)
-
 }

From fa42b9d30a58da16ecda574c9f697d039cdd81f0 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 04:33:00 +0900
Subject: [PATCH 12/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index 9e7814e9..6bd88db2 100755
--- a/src/main.js
+++ b/src/main.js
@@ -10,8 +10,10 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 
 import DefaultLayout from '~/layouts/Default.vue'
 
-import gsap from "gsap";
 import Vue from "vue";
+import gsap from "gsap";
+import ScrollTrigger from "gsap/ScrollTrigger";
+gsap.registerPlugin(ScrollTrigger)
 
 Vue.prototype.$gsap = gsap;
 

From 71a50f67edc89df62ab4db309fa81aff044a8ac8 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 04:46:43 +0900
Subject: [PATCH 13/32] =?UTF-8?q?main.js=20=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 099f0acd..1e2a38c0 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -50,10 +50,10 @@
 
 
 <script>
-import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)
-// const ScrollTrigger = process.browser ? require("gsap/ScrollTrigger") : undefined;
+import { gsap } from "gsap/dist/gsap";
+import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
 
 export default {
   mounted() {

From f210934d9de8349b71d358e86ecac539b8d34ed5 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 09:40:14 +0900
Subject: [PATCH 14/32] =?UTF-8?q?=E9=87=8D=E8=A4=87=E3=81=97=E3=81=A6?=
 =?UTF-8?q?=E3=82=8B=E7=94=BB=E5=83=8F=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FooterOurPartners.vue | 87 ----------------------------
 src/components/TopClients.vue        |  7 ++-
 src/components/TopPartners.vue       |  1 -
 src/layouts/Default.vue              |  2 -
 4 files changed, 4 insertions(+), 93 deletions(-)
 delete mode 100644 src/components/FooterOurPartners.vue

diff --git a/src/components/FooterOurPartners.vue b/src/components/FooterOurPartners.vue
deleted file mode 100644
index 2a478fb6..00000000
--- a/src/components/FooterOurPartners.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div class="v-content">
-    <div class="container">
-
-      <h4>Our Partners</h4>
-
-      <client-only>
-        <v-row>
-
-          <swiper class="swiper" :options="swiperOption">
-
-            <swiper-slide>
-              <a href="https://aws.amazon.com/jp/partners/consulting/">
-                <img
-                  src="@/assets/images/our-partners/aws-logo.svg"
-                  alt="AWS Consulting Partner"
-                >
-              </a>
-            </swiper-slide>
-
-            <swiper-slide>
-              <a href="https://spn.getshifter.io/">
-                <img
-                  src="@/assets/images/our-partners/shifter-logo.svg"
-                  alt="Digitalcube Shifter Partner Network"
-                >
-              </a>
-            </swiper-slide>
-
-          </swiper>
-
-        </v-row>
-      </client-only>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import VueAwesomeSwiper from 'vue-awesome-swiper'
-// import 'swiper/swiper.scss'
-
-export default {
-  data() {
-    return {
-      swiperOption: {
-        spaceBetween: 20, //各スライドの余白
-        centeredSlides: true, //スライダーを真ん中に
-        loop: false, //無限ループ
-        slidesPerView: 2,
-        freeMode: true,
-        breakpoints: {
-          768: {
-            slidesPerView: 2,
-            spaceBetween: 120,
-            freeMode: true,
-            centeredSlides: true
-          }
-        }
-      }
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-  h4 {
-    text-align: center;
-    font-size: 24px;
-    color: $primary;
-    font-family: $font-en-normal;
-    font-weight: normal;
-    padding: 16px;
-  }
-  .container {
-    overflow: hidden;
-  }
-  /deep/ .swiper-wrapper {
-    display: flex;
-    .swiper-slide {
-      a {
-        img {
-          width: 100%;
-        }
-      }
-    }
-  }
-</style>
\ No newline at end of file
diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 500a417b..d6a77b7c 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -63,9 +63,10 @@
 </template>
 
 <script>
-import { gsap } from 'gsap'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
-gsap.registerPlugin(ScrollTrigger)
+import { gsap } from "gsap/dist/gsap";
+import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
 
 export default {
   mounted() {
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 1e2a38c0..c3e1ef8b 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -52,7 +52,6 @@
 <script>
 import { gsap } from "gsap/dist/gsap";
 import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
-
 gsap.registerPlugin(ScrollTrigger);
 
 export default {
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 96fc5314..a412ef42 100755
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -16,7 +16,6 @@
 
 <script>
 import HeaderComponent from '~/components/Header.vue'
-import FooterOurPartners from '~/components/FooterOurPartners.vue'
 import CallToAction from '~/components/CallToAction.vue'
 import FooterComponent from '~/components/Footer.vue'
 import { gsap } from 'gsap'
@@ -24,7 +23,6 @@ import { gsap } from 'gsap'
 export default {
   components: {
     HeaderComponent,
-    FooterOurPartners,
     CallToAction,
     FooterComponent
   },

From d0b1261c601986f306f8e70d46b8e19fbc4db544 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:14:38 +0900
Subject: [PATCH 15/32] =?UTF-8?q?GSAP=E3=82=92Dist=E3=81=8B=E3=82=89?=
 =?UTF-8?q?=E8=AA=AD=E3=81=BF=E8=BE=BC=E3=81=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{aws-logo.svg => company-aws-logo.svg}    |   0
 ...fter-logo.svg => company-shifter-logo.svg} |   0
 src/components/TopClients.vue                 | 120 +++++++++---------
 src/components/TopPartners.vue                |   2 +
 src/pages/Company.vue                         |   4 +-
 5 files changed, 64 insertions(+), 62 deletions(-)
 rename src/assets/images/our-partners/{aws-logo.svg => company-aws-logo.svg} (100%)
 rename src/assets/images/our-partners/{shifter-logo.svg => company-shifter-logo.svg} (100%)

diff --git a/src/assets/images/our-partners/aws-logo.svg b/src/assets/images/our-partners/company-aws-logo.svg
similarity index 100%
rename from src/assets/images/our-partners/aws-logo.svg
rename to src/assets/images/our-partners/company-aws-logo.svg
diff --git a/src/assets/images/our-partners/shifter-logo.svg b/src/assets/images/our-partners/company-shifter-logo.svg
similarity index 100%
rename from src/assets/images/our-partners/shifter-logo.svg
rename to src/assets/images/our-partners/company-shifter-logo.svg
diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index d6a77b7c..4b836c9e 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -63,68 +63,68 @@
 </template>
 
 <script>
-import { gsap } from "gsap/dist/gsap";
-import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+// import { gsap } from "gsap/dist/gsap";
+// import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
 
-gsap.registerPlugin(ScrollTrigger);
+// gsap.registerPlugin(ScrollTrigger);
 
-export default {
-  mounted() {
-    this.titleAnimation(),
-    this.imageStagger()
-  },
-  methods: {
-    titleAnimation() {
-      gsap
-        .timeline({
-          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
-          scrollTrigger: {
-            // markers: true, // マーカーを表示するか（開発用）
-            trigger: '.section-title', // この要素と交差するとイベントが発火
-            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
-            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
-            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
-          },
-        })
-        .fromTo('.section-title h2', {
-          opacity: 0,
-          y: 0,
-          scale: 0.98,
-        }, {
-          opacity: 1,
-          scale: 1,
-          y: -20,
-        })
-    },
-    imageStagger() {
-      gsap
-        .timeline({
-          scrollTrigger: {
-            // markers: true, // マーカーを表示するか（開発用）
-            // scrub: 1,
-            trigger: '.clients-image-container', // この要素と交差するとイベントが発火
-            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
-            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
-            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
-          },
-        })
-        .to('.clients-image', {
-          y: 0, // 少し上に移動させる
-          opacity: 1,
-          x: 0,
-          scale: 1,
-          ease: 'Expo.easeInOut',
-          duration: 1.6,
-          // 複数要素を扱うプロパティ
-          stagger: {
-            from: 'start', //左側から
-            axis: 'x',
-            amount: 0.8 // 0.8秒おきに
-          }
-        })
-      }
-  }
-}
+// export default {
+//   mounted() {
+//     this.titleAnimation(),
+//     this.imageStagger()
+//   },
+//   methods: {
+//     titleAnimation() {
+//       gsap
+//         .timeline({
+//           defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+//           scrollTrigger: {
+//             // markers: true, // マーカーを表示するか（開発用）
+//             trigger: '.section-title', // この要素と交差するとイベントが発火
+//             start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+//             end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+//             toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+//           },
+//         })
+//         .fromTo('.section-title h2', {
+//           opacity: 0,
+//           y: 0,
+//           scale: 0.98,
+//         }, {
+//           opacity: 1,
+//           scale: 1,
+//           y: -20,
+//         })
+//     },
+//     imageStagger() {
+//       gsap
+//         .timeline({
+//           scrollTrigger: {
+//             // markers: true, // マーカーを表示するか（開発用）
+//             // scrub: 1,
+//             trigger: '.clients-image-container', // この要素と交差するとイベントが発火
+//             start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+//             end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+//             toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+//           },
+//         })
+//         .to('.clients-image', {
+//           y: 0, // 少し上に移動させる
+//           opacity: 1,
+//           x: 0,
+//           scale: 1,
+//           ease: 'Expo.easeInOut',
+//           duration: 1.6,
+//           // 複数要素を扱うプロパティ
+//           stagger: {
+//             from: 'start', //左側から
+//             axis: 'x',
+//             amount: 0.8 // 0.8秒おきに
+//           }
+//         })
+//       }
+//   }
+// }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index c3e1ef8b..603b9ada 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -52,6 +52,7 @@
 <script>
 import { gsap } from "gsap/dist/gsap";
 import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+
 gsap.registerPlugin(ScrollTrigger);
 
 export default {
@@ -95,6 +96,7 @@ export default {
           },
         })
         .to('.partner-card', {
+          delay: 0.2,
           y: 0, // 少し上に移動させる
           opacity: 1,
           x: 0,
diff --git a/src/pages/Company.vue b/src/pages/Company.vue
index ed54028d..b8c308f3 100644
--- a/src/pages/Company.vue
+++ b/src/pages/Company.vue
@@ -98,13 +98,13 @@
                   <div class="company-partners-logo">
                     <a href="https://aws.amazon.com/jp/partners/consulting/">
                       <img
-                        src="@/assets/images/our-partners/aws-logo.svg"
+                        src="@/assets/images/our-partners/company-aws-logo.svg"
                         alt="AWS Consulting Partner"
                       >
                     </a>
                     <a href="https://spn.getshifter.io/">
                       <img
-                        src="@/assets/images/our-partners/shifter-logo.svg"
+                        src="@/assets/images/our-partners/company-shifter-logo.svg"
                         alt="Digitalcube Shifter Partner Network"
                       >
                     </a>

From d5fa59916014db39d785ee08ed7bda9b9e78953a Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:23:06 +0900
Subject: [PATCH 16/32] =?UTF-8?q?gridsome=20config=E3=81=AB=20ssr=20false?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/gridsome.config.js b/gridsome.config.js
index 8bea276c..1741be9c 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -79,6 +79,11 @@ module.exports = {
       use: 'vue-awesome-swiper',
       ssr: false,
       mode: 'client'
+    },
+    { 
+      use: 'ScrollTrigger',
+      ssr: false,
+      mode: 'client'
     }
   ],
 

From e55ebe93f700978f4f68e7617876b6695987b5a8 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:26:15 +0900
Subject: [PATCH 17/32] =?UTF-8?q?gridsome=20config=E3=81=AB=E3=82=A8?=
 =?UTF-8?q?=E3=83=A9=E3=83=BC=E3=81=8B=E3=82=8F=E3=81=A3=E3=81=9F=E3=81=AE?=
 =?UTF-8?q?=E3=81=A7=E8=AA=AD=E3=81=BF=E8=BE=BC=E3=81=BF=E5=85=88=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3use:=20'gsap/ScrollTrigger',?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index 1741be9c..d38ecc20 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -81,7 +81,7 @@ module.exports = {
       mode: 'client'
     },
     { 
-      use: 'ScrollTrigger',
+      use: 'gsap/ScrollTrigger',
       ssr: false,
       mode: 'client'
     }

From 4c558ed320d819fc8c247f5afecbce14fa3ea63b Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:28:49 +0900
Subject: [PATCH 18/32] =?UTF-8?q?TopPartners.vue=E3=81=AEgsap=E8=AA=AD?=
 =?UTF-8?q?=E3=81=BF=E8=BE=BC=E3=81=BF=E5=85=88=E3=82=92dist=E3=81=A7?=
 =?UTF-8?q?=E3=81=AA=E3=81=84=E3=82=82=E3=81=AE=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 603b9ada..7c75b796 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -50,8 +50,8 @@
 
 
 <script>
-import { gsap } from "gsap/dist/gsap";
-import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
 
 gsap.registerPlugin(ScrollTrigger);
 

From 2c031e88d070e01bf95bc52d4a0314722ebe020c Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:31:38 +0900
Subject: [PATCH 19/32] =?UTF-8?q?gridsome=20config=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 10 +++++-----
 src/main.js        |  2 --
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index d38ecc20..695bf172 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -79,12 +79,12 @@ module.exports = {
       use: 'vue-awesome-swiper',
       ssr: false,
       mode: 'client'
-    },
-    { 
-      use: 'gsap/ScrollTrigger',
-      ssr: false,
-      mode: 'client'
     }
+    // { 
+    //   use: 'gsap/ScrollTrigger',
+    //   ssr: false,
+    //   mode: 'client'
+    // }
   ],
 
   css: [
diff --git a/src/main.js b/src/main.js
index 6bd88db2..34c6c21e 100755
--- a/src/main.js
+++ b/src/main.js
@@ -12,8 +12,6 @@ import DefaultLayout from '~/layouts/Default.vue'
 
 import Vue from "vue";
 import gsap from "gsap";
-import ScrollTrigger from "gsap/ScrollTrigger";
-gsap.registerPlugin(ScrollTrigger)
 
 Vue.prototype.$gsap = gsap;
 

From 96b562fe826b1255d2ef6dc5bf57eb0c2385b3c5 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:34:33 +0900
Subject: [PATCH 20/32] =?UTF-8?q?gridsome=20config=E3=81=A7gsap=E5=85=A8?=
 =?UTF-8?q?=E4=BD=93=E3=82=92=E8=AA=AD=E3=81=BF=E8=BE=BC=E3=82=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index 695bf172..6bc52f55 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -79,12 +79,12 @@ module.exports = {
       use: 'vue-awesome-swiper',
       ssr: false,
       mode: 'client'
+    },
+    { 
+      use: 'gsap',
+      ssr: false,
+      mode: 'client'
     }
-    // { 
-    //   use: 'gsap/ScrollTrigger',
-    //   ssr: false,
-    //   mode: 'client'
-    // }
   ],
 
   css: [

From 2600d8c470c2131e31ac5360cf7188341793e681 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:37:00 +0900
Subject: [PATCH 21/32] =?UTF-8?q?gridsome=20config=E3=81=A7guild=20vender?=
 =?UTF-8?q?=E3=81=AB=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index 6bc52f55..4a3f2223 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -93,7 +93,8 @@ module.exports = {
   
   build: {
     vendor: [
-      'vue-awesome-swiper'
+      'vue-awesome-swiper',
+      'gsap'
     ]
   },
 

From 158aa63202d91090ba1c1292b8a39be9ea060160 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:45:54 +0900
Subject: [PATCH 22/32] =?UTF-8?q?main=20js=20=E3=81=A7=E3=81=AEimport?=
 =?UTF-8?q?=E9=A0=86=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gridsome.config.js | 8 +-------
 src/main.js        | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/gridsome.config.js b/gridsome.config.js
index 4a3f2223..8bea276c 100755
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -79,11 +79,6 @@ module.exports = {
       use: 'vue-awesome-swiper',
       ssr: false,
       mode: 'client'
-    },
-    { 
-      use: 'gsap',
-      ssr: false,
-      mode: 'client'
     }
   ],
 
@@ -93,8 +88,7 @@ module.exports = {
   
   build: {
     vendor: [
-      'vue-awesome-swiper',
-      'gsap'
+      'vue-awesome-swiper'
     ]
   },
 
diff --git a/src/main.js b/src/main.js
index 34c6c21e..9e7814e9 100755
--- a/src/main.js
+++ b/src/main.js
@@ -10,8 +10,8 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 
 import DefaultLayout from '~/layouts/Default.vue'
 
-import Vue from "vue";
 import gsap from "gsap";
+import Vue from "vue";
 
 Vue.prototype.$gsap = gsap;
 

From dc8b24218bf7b81d20537bb8e27ec79f5f941e8c Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 10:54:51 +0900
Subject: [PATCH 23/32] =?UTF-8?q?main=20js=20=E3=81=A7=E3=81=AEimport?=
 =?UTF-8?q?=E9=A0=86=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 2 --
 src/main.js                    | 5 +++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 7c75b796..df09a1ce 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="v-content">
-    
     <div class="container section-title-partner">
       <div class="row">
         <h2 class="text-center">
@@ -41,7 +40,6 @@
           </div>
         </a>
       </div>
-
     </v-container>
     
 
diff --git a/src/main.js b/src/main.js
index 9e7814e9..3b5ac3d2 100755
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,7 @@
 // v2.0
+
+import gsap from "gsap";
+import Vue from "vue";
 import Vuetify from 'vuetify'
 import Vuex from 'vuex'
 import 'vuetify/dist/vuetify.min.css'
@@ -10,8 +13,6 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 
 import DefaultLayout from '~/layouts/Default.vue'
 
-import gsap from "gsap";
-import Vue from "vue";
 
 Vue.prototype.$gsap = gsap;
 

From 84912a7c6ce2925a3e4c6822d7cb7be0ed9da11a Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 11:01:26 +0900
Subject: [PATCH 24/32] =?UTF-8?q?top=20partners=20=E3=81=ABcomponet?=
 =?UTF-8?q?=E3=81=A8=E3=81=97=E3=81=A6gsap=E3=81=A8scrolltrigger=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index df09a1ce..dbaf5a7b 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -54,6 +54,10 @@ import { ScrollTrigger } from "gsap/ScrollTrigger";
 gsap.registerPlugin(ScrollTrigger);
 
 export default {
+  components: {
+    gsap,
+    ScrollTrigger
+  },
   mounted() {
     this.titleAnimation(),
     this.imageStagger()

From e5471b307fff293985b19c98461101c37201ca4a Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 11:05:51 +0900
Subject: [PATCH 25/32] =?UTF-8?q?vue.prototype=E3=81=AE=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 4 ----
 src/main.js                    | 5 ++---
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index dbaf5a7b..df09a1ce 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -54,10 +54,6 @@ import { ScrollTrigger } from "gsap/ScrollTrigger";
 gsap.registerPlugin(ScrollTrigger);
 
 export default {
-  components: {
-    gsap,
-    ScrollTrigger
-  },
   mounted() {
     this.titleAnimation(),
     this.imageStagger()
diff --git a/src/main.js b/src/main.js
index 3b5ac3d2..43fd7301 100755
--- a/src/main.js
+++ b/src/main.js
@@ -13,13 +13,12 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 
 import DefaultLayout from '~/layouts/Default.vue'
 
-
-Vue.prototype.$gsap = gsap;
-
 export default function (Vue, { router, head, isClient, appOptions }) {
 
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
+
+  Vue.prototype.$gsap = gsap;
   
   // Add an external Javascript before the closing </body> tag
   head.script.push({

From 072ded9cf82e994594f0899b56303e60757f5482 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 11:13:00 +0900
Subject: [PATCH 26/32] =?UTF-8?q?scroll=20trigger=E3=81=A0=E3=81=91dist?=
 =?UTF-8?q?=E3=81=8B=E3=82=89=E8=AA=AD=E3=81=BF=E8=BE=BC=E3=81=BF=E3=81=AB?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopPartners.vue | 2 +-
 src/main.js                    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index df09a1ce..cea3599b 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -49,7 +49,7 @@
 
 <script>
 import { gsap } from "gsap";
-import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
 
 gsap.registerPlugin(ScrollTrigger);
 
diff --git a/src/main.js b/src/main.js
index 43fd7301..b4d40d91 100755
--- a/src/main.js
+++ b/src/main.js
@@ -13,12 +13,12 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 
 import DefaultLayout from '~/layouts/Default.vue'
 
+Vue.prototype.$gsap = gsap;
+
 export default function (Vue, { router, head, isClient, appOptions }) {
 
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
-
-  Vue.prototype.$gsap = gsap;
   
   // Add an external Javascript before the closing </body> tag
   head.script.push({

From 6ab3f24b42aefe1f89c15511d922b0d18e6b6a58 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 13:03:44 +0900
Subject: [PATCH 27/32] =?UTF-8?q?=E3=82=AF=E3=83=A9=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=83=B3=E3=83=88=E3=80=81=E3=83=91=E3=83=BC=E3=83=88=E3=83=8A?=
 =?UTF-8?q?=E3=83=BC=E3=82=A2=E3=83=8B=E3=83=A1=E3=83=BC=E3=82=B7=E3=83=A7?=
 =?UTF-8?q?=E3=83=B3=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 130 +++++++++++++++++----------------
 src/components/TopPartners.vue |  15 +++-
 2 files changed, 79 insertions(+), 66 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 4b836c9e..56347a32 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -6,6 +6,7 @@
         <h2 class="text-center">
           Clients
           <span>クライアント</span>
+          <hr class="title-bottom-line">
         </h2>
       </div>
     </div>
@@ -63,68 +64,74 @@
 </template>
 
 <script>
-// import { gsap } from "gsap/dist/gsap";
-// import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
 
-// gsap.registerPlugin(ScrollTrigger);
+gsap.registerPlugin(ScrollTrigger);
 
-// export default {
-//   mounted() {
-//     this.titleAnimation(),
-//     this.imageStagger()
-//   },
-//   methods: {
-//     titleAnimation() {
-//       gsap
-//         .timeline({
-//           defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
-//           scrollTrigger: {
-//             // markers: true, // マーカーを表示するか（開発用）
-//             trigger: '.section-title', // この要素と交差するとイベントが発火
-//             start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
-//             end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
-//             toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
-//           },
-//         })
-//         .fromTo('.section-title h2', {
-//           opacity: 0,
-//           y: 0,
-//           scale: 0.98,
-//         }, {
-//           opacity: 1,
-//           scale: 1,
-//           y: -20,
-//         })
-//     },
-//     imageStagger() {
-//       gsap
-//         .timeline({
-//           scrollTrigger: {
-//             // markers: true, // マーカーを表示するか（開発用）
-//             // scrub: 1,
-//             trigger: '.clients-image-container', // この要素と交差するとイベントが発火
-//             start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
-//             end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
-//             toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
-//           },
-//         })
-//         .to('.clients-image', {
-//           y: 0, // 少し上に移動させる
-//           opacity: 1,
-//           x: 0,
-//           scale: 1,
-//           ease: 'Expo.easeInOut',
-//           duration: 1.6,
-//           // 複数要素を扱うプロパティ
-//           stagger: {
-//             from: 'start', //左側から
-//             axis: 'x',
-//             amount: 0.8 // 0.8秒おきに
-//           }
-//         })
-//       }
-//   }
-// }
+export default {
+  mounted() {
+    this.titleAnimation(),
+    this.imageStagger()
+  },
+  methods: {
+    titleAnimation() {
+      gsap
+        .timeline({
+          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            trigger: '.section-title', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .fromTo('.section-title h2', {
+          opacity: 0,
+          y: 0,
+          scale: 0.98,
+        }, {
+          opacity: 1,
+          scale: 1,
+          y: -20,
+        })
+        .fromTo('.title-bottom-line', {
+          width: 0,
+        }, {
+          delay: 0.2,
+          width: 80,
+        },'<')
+    },
+    imageStagger() {
+      gsap
+        .timeline({
+          scrollTrigger: {
+            // markers: true, // マーカーを表示するか（開発用）
+            // scrub: 1,
+            trigger: '.clients-image-container', // この要素と交差するとイベントが発火
+            start: 'top 95%', // ウィンドウのどの位置を発火の基準点にするか
+            end: 'bottom 10%', // ウィンドウのどの位置をイベントの終了点にするか
+            toggleActions: 'play none none none', // スクロールイベントで発火するアニメーションの種
+          },
+        })
+        .to('.clients-image', {
+          y: 0, // 少し上に移動させる
+          opacity: 1,
+          x: 0,
+          scale: 1,
+          ease: 'Expo.easeInOut',
+          duration: 1.6,
+          // 複数要素を扱うプロパティ
+          stagger: {
+            from: 'start', //左側から
+            axis: 'x',
+            amount: 0.8 // 0.8秒おきに
+          }
+        })
+      }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -162,8 +169,7 @@
       font-weight: normal;
       font-family: $font-jp-normal;
     }
-    &::after {
-      content: '';
+    .title-bottom-line {
       display: block;
       width: 80px;
       height: 1px;
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index cea3599b..eb96b518 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -5,6 +5,7 @@
         <h2 class="text-center">
           Partners
           <span>パートナー</span>
+          <hr class="title-bottom-line">
         </h2>
       </div>
     </div>
@@ -80,6 +81,12 @@ export default {
           scale: 1,
           y: -20,
         })
+        .fromTo('.title-bottom-line', {
+          width: 0,
+        }, {
+          delay: 0.2,
+          width: 80,
+        },'<')
     },
     imageStagger() {
       gsap
@@ -94,7 +101,7 @@ export default {
           },
         })
         .to('.partner-card', {
-          delay: 0.2,
+          delay: 0.3,
           y: 0, // 少し上に移動させる
           opacity: 1,
           x: 0,
@@ -152,10 +159,10 @@ export default {
     font-weight: normal;
     font-family: $font-jp-normal;
   }
-  &::after {
-    content: '';
+  .title-bottom-line {
+    border: 0;
     display: block;
-    width: 80px;
+    width: 0;
     height: 1px;
     background-color: $secondary;
     position: absolute;

From dd722632110e2dd5993143c40f004cffd74e1b55 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 13:08:43 +0900
Subject: [PATCH 28/32] =?UTF-8?q?=E3=82=A2=E3=83=8B=E3=83=A1=E3=83=BC?=
 =?UTF-8?q?=E3=82=B7=E3=83=A7=E3=83=B3=E5=BE=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue  | 2 +-
 src/components/TopPartners.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 56347a32..da0aa0bf 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -116,7 +116,7 @@ export default {
           },
         })
         .to('.clients-image', {
-          y: 0, // 少し上に移動させる
+          y: -10, // 少し上に移動させる
           opacity: 1,
           x: 0,
           scale: 1,
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index eb96b518..1fb53bbf 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -102,7 +102,7 @@ export default {
         })
         .to('.partner-card', {
           delay: 0.3,
-          y: 0, // 少し上に移動させる
+          y: -10, // 少し上に移動させる
           opacity: 1,
           x: 0,
           scale: 1,

From c41e404a35384e961c9f349b5bb39873093da604 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 15:22:23 +0900
Subject: [PATCH 29/32] =?UTF-8?q?CTA=20=E3=82=A2=E3=83=8B=E3=83=A1?=
 =?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CallToAction.vue | 11 +++++++----
 src/components/TopClients.vue   |  3 +--
 src/components/TopPartners.vue  |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/CallToAction.vue b/src/components/CallToAction.vue
index 24ffe0a2..71f45231 100644
--- a/src/components/CallToAction.vue
+++ b/src/components/CallToAction.vue
@@ -295,6 +295,7 @@
   }
   &::before {
     content: 'Office Hours';
+    filter: blur(2px);
     position: absolute;
     display: block;
     z-index: 0;
@@ -302,7 +303,7 @@
     top: 24px;
     right: 0;
     bottom: 0;
-    opacity: 0.1;
+    opacity: 0.08;
     font-family: $font-en-light;
     font-size: 15vw;
     transition: all 0.4s cubic-bezier(0.76, 0, 0.3, 1);
@@ -312,12 +313,14 @@
     }
     @include media-breakpoint-down(sm) {
       top: 20%;
-      font-size: 14vw;
+      font-size: 14.5vw;
     }
   }
   &:hover::before {
-      opacity: 0.15;
-    }
+    opacity: 0.2;
+    left: 16px;
+    filter: blur(0);
+  }
   // Border
   &::after {
     content: '';
diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index da0aa0bf..9e1b1d93 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -78,7 +78,7 @@ export default {
     titleAnimation() {
       gsap
         .timeline({
-          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          defaults: { ease: 'Expo.easeInOut', duration: 1.2 }, // timelineのプロパティ
           scrollTrigger: {
             // markers: true, // マーカーを表示するか（開発用）
             trigger: '.section-title', // この要素と交差するとイベントが発火
@@ -99,7 +99,6 @@ export default {
         .fromTo('.title-bottom-line', {
           width: 0,
         }, {
-          delay: 0.2,
           width: 80,
         },'<')
     },
diff --git a/src/components/TopPartners.vue b/src/components/TopPartners.vue
index 1fb53bbf..aa5b1ee0 100644
--- a/src/components/TopPartners.vue
+++ b/src/components/TopPartners.vue
@@ -63,7 +63,7 @@ export default {
     titleAnimation() {
       gsap
         .timeline({
-          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          defaults: { ease: 'Expo.easeInOut', duration: 1.2 }, // timelineのプロパティ
           scrollTrigger: {
             // markers: true, // マーカーを表示するか（開発用）
             trigger: '.section-title-partner', // この要素と交差するとイベントが発火

From 2ca2752091b86eaa8d8f1752c1236d092d5c5b4e Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 16:13:26 +0900
Subject: [PATCH 30/32] =?UTF-8?q?footer=20=E3=82=A4=E3=83=B3=E3=82=BF?=
 =?UTF-8?q?=E3=83=A9=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E4=BD=9C=E6=88=90?=
 =?UTF-8?q?=E3=81=97=E3=81=A6SCSS=E5=85=B1=E9=80=9A=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/_index.scss      |  4 ++-
 src/assets/scss/_mixins.scss     | 53 ++++++++++++++++++++++++++++++++
 src/assets/scss/_transition.scss |  1 +
 src/components/Footer.vue        | 32 +------------------
 src/components/FooterBlog.vue    | 34 +-------------------
 src/components/FooterWorks.vue   | 34 +-------------------
 6 files changed, 60 insertions(+), 98 deletions(-)
 create mode 100644 src/assets/scss/_mixins.scss
 create mode 100644 src/assets/scss/_transition.scss

diff --git a/src/assets/scss/_index.scss b/src/assets/scss/_index.scss
index 156b019a..1f376dff 100755
--- a/src/assets/scss/_index.scss
+++ b/src/assets/scss/_index.scss
@@ -1,4 +1,6 @@
 @import 'color';
 @import 'font';
 @import 'breakpoint';
-@import 'wordpress-article';
\ No newline at end of file
+@import 'wordpress-article';
+@import 'transition';
+@import 'mixins';
\ No newline at end of file
diff --git a/src/assets/scss/_mixins.scss b/src/assets/scss/_mixins.scss
new file mode 100644
index 00000000..02ddd5b2
--- /dev/null
+++ b/src/assets/scss/_mixins.scss
@@ -0,0 +1,53 @@
+@mixin linkList {
+  .c-footer-list {
+    list-style: none;
+    padding-left: 14px;
+  
+    &__item {
+      position: relative;
+      font-size: 0.87rem;
+      line-height: 18px;
+      margin-bottom: 1.4rem;
+      &:before {
+        position: absolute;
+        top: 50%;
+        left: -20px;
+        content: '';
+        display: block;
+        color: #fff;
+        width: 10px;
+        height: 1px;
+        background: $mid-gray-2;
+        transition: $soease;
+        transform: scaleX(0);
+        transform-origin: left center;
+      }
+      &:hover::before {
+        transform: scaleX(1);
+        transform-origin: right center;
+      }
+      &:after {
+        position: absolute;
+        top: 50%;
+        left: -20px;
+        content: '';
+        display: block;
+        color: #fff;
+        width: 10px;
+        height: 1px;
+        background: $mid-gray-2;
+        transition: $soease;
+        opacity: 0.5;
+      }
+    } //&__list-item
+  
+    &__link {
+      text-decoration: none;
+      color: $white;
+      transition: $soease;
+      &:hover {
+        color: $mid-gray-2;
+      }
+    }
+  } // c-footer-list
+}
\ No newline at end of file
diff --git a/src/assets/scss/_transition.scss b/src/assets/scss/_transition.scss
new file mode 100644
index 00000000..ace0b6e0
--- /dev/null
+++ b/src/assets/scss/_transition.scss
@@ -0,0 +1 @@
+$soease: all 0.4s cubic-bezier(0.76, 0, 0.3, 1);
\ No newline at end of file
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 26288739..b40980be 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -239,37 +239,7 @@ if (process.client) {
 } // c-footer-menu
 
 // メニューのリスト
-.c-footer-list {
-  list-style: none;
-  padding-left: 14px;
-
-  &__item {
-    position: relative;
-    font-size: 0.87rem;
-    line-height: 28px;
-    margin-bottom: 0.5rem;
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: -12px;
-      content: '';
-      display: block;
-      color: #fff;
-      width: 5px;
-      height: 1px;
-      background: $mid-gray-2;
-    }
-  } //&__list-item
-
-  &__link {
-    text-decoration: none;
-    color: $white;
-    transition: all 0.3s ease;
-    &:hover {
-      color: $mid-gray-2;
-    }
-  }
-} // c-footer-list
+@include linkList;
 
 .sns-link {
   margin: 16px 0 40px 0;
diff --git a/src/components/FooterBlog.vue b/src/components/FooterBlog.vue
index cbba489c..41c5255c 100644
--- a/src/components/FooterBlog.vue
+++ b/src/components/FooterBlog.vue
@@ -28,37 +28,5 @@ query ($page: Int) {
 </static-query>
 
 <style lang="scss" scoped>
-// メニューのリスト
-.c-footer-list {
-  list-style: none;
-  padding-left: 14px;
-
-  &__item {
-    position: relative;
-    font-size: 0.87rem;
-    line-height: 18px;
-    margin-bottom: 0.6rem;
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: -12px;
-      content: '';
-      display: block;
-      color: #fff;
-      width: 5px;
-      height: 1px;
-      background: $mid-gray-2;
-    }
-  } //&__list-item
-
-  &__link {
-    text-decoration: none;
-    color: $white;
-    transition: all 0.3s ease;
-    &:hover {
-      color: $mid-gray-2;
-    }
-  }
-} // c-footer-list
-
+  @include linkList;
 </style>
\ No newline at end of file
diff --git a/src/components/FooterWorks.vue b/src/components/FooterWorks.vue
index ba6c7e64..bc6eb7b1 100644
--- a/src/components/FooterWorks.vue
+++ b/src/components/FooterWorks.vue
@@ -31,37 +31,5 @@ query ($page: Int) {
 </static-query>
 
 <style lang="scss" scoped>
-// メニューのリスト
-.c-footer-list {
-  list-style: none;
-  padding-left: 14px;
-
-  &__item {
-    position: relative;
-    font-size: 0.87rem;
-    line-height: 18px;
-    margin-bottom: 0.6rem;
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: -12px;
-      content: '';
-      display: block;
-      color: #fff;
-      width: 5px;
-      height: 1px;
-      background: $mid-gray-2;
-    }
-  } //&__list-item
-
-  &__link {
-    text-decoration: none;
-    color: $white;
-    transition: all 0.3s ease;
-    &:hover {
-      color: $mid-gray-2;
-    }
-  }
-} // c-footer-list
-
+  @include linkList;
 </style>
\ No newline at end of file

From d3a42f967e66e8fce92b4ec9a724269a6a962960 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 16:17:50 +0900
Subject: [PATCH 31/32] =?UTF-8?q?CTA=20=E3=82=A2=E3=83=8B=E3=83=A1?=
 =?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CallToAction.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CallToAction.vue b/src/components/CallToAction.vue
index 71f45231..d213785b 100644
--- a/src/components/CallToAction.vue
+++ b/src/components/CallToAction.vue
@@ -318,7 +318,7 @@
   }
   &:hover::before {
     opacity: 0.2;
-    left: 16px;
+    left: 8px;
     filter: blur(0);
   }
   // Border

From ec5b1772feeb394ff2f3d62a96402ff6407e92d2 Mon Sep 17 00:00:00 2001
From: Fumito Abe <abe@necco.co>
Date: Sat, 14 Nov 2020 16:20:36 +0900
Subject: [PATCH 32/32] =?UTF-8?q?=E3=82=AF=E3=83=A9=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=83=B3=E3=83=88=E9=83=A8=E5=88=86=E3=82=A2=E3=83=8B=E3=83=A1?=
 =?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TopClients.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/TopClients.vue b/src/components/TopClients.vue
index 9e1b1d93..d384ce74 100644
--- a/src/components/TopClients.vue
+++ b/src/components/TopClients.vue
@@ -169,6 +169,7 @@ export default {
       font-family: $font-jp-normal;
     }
     .title-bottom-line {
+      border: 0;
       display: block;
       width: 80px;
       height: 1px;