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

.dutyBox 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; }

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

.dutyBox li a span:nth-child(2){ padding:0 .4vw;} 
.dutyBox ul li a:hover p{ text-decoration:underline}
@media (min-width: 769px) and (max-width: 1320px){

.dutyBox ul li a p {font-size:16px;}

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

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

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

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

}