.tabBox{padding:3vh 0;}
.tabBox ul{margin-bottom:5vh}
.tabBox ul li{border-bottom: 1px solid #e8e8e8; width:100%; margin:1vh 0; padding:2vh 0; text-align:left; overflow:hidden}
.tabBox ul li:first-child{ margin-top:0;  padding-top:0;  }

.tabBox ul li a p {margin:1vh 0; line-height:150%;font-size:1.2vw;display: -webkit-box;　-webkit-box-orient: vertical;　-webkit-line-clamp: 2;
　　overflow: hidden;transition: all .3s; }

.tabBox li a span { line-height:150%;  font-size:0.75vw;color: #686868 ;transition: all .3s;}

.tabBox li a span:nth-child(2){ padding:0 .4vw;} 
.tabBox ul li a:hover p{ text-decoration:underline}
@media (min-width: 769px) and (max-width: 1320px){
.tabBox ul li a p{font-size:16px; transition: all .3s; }
}

@media (max-width: 768px) {
.tabBox{padding:20px 0;}
.tabBox ul{margin-bottom:20px}
.tabBox ul li{border-bottom: 1px solid #e8e8e8; width:100%; margin:10px 0; padding:10px 0; text-align:left; overflow:hidden}
.tabBox ul li:first-child{ margin-top:0;  padding-top:0;  }

.tabBox ul li a p {margin:5px 0; line-height:150%;font-size:18px;display: -webkit-box;　-webkit-box-orient: vertical;　-webkit-line-clamp:5;
　　overflow: hidden;transition: all .3s; }

.tabBox li a span { line-height:180%;  font-size:14px;color: #686868 ;transition: all .3s;}

.tabBox li a span:nth-child(2){ padding:0 5px;} 
.tabBox ul li a:hover p{ text-decoration:underline}

}