<div id="overlay_menu" class="overlay fixed">
  <div class="overlay_menu_wrap">
    <div class="overlay_menu h-100 d-flex justify-content-center align-items-center">
      <div class="menu_wrap">
        <div class="menu d-flex flex-row flex-wrap">
          <div class="item collaboration_contents picture_contents video_contents document_contents board_contents">
            <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 collaboration_contents picture_contents voice_contents document_contents board_contents">
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.VIDEO);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_videocam.svg" alt="動画共有">
              </div>
              <span>動画共有</span>
            </a>
          </div>
          <div class="item collaboration_contents video_contents voice_contents document_contents board_contents">
            <a href="javascript:coview_api.ChangeCollaboration('image');"
               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 collaboration_contents video_contents voice_contents picture_contents board_contents">
            <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 collaboration_contents video_contents voice_contents picture_contents document_contents">
            <a href="javascript:changeCollaboration(COLLABORATION_TYPE.BOARD);"
               class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_whiteboard.svg" alt="落書き">
              </div>
              <span>落書き</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>