.side-menu {
      height: 100%;
      width: 0;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #233B6C;
      overflow-x: hidden;
      transition: 0.3s;
      padding-top: 60px;
    }

    .side-menu a {
      padding: 10px 20px;
      text-decoration: none;
      font-size: 18px;
      color: white;
      display: block;
      transition: 0.2s;
      cursor: pointer;
    }

    .side-menu a:hover {
      background-color: #BEDDFB;
      color:#233B6C;
    }

    .menu-button {
      font-size: 20px;
      cursor: pointer;
      padding: 10px 100px;
      background-color: #233B6C;
      color: white;
      border: none;
    }

    /* サブメニュー */
    .hasubmenu {
      display: none;
      background-color: #233B6C;
      padding-left: 20px;
    }

    .hasubmenu a {
      font-size: 16px;
    }