@charset "UTF-8";
@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}
/* $main: ;
$sub: ; */
/* $sanAllWebJa: ; */
/*
$fsPhone: ;//iOS, Androidのスマートフォン向け
$fsTablet: ;//iPad, Android Tablet
$fsMobile: ;//その他モバイル製品を吸収する予約名
$fsDesk01: ;//S
$fsDesk02: ;//M
$fsDesk03: ;//L
$fsDesk04: ;//XL
$fsDesk05: ;//XXL
$fsDesk06: ;//Extra
*/
/*
	$widthDesk06: ;//Extra
*/
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 * http://qiita.com/tmiame/items/8816d970eacaf450911f
 */
.layoutProjects {
  padding: 0px 0px 160px 0px;
  padding: 0rem 0rem 10rem 0rem;
}
.layoutProjects .bodyMain_post {
  position: relative;
}
.layoutProjects .bodyMain_header {
  padding: 64px 80px 0px 80px;
  padding: 4rem 5rem 0rem 5rem;
}
.layoutProjects .bodyMain_cols {
  padding: 0px 80px 0px 80px;
  padding: 0rem 5rem 0rem 5rem;
}
.layoutProjects .cat,
.layoutProjects .title,
.layoutProjects .year,
.layoutProjects .lined span {
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  color: #000;
  display: inline-block;
  font-size: 48px;
  font-size: 3rem;
  font-weight: normal;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  line-height: 1;
  margin: 0px 0px 8px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 3.2px 1.6px 0px 1.6px;
  padding: 0.2rem 0.1rem 0rem 0.1rem;
  vertical-align: top;
}
.layoutProjects .lined {
  background: transparent;
}
.layoutProjects .lined span {
  display: inline-block;
}
.layoutProjects .cat {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0px 0px 8px 4px;
  margin: 0rem 0rem 0.5rem 0.25rem;
  padding: 1.6px 3.2px 0px 3.2px;
  padding: 0.1rem 0.2rem 0rem 0.2rem;
}
.layoutProjects .pretitle {
  background: transparent;
  display: block;
  margin: 0;
}
.layoutProjects header {
  margin: 0px 80px 0px 80px;
  margin: 0rem 5rem 0rem 5rem;
}
.layoutProjects .mainvisual {
  background-position: 50% 40%;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  margin: -64px 0px 0px 0px;
  margin: -4rem 0rem 0rem 0rem;
  padding: 56.25% 0 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.layoutProjects .mainvisual img {
  display: none;
}
.layoutProjects .mainvisual .caption {
  bottom: 8px;
  bottom: 0.5rem;
  color: #fff;
  font-size: 8px;
  font-size: 0.5rem;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  line-height: 1.3;
  position: absolute;
  right: 8px;
  right: 0.5rem;
  -webkit-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  -moz-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  margin-left: 8px;
  margin-left: 0.5rem;
  right: auto;
  left: 72px;
  left: 4.5rem;
}
.layoutProjects .mainvisual .caption:before {
  content: "© ";
}
.layoutProjects .entryParts {
  background: #fff;
  overflow: hidden;
  width: 100%;
}
.layoutProjects .entryParts_intro {
  background: transparent;
  padding: 44px 0px 0px 0px;
  padding: 2.75rem 0rem 0rem 0rem;
}
.layoutProjects .entryParts_intro .entryParts_title {
  background: transparent;
  color: #000;
  margin: 0px 80px 16px 80px;
  margin: 0rem 5rem 1rem 5rem;
  text-align: center;
  text-indent: 0;
  white-space: normal;
  width: auto;
}
.layoutProjects .entryParts_intro .entryParts_title:after {
  background: #000;
  border-radius: 2px;
  clear: both;
  display: block;
  height: 4px;
  height: 0.25rem;
  margin: 16px 0px 16px 0px;
  margin: 1rem 0rem 1rem 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 64px;
  width: 4rem;
}
.layoutProjects .entryParts_intro .entryParts_title span {
  word-break: keep-all;
}
.layoutProjects .entryParts_intro .entryParts_content {
  background: #fff;
  margin: 0;
  padding: 48px 80px 16px 80px;
  padding: 3rem 5rem 1rem 5rem;
}
.layoutProjects .entryParts_intro .entryParts_content .wysiwyg {
  margin: 0 auto;
  max-width: 672px;
  max-width: 42rem;
}
.layoutProjects .entryParts_intro .entryParts_content .wysiwyg p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
.layoutProjects .entryParts_content {
  padding: 16px 32px 16px 32px;
  padding: 1rem 2rem 1rem 2rem;
  zoom: 1;
}
.layoutProjects .entryParts_content:before, .layoutProjects .entryParts_content:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.layoutProjects .entryParts_content:after {
  clear: both;
}
.layoutProjects .entryParts .hr {
  clear: both;
  height: 16px;
  height: 1rem;
  font-size: 0;
  line-height: 0;
  width: 100%;
}
.layoutProjects .entryParts .hr:last {
  display: none;
}
.layoutProjects .entryParts .row:first-child .thumbAndDesc,
.layoutProjects .entryParts .first_row .thumbAndDesc {
  background: none;
  padding: 0;
}
.layoutProjects .entryParts .row:first-child .thumbAndDesc_visual,
.layoutProjects .entryParts .first_row .thumbAndDesc_visual {
  top: 0;
}
.layoutProjects .entryParts .flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}
.layoutProjects .entryParts .row {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1rem 0rem;
  width: 100%;
}
.layoutProjects .entryParts .row:after {
  clear: both;
  display: block;
  content: ".";
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 100%;
}
.layoutProjects .entryParts .row .thumbAndDesc {
  width: 45%;
  width: calc(50% - 1rem);
}
.layoutProjects .entryParts .row .thumbAndDesc:last-child {
  float: right;
}
.layoutProjects .entryParts .row .thumbAndDesc:first-child {
  float: left;
}
.layoutProjects .entryParts .row:first-child .thumbAndDesc:first-child:last-child, .layoutProjects .entryParts .row.first_row .thumbAndDesc:first-child:last-child {
  float: none;
  width: 100%;
}
.layoutProjects .entryParts .row .thumbAndDesc + .thumbAndDesc {
  width: 45%;
  width: calc(50% - 1rem);
}
.layoutProjects .entryParts .vertThumbAndDesc {
  border: 1px solid #eee;
  margin: 0 2% 2% 0;
  position: relative;
  width: 32%;
}
.layoutProjects .entryParts .vertThumbAndDesc:nth-child(3n+3) {
  margin-right: 0;
}
.layoutProjects .entryParts .vertThumbAndDesc a {
  display: block;
  margin: 0;
  padding: 0;
  height: auto !important;
  min-height: 304px;
  height: 304px;
  min-height: 19rem;
  opacity: 1;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: opacity;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: opacity;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: opacity;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: opacity;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: opacity;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .vertThumbAndDesc a:hover {
  opacity: 0.5;
}
.layoutProjects .entryParts .vertThumbAndDesc_visual {
  background-image: url(/_assets/image/global/placeholder/placeholder_16-9.png);
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  padding: 56.25% 0 0 0;
  position: relative;
  width: 100%;
}
.layoutProjects .entryParts .vertThumbAndDesc_visual .caption {
  bottom: 8px;
  bottom: 0.5rem;
  color: #fff;
  font-size: 8px;
  font-size: 0.5rem;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  line-height: 1.3;
  position: absolute;
  right: 8px;
  right: 0.5rem;
  -webkit-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  -moz-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  margin-left: 8px;
  margin-left: 0.5rem;
}
.layoutProjects .entryParts .vertThumbAndDesc_visual .caption:before {
  content: "© ";
}
.layoutProjects .entryParts .vertThumbAndDesc_title {
  color: #2c82ff;
  font-size: 18.4px;
  font-size: 1.15rem;
  font-weight: normal;
  margin: 0;
  line-height: 1.4;
  padding: 16px 16px 16px 16px;
  padding: 1rem 1rem 1rem 1rem;
}
.ua-desktop-windows .layoutProjects .entryParts .vertThumbAndDesc_title {
  font-weight: 500;
}
.layoutProjects .entryParts .vertThumbAndDesc_title .past {
  background: #000;
  clear: left;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 1rem;
  padding: 16px 16px 16px 16px;
  padding: 1rem 1rem 1rem 1rem;
  text-align: center;
  width: 48px;
  width: 3rem;
}
.layoutProjects .entryParts .vertThumbAndDesc_text p {
  color: #000000;
  font-size: 16px;
  font-size: 1rem;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  line-height: 1.4;
  margin: 0;
  padding: 0px 16px 16px 16px;
  padding: 0rem 1rem 1rem 1rem;
}
.layoutProjects .entryParts .vertThumbAndDesc_text .wysiwyg {
  /*
  bottom: 8px;
  bottom: 0.5rem;
  left: 8px;
  left: 0.5rem;
  position: absolute;
  right: 8px;
  right: 0.5rem;
  */
  margin: 0;
  padding: 0px 16px 16px 16px;
  padding: 0rem 1rem 1rem 1rem;
}
.layoutProjects .entryParts .vertThumbAndDesc_text .wysiwyg p {
  margin: 0;
  padding: 0px 0px 8px 0px;
  padding: 0rem 0rem 0.5rem 0rem;
}
.layoutProjects .entryParts .thumbAndDesc,
.layoutProjects .entryParts .largeThumbAndDesc {
  zoom: 1;
  background: url(/_assets/image/global/ui/border/side_dotted_grey.png) repeat-x 0 0;
  float: left;
  margin: 0;
  height: auto !important;
  min-height: 128px;
  height: 128px;
  min-height: 8rem;
  padding: 16px 0px 0px 0px;
  padding: 1rem 0rem 0rem 0rem;
  position: relative;
  width: 50%;
}
.layoutProjects .entryParts .thumbAndDesc:before, .layoutProjects .entryParts .thumbAndDesc:after,
.layoutProjects .entryParts .largeThumbAndDesc:before,
.layoutProjects .entryParts .largeThumbAndDesc:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.layoutProjects .entryParts .thumbAndDesc:after,
.layoutProjects .entryParts .largeThumbAndDesc:after {
  clear: both;
}
.layoutProjects .entryParts .thumbAndDesc_visual,
.layoutProjects .entryParts .largeThumbAndDesc_visual {
  float: left;
  /*
  				@include height-rem(8);
  				left: 0;
  				position: absolute;
  				top: 16px;
  				top: 1rem;
  */
  width: 128px;
  width: 8rem;
}
.layoutProjects .entryParts .thumbAndDesc_visual img,
.layoutProjects .entryParts .largeThumbAndDesc_visual img {
  display: block;
  height: auto;
  width: 100%;
}
.layoutProjects .entryParts .thumbAndDesc_title,
.layoutProjects .entryParts .largeThumbAndDesc_title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.layoutProjects .entryParts .thumbAndDesc_text,
.layoutProjects .entryParts .largeThumbAndDesc_text {
  padding: 0px 0px 0px 144px;
  padding: 0rem 0rem 0rem 9rem;
}
.layoutProjects .entryParts .thumbAndDesc_text .wysiwyg,
.layoutProjects .entryParts .largeThumbAndDesc_text .wysiwyg {
  margin: 0;
  padding: 8px 0px 0px 0px;
  padding: 0.5rem 0rem 0rem 0rem;
}
.layoutProjects .entryParts .thumbAndDesc_text .wysiwyg p,
.layoutProjects .entryParts .largeThumbAndDesc_text .wysiwyg p {
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.layoutProjects .entryParts .largeThumbAndDesc {
  background: none;
  float: none;
  padding: 24px 0px 0px 0px;
  padding: 1.5rem 0rem 0rem 0rem;
  width: 100%;
}
.layoutProjects .entryParts .largeThumbAndDesc_visual {
  width: 33%;
}
.layoutProjects .entryParts .largeThumbAndDesc_text {
  margin: 0px 0px 0px 16px;
  margin: 0rem 0rem 0rem 1rem;
  padding: 0 0 0 33%;
}
.layoutProjects .entryParts .largeThumbAndDesc:first-child {
  padding: 0;
}
.layoutProjects .entryParts .asset_url {
  border-bottom: 1px dotted #D9D9D9;
  color: #2C82FF;
  display: block;
  padding: 16px 0px 16px 32px;
  padding: 1rem 0rem 1rem 2rem;
  line-height: 1.5;
  text-decoration: none;
  opacity: 1;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .asset_url span {
  border-bottom: 1px solid rgba(44, 130, 255, 0);
  color: #2C82FF;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .asset_url:hover {
  opacity: 0.5;
}
.layoutProjects .entryParts .asset_url:hover span {
  border-bottom: 1px solid rgb(44, 130, 255);
}
.layoutProjects .entryParts .archive_url {
  border: 1px solid #e5e5e5;
  border-top: 0;
  color: #2C82FF;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  font-weight: 700;
  display: block;
  line-height: 1.5;
  margin: 0;
  padding: 8px 16px 8px 16px;
  padding: 0.5rem 1rem 0.5rem 1rem;
  opacity: 1;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .archive_url span {
  border-bottom: 1px solid rgba(44, 130, 255, 0);
  color: #2C82FF;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .archive_url:hover {
  opacity: 0.5;
}
.layoutProjects .entryParts .archive_url:hover span {
  border-bottom: 1px solid rgb(44, 130, 255);
}
.layoutProjects .entryParts .asset_pdf {
  background: url(/_assets/image/global/ui/icon_pdf.svg) no-repeat left 0.875rem/auto 1.5rem;
  border-bottom: 1px dotted #D9D9D9;
  color: #2C82FF;
  display: block;
  margin: 0;
  padding: 16px 0px 16px 32px;
  padding: 1rem 0rem 1rem 2rem;
  line-height: 1.5;
  text-decoration: none;
  opacity: 1;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .asset_pdf span {
  border-bottom: 1px solid rgba(44, 130, 255, 0);
  color: #2C82FF;
  -o-transition-delay: 0s;
  -o-transition-duration: 100ms;
  -o-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 100ms;
  -moz-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -ms-transition-delay: 0s;
  -ms-transition-duration: 100ms;
  -ms-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: border-bottom;
  /* timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99); */
}
.layoutProjects .entryParts .asset_pdf:hover {
  opacity: 0.5;
}
.layoutProjects .entryParts .asset_pdf:hover span {
  border-bottom: 1px solid rgb(44, 130, 255);
}
.layoutProjects .entryParts li:first-child .asset_pdf,
.layoutProjects .entryParts li:first-child .asset_url {
  margin: -13.6px 0px 0px 0px;
  margin: -0.85rem 0rem 0rem 0rem;
}
.layoutProjects .entryParts li:first-child .archive_url {
  border-top: 1px solid #D9D9D9;
}
.layoutProjects .entryParts li:last-child .asset_pdf,
.layoutProjects .entryParts li:last-child .asset_url {
  border-bottom: 0;
}
.layoutProjects .tag {
  color: #fff;
  background: #000000;
  border-radius: 2px;
  font-size: 9.6px;
  font-size: 0.6rem;
  font-weight: bold;
  font-weight: 700;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  display: inline-block;
  *display: inline;
  line-height: 1.5;
  padding: 1.2px 4px 0px 4px;
  padding: 0.075rem 0.25rem 0rem 0.25rem;
  white-space: nowrap;
}

@media screen and (min-width: 1440px) {
  .layoutProjects .mainvisual {
    padding-top: 700px;
  }
}
.projectsIndex header,
.projectsYearly header {
  background: #fff;
  zoom: 1;
  margin: 0;
  padding: 16px 32px 16px 32px;
  padding: 1rem 2rem 1rem 2rem;
}
.projectsIndex header:before, .projectsIndex header:after,
.projectsYearly header:before,
.projectsYearly header:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.projectsIndex header:after,
.projectsYearly header:after {
  clear: both;
}
.projectsIndex header .title,
.projectsYearly header .title {
  float: left;
  font-size: 32px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 2;
  margin: 0px 32px 0px 0px;
  margin: 0rem 2rem 0rem 0rem;
  padding: 0;
}
.ua-desktop-windows .projectsIndex header .title,
.ua-desktop-windows .projectsYearly header .title {
  font-weight: 500;
}
.projectsIndex header .intro,
.projectsYearly header .intro {
  clear: both;
  padding: 16px 0px 16px 0px;
  padding: 1rem 0rem 1rem 0rem;
}
.projectsIndex header p,
.projectsYearly header p {
  color: #000000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.projectsIndex h1,
.projectsYearly h1 {
  float: left;
  padding: 0px 16px 0px 0px;
  padding: 0rem 1rem 0rem 0rem;
}
.projectsIndex .projectsFilter,
.projectsIndex .side_selector,
.projectsYearly .projectsFilter,
.projectsYearly .side_selector {
  cursor: pointer;
  float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 52px;
  height: 3.25rem;
  margin: 8px 0px 32px 0px;
  margin: 0.5rem 0rem 2rem 0rem;
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 0.625rem;
  background: url(/_assets/image/global/ui/arrow/icon_arrow_news.svg) no-repeat right 0.5rem center;
  background-size: 0.75rem auto;
  border: 1px solid #2c82ff;
  border-radius: 0px;
  color: #2c82ff;
  font-weight: bold;
  font-weight: 700;
  height: 48px;
  height: 3rem;
  margin: 3.2px 0px 0px 0px;
  margin: 0.2rem 0rem 0rem 0rem;
  padding: 4px 0px 3.2px 10px;
  padding: 0.25rem 0rem 0.2rem 0.625rem;
  width: 224px;
  width: 14rem;
}
.projectsIndex .projectsFilter,
.projectsIndex .projectsFilter option,
.projectsIndex .side_selector,
.projectsIndex .side_selector option,
.projectsYearly .projectsFilter,
.projectsYearly .projectsFilter option,
.projectsYearly .side_selector,
.projectsYearly .side_selector option {
  font-size: 20px;
  font-size: 1.25rem;
}

.projectsPost .withHeadImage .bodyMain_header {
  padding: 0;
  position: relative;
}
.projectsPost .withHeadImage .bodyMain_header:after {
  background: url(/_assets/image/global/ui/border/stripe_yellow.svg) repeat-x bottom left/auto 100%;
  content: " ";
  display: block;
  height: 32px;
  height: 2rem;
  margin: 0;
  padding: 0;
}
.projectsPost .withHeadImage header {
  bottom: -8px;
  bottom: 0.25rem;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.projectsPost .withHeadImage .cats,
.projectsPost .withHeadImage .title,
.projectsPost .withHeadImage .pretitle,
.projectsPost .withHeadImage .year {
  clear: both;
  float: right;
  margin: 0px 80px 8px 112px;
  margin: 0rem 5rem 0.5rem 7rem;
  text-align: right;
}
.projectsPost .withHeadImage .lined {
  padding: 0;
}
.projectsPost .withHeadImage .cat {
  white-space: nowrap;
}
.projectsPost .withHeadImage .year {
  font-size: 16px;
  font-size: 1rem;
  margin: 0px 80px 0px 0px;
  margin: 0rem 5rem 0rem 0rem;
  padding: 1.6px 3.2px 0px 3.2px;
  padding: 0.1rem 0.2rem 0rem 0.2rem;
  white-space: nowrap;
}
.projectsPost .withHeadImage .entryParts_intro {
  padding: 60px 0px 0px 0px;
  padding: 3.75rem 0rem 0rem 0rem;
}
.projectsPost .withHeadImage .entryParts_intro .entryParts_title {
  color: #000;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  font-weight: 700;
  margin: 0px 80px 0px 80px;
  margin: 0rem 5rem 0rem 5rem;
  text-indent: 0;
  white-space: normal;
  width: auto;
  text-align: center;
  word-break: break-all;
}
.projectsPost .withHeadImage .entryParts_intro .entryParts_title:after {
  background: #000;
  content: " ";
  border-radius: 2px;
  clear: both;
  display: block;
  height: 4px;
  height: 0.25rem;
  margin: 32px 0px 32px 0px;
  margin: 2rem 0rem 2rem 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 64px;
  width: 4rem;
}
.projectsPost .withHeadImage .entryParts_intro .sns {
  background: #fff;
  margin: 0;
  padding: 0px 0px 8px 0px;
  padding: 0rem 0rem 0.5rem 0rem;
  text-align: left;
}
.projectsPost .withHeadImage .entryParts_intro .sns li {
  line-height: 1;
  display: inline-block;
  margin: 0px 32px 0px 0px;
  margin: 0rem 2rem 0rem 0rem;
  vertical-align: top;
}
.projectsPost .withHeadImage .entryParts_intro .sns li:before {
  display: none;
}
.projectsPost .withHeadImage .entryParts_intro .sns li iframe {
  vertical-align: top !important;
}
.projectsPost .entryParts_content .entryParts_subtitle {
  border-bottom: 1px solid #000000;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0px 0px 16px 0px;
  margin: 0rem 0rem 1rem 0rem;
  padding: 16px 0px 8px 0px;
  padding: 1rem 0rem 0.5rem 0rem;
}
.ua-desktop-windows .projectsPost .entryParts_content .entryParts_subtitle {
  font-weight: 500;
}
.projectsPost .entryParts_content .entryParts_subtitle:first-child {
  padding: 0px 0px 8px 0px;
  padding: 0rem 0rem 0.5rem 0rem;
}
.projectsPost .entryParts_content {
  padding: 32px 32px 32px 32px;
  padding: 2rem 2rem 2rem 2rem;
}
.projectsPost .entryPart_image {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.projectsPost .entryPart_image .caption {
  bottom: 8px;
  bottom: 0.5rem;
  color: #fff;
  font-size: 8px;
  font-size: 0.5rem;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
  line-height: 1.3;
  position: absolute;
  right: 8px;
  right: 0.5rem;
  -webkit-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  -moz-text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.85);
  margin-left: 8px;
  margin-left: 0.5rem;
}
.projectsPost .entryPart_image .caption:before {
  content: "© ";
}
.projectsPost .wysiwyg p, .projectsPost .wysiwyg li, .projectsPost .wysiwyg span, .projectsPost .wysiwyg b, .projectsPost .wysiwyg strong, .projectsPost .wysiwyg i, .projectsPost .wysiwyg em, .projectsPost .wysiwyg u {
  font-size: 16px;
  font-size: 1rem;
  font-variant-east-asian: proportional-width;
  font-variant-numeric: proportional-nums;
  font-variant: normal;
  -webkit-font-feature-settings: "palt", "lnum";
  font-feature-settings: "palt", "lnum";
}
.projectsPost .entryPart_video {
  display: block;
  margin: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.projectsPost .entryPart_video iframe {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.projectsPost .grid li {
  width: 100%;
}
.projectsPost .grid li .entryPart_image {
  background: #e5e5e5;
  margin: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
  width: 100%;
}
.projectsPost .grid li .entryPart_image img {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.projectsPost .grid.grid_2 li {
  width: 50%;
}
.projectsPost .grid.grid_2 li:first-child {
  float: left;
  width: 45%;
  width: calc(50% - 0.75rem);
}
.projectsPost .grid.grid_2 li:last-child {
  float: right;
  width: 45%;
  width: calc(50% - 0.75rem);
}
.projectsPost .grid.grid_3 {
  margin: 0;
}
.projectsPost .grid.grid_3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}
.projectsPost .grid.grid_3 li {
  float: left;
  margin: 0px 8px 16px 8px;
  margin: 0rem 0.5rem 1rem 0.5rem;
  padding: 0;
  width: 33%;
  width: calc(33.3% - 1rem);
}