<div id="overlay_menu" class="fixed hide">
  <div class="overlay_menu_wrap">
    <div class="overlay_menu d-flex justify-content-center align-items-center">
      <div class="menu_wrap">
        <div class="menu">
          <div class="item hide rounded-circle shadow m-2 item01">
            <span class="item-overlay rounded-circle collaboration_contents voice_contents"></span>
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.AUDIO);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_headset.svg" alt="音声共有">
              </div>
              <span>音声</span>
            </a>
          </div>
          <div class="item hide rounded-circle shadow m-2 item02">
            <span class="item-overlay rounded-circle collaboration_contents video_contents"></span>
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.VIDEO);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap m-0">
                <img src="icon/icon_collabo_videocam.svg" alt="動画共有">
              </div>
              <span>動画</span>
            </a>
          </div>
          <div class="item hide rounded-circle shadow m-2 item03">
            <span class="item-overlay rounded-circle collaboration_contents picture_contents"></span>
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.CAMERA);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_picture.svg" alt="写真共有">
              </div>
              <span>写真</span>
            </a>
          </div>
          <div class="item hide rounded-circle shadow m-2 item04">
            <span class="item-overlay rounded-circle collaboration_contents document_contents"></span>
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.DOCUMENT);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_document.svg" alt="文書共有">
              </div>
              <span>文書</span>
            </a>
          </div>
          <div class="item hide rounded-circle shadow m-2 item05">
            <span class="item-overlay rounded-circle collaboration_contents board_contents"></span>
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.BOARD);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap m-0">
                <img src="icon/icon_collabo_whiteboard.svg" alt="落書き">
              </div>
              <span>ボード</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>