@charset "UTF-8";
/********************************************************************************

page-projects.css　PROJECTScss

********************************************************************************/

/*============================================================
 PROJECTS一覧
*============================================================*/
#page-projects-list #sec-lead {
  margin-bottom: 40px;
}

/*============================================================
 PROJECTS詳細
*============================================================*/
#page-projects #page-content .article-header,
#page-projects #page-content .article-footer,
#page-projects #page-content .sidebar {
  display: none; /* コンテンツ内のヘッダー、フッター、サイドバーを非表示 */
}
/* OEM
*===========================*/
/* 事例 */
#page-projects #page-content #sec-oem .item-case {
  max-width: 576px;
}
#page-projects #page-content #sec-oem .parts-boxes:last-child .item-case {
  max-width: 100%;
}
#page-projects #page-content #sec-oem .item-case p {
  margin-bottom: 32px;
}
@media screen and (max-width: 1279px) {
  #page-projects #page-content #sec-oem .item-image {
    width: 45%;
  }
  #page-projects #page-content #sec-oem .parts-boxes:last-child .item-image {
    width: 100%;
  }
  #page-projects #page-content #sec-oem .item-case {
    width: 52%;
  }
  #page-projects #page-content #sec-oem .parts-boxes:last-child .item-case {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #page-projects #page-content #sec-oem .item-image {
    width: 100%;
    margin-bottom: 24px;
  }
  #page-projects #page-content #sec-oem .item-image img {
    width: 100%;
  }
  #page-projects #page-content #sec-oem .item-case {
    max-width: 100%;
  }
}
/* OEM製作の流れ */
#page-projects #page-content #sec-oem .oem-flow dl.parts-table {
  margin-bottom: 40px;
}
#page-projects #page-content #sec-oem .oem-flow .parts-btn {
  margin-top: 40px;
}