#tab1 {
  border: none;
}
#tab1 a{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#tab2 {
  border: none;
}
#tab2 a{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* 画面サイズの横幅が 768px 以下で適用 */
@media screen and (max-width: 768px) {
  /*タブコンテンツのレイアウト*/
  .tab-content {
    margin-left:0px;
  }
  #tab1 {
    font-size: 12px;
  }
  #tab1 li.active a{
    display: inline-block;
    background: rgba(60,179,113,0.3);
    border: none;
    z-index:2;
  }
  #tab1 li a{
    display: inline-block;
    background: rgba(60,179,113,0.1);
    border: none;
  }
  #tab2 {
    font-size: 10px;
    margin-left:5px;
    margin-top:20px;
  }
  #tab2 li.active a{
    display: inline-block;
    background: rgba(60,179,113,0.3);
    border: none;
    z-index:2;
  }
  #tab2 li a{
    display: inline-block;
    background: rgba(60,179,113,0.1);
    border: none;
  }
  
}

/* 画面サイズの横幅が 769px 以上で適用 */
@media screen and (min-width: 769px) { 
  #tab1 li.active a{
    display: inline-block;
    background: rgba(60,179,113,0.3);
    border: none;
    z-index:2;
  }
  #tab1 li a:hover {
    display: inline-block;
    background: rgba(60,179,113,0.1);
    border: none;
  }
  #tab2 {
    margin-left:10px;
    margin-top:20px;
  }
  #tab2 li.active a{
    display: inline-block;
    background: rgba(60,179,113,0.3);
    border: none;
    z-index:2;
  }
  #tab2 li a:hover {
    display: inline-block;
    background: rgba(60,179,113,0.1);
    border: none;
  }
  
}