@charset "UTF-8";

/* projects（個別）ページスタイルシート */


/*** PC ***/
.projects-inner {margin: 0 auto;}
/* 日付 */
.projects_post_time {
   font-family: YuGothic;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}
/* サムネイル */
.post-img-box {margin:40px 0;}
.post-img-box img {width:100%; height:auto;}
/* タイトル */
.projects_title h1 {
   font-family: YuGothic;
   font-size: 18px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   text-align: center;
   margin: 100px 0;
}
.projects_title h1 p {
   font-size: 14px;
}
/* 内容 */
/* 説明文 */
.project_information_text {
   font-size: 12px;
   width:70%;
   margin: 60px auto;
}
/* 詳細情報テーブル */
.project_info_table {
   font-size: 11px;
   text-align: right;
   width:70%;
   margin: 0 auto;
}
.project_title {
   margin-bottom:8px;
}
.project_info_leaf {
   margin-bottom:8px;
}
/* 前後記事リンク */
.page-nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #9EADBD;
   border-bottom: 1px solid #9EADBD;
   padding: 13px 4px;
   margin-top:50px;
}
.page-nav a {
   text-decoration: none;
   color: #1F3037;
   font-family: YuGothic;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: flex;
   align-items: center;
}
.page-nav a:visited {
   text-decoration: none;
   color: #1F3037;
}
/* 前の記事 */
.back-arrow-box {
   margin:24px 0 0 40px;
}
.back-arrow-box span {
   margin-left: 14px;
   font-size:14px;
}
/* 次の記事 */
.next-post-box span{
   margin-right:13px;
}

/* end.PC */


/* SP */

@media (max-width:599px){ 

   .projects-inner {width:90%; margin: 0 auto;}

   .projects_title h1 {margin:0 0 60px;}

   /* 内容 */
   /* 説明文 */
   .project_information_text {
      font-size: 12px;
      width:100%;
      margin: 60px auto;
   }
   /* 詳細情報テーブル */
   .project_info_table {
      font-size: 11px;
      text-align: right;
      width:100%;
      margin: 0 auto;
   }

   .page-nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: none;
      border-bottom: none;
      padding: 13px 4px;
      margin-top:80px;
   }

   .back-arrow-box {
      margin: 40px 0 0;
      border-top: 1px solid #c5c5c5;
      border-bottom: 1px solid #c5c5c5;
      padding: 24px 0;
      text-align: center;
   }
  

}
/* end.SP */