@charset "UTF-8";

/* SP: ヘッダー非表示（sp_logoが代わりに表示される） */
header {
   display: none;
}

/* コンテンツ（sp_logo分のオフセット） */
.content .work_title {
   width: fit-content;
   margin: 0px auto 40px 0px;
   font-size: 24px;
   line-height: 1.3;
}

.content .work_title .work_type {
   display: block;
   font-size: 12px;
   line-height: 2;
}

.content {
   margin: 40px 10% 30px 28%;
   width: auto;
}

.content .content_box {
   margin-bottom: 40px;
}

.content .content_box img {
   width: 100%;
   height: auto;
}

.content .work_title .work_link {
   display: block;
   font-size: 12px;
   color: #fefefe;
   text-decoration: underline;
   text-decoration-color: #fefefe;
   margin-top: 8px;
}

footer {
   margin: 0 10% 0 28%;
   width: auto;
   position: inherit;
   justify-content: space-between;
}

#time {
   display: block;
}

#page_top {
   display: none;
}


@media (min-width: 960px) {

   /* SP要素を非表示 */
   .sp_logo,
   .global_nav {
      display: none;
   }

   /* page.cssベーススタイルによるheader上書きをリセットし、index.htmlと同じ寸法に */
   header {
      display: flex;
      height: 110px;
      padding: 0 80px;
   }

   .header_logo {
      display: flex;
   }

   .header_nav {
      display: block;
   }

   .home_main {
      display: block;
   }

   .content {
      margin: 150px auto 50px auto;
      width: 70%;
   }

   .content .content_box {
      margin-bottom: 40px;
   }

   .content .content_box img {
      width: 100%;
      height: auto;
   }

   footer {
      width: 70%;
      margin: 0 auto;
      position: inherit;
      display: flex;
      justify-content: space-between;
   }

   #copyright {
      position: inherit;
   }

   #time {
      display: block;
      position: inherit;
   }

   #page_top {
      display: block;
      position: inherit;
   }

}