@charset "utf-8";

.title_wrap { position:relative; overflow:hidden; }
.title_copy { font-size:29px; margin-bottom:40px; }
.title { margin-bottom:0; }
.title_wrap .map_wrap { width:50vw; position:absolute; top:0; left:50vw; bottom:0; overflow:hidden; }
.map_wrap .map { width:100%; position:absolute; right:0; bottom:0; }

.title_wrap .map { width:100%; position:relative; margin-top:-40vw; z-index:-1; }
@media screen and (min-width:768px) {
  .title_copy { font-size:60px; }
  .title_wrap .map { width:50%; position:absolute; right:0; bottom:0; margin-top:initial;  }
}
.title_text p { margin-bottom:50px; }
.contents_wrap.back_gray { padding-top:50px; }
@media screen and (min-width:768px) {
  .contents_wrap.back_gray { padding-top:80px; padding-bottom:150px; }
  .title_text p { margin-bottom:100px; }
}

.data_wrap_big { width:100%; margin-bottom:30px; }
.data_wrap_big li { width:100%; margin-bottom:0; background:#fff; text-align:center; padding:0; display:block; }
.data_wrap_big li em { font-size:100px;  }
.data_wrap_big li em span { font-size:44px; }
.data_wrap_big li .font-caption { width:100%; display:block; margin-bottom:30px; }
.data_wrap_big li img { width:90%; margin:0 auto;  }
@media screen and (min-width:768px) {
    .data_wrap_big { display:flex; justify-content:space-between; flex-wrap:wrap; }
    .data_wrap_big li { width:100%; }
    .data_wrap_big li em { font-size:160px;  }
    .data_wrap_big li:nth-child(1) { width:100%;  }
    .data_wrap_big li:nth-child(1) div { width:100%; height:100%; }
    .data_wrap_big li:nth-child(1) div img { width:100%; height:100%; object-fit: cover; display: block;}
    .data_wrap_big li img { width:80%; }

}
@media screen and (min-width:1024px) {
  .data_wrap_big li:nth-child(1) { width:60%;  }
  .data_wrap_big li { width:90%; margin-bottom:30px; }
}

/*売り上げ*/
.data_wrap_big.uriage { /*padding:30px 0; */margin-top:0; }
.data_wrap_big.uriage li:nth-child(1) { float:left; padding-top:30px; }
@media screen and (min-width:768px) {
  .data_wrap_big.uriage { margin-top:initial; }
    .data_wrap_big.uriage li { padding:50px 0 0 0; padding:initial; }

    #salesChart { width:80%;margin:50px auto 0 auto; display:block; }
}
@media screen and (min-width:1024px) {
  .data_wrap_big.uriage li:nth-child(1){ width:40%; float:initial; padding-top:initial; padding-top:50px; }  
  .data_wrap_big.uriage li:nth-child(2){ width:60%; padding-top:50px; }  
}

/*着工実績*/
.data_wrap_big.jisseki { display:block; }
.data_wrap_big.jisseki li:nth-child(1) { padding-top:30px; float:left; }
.data_wrap_big.jisseki li:nth-child(1) .color_red.text_left { text-align:center; }
.data_wrap_big.jisseki li:nth-child(1) div.rank_wrap { width:100%; height:initial; display:block; margin-bottom:20px;  }
.data_wrap_big.jisseki li:nth-child(1) div.rank_wrap span:nth-child(1) { width:100%; text-align:center; display:inline-block; }
.data_wrap_big.jisseki li:nth-child(1) div.rank_wrap small { width:100%; }
.data_wrap_big.jisseki li:nth-child(2) div img { margin-bottom:30px; }
.data_wrap_big.jisseki li:nth-child(1) .text_left { text-align:center; }
.rank { font-size:44px; font-weight:bold; }
@media screen and (min-width:768px) {
    .data_wrap_big.jisseki { display:flex; }
    .data_wrap_big.jisseki li:nth-child(1) { padding:40px 5% 0 5%; float:initial;}
    .data_wrap_big.jisseki li:nth-child(1) .color_red.text_left { text-align:left; }
    .data_wrap_big.jisseki li:nth-child(2) { width:100%; }
    .data_wrap_big.jisseki li:nth-child(2) div { width:100%; height:100%; }
    .data_wrap_big.jisseki li:nth-child(2) div img { width:100%; height:100%; object-fit: cover; display: block; margin-bottom:initial; }

    .data_wrap_big.jisseki li:nth-child(1) div.rank_wrap { width:90%; display:flex; justify-content: space-between; margin-bottom:20px; flex-wrap:wrap; }
    .data_wrap_big.jisseki li:nth-child(1) div.rank_wrap span:nth-child(1) { width:auto; text-align:left; display:inline-block; }

}
@media screen and (min-width:1024px) {
  .data_wrap_big.jisseki li:nth-child(2) { width:40%; }
}

 /*新築住宅ランキング*/
 .data_wrap_big.lanking { display:flex; flex-direction:column-reverse  }
 .data_wrap_big.lanking li:nth-child(1) { width:100%; padding-bottom:30px; }
 .data_wrap_big.lanking li:nth-child(2) { width:100%; padding-top:30px; }
 .data_wrap_big.lanking li:nth-child(1) div { width:100%; height:100%; }
 .data_wrap_big.lanking li:nth-child(1) div img { width:90%; height:100%; object-fit: cover; display: block; margin:0 auto 30px auto;  }
@media screen and (min-width:1024px) {
    .data_wrap_big.lanking { display:flex; flex-direction: initial; }
    .data_wrap_big.lanking li:nth-child(1) { width:60%; }
    .data_wrap_big.lanking li:nth-child(2) { width:40%; height:100%; padding-top:50px; }
    .data_wrap_big.lanking li:nth-child(1) div { width:100%; height:100%; }
    .data_wrap_big.lanking li:nth-child(1) div img { width:100%; height:100%; object-fit: cover; display: block; margin-bottom:30px; }

    .data_wrap_big.lanking:nth-child(2) li:nth-child(1) { width:60%; padding:0; }
  }

/*引き渡し*/
.data_wrap_big.hikiwatashi { display:block; }
.data_wrap_big.hikiwatashi li:nth-child(1) { width:100%; padding-top:30px; float:left; }
.data_wrap_big.hikiwatashi li:nth-child(2) { width:100%; } 
.data_wrap_big.hikiwatashi li:nth-child(2) div img { margin-bottom:30px; }
@media screen and (min-width:768px) {
    .data_wrap_big.hikiwatashi { display:flex; }
    .data_wrap_big.hikiwatashi li:nth-child(1) { width:100%; padding-top:30px; float:none; }
    .data_wrap_big.hikiwatashi li:nth-child(2) { width:100%; } 
    .data_wrap_big.hikiwatashi li:nth-child(2) div { width:100%; height:100%; }
    .data_wrap_big.hikiwatashi li:nth-child(2) div img { width:100%; height:100%; object-fit: cover; display: block; margin-bottom:initial; }
    .data_wrap_big.hikiwatashi li:nth-child(2) .image-grid { max-width:100%; height:100%; margin: 0 auto;}
    .top-row { height:190px; display: flex;}
    .top-row .left-image,.top-row .right-image {flex: 1;}
    .top-row img,.bottom-row img {width: 100%;height: auto;display: block;object-fit: cover;}
    .bottom-row img { width: 100%;height:190px;}
    .top-row img { width: 100%;height:100%;}
  }
@media screen and (min-width:1024px) {
  .data_wrap_big.hikiwatashi li:nth-child(1) { width:47%; padding-top:30px; float:none; }
  .data_wrap_big.hikiwatashi li:nth-child(2) { width:53%; } 
}





.data_wrap { width:100%; }
.data_wrap li { width:100%; margin-bottom:30px; background:#fff; text-align:center; padding:30px 0 20px 0; display:block; }
.data_wrap li em { width:100%; font-size:100px; line-height:1.3; display:block; }
.data_wrap li em span { font-size:44px; display:inline;}
.data_wrap li h2 { width:100%; display:block; }
.data_wrap li span { width:100%; display:block; letter-spacing:0.05em; }
.data_wrap li .font-caption { width:100%; display:block; }
@media screen and (min-width:768px) {
    .data_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
    .data_wrap li { width:100%; height:360px; margin-bottom:80px; }
    .data_wrap li em { line-height:1.2; margin:40px 0 20px 0;}
    .data_wrap li h2 { font-size:32px; }
    .data_wrap li .kyoten { font-size:23px; letter-spacing:0.05em; }
}
@media screen and (min-width:1024px) {
  .data_wrap li { width:47%; height:360px; margin-bottom:80px; }
}

#counter {font-size: 48px;font-weight: bold;text-align: center;margin-top: 100px;}

  .data_wrap_sex { width:100%; display:flex; align-items: center; justify-content: center;}
  .data_wrap_sex li { width:auto; background:none; }
  .data_wrap_sex li em { font-size:40px; display:inline; }
  .data_wrap_sex li em small { font-size:14px; display:inline;}
  .data_wrap_sex li:nth-child(2) { position:relative; }
  .data_wrap_sex li:nth-child(2) .sex { width:100%; display:flex; position:absolute; z-index:1; top:47%; }
  .data_wrap_sex li:nth-child(2) .sex span { color:#fff; }
  @media screen and (min-width:768px) {
    .data_wrap_sex { width:90%; margin:0 5%; }
    .data_wrap_sex li em { font-size:80px; display:block; margin-top:30px;  }
    .data_wrap_sex li em small { font-size:30px; }

    .data_wrap_sex li:nth-child(2) .sex { top:32%; }

  }

  @media screen and (min-width:768px) {
    .font-caption.gothic.last { margin-top:-50px; display:block; }
  }

  .font-caption { line-height:1.7em; display:inline-block; }