@charset "utf-8";
/* CSS Document */

/* ------------------------------- */
/* Title
/* ------------------------------- */

h2 {
 display: flex;
 align-items: center;
 margin: 20px 0 10px;
 padding: 15px 30px;
 color: #FFF;
 font-size: 1.8rem;
 font-weight: bold;
 background-color: #e46e9c;
 border-radius: 5px;
}

h2 img {
 margin-right: 10px;
}

@media (max-width: 991px) {
 h2 {
  margin: 0 0 20px;
  font-size: 1.4rem;
 }

 h2 img {
  height: 25px;
 }
}


/* ------------------------------- */
/* Works
/* ------------------------------- */

/* left*/

#news .news {
 padding-top: 30px;
}

#news .news .title {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 10px 15px;
 line-height: 1;
 background-color: #fae4ed;
 border-radius: 5px;
}

#news .news .title h3 {
 font-size: 1.2rem;
 font-weight: bold;
}

#news .news .detail {
 padding: 20px;
}

#news .news .small-image {
 margin-top: 10px;
 display: flex;
}

/* right */

#news .right .box {
 margin-bottom: 20px;
 padding: 20px;
 background-color: #FEF6F1;
 border: 1px solid #EFBBBD;
}

#news .right h4 {
 margin-bottom: 8px;
 color: #ee746f;
 font-weight: bold;
}

#news .right ul {
 padding-left: 20px;
 list-style: outside disc;
}

#news .right ul li {
 margin-top: 8px;
}

@media (max-width: 767px) {
 #news .right ul li {
  margin-top: 15px;
 }
}