@charset "UTF-8";

/*--------------------------------------------------------#sec-information-----*/

#sec-information{
  padding: 90px 0 120px;
}

.info-list li .flex-list{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 40px;
  padding-bottom: 40px; 
}

.info-list li .info-date{
  color: #0589e7;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: 'Poppins', sans-serif;
  width: 18%;
}

.info-list li .info-detail{
  margin-bottom: 0;
  width: 82%;
}

.info-ttl{
  margin-bottom: 35px;
}

.info-cat{
  color: #0589e7;
  font-size: 15px;
  font-size: 1.5rem;
}

.info-head{
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
}

@media only screen and (max-width: 1560px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 768px) {

#sec-information {
    padding: 60px 0 80px;
}

.info-list li .flex-list{
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.info-list li .info-date {
    text-align: right;
    font-size: 1.3rem;
    width: 100%;
}

.info-list li .info-detail {
    width: 100%;
}

.info-head {
    font-size: 2rem;
}

.info-ttl {
    margin-bottom: 20px;
    width: 100%;
}


}

@media only screen and (max-width: 400px) {

}