diff --git a/public/image/nitfc.png b/public/image/nitfc.png
new file mode 100644
index 0000000..2cbd2a8
Binary files /dev/null and b/public/image/nitfc.png differ
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a7b924f..c05e842 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,13 +1,17 @@
 import React from "react";
+import { useRouter } from "next/router";
 
 import { LinkedText } from "./LinkedText";
 import "@/styles/gamingColor.css";
 
 export const Footer = () => {
+  const router = useRouter();
   return (
     <footer>
       <div
         style={{
+          backgroundColor: "#20e0e0",
+          width: "100vw",
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
@@ -28,7 +32,16 @@ export const Footer = () => {
           <LinkedText text={"企画"} link={"contents/schedule"} />
           <LinkedText text={"露店"} link={"contents/stand"} />
         </div>
-        <LinkedText text={"福井高専"} link={"https://www.fukui-nct.ac.jp/"} />
+        <img
+          src={"image/nitfc.png"}
+          alt={"nitfc_logo"}
+          width={"20%"}
+          style={{ cursor: "pointer" }}
+          onClick={() => {
+            router.push("https://www.fukui-nct.ac.jp/");
+          }}
+        />
+        {/* <LinkedText text={"福井高専"} link={"https://www.fukui-nct.ac.jp/"} /> */}
         <LinkedText
           text={"お問い合わせ"}
           link={"https://www.fukui-nct.ac.jp/"}