@charset "UTF-8";

#sec-news{
  padding: 100px 0 160px;
}

.dot {
    position: relative;
    padding-left: 20px;
}

.dot:after {
    content: "";
    position: absolute;
    background: #63abd6;
    border-radius: 16px;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.news-list li{
  list-style: none;
  border-bottom: 1px solid #cccccc;
  padding: 50px 0;
}

.news-list li:first-child{
  padding-top: 0;
}

.flex-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.list-date{
  color: #024a90;
  font-family: "Sora", sans-serif;
  font-size: 15px;
  width: 125px;
}

.list-cat{
  font-size: 15px;
  width: 170px;
}

.list-detail{
  width: calc(100% - 295px);
}

.list-detail .head20{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media only screen and (max-width: 834px){
#sec-news {
  padding: 50px 0 60px;
}

.news-list li {
  padding: 30px 0;
}

.list-date {
  font-size: 13px;
  width: 100%;
}

.list-cat {
  font-size: 13px;
  width: 100%;
}

.list-detail {
  width: 100%;
}

.list-detail .head20{
  font-size: 18px;
}
}







