@charset "UTF-8";
/*reset.css*/

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* common */



/* ind-contact */



.ind-brand-pic-hover {
  display: none;
  position: relative;
  overflow: hidden;
}
.ind-brand-hover-bg {
  width: 100%;
  transition: all 1.5s;
  vertical-align: bottom;
}
.ind-brand-hover-desc {
  width: 46%;
  margin: 2% auto 0;
  padding: 2% 0 3%;

}
.ind-brand-pic-hover:hover {
  width: 100%;
}
.ind-brand-pic-hover:hover .ind-brand-hover-bg {
 
}





.casewrap {}



.ind-brand-wrap {
  display: flex;
  flex-wrap: wrap;
}
.ind-brand-single {
  width: 240px;
  display: flex;
  flex-direction: column;
}
.ind-brand-single:hover .ind-brand-pic {
  display: none;
}
.ind-brand-single:hover .ind-brand-pic-hover {
  display: block;
}
.ind-brand-pic {
  width:240px; height:550px;
  transition: all 0.25s;
}