@charset "utf-8";

.contents {min-height: 300px;}


.listBox ul {justify-content: initial;}
.listBox ul li div {padding: 8px;}
.listBox ul li div a {display:block;width: 100%;height: 100%;}

@media all and (min-width:400px){
  
  .wrap-contents .tab ul li a {line-height: 1; display: flex; flex-direction: column; justify-content: center;}
  
  .listBox ul li {flex: initial;width: 33%;margin-right: 0.5%;text-align: center;}
  .listBox ul li:nth-of-type(3n) {margin-right:0;}
  .listBox ul li div {height:100%;}

}
@media all and (max-width: 767px){
  
  .sub  .wrap-header {position: relative; background: rgba(0, 0, 0, 0.72);}
  .listBox ul {justify-content:space-between}
  .listBox ul li {width: 49%;margin-right:0}
  
}
@media all and (max-width: 550px){

  .listBox ul li {padding-bottom: 5px;font-size: 14px;width: 100%;}
  .listBox ul li div {padding: 5px;}
  
}


.top {position: fixed;    right: 20px;    bottom: 20px;    background: #777;    width: 60px;    height: 60px;    border-radius: 50px;    display: flex;    flex-direction: column;    justify-content: center;    text-align: center;    color: #fff;}