diff --git a/employees_view/index.html b/employees_view/index.html
new file mode 100644
index 0000000..d3e8bec
--- /dev/null
+++ b/employees_view/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+ ハタラクカタチプロジェクト
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hataraku.css b/hataraku.css
index 7733b35..78311be 100644
--- a/hataraku.css
+++ b/hataraku.css
@@ -17,4 +17,57 @@
font-family: 'Noto Sans JP', sans-serif;
color: rgb(20, 20, 20);
line-height: 1.7;
- }
\ No newline at end of file
+ }
+ img {
+ max-width: 100%;
+ object-fit: cover;
+ }
+ a{
+ text-decoration: none;
+ color: rgb(20, 20, 20);
+ }
+ li{
+ list-style: none;
+ }
+
+ #header{
+ display: flex;
+ align-items: center;
+ margin-left: 25px;
+ margin-right: 25px;
+ justify-content: space-between;
+ }
+ .logo-space{
+ display: flex;
+ align-items: center;
+ }
+ .header-nav .header-list{
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+
+ }
+ .header-nav .header-list li{
+ border-left: solid 2px #b5b2b2a2;
+ }
+ .header-nav .header-list li:nth-child(4){
+ border-right: solid 2px #b5b2b2a2;
+ }
+ .header-nav .header-list li a{
+ display: inline-block;
+ }
+ .header-nav .header-list li a:hover{
+ opacity: 0.6;
+ }
+ .header-nav .header-list li a .header-list_item{
+ padding: 0 40px 0 40px;
+ }
+ .header-nav .header-list li a p{
+ text-align: center;
+ }
+ .header-nav .header-list li a .list-title{
+ font-size: 1.2rem;
+ }
+ .header-nav .header-list li a .list-sub-title{
+ font-size: 0.9rem;
+ }
\ No newline at end of file
diff --git a/hataraku_view/index.html b/hataraku_view/index.html
index b8a582e..76661e1 100644
--- a/hataraku_view/index.html
+++ b/hataraku_view/index.html
@@ -12,9 +12,22 @@
ハタラクカタチプロジェクト
-
+
-
+
diff --git a/img/22707667.png b/img/22707667.png
new file mode 100644
index 0000000..fa6ec93
--- /dev/null
+++ b/img/22707667.png
Binary files differ
diff --git a/img/hataraku.jpeg b/img/hataraku.jpeg
new file mode 100644
index 0000000..d2506b1
--- /dev/null
+++ b/img/hataraku.jpeg
Binary files differ
diff --git a/img/hataraku.png b/img/hataraku.png
new file mode 100644
index 0000000..d863f4d
--- /dev/null
+++ b/img/hataraku.png
Binary files differ
diff --git a/img/kouekilogo.png b/img/kouekilogo.png
new file mode 100644
index 0000000..8ad3697
--- /dev/null
+++ b/img/kouekilogo.png
Binary files differ
diff --git a/img/list-comment.png b/img/list-comment.png
new file mode 100644
index 0000000..cb837e0
--- /dev/null
+++ b/img/list-comment.png
Binary files differ
diff --git a/img/list-human.png b/img/list-human.png
new file mode 100644
index 0000000..28073d7
--- /dev/null
+++ b/img/list-human.png
Binary files differ
diff --git a/img/list-megahon.png b/img/list-megahon.png
new file mode 100644
index 0000000..c726130
--- /dev/null
+++ b/img/list-megahon.png
Binary files differ
diff --git a/img/list-pc.png b/img/list-pc.png
new file mode 100644
index 0000000..aee1eba
--- /dev/null
+++ b/img/list-pc.png
Binary files differ
diff --git a/presidents_view/index.html b/presidents_view/index.html
new file mode 100644
index 0000000..d3e8bec
--- /dev/null
+++ b/presidents_view/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+ ハタラクカタチプロジェクト
+
+
+
+
+
+
+
+
+
\ No newline at end of file
