#page_works .lead {
  margin-top: 120rem;
}
#page_works .lead .notes {
  margin-top: 25rem;
}
#page_works .works_container {
  margin-top: 30rem;
  padding-top: 70rem;
  padding-bottom: 70rem;
}
#page_works .works_container + .works_container {
  margin-top: 0;
  padding-top: 70rem;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
}
#page_works .works_container:first-child {
  border-top: none;
}
#page_works .works_container .works_wrap {
  display: flex;
  gap: 35rem;
}
#page_works .works_container .works_wrap .desc {
  width: 397rem;
}
#page_works .works_container .works_wrap .desc .name {
  font-size: 36rem;
  font-weight: bold;
  line-height: 1.2;
  padding-right: 35rem;
}
#page_works .works_container .works_wrap .desc ul {
  margin-top: 30rem;
}
#page_works .works_container .works_wrap .desc ul li {
  font-size: 20rem;
  padding-bottom: 16rem;
  padding-top: 22rem;
  border-bottom: 1rem solid #C9C9C9;
}
#page_works .works_container .works_wrap .desc ul li.site_url a {
  color: #008899;
}
#page_works .works_container .works_wrap .screen {
  width: 886rem;
  display: flex;
  gap: 26rem;
}
#page_works .works_container .works_wrap .screen .image {
  border-radius: 20rem;
  overflow: hidden;
  border: 4rem solid #333;
  height: -moz-fit-content;
  height: fit-content;
}
#page_works .works_container .works_wrap .screen .image.pc {
  width: 615rem;
}
#page_works .works_container .works_wrap .screen .image.sp {
  width: 246rem;
}

@media screen and (max-width: 680px) {
  #page_works .lead {
    margin-top: 50rem;
  }
  #page_works .lead .notes {
    margin-top: 20rem;
  }
  #page_works .works_container {
    margin-top: 40rem;
    padding-top: 10rem;
    padding-bottom: 35rem;
  }
  #page_works .works_container + .works_container {
    padding-top: 35rem;
  }
  #page_works .works_container .works_wrap {
    flex-direction: column;
    gap: 0;
  }
  #page_works .works_container .works_wrap .desc {
    width: 100%;
  }
  #page_works .works_container .works_wrap .desc .type {
    font-size: 18rem;
    font-weight: bold;
  }
  #page_works .works_container .works_wrap .desc .name {
    font-size: 18rem;
    padding-bottom: 8rem;
  }
  #page_works .works_container .works_wrap .desc ul {
    margin-top: 0;
  }
  #page_works .works_container .works_wrap .desc ul li {
    font-size: 13rem;
    padding-top: 11rem;
    padding-bottom: 6rem;
  }
  #page_works .works_container .works_wrap .screen {
    width: 100%;
    margin-top: 23rem;
    flex-direction: column;
    gap: 16rem;
  }
  #page_works .works_container .works_wrap .screen .image {
    border-width: 2rem;
  }
  #page_works .works_container .works_wrap .screen .image.pc {
    width: 100%;
  }
  #page_works .works_container .works_wrap .screen .image.sp {
    width: 168rem;
    margin: 0 auto;
  }
}/*# sourceMappingURL=works.css.map */