@charset "utf-8";
/* CSS Document */
/*---見出しのデザイン---*/
h2 {
  padding: 1rem 2rem;
  border-left: 5px solid #94c2b2;
  /*border-image: linear-gradient(3deg, #9ab5e1 0%, #f39fdc 74%);*/
  border-image-slice: 1;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: 30px auto;
  text-align: left;
}
/*---共通---*/
.section-works {
  padding-top: 20px;
}
/*--works--------------------------------------------------------*/
#works-1 {
  padding-top: 100px;
}
.description {
  margin: 50px auto;
}
.description dl {
  display: flex;
  justify-content: space-around;
  margin: 20px auto;
  text-align: left;
  border-bottom: solid 1px #c9c9c9;
  padding-bottom: 10px;
}
.description dt {
  margin-right: 50px;
  width: 200px;
}
.description dd {
  width: calc(100% - 200px);
  line-height: 2;
}
.description dd a:hover {
  opacity: 0.5;
}
.section-works img:last-child {
  margin-left: 16px;
}
footer {
  margin-top: 120px;
}
@media screen and (max-width: 1240px) {
  .section-works img:last-child {
    display: none;
  }
  .description dt {
    width: 120px;
    margin-right: 30px;
    line-height: 2;
  }
  .description dd {
    width: 80%;
  }
}
@media screen and (max-width: 520px) {
  h2 {
    font-size: 2rem;
  }
  .description {
    margin: 50px auto;
  }
  .description dl {
    font-size: 1.4rem;
  }
  .description dt {
    width: 74px;
    margin-right: 15px;
  }
  .description dd {
    width: 80%;
  }
}