@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
@font-face {
  font-family: 'Gotham-Bold';
  src: url("../font/Gotham/Gotham-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

/*----------------------------------------------------------
low_header
----------------------------------------------------------*/
.low_header_inner {
  padding: 125px 0 90px 0; }
  @media screen and (min-width: 781px) {
    .low_header_inner {
      padding: 230px 0 300px 0; } }

/*----------------------------------------------------------
project_block
----------------------------------------------------------*/
.project_block {
  position: relative;
  margin: -8% 0 127px 0;
  z-index: 2;
  /*----------------- project_block_contact -----------------*/ }
  @media screen and (min-width: 781px) {
    .project_block {
      margin: -9% 0 115px 0; } }
  @media screen and (min-width: 781px) {
    .project_block_inner {
      width: 89.751098096%;
      padding: 0 30px;
      margin: 0 auto; } }
  @media screen and (min-width: 781px) {
    .project_block_list {
      padding: 0 0 0 120px; } }
  .project_block_item {
    position: relative;
    width: 92%;
    margin: 0 0 70px auto; }
    @media screen and (min-width: 781px) {
      .project_block_item {
        width: 76.573938506%;
        margin: 0 0 120px auto; } }
  .project_block_item:nth-child(2n) {
    margin: 0 auto 75px 0; }
    @media screen and (min-width: 781px) {
      .project_block_item:nth-child(2n) {
        margin: 0 auto 120px 0; } }
    .project_block_item:nth-child(2n) .project_block_list_text {
      padding: 0 0 0 30px; }
      @media screen and (min-width: 781px) {
        .project_block_item:nth-child(2n) .project_block_list_text {
          padding: 45px 0 0 65px; } }
  @media screen and (min-width: 781px) {
    .project_block_link {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .project_block_link:hover .topproject_thum {
        opacity: .7; } }
  .project_block_thum {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .project_block_thum img {
      height: auto; }
  .project_block_list_text {
    margin: 25px auto 0 auto; }
    @media screen and (min-width: 781px) {
      .project_block_list_text {
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        width: 49.139579349%;
        background-color: #fff;
        padding: 45px 0 0 65px;
        margin: 0;
        z-index: 1; } }
  .project_block_list_title {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 2.2;
    margin: 0 0 20px 0; }
    @media screen and (min-width: 781px) {
      .project_block_list_title {
        font-size: 18px;
        letter-spacing: .2em;
        margin: 0 0 30px 0; } }
  .project_block_list_sub_title {
    display: block;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .2em; }
    @media screen and (min-width: 781px) {
      .project_block_list_sub_title {
        font-size: 15px; } }
  .project_block_list_category_item {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    font-size: 15px;
    letter-spacing: .24em;
    color: #fff;
    background-color: #DE8C08;
    padding: 4px 30px; }
    @media screen and (min-width: 781px) {
      .project_block_list_category_item {
        font-size: 14px;
        padding: 5px 35px; } }
  .project_block_contact {
    display: block;
    text-align: center;
    margin: 65px 0 130px 0; }
    @media screen and (min-width: 781px) {
      .project_block_contact {
        padding: 227px 0 150px 0;
        margin: -100px 0 0 0; } }
  .project_block_contact_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 29px;
    letter-spacing: .2em;
    margin: 0 0 5px 0; }
    @media screen and (min-width: 781px) {
      .project_block_contact_title {
        font-size: 54px;
        margin: 0 0 30px 0; } }
  .project_block_contact_btn {
    display: block;
    margin: 0 auto; }
    @media screen and (min-width: 781px) {
      .project_block_contact_btn {
        width: 49.780380673%; } }
  .project_block_contact_link {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .2em;
    color: #fff;
    background-color: #13305E;
    border: 3px solid #13305E;
    padding: 22px 0; }
    @media screen and (min-width: 781px) {
      .project_block_contact_link {
        font-size: 20px;
        padding: 50px 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .project_block_contact_link:hover {
          color: #13305E;
          background-color: #fff; }
          .project_block_contact_link:hover::after {
            right: 30px;
            border-color: #13305E; } }
    .project_block_contact_link::after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      right: 40px;
      width: 21px;
      height: 6px;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      margin: auto 0;
      -webkit-transform: skew(45deg);
      -ms-transform: skew(45deg);
      transform: skew(45deg);
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }

/*----------------------------------------------------------
single prj_single_header
----------------------------------------------------------*/
.prj_single_header_inner {
  background-image: none;
  padding: 0 30px 0 0; }
  @media screen and (min-width: 781px) {
    .prj_single_header_inner {
      padding: 0; } }

.prj_single_header_thum img {
  height: 100%;
  min-height: 520px;
  -o-object-fit: cover;
  object-fit: cover; }

/*----------------------------------------------------------
single project_block
----------------------------------------------------------*/
.project_article {
  position: relative;
  margin: -30% 0 107px 0;
  z-index: 1; }
  @media screen and (min-width: 781px) {
    .project_article {
      margin: -12% 0 96px 0; } }
  .project_article .inner {
    background: rgba(255, 255, 255, 0.9);
    padding: 0;
    margin: 0 0 0 30px; }
    @media screen and (min-width: 781px) {
      .project_article .inner {
        padding: 0 30px;
        margin: 0 auto; } }
  .project_article_box {
    max-width: 800px;
    margin: 0 auto; }
  .project_article_box_no {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #DE8C08;
    padding: 20px 15px 5px 15px;
    margin: 0 0 20px 30px; }
    @media screen and (min-width: 781px) {
      .project_article_box_no {
        font-size: 21px;
        padding: 25px 20px 5px 20px;
        margin: 0 0 50px 0; } }
    .project_article_box_no span {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-style: normal; }
  .project_article_title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .05em;
    padding: 0 30px;
    margin: 0 0 60px 0; }
    @media screen and (min-width: 781px) {
      .project_article_title {
        font-size: 24px;
        padding: 0;
        margin: 0 auto 70px auto; } }
  .project_article_sub_title {
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .2em;
    padding: 10px 0 0 0; }
    @media screen and (min-width: 781px) {
      .project_article_sub_title {
        font-size: 16px; } }
  .project_article_text {
    max-width: 800px;
    font-size: 13px;
    letter-spacing: .05em;
    line-height: 2.1;
    margin: 0 auto; }
    @media screen and (min-width: 781px) {
      .project_article_text {
        font-size: 15px; } }
    .project_article_text h1, .project_article_text h2, .project_article_text h3, .project_article_text h4, .project_article_text h5, .project_article_text h6, .project_article_text p, .project_article_text figure {
      margin: 0 0 30px 0; }
      @media screen and (min-width: 781px) {
        .project_article_text h1, .project_article_text h2, .project_article_text h3, .project_article_text h4, .project_article_text h5, .project_article_text h6, .project_article_text p, .project_article_text figure {
          margin: 0 0 40px 0; } }
    .project_article_text h1, .project_article_text h2, .project_article_text h3, .project_article_text h4, .project_article_text h5, .project_article_text h6, .project_article_text p, .project_article_text figure {
      padding: 0 30px; }
      @media screen and (min-width: 781px) {
        .project_article_text h1, .project_article_text h2, .project_article_text h3, .project_article_text h4, .project_article_text h5, .project_article_text h6, .project_article_text p, .project_article_text figure {
          padding: 0; } }
    .project_article_text figure img {
      height: auto; }
  .project_article_back {
    text-align: center;
    margin: 50px 0 0 0; }
  .project_article_back_link {
    position: relative;
    display: inline-block;
    font-size: 14px;
    letter-spacing: .1em;
    padding: 0 0 13px 0; }
    @media screen and (min-width: 781px) {
      .project_article_back_link {
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s; }
        .project_article_back_link:hover::before {
          bottom: 10px; } }
    .project_article_back_link::before {
      content: '';
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #13305E;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }