@charset "UTF-8";
/* CSS Document */
#work {
  background-color: #8595A2;
}
#work #main section {
  padding: 0;
}
#work h1 a {
  color: #fff;
}
#work-ttl {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0 0 0;
  color: #fff;
}
#work-ttl h2 {
  font-size: 2.0rem;
}
#work-ttl h3 {
  font-size: 1.6rem;
}
#work-ttl a {
  color: #fff;
}
.cap-box01 {
  width: 1000px;
  margin: 50px auto 100px auto;
}
.cap-box02, .gd-box02 {
  width: 1000px;
  margin: 80px auto;
}
.cap-box02 ul.cap-c3 {
  list-style: none;
}
.cap-box02 ul.cap-c3 li {
  display: block;
  width: 250px;
  float: left;
}
.cap-box02 ul.cap-c3 li:first-child {
  margin-left: 0;
}
.cap-box02 ul.cap-c3 li img {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}
.cap-box01 .pc-top {
  width: 650px;
  margin: 0;
  float: left;
}
.cap-box01 .pc-top img {
  width: 650px;
  margin: 0;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}
.cap-box01 .sp-top {
  width: 250px;
  margin: 0 0 0 100px;
  float: right;
}
.cap-box01 .sp-top img {
  width: 250px;
  margin: 0;
}
.cap-box02 .cap-left, .gd-box02 .cap-left {
  width: 450px;
  margin: 0;
  float: left;
}
.cap-box02 .cap-left img {
  width: 450px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}
.cap-box02 .cap-right, .gd-box02 .cap-right {
  width: 450px;
  margin: 0 0 0 100px;
  float: left;
}
.cap-box02 .cap-right img {
  width: 450px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}
.items-3 ul {
  list-style: none;
}
.items-3 li {
  display: block;
  width: 270px;
  float: left;
  margin-left: 95px;
}
.items-3 li:first-child {
  margin-left: 0;
}
.center-box {
  width: 450px;
  margin: 0 auto;
}
.to-toppage {
  width: 1000px;
  margin: 40px auto;
}
.to-toppage a {
  color: #fff;
}
.img-caption {
  color: #fff;
  font-size: 1.3rem;
}
#work #cta .cta {
  padding: 50px 15px;
}
#work hr {
  border-top: 1px solid #728595;
}
.works-list {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
  color: #fff;
}
.works-list h2 {
  margin-bottom: 30px;
}
.works-list .box-l {
  width: 400px;
  float: left;
}
.works-list .box-r {
  width: 600px;
  float: left;
}
.works-list h2 {
  font-size: 2.0rem;
  color: #4a5c6f;
}
.works-list h3 {
  font-size: 1.6rem;
}
.works-list a {
  color: #fff;
}
.works-list ul {
  list-style-type: none;
}
.works-list li {
  list-style: disc;
  margin-left: 20px;
}
.to-toppage {
  width: 1000px;
  margin: 40px auto;
}
.to-toppage a {
  color: #fff;
}
.bt-page {
  width: 1000px;
  margin: 40px auto;
}
.bt-page a {
  color: #fff;
}
.bt-page ul {
  list-style-type: none;
  text-align: center;
}
.bt-page li {
  line-height: 4.0rem;
  padding: 0 60px;
  display: inline;
}
.logo-d {
  width: 1000px;
  margin: 40px auto;
}
/* WorksFooter */
#works-ft {
  width: 100%;
  height: 25px;
  padding: 30px 0;
}
#works-ft .copyright {
  margin: 0;
  padding-top: 5px;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  color: #4a5c6f;
}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
  .works-list {
    width: 100%;
    padding: 20px 0;
  }
  .works-list .box-l {
    padding: 5%;
    width: 90%;
  }
  .works-list .box-r {
    padding: 5%;
    width: 90%;
  }
  .works-list h2 {
    margin-bottom: 0;
  }
  #work-ttl {
    width: 85%;
    margin: 0 auto;
    padding: 20px;
  }
  .cap-box01, .cap-box02 {
    width: 85%;
    margin: 0 auto;
  }
  .cap-box01 .pc-top {
    width: 100%;
  }
  .cap-box01 .pc-top img {
    width: 100%;
    margin-bottom: 60px;
  }
  .cap-box01 .sp-top {
    width: 100%;
  }
  .cap-box01 .sp-top img {
    width: 100%;
    margin-bottom: 60px;
  }
  .cap-box02 .cap-left {
    width: 100%;
  }
  .cap-box02 .cap-left img {
    width: 100%;
    margin-bottom: 60px;
  }
  .cap-box02 .cap-right {
    width: 100%;
    margin: 0;
  }
  .cap-box02 .cap-right img {
    width: 100%;
    margin-bottom: 60px;
  }
  .to-toppage {
    width: 85%;
    margin: 0 auto 40px auto;
    text-align: center;
  }
  .bt-page {
    width: 100%;
    margin: 40px auto;
  }
  .bt-page ul {
    list-style-type: none;
    text-align: center;
  }
  .bt-page li {
    line-height: 4.0rem;
    padding: 0 20px;
    display: inline;
  }
  .cap-box02, .gd-box02 {
    width: 90%;
    margin: 0 auto;
  }
  .cap-box02 .cap-left, .gd-box02 .cap-left {
    width: 100%;
    margin: 40px 0 0;
  }
  .cap-box02 .cap-left, .gd-box02 .cap-left img {
    width: 100%;
    margin: 0 auto;
  }
  .cap-box02 .cap-right, .gd-box02 .cap-right {
    width: 100%;
    margin: 40px 0 0;
  }
  .cap-box02 .cap-right, .gd-box02 .cap-right img {
    width: 100%;
    margin: 0 auto;
  }
  .gd-box02 ul.items-3 li {
    width: 100%;
    margin: 0 auto;
  }
  .gd-box02 ul.items-3 img {
    width: 100%;
    margin: 10px 0 0;
  }
  .logo-d {
    width: 90%;
    margin: 40px auto;
  }
  .logo-d img {
    width: 100%;
    margin: 40px auto 0;
  }
}