<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ハタラクカタチプロジェクト">
<meta name="keywords" content="ハタラクカタチプロジェクト,ハタラクカタチ,庄内地方,働き方">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="../img/hataraku.png">
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
<link rel="stylesheet" type="text/css" href="../hataraku.css">
<title>ハタラクカタチプロジェクト</title>
</head>
<body>
<header id="header">
<div class="logo-space">
<p class="koueki-logo"><a href="https://www.koeki-u.ac.jp/"><img src="../img/kouekilogo.png" alt="東北公益文化大学ロゴ" width="200px" ></a></p>
<h1 class="title-logo"><a href=""><img src="../img/hataraku.png" alt="ハタラクカタチロゴ" width="110px" height="110px"></a></h1>
</div>
<nav class="header-nav">
<ul class="header-list">
<li><a href="#"><div class="header-list_item"><p><img src="../img/list-pc.png" alt="パソコン" class="list-img" width="20px"></p><p class="list-title">HOME</p><p class="list-sub-title">ホーム</p></div></a></li>
<li><a href="#"><div class="header-list_item"><p><img src="../img/list-megahon.png" alt="メガホン" class="list-img" width="20px"></p><p class="list-title">NEWS</p><p class="list-sub-title">新着情報</p></div></a></li>
<li><a href="#"><div class="header-list_item"><p><img src="../img/list-human.png" alt="人" class="list-img" width="20px"></p><p class="list-title">WORKS</p><p class="list-sub-title">ハタラク見学</p></div></a></li>
<li><a href="#"><div class="header-list_item"><p><img src="../img/list-comment.png" alt="コメント" class="list-img" width="20px"></p><p class="list-title">VOICE</p><p class="list-sub-title">みんなの声</p></div></a></li>
</ul>
</nav>
</header>
<main>
<section id="president_profile">
<div class="profile-bg">
<div class="president-item">
<div class="president-left">
<div class="president_title-box"><h3 class="president_profile_title">社長編 ＃01</h3></div>
<h4 class="president_proifile_name">楯の川酒造株式会社<br>佐藤 淳平さん</h4>
<p class="profile_"> 酒田市出身。東京農業大学応用生物科学部醸造科学科に在学中楯の川酒造の6代目蔵元・代表取締役に就任した。<br>
最近の趣味は音楽やドラムの演奏。何事にも失敗を恐れず前向きに挑戦している。</p>
</div>
<img src="../img/tatenokawa7.JPG" alt="楯の川酒造社長 佐藤淳平さん">
</div>
</div>
<div class="profile-bg-2">
<div class="overview-item">
<div class="overview-title-box"><h3 class="overview-title">ー会社概要ー</h3></div>
<p class="overview">会社名：楯の川株式会社<br>業種：酒造業<br>創業：天保3年<br>所在地：酒田市楯字清水田<br>代表者：代表取締役社長 佐藤淳平</p>
<!--brじゃなくてul li 使うべき？-->
</div>
<img src="../img/tatenokawa8.jpg" alt="会社概要">
</div>
</section>
</main>
<article id="article_work">
<h4 class="article-work-title">事業内容</h4>
<p class="article-work-text">基本は酒類の製造・販売になります。アイテムとしては、日本酒やリキュール、焼酎、マッコリなどを製造しています。それを国内外に販売するということをしています。</p>
<h4 class="aritcle-work-titile">純米大吟醸の生産</h4>
<p class="article-work-text">今から10年ほど前、平成22酒造年度で切り替える前までは純米酒、本醸造、純米吟醸、大吟醸など色々な種類のお酒を作っていました。蔵のカラーを海外の方にも伝えるために、生産を純米大吟醸に絞りました。結果、蔵を代表する人気商品となり、お客さんからいい評価を受けています。</p>
<h5 class="article-work-text">従業員について</h5>
<p class="artilcle-work-title">皆さん元サラリーマンなどですね。半分くらいはお酒が好きでお酒に関わる仕事がしたいって入ってきた人。残りの人は家が近くて出勤しやすいとかなんじゃないかな。</p>
<h5 class="article-work-title"></h5>
<p class="article-work-text"></p>
<h5 class="article-work-title"></h5>
<p class="article-work-text"></p>
<h5 class="article-work-title"></h5>
<p class="article-work-text"></p>
<h5 class="article-work-title"></h5>
<p class="article-work-text"></p>
</article>
</body>
</html>
23 1