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

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

h2 {
 display: flex;
 align-items: center;
 margin: 20px 0 40px;
 padding: 15px 30px;
 color: #FFF;
 font-size: 1.8rem;
 font-weight: bold;
 background-color: #c4a4cb;
 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*/

#works .works {
 margin-bottom: 30px;
}

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

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

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

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

#works .paginate {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

#works .paginate a {
 text-decoration: none;
}

#works .paginate .page-numbers {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 width: 45px;
 height: 45px;
 background: #fff;
 border: solid 1px #bfbfbf;
 font-size: 14px;
 color: #333;
 font-weight: bold;
 transition: all 0.15s linear;
}

#works .paginate .page-numbers.current {
 background: #e04f3e;
 color: #fff;
 pointer-events: none;
}
#works .paginate .page-numbers:not(.current):hover {
 background: #e04f3e;
 color: #fff;
}
#works .paginate > * + * {
 margin-left: 12px;
}

/* right */

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

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

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

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

@media (max-width: 991px) {
 #works .paginate {
  justify-content: center;
  margin-bottom: 30px;
 }
}

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