.l-topview{
  width:1920px;
  max-width:100%;
  height:300px;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .l-topview{
    height:235px;
  }
}
@media only screen and (min-width: 1921px) {
  .l-topview{
    left:50%;
    transform:translateX(-50%);
  }
}

.c-topview__img{
  object-fit: cover;
  width:100%;
  height:100%;
}

.c-whole-renovation__logo{
  width:550px;
  margin-top:231px; 
}
@media only screen and (max-width: 768px) {
  .c-whole-renovation__logo{
    width:280px;
    margin-top:202px;
    margin-left:auto;
    margin-right:auto;
  }
}

.c-whole-renovation__desc{
  font-size: 14px;
  font-weight: 600;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .c-whole-renovation__desc{
    width: 280px;
    margin-left:auto;
    margin-right:auto;
    white-space: nowrap;
  }
}

.u-show-sp{
  display:none;
}
@media only screen and (max-width: 768px) {
  .u-show-sp{
    display:block;
  }
}


.l-flex-itemcards{
  display: flex;
  justify-content: center;
  grid-gap:20px;
  margin-top:108px;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;

}
@media only screen and (max-width: 768px) {
  .l-flex-itemcards{
    display: block;
    width:335px;
    margin-left:auto;
    margin-right:auto;
  }
}

.c-itemcard-dummy,
.c-itemcard{
  width:380px;
  min-width:380px;
  height:541px;
  border-radius:10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.16);
}
@media only screen and (max-width: 768px) {
  .c-itemcard{
    width:335px;
    min-width:335px;
    height:520px;
  }

  .c-itemcard:not(:last-child){
    margin-bottom:20px;
  }
}

/* itemcardを左揃えにするためのダミーの要素 */
.c-itemcard-dummy{
  box-shadow: unset;
  width:0;
  height:0;
}
@media only screen and (min-width:1601px) {
  .c-itemcard-dummy{
    display:none;
  } 
}
@media only screen and (max-width: 1199px) {
  .c-itemcard-dummy{
    width:0;
    height:0;
  }
}


.u-mgt-spacer{
  margin-top:78px;
}

.p-whole_renovation_index img{
  vertical-align: unset;
}

.c-itemcard__box{
  margin:20px;
  font-size:14px;
}

.c-itemcard__mainimg img{
  height:150px;
}

.c-itemcard__nameimg{
  height:65px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .c-itemcard__nameimg{
    height:43.62px;
  }
}

.c-itemcard__nameimg img{
  width:auto;
  height:100%;
}

.c-itemcard__newmark{
  font-size:11px;
  height:17px;
}

.c-itemcard__newsthumb{
  width:120px;
  min-width:120px;
  height:88.64px;
}
.c-itemcard__newsthumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}


.l-flex-newsitem{
  display:flex;
  grid-gap:20px;
}

.l-flex-newsitem:not(:last-child){
  margin-bottom:17.7px;
}
@media only screen and (max-width: 768px) {
.js-newscount__0 .l-flex-newsitem:not(:last-child){
  margin-bottom:0; 
 }
}

.c-itemcard__newsdate{
  font-size:11.5px;
  color:#808080;
}

.c-itemcard__newstitle{
  text-decoration: underline;

  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
}

.c-itemcard__more{
  width:53px;
  float:right;
}


.js-itemcard__newsitem-empty{
  height:88.63px;
  width:1px;
}

/* SP版で、カードのニュースが1件しかない場合は表示しない */
@media only screen and (max-width: 768px) {
  .js-itemcard__newsitem-empty{
    height:0;
    width:0;
  }

  .js-newscount__0{
    height:307px;
  }

  .js-newscount__1{
    height:425px;
  }  
}

.js-itemcard__newsthumb-empty{
  background-color:#ddd;
}