@charset "utf-8";

/**
 *
*  日拓ハウジングの家　街区開発プロジェクト
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.main-txt {
  margin-bottom: 50px;
}

.p-secBlock-ttl {
  margin-bottom: 40px;
}
.section-ttl {
  margin-bottom: 46px;
}
.p-secBlock-btn {
  display: inline-block;
}
.p-secBlock-btn .c-btn {
  padding: 0 3.2em;
  letter-spacing: normal;
}
.p-sectionHead {
  background-image: url(../images/development/bg_head.jpg);
}

.section {
  margin-top: 118px;
  background-image: url(../images/development/bg_section.jpg);
}



/*--------------------------------------------------------------------------
   理想
---------------------------------------------------------------------------*/
.ideal {
  margin: 0;
  padding: 0;
  padding-right: 120px;
  list-style: none;
  overflow: hidden;
}
.ideal li {
  display: block;
  padding: 15px;
  padding-left: 42px;
  background: url(/shared/images/common/ico_block.png) 14px center no-repeat transparent;
  -webkit-background-size: 17px auto;
          background-size: 17px auto;
}
.ideal li:nth-child(odd) {
  background-color: #ebf2fa;
}

@media screen and (max-width: 768px){
  .ideal {
    padding-right: 0;
  }
}



/*--------------------------------------------------------------------------
   freedesign
---------------------------------------------------------------------------*/
.freedesign .block {
  overflow: hidden;
  margin-bottom: 60px;
}
.freedesign .block .section-block {
  width: 50%;
  padding-top: 25px;
  box-sizing: border-box;
}
.freedesign .block .section-fig {
  width: 50%;
}
.freedesign .block._block-right .section-block {
  float: right;
  padding-left: 40px;
}
.freedesign .block._block-right .section-fig {
  float: left;
}
.freedesign .block._block-left .section-block {
  float: left;
  padding-right: 40px;
}
.freedesign .block._block-left .section-fig {
  float: right;
}
.freedesign .block .section-fig img {
  width: 100%;
  height: auto;
}

.freedesign .section-block-lead {
  margin-bottom: 20px;
  font-size: 34px;
  letter-spacing: 3px;
}
.freedesign .section-block-txt {
  line-height: 2;
}


@media screen and (max-width: 768px){
  .freedesign .block {
    margin-bottom: 45px;
  }
  .freedesign .block._block-right .section-block,
  .freedesign .block._block-right .section-fig,
  .freedesign .block._block-left .section-block,
  .freedesign .block._block-left .section-fig {
    width: auto;
    float: none;
    padding: 0;
  }
  .freedesign .block .section-fig {
    margin-bottom: 30px;
  }
  .freedesign .section-block-lead {
    margin-bottom: 15px;
    font-size: 23px;
  }
}