@charset "utf-8";
.cont h1 {
  background-image: url(../images/title.png);
}
#works .works {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#works .box {
  width: 330px;
  overflow: hidden;
  display: block;
  margin-bottom: 40px;
}
#works table.title {
  width: 330px;
}
#works table.title tr {
  border-bottom: 1px solid #aaaaaa;
  display: block;
  padding-top: 10px;
}
#works table.title th {
  width: 100px;
  text-align: center;
  vertical-align: middle;
  background: #8e8e8e;
  color: #FFFFFF;
  font-weight: bold;
  padding: 10px;
  font-size: 15px;
}
#works table.title td {
  padding-left: 10px;
}
#works .link a {
  margin-top: 20px;
}

#works table.workstable{
  width: 580px;
  margin-bottom: 30px;
}

#works table.workstable th{
  color: #fff;/*文字色*/
  background: #7d6eb6;/*背景色*/
  font-weight: bold;
  padding: 10px;
}

#works table.workstable td{
  padding: 5px 10px;
}

@media only screen and (max-width: 768px) {
.cont h1 {
  background-image: url(../images/title_sp.png);
}
#works .box {
  width: 100%;
  margin-bottom: 20px;
}
#works .box img {
  width: 100%;
  padding-top: 62.68%;
  overflow: hidden;
  height: 0;
  background: url("../images/image01_sp.png") no-repeat center center;
  background-size: 100%;
  display: block;
}
#works .box img.img02 {
  background: url("../images/image02_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img03 {
  background: url("../images/image02_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img04 {
  background: url("../images/image04_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img05 {
  background: url("../images/image05_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img06 {
  background: url("../images/image06_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img07 {
  background: url("../images/image07_sp.png") no-repeat center center;
  background-size: 100%;
}
#works .box img.img08 {
  background: url("../images/image08_sp.png") no-repeat center center;
  background-size: 100%;
}
#works table.title {
  width: 100%;
}
}