@charset "utf-8";
.wrapper {
  min-width: 1060px; }

.l-main_contents {
  padding-right: 70px; }

.Footer-site .Pagetop {
  right: 50px; }

.Footer-site {
  z-index: 10; }

.ttl_02 {
  width: 113px;
  height: 21px;
  top: 160px; }

.ttl_02_sub {
  position: absolute;
  top: -27px;
  width: 100%;
  text-align: left;
  padding-left: 270px; }

.Header-site {
  margin-left: -20px;
  margin-right: -20px; }

/**********************************************************************
	コンテンツ01 - className : Contents01
***********************************************************************/
.Hisrory {
  position: relative;
  padding-top: 110px; }
  .Hisrory .Hisrory_img, .Hisrory .History_sub_img {
    z-index: -1;
    position: relative; }
  .Hisrory .Hisrory_img_a {
    margin-top: 10px;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2; }
  .Hisrory .Hisrory_img_b {
    margin-top: 10px;
    text-align: right;
    font-size: 1.2rem;
    line-height: 1.2; }
  .Hisrory .curcle {
    background: rgba(230, 56, 40, 0.2);
    position: absolute; }
  .Hisrory .Hisrory-bar-red {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden; }
  .Hisrory .Hisrory-bar-black {
    position: absolute;
    top: 0;
    left: 0; }

.Hisrory_bar {
  position: fixed;
  top: 76px;
  right: 0;
  width: 47px;
  height: 641px;
  transform-origin: right top;
  transform: scale(1);
  z-index: 10; }
  .Hisrory_bar .bar {
    position: relative;
    height: 650px; }
  .Hisrory_bar .year {
    position: absolute;
    width: 26px;
    height: 11px;
    left: -31px; }
    .Hisrory_bar .year img:last-child {
      display: none; }
  .Hisrory_bar .year_1937 {
    top: -21px; }
  .Hisrory_bar .year_1968 {
    top: 226px; }
  .Hisrory_bar .year_1983 {
    top: 347px; }
  .Hisrory_bar .year_1999 {
    top: 473px; }
  .Hisrory_bar .year_2011 {
    top: 570px; }
  .Hisrory_bar .year_2117 {
    top: 617px; }

/**********************************************************************
	個人経営から中堅建設企業への飛躍 - className : History01
***********************************************************************/
.History01 {
  position: relative; }
  .History01 .Circle01 {
    position: absolute;
    top: 498px;
    left: 188px; }
  .History01 .History_cnt {
    margin-left: 535px;
    position: absolute;
    z-index: 20;
    top: 370px; }
  .History01 .History_cnt_num {
    position: absolute;
    top: -126px;
    left: 92px;
    width: 100px;
    height: 100px; }
  .History01 .History_sub {
    overflow: hidden;
    margin: 35px 0 0 315px; }
  .History01 .History_sub_cnt {
    float: left;
    width: 350px;
    margin-right: 56px; }
  .History01 .History_sub_img {
    float: left;
    width: 236px; }

/**********************************************************************
	マンション建設への転進と「コンバス」の開発 - className : History02
***********************************************************************/
.History02 {
  position: relative;
  margin-top: 120px; }
  .History02 .Circle02 {
    position: absolute;
    top: 275px;
    left: 20px; }
  .History02 .histry_main {
    overflow: hidden; }
  .History02 .History_cnt {
    float: left;
    width: 353px;
    margin-right: 36px;
    position: relative;
    padding-top: 120px; }
  .History02 .History_cnt_num {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px; }
  .History02 .Hisrory_img {
    float: left;
    width: 570px; }
  .History02 .History_sub {
    overflow: hidden;
    margin: 35px 0 0 130px;
    z-index: -1;
    position: relative; }
  .History02 .History_sub_cnt {
    float: left;
    width: 350px;
    margin-right: 56px; }
  .History02 .History_sub_img {
    float: left;
    width: 236px; }
  .History02 .curcle {
    width: 185px;
    height: 185px;
    top: 272px;
    left: 8px; }

/**********************************************************************
	マンション建設への転進と「コンバス」の開発 - className : History03
***********************************************************************/
.History03 {
  position: relative;
  margin-top: 120px;
  overflow: hidden; }
  .History03 .Circle03 {
    position: absolute;
    top: 175px;
    left: 670px; }
  .History03 .Hisrory_img {
    float: left;
    width: 480px;
    margin-right: 50px; }
  .History03 .History_sub {
    float: left;
    width: 430px; }
  .History03 .History_cnt {
    width: 353px;
    margin-right: 36px;
    position: relative;
    padding-top: 70px; }
  .History03 .History_cnt_num {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100px;
    height: 100px; }
  .History03 .History_sub_cnt {
    margin: 60px 0 0 82px;
    text-align: left;
    width: 353px; }
  .History03 .History_sub_img {
    text-align: right; }
  .History03 .curcle {
    width: 264px;
    height: 264px;
    top: 212px;
    right: 38px; }

/**********************************************************************
	企業再建とマンション事業への回帰 - className : History04
***********************************************************************/
.History04 {
  position: relative;
  overflow: hidden;
  padding-top: 120px; }
  .History04 .Circle04 {
    position: absolute;
    top: 10px;
    left: 195px; }
  .History04 .History_sub {
    float: left;
    width: 353px;
    margin-right: 36px; }
  .History04 .History_cnt {
    margin-bottom: 60px;
    position: absolute;
    top: 120px;
    left: 90px;
    z-index: 2; }
  .History04 .History_cnt_num {
    position: absolute;
    top: -120px;
    left: 0;
    width: 100px;
    height: 100px; }
  .History04 .History_main_img {
    float: left;
    width: 568px; }
  .History04 .Hisrory_img {
    margin-bottom: 30px; }
  .History04 .History_sub_cnt {
    margin-top: 190px; }
  .History04 .curcle {
    width: 377px;
    height: 377px;
    top: 40px;
    left: 178px; }

/**********************************************************************
	創業80周年を迎えて～ その先の未来へ - className : History05
***********************************************************************/
.History05 {
  position: relative;
  margin-top: 65px; }
  .History05:after {
    display: block;
    content: '';
    height: 0;
    clear: both; }
  .History05 .Circle05 {
    position: absolute;
    top: -30px;
    left: 375px; }
  .History05 .Hisrory_img {
    float: left;
    width: 468px;
    margin-top: 30px;
    margin-right: 60px; }
  .History05 .History_sub {
    float: left;
    width: 432px; }
  .History05 .History_cnt_num {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px; }
  .History05 .his_ttl {
    margin-top: 120px; }
  .History05 .History_main_img {
    float: left;
    width: 568px; }
  .History05 .History_sub_img {
    margin-left: 285px;
    width: 286px; }
  .History05 .History_sub_cnt {
    margin: 50px 0 0 82px;
    width: 353px; }
  .History05 .curcle {
    width: 538px;
    height: 538px;
    top: -48px;
    right: 52px; }
  .History05 .History05-btn {
    padding-top: 50px;
    text-align: center; }

/*# sourceMappingURL=history.css.map */