@charset "UTF-8";
/***************************************************************************
works一覧
***************************************************************************/
body.post-type-archive-works .pageHead, body.tax-field .pageHead, body.tax-service .pageHead {
  margin-bottom: 80px; }
  body.post-type-archive-works .pageHead .mv, body.tax-field .pageHead .mv, body.tax-service .pageHead .mv {
    background: url("../img/works/mv.png") no-repeat;
    background-size: cover;
    background-position: center center; }
body.post-type-archive-works .mainContent .lead, body.tax-field .mainContent .lead, body.tax-service .mainContent .lead {
  margin-bottom: 40px; }
body.post-type-archive-works .mainContent .category, body.tax-field .mainContent .category, body.tax-service .mainContent .category {
  margin-bottom: 50px; }
  body.post-type-archive-works .mainContent .category ul, body.tax-field .mainContent .category ul, body.tax-service .mainContent .category ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    body.post-type-archive-works .mainContent .category ul li, body.tax-field .mainContent .category ul li, body.tax-service .mainContent .category ul li {
      width: 140px;
      margin-right: 30px;
      text-align: center;
      font-weight: bold;
      line-height: 2;
      border-bottom: 6px solid #F4F4F0; }
      body.post-type-archive-works .mainContent .category ul li.on, body.tax-field .mainContent .category ul li.on, body.tax-service .mainContent .category ul li.on {
        color: #A9D251;
        border-bottom: 6px solid #A9D251; }
body.post-type-archive-works .mainContent .posts, body.tax-field .mainContent .posts, body.tax-service .mainContent .posts {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  body.post-type-archive-works .mainContent .posts .post, body.tax-field .mainContent .posts .post, body.tax-service .mainContent .posts .post {
    width: calc((100% - 70px) / 3);
    margin-bottom: 40px;
    margin-right: 35px; }
    body.post-type-archive-works .mainContent .posts .post:nth-child(3n), body.tax-field .mainContent .posts .post:nth-child(3n), body.tax-service .mainContent .posts .post:nth-child(3n) {
      margin-right: 0; }
    body.post-type-archive-works .mainContent .posts .post .img, body.tax-field .mainContent .posts .post .img, body.tax-service .mainContent .posts .post .img {
      margin-bottom: 14px; }
      body.post-type-archive-works .mainContent .posts .post .img img, body.tax-field .mainContent .posts .post .img img, body.tax-service .mainContent .posts .post .img img {
        height: auto; }
    body.post-type-archive-works .mainContent .posts .post .ttl, body.tax-field .mainContent .posts .post .ttl, body.tax-service .mainContent .posts .post .ttl {
      font-size: 18px;
      font-weight: bold;
      line-height: 28px;
      letter-spacing: 1px;
      margin-bottom: 15px; }
    body.post-type-archive-works .mainContent .posts .post .desc, body.tax-field .mainContent .posts .post .desc, body.tax-service .mainContent .posts .post .desc {
      font-weight: bold; }
    body.post-type-archive-works .mainContent .posts .post .tags ul li, body.tax-field .mainContent .posts .post .tags ul li, body.tax-service .mainContent .posts .post .tags ul li {
      display: inline-block;
      font-size: 13px;
      line-height: 23px;
      font-weight: normal; }
      body.post-type-archive-works .mainContent .posts .post .tags ul li:after, body.tax-field .mainContent .posts .post .tags ul li:after, body.tax-service .mainContent .posts .post .tags ul li:after {
        content: ' / '; }
      body.post-type-archive-works .mainContent .posts .post .tags ul li:last-child:after, body.tax-field .mainContent .posts .post .tags ul li:last-child:after, body.tax-service .mainContent .posts .post .tags ul li:last-child:after {
        content: ''; }

@media screen and (max-width: 768px) {
  body.post-type-archive-works .mainContent h3, body.tax-field .mainContent h3, body.tax-service .mainContent h3 {
    font-size: 16px;
    line-height: 1.5;
    padding: 15px 15px;
    height: auto; }
  body.post-type-archive-works .mainContent .lead, body.tax-field .mainContent .lead, body.tax-service .mainContent .lead {
    margin-bottom: 20px; }
  body.post-type-archive-works .mainContent .category, body.tax-field .mainContent .category, body.tax-service .mainContent .category {
    margin-bottom: 30px; }
    body.post-type-archive-works .mainContent .category ul li, body.tax-field .mainContent .category ul li, body.tax-service .mainContent .category ul li {
      width: 25%;
      margin-right: 0;
      font-size: 14px;
      line-height: 32px; }
  body.post-type-archive-works .mainContent .posts .post, body.tax-field .mainContent .posts .post, body.tax-service .mainContent .posts .post {
    width: 100%;
    margin-right: 0; }
    body.post-type-archive-works .mainContent .posts .post .img, body.tax-field .mainContent .posts .post .img, body.tax-service .mainContent .posts .post .img {
      margin-bottom: 0; }
      body.post-type-archive-works .mainContent .posts .post .img img, body.tax-field .mainContent .posts .post .img img, body.tax-service .mainContent .posts .post .img img {
        height: auto; }
    body.post-type-archive-works .mainContent .posts .post .ttl, body.tax-field .mainContent .posts .post .ttl, body.tax-service .mainContent .posts .post .ttl {
      margin-bottom: 0;
      padding: 10px 0; }
    body.post-type-archive-works .mainContent .posts .post .desc, body.tax-field .mainContent .posts .post .desc, body.tax-service .mainContent .posts .post .desc {
      font-size: 13px;
      line-height: 23px;
      letter-spacing: 1px; } }
/***************************************************************************
works個別
***************************************************************************/
body.single-works .pageHead {
  margin-bottom: 80px; }
  body.single-works .pageHead .mv {
    background: url("../img/works/mv.png") no-repeat;
    background-size: cover;
    background-position: center center; }
body.single-works .mainContent .img {
  margin-bottom: 40px; }
  body.single-works .mainContent .img img {
    height: auto; }
body.single-works .mainContent .blkMain {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; }
  body.single-works .mainContent .blkMain .sidebarWorks {
    width: 230px;
    margin-right: 40px;
    font-size: 15px;
    letter-spacing: 0; }
    body.single-works .mainContent .blkMain .sidebarWorks .txt {
      font-weight: bold;
      margin-bottom: 24px; }
  body.single-works .mainContent .blkMain .content {
    width: calc(100% - 270px); }
body.single-works .mainContent .imgs {
  margin-bottom: 40px; }
  body.single-works .mainContent .imgs li {
    margin-bottom: 30px; }
    body.single-works .mainContent .imgs li img {
      height: auto; }

@media screen and (max-width: 768px) {
  body.single-works .mainContent .img {
    margin-bottom: 20px; }
    body.single-works .mainContent .img img {
      height: auto; }
  body.single-works .mainContent .blkMain {
    display: block; }
    body.single-works .mainContent .blkMain .sidebarWorks {
      width: 100%;
      margin-right: 0; }
    body.single-works .mainContent .blkMain .content {
      width: 100%;
      margin-bottom: 30px; }
      body.single-works .mainContent .blkMain .content .body img {
        height: auto; }
      body.single-works .mainContent .blkMain .content h1 {
        font-size: 21px;
        line-height: 34px;
        margin-bottom: 30px; }
  body.single-works .mainContent .imgs li {
    margin-bottom: 20px; } }