diff --git a/employees_view/employees_view.html b/employees_view/employees_view.html index 1f00b04..636fa66 100644 --- a/employees_view/employees_view.html +++ b/employees_view/employees_view.html @@ -39,7 +39,7 @@
酒田市出身。東京農業大学応用生物科学部醸造科学科に在学中楯の川酒造の6代目蔵元・代表取締役に就任した。
最近の趣味は音楽やドラムの演奏。何事にも失敗を恐れず前向きに挑戦している。
会社名:楯の川株式会社
業種:酒造業
創業:天保3年
所在地:酒田市楯字清水田
代表者:代表取締役社長 佐藤淳平
diff --git a/hataraku.css b/hataraku.css
index e3afe68..ee1621e 100644
--- a/hataraku.css
+++ b/hataraku.css
@@ -28,7 +28,7 @@
text-decoration: none;
color: #333;
padding-bottom: 1px;
- transition: 0.5;
+ transition: 0.5ms;
}
li{
list-style: none;
@@ -377,20 +377,43 @@
/*記事の一覧見るところ終わり*/
/*-----------------------------------------------------ハタラクをみるページーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
- /*社長ページ始まり*/
- .president_title-box{
- text-align: center;
- }
- .president_title-box .president_profile_title{
- border-radius: 20px;
+/*社長ページ始まり*/
+/*プロフィール*/
+#president_profile{
+ position: relative;
+ height: 150vh;
+ width: auto;
+ background-image: url(img/22707667.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.president_title-box{
+ text-align: center;
+}
+.president_title-box .president_profile_title{
+ font-size: 2.5em;
+ border-radius: 35px;
border: solid #000 2px;
display: inline-block;
background-color: #fff;
}
-h3.president_profile_title{
- font-style: bold;
+.president_profile_title{
+ padding: 0 20px;
+}
+h3.president_profile_title{
+ position: absolute;
+ top: 20px;
+ right: 850px;
+ font-weight: bold;
+}
+
+
+.profile_{
+ font-size: 2em;
}
.profile-bg{
@@ -406,15 +429,22 @@
align-items: center;
justify-content: space-around;
background-color: rgb(255, 218, 224);
- height: 400px;
- border-radius: 30px 0 0 30px ;
- border: solid 2px #000;
+ height: 600px;
+ border-radius: 50px 0 0 50px ;
+ border: solid 3px #777777;
padding-right: 40px;
padding-left: 40px;
}
.president-item img{
- width: 300px;
+ width: 500px;
+}
+
+h4{
+ font-size: 2.5em;
+ font-weight: bold;
+ margin-top: 60px;
+ border-bottom: 2px #000000;
}
.president_profile_name::after{
@@ -427,27 +457,36 @@
background: #818181;
transform: translateX(-50%);
}
-
+/*会社概要*/
.profile-bg-2{
position: relative;
}
.overview-item{
- margin-top: 400px;
+ margin-top: 725px;
position: absolute;
top: 0;
- right: 500px;
- display: flex;
+ right: 1400px;
align-items: center;
justify-content: space-around;
background-color: rgb(255, 218, 224);
- height: 400px;
- border-radius: 0 30px 30px 0;
- border: solid 2px #000;
+ height: 600px;
+ border-radius: 0 50px 50px 0;
+ border: solid 3px #777777;
padding-left: 40px;
padding-right: 40px;
}
.profile-bg-2 img{
- width: 300px;
-}
\ No newline at end of file
+ width: 550px;
+ position:absolute;
+ top: 750px;
+ left: 1100px;
+}
+
+.overview-title-box .overview-title{
+ font-size: 2em;
+}
+
+
+/*社長ページ終わり*/
\ No newline at end of file