<!DOCTYPE html>
<html lang="ja">
<head>
<title>課題なりなり</title>
<link rel="stylesheet" type="text/css" href="kadai2.css">
</head>
<body>
<section class="hakken">
<div class="flex">
<div class="moji">
<div class="maru1">
<h3>新たな発見</h3>
</div>
<p class="setsumei1">ボランティア活動をはじめて見ると、<br>新たな価値観、新たな発見、新たな人との出会いが<br>たくさんあります。</p>
</div>
<div class="pic">
<img src="photo/ahiru.png" height="220px">
</div>
</div>
</section>
<div class="main">
<h1>ボランティア活動</h1>
<p>はじめてみませんか？</p>
</div>
<section class="nakama">
<div class="flex">
<div class="pic">
<img src="photo/aomori.png" height="220px">
</div>
<div class="moji">
<div class="maru2">
<h3>新しい仲間</h3>
</div>
<p class="setsumei2">上下関係や利害関係がないボランティアの世界では、<br>本当の仲間が<br>得られやすいかもしれません。</p>
</div>
</div>
</section>
<section class="jibun">
<div class="flex">
<div class="moji">
<div class="maru3">
<h3>新しい自分</h3>
</div>
<p class="setsumei3">気が付けば、<br>今までと違った考えの自分がそこにあるかもしれません。<br>新たな自分探しの旅にもボランティアの世界は開かれています。</p>
</div>
<div class="pic">
<img src="photo/ichigo.png" height="220px">
</div>
</div>
</section>
<div class="matome">
<h3>私たちが目指すのは、ボランティアによる”市民社会の創造”です</h3>
<p>「何から始めればよいかわからない。」<br>「どんな活動が自分に合うかわからない。」<br>などはじめての方でもお気軽にお声がけください！</p>
</div>
<section class="jouho">
<h2>ボラサポートさかた(酒田市ボランティア・公益活動センター)</h2>
<div class="flex">
<div class="hidari">
<div class="map">
<p>〒998-0044 酒田市中町3-4-5交流ひろば内</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.286375521211!2d139.83239856520987!3d38.91743147956746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e67969aaaab%3A0x8e516ec735620415!2z5Lqk5rWB44Gy44KN44Gw!5e0!3m2!1sja!2sjp!4v1658630053911!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="migi">
<div class="iroiro">
<p>E-mail:</p><address>volunteer@sakata-shakyo.or.jp</address>
<a href="http://sakata-vc.com/"><p>ホームページ</p></a>
<p>TEL 48-8165</p>
<p>FAX 26-5617</p>
<p><span class="small">※窓口・電話 平日8:30～17:15</span></p>
</div>
</div>
</div>
</section>
</body>
みのさんじょー