/*-----------------------------
        共通
-----------------------------*/
.pc-obj {
    display: block;
}
.sp-obj {
    display:none;
}
/*-----------------------------
        コンテンツ
-----------------------------*/
.mainContent img {
    width:100%;
}
.mainContent {
    display:block;
    /*max-width: 1200px;*/
    max-width: 950px;
    min-width: 1000px;
    margin: 0 auto;
    line-height: 1;
}
.mainImg {
    position:relative;
    line-height: 0;
    background-color: #FFF;
}
.mainImgLogo {
    position: absolute;
    top: 22.5%;
    left: 28%;
    width: 68.8%;
}
.mainImgLogoB {
    position: absolute;
    top: 72.3%;
    left: 14%;
    width: 72.7%;
}
.mainImgLogoC {
    position: absolute;
    top: 13%;
    left: 11.7%;
    width: 76.89%;
}
.mainImgLogoD {
    position: absolute;
    top: 30%;
    left: 16.7%;
    width: 67.89%;
}
.mainImgLogoE {
    position: absolute;
    top: 50.6%;
    left: 11%;
    width: 80.6%;
}
.mainImgTextA {
    position: absolute;
    top: 0;
    left: 14.7%;
    width: 68.5%;
}
.mainImgTextB {
    position: absolute;
    top: 25.3%;
    left: 14.4%;
    width: 72.8%;
}
.mainImgTextBBtn {
    position: absolute;
    top: 22.4%;
    left: 58%;
    width: 30.8%;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.mainImgTextBBtn:hover {
	opacity: .6;
}
.mainImgTextC {
    position: absolute;
    top: 80.9%;
    right: 12.1%;
    width: 54.2%;
}
.mainImgBtn {
    position: absolute;
    bottom: 2.9%;
    right: 6%;
    width: 31.5%;
}
.mainImgBtn a{
    opacity: 1;
    transition: .3s linear;
}
.mainImgBtn a:hover{
    opacity: .5;
    transition: .3s linear;
}
.close-btn {
    position: fixed;
    z-index: 20000;
    top: 30px;
    right: 30px;
}
.close-btn:hover {
    opacity: 0.6;
}
.project_content_01_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_02_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_03_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_04_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_01_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_05_pc {
    display: none;
    position: relative;
    width: 100%;
}
.project_content_img_link_01 {
    position: absolute;
    width: 33.5%;
    top: .8%;
    left: 5%;
}
.project_content_img_link_02 {
    position: absolute;
    bottom: 11%;
    right: 11.5%;
    width: 15.5%;
}
.mainImgTextCBtn {
    position: absolute;
    top: 0%;
    left: 28%;
    width: 45%;
}
.mainImgTextCBtnCntent {
    display: none;
    z-index: 5;
}
.footer_menu_box {
  position: relative;
  width: 100%;
}

/*2019.06.21add*/
.project-box {
    position: relative;
}
.project-box .toggle-link {
    display: block;
}
.project-box .project-title {
    padding-bottom: 0;
    transition: padding-bottom .2s linear;
}
.project-box.opened .project_title_01_pc {
    padding-bottom: 48px;
    background: url(../../project/assets/img/project_title_tri_01.png) no-repeat center top 100%;
}
.project-box.opened .project_title_02_pc {
    padding-bottom: 48px;
    background: url(../../project/assets/img/project_title_tri_02.png) no-repeat center top 100%;
}
.project-box.opened .project_title_03_pc {
    padding-bottom: 48px;
    background: url(../../project/assets/img/project_title_tri_03.png) no-repeat center top 100%;
}
.project-box.opened .project_title_04_pc {
    padding-bottom: 48px;
    background: url(../../project/assets/img/project_title_tri_04.png) no-repeat center top 100%;
}
.project-box.opened .project_title_05_pc {
    padding-bottom: 48px;
    background: url(../../project/assets/img/project_title_tri_05.png) no-repeat center top 100%;
}

.project-box .project-title.new::after {
  content:"";
  position: absolute;
  display: block;
  width: 55px;
  height: 55px;
  z-index: 1;
  top: 11px;
  left: 36px;
  background: url(../../project/assets/img/new_icn.png) no-repeat;
  background-size: 100%;
}


/*-----------------------------
    768px以下(for SP)
-----------------------------*/
@media screen and (max-width: 768px) {
/*-----------------------------
        共通
-----------------------------*/
    .pc-obj {
        display:none !important;
    }
    .sp-obj {
        display: block;
    }
/*-----------------------------
        コンテンツ
-----------------------------*/
  .mainContent {
      display:block;
      max-width: 768px;
        min-width: 320px;
      margin: 0 auto;
      line-height: 1;
  }
  .mainImgLogoSp {
        position: absolute;
        top: 5.1%;
        width: 82.05%;
        left: 9%;
    }
    .mainImgLogoBSp {
        position: absolute;
        top: 74.3%;
        left: 10.3%;
        width: 81.3%;
    }
    .mainImgTextASp {
        position: absolute;
        top: 48%;
        left: 16.5%;
        width: 66.9%;
    }
    .mainImgTextBSp {
        position: absolute;
        top: 64.5%;
        left: 16%;
        width: 67.5%;
    }
    .mainImgTextCSp {
        position: absolute;
        top: 66.1%;
        left: 22.1%;
        width: 56.3%;
    }
    .mainImgProductSp {
        position: absolute;
        top: 62.9%;
        left: 18%;
        width: 61%;
    }
    .mainImgTextDSp {
        position: absolute;
        top: 89.6%;
        left: 16%;
        width: 68.6%;
    }
    .mainImgBtnSp {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .mainImgTextESp {
        position: absolute;
        top: 3.6%;
        left: 9%;
        width: 81.6%;
    }
    .mainImgTextFSp {
        position: absolute;
        top: 9.4%;
        left: 11%;
        width: 74.7%;
    }
    .mainImgTextGSp {
        position: absolute;
        top: 20.3%;
        left: 15%;
        width: 68.7%;
    }
    .mainImgTextHSp {
        position: absolute;
        top: 74.2%;
        left: 18%;
        width: 62.7%;
    }
    .toggle-box {
        display: none;
    }
    .icon_sp {
        position: absolute;
        top: 45%;
        left: 8%;
        width: 3%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .15s linear;
        -moz-transition: all .15s linear;
        -o-transition: all .15s linear;
        transition: all .15s linear;
    }
    .icon_sp_click {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
  .project_content_01_sp {
      display: none;
      position: relative;
      width: 100%;
  }
  .project_content_02_sp,
  .project_content_03_sp,
  .project_content_04_sp{
      display: none;
      position: relative;
      width: 100%;
  }
  .toggle-box02 {
    display: none;
    width: 100%;
  }

  /*20190621add*/
  #pageProject .top-menu-btn {
      position: absolute;
      top: 4.5%;
      right: 7%;
      width: 7.9%;
      height: auto;
      cursor: pointer;
      z-index: 1;
  }

  .project-box .project-title {
      padding-bottom: 0;
      transition: none;
  }
  .project-box.opened .project-title {
      padding-bottom: 0;
      background: none;
  }

}