staff.html

<section id="page-staff">
  <!--title-->
  <div class="sub-title">
    <img src="./image/title/staff.png" alt="スタッフ紹介" class="staff_title">
  </div>

  <!--局長紹介-->
  <div class="carpet">
    <div id="boss">
      <img src="./image/staff/trimming/Myu_Shinabukuro.png" alt="実行委員長"/>
      <div class="position"><p>実行委員長</p></div>
      <div class="name"><p>島袋未悠</p></div>
      <div class="say_a_word"><p>平成最後の高専祭楽しんでください!!</p></div>
    </div>

    <div class="stage">
      <!--実行委員長1段目
      <div class="director_gene">
        <img src="./image/staff/trimming/Myu_Shinabukuro.png" alt="実行委員長"/>
        <div class="position"><p>実行委員長</p></div>
        <div class="name"><p>島袋未悠</p></div>
        <div class="say_a_word"><p>平成最後の高専祭楽しんでください!!</p></div>
      </div>-->
      
      <!--実行委員長補佐1段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Reito_Uchima.jpeg"/>
        <div class="position"><p>書紀</p></div>
        <div class="name"><p>内間零斗</p></div>
        <div class="say_a_word"><p>時計をタンテにセットしてDJ
            <br>時間もスクラッチして巻き戻せ</p></div>
      </div>


      <!--副実行委員長2段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Shoki_Okano.jpeg"/>
        <div class="position"><p>副実行委員長</p></div>
        <div class="name"><p>岡野祥希</p></div>
        <div class="say_a_word"><p>高専祭の間は単位のことなんて考えずに<br>みんなで思いっきり楽しみましょう！</p></div>
      </div>
      
      <!--副実行委員長2段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Riko_Taira.png"/>
        <div class="position"><p>副実行委員長</p></div>
        <div class="name"><p>平良莉子</p></div>
        <div class="say_a_word"><p>ぜひ、沖縄高専祭へ!</p></div>
      </div>


      <!--庶務局長3段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Taiga_Gushiken.png"/>
        <div class="position"><p>庶務局長</p></div>
        <div class="name"><p>具志堅大河</p></div>
        <div class="say_a_word"><p>ゴミ箱置いたYo
            缶瓶分別するんです Yeah</p></div>
      </div>

      <!--食品衛生局長3段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Hirohito_Omine.png"/>
        <div class="position"><p>食品衛生局長</p></div>
        <div class="name"><p>大嶺宏仁</p></div>
        <div class="say_a_word"><p>おやつを作って待ってます!!</p></div>
      </div>

      <!--装飾局長4段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Eichi_Nerome.png"/>
        <div class="position"><p>装飾局</p></div>
        <div class="name"><p>根路銘詠一</p></div>
        <div class="say_a_word"><p>素敵に飾り付けられたと思うので<br>周りの装飾も楽しんでいってほしいですー!</p></div>
      </div>

      <!--イベント局長4段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Minori_Nakao.png"/>
        <div class="position"><p>イベント局</p></div>
        <div class="name"><p>仲尾泉緑</p></div>
        <div class="say_a_word"><p>イベント局主催のイベントを多数開催しています!<br>みんな来てねー!!</p></div>
      </div>

      <!--パンフレット局長5段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Eimi_Nakao.png"/>
        <div class="position"><p>パンフレット局長</p></div>
        <div class="name"><p>仲尾栄泉</p></div>
        <div class="say_a_word"><p>メロンパンたべたい</p></div>
      </div>

      <!--後夜祭局長5段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Ayaka_Kina.JPG"/>
        <div class="position"><p>後夜祭局長</p></div>
        <div class="name"><p>喜納綾夏</p></div>
        <div class="say_a_word"><p>ぜひ、高専祭を楽しんでください!</p></div>
      </div>

      <!--警備局長6段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Keita_Arakaki.png"/>
        <div class="position"><p>警備局長</p></div>
        <div class="name"><p>新垣圭汰</p></div>
        <div class="say_a_word"><p>高専祭を影から支えていきます!</p></div>
      </div>

      <!--広報局長6段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Kai_Miyazato.png"/>
        <div class="position"><p>広報局長</p></div>
        <div class="name"><p>宮里海衣</p></div>
        <div class="say_a_word"><p>高専祭楽しんでください</p></div>
      </div>

      <!--会計局長7段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Kyoka_Onaga.jpg"/>
        <div class="position"><p>会計局長</p></div>
        <div class="name"><p>翁長京香</p></div>
        <div class="say_a_word"><p>単位欲しい</p></div>
      </div>

      <!--運営局長7段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Sakura_Arakaki.png"/>
        <div class="position"><p>運営局</p></div>
        <div class="name"><p>新垣さくら</p></div>
        <div class="say_a_word"><p>体育館で待ってます!</p></div>
      </div>

      <!--演出局長8段目-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Yui_Teruya.png"/>
        <div class="position"><p>演出局</p></div>
        <div class="name"><p>照屋結衣</p></div>
        <div class="say_a_word"><p>ピロティにて、ライブを行っています。
            <br>素敵な演奏をぜひご覧下さい!</p></div>
      </div>

      <!--物品局長-->
      <div class="director_gene">
        <img src="./image/staff/trimming/Yuma_Gushiken.png"/>
        <div class="position"><p>物品局長</p></div>
        <div class="name"><p>具志堅悠馬</p></div>
        <div class="say_a_word"><p>屋台は早めに行かないと<br>美味しいものが売り切れちゃいますよ。</p></div>
      </div>
    
      <div class="director_gene">
        <img src="./image/staff/trimming/Miki_Arakaki_Shuri_Chibana.png"/>
        <div class="position"><p>サイト制作</p></div>
        <div class="name"><p>新垣美紀/知花朱里</p></div>
        <div class="say_a_word"><p>サイト制作死ぬかと思った</p></div>
      </div>
    </div>
  </div>
</section>