.g-poster_el-1 {

  background: center bottom no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/zeb/case/case01/images/hero_bg png");

  background-size: auto 100%;

}



#cases {

  font-size: 1.1rem;

}



@media screen and (max-width: 480px) {

  #cases .thums .g-grid.g-grid-3.g-block {

    display: flex;

    justify-content: space-between;

  }

  #cases .thums .g-grid.g-grid-3.g-block .g-grid_el {

    margin: 0 0 10px 0;

    padding: 0;

    flex-basis: 32%;

  }

}



#cases strong.blue {

  color: #1761CC;

}



#cases .marker {

  background: linear-gradient(transparent 60%, #ff6 60%);

}



#cases .details {

  width: 100%;

}



#cases .details h2 {

  padding-bottom: 15px;

}



#cases .details dl {

  display: flex;

  padding: 15px 0;

  border-bottom: 1px solid #ccc;

  font-size: 0.9rem;

}



@media screen and (max-width: 480px) {

  #cases .details dl {

    display: block;

  }

}



#cases .details dl dt {

  flex-basis: 20%;

}



#cases .details .se2 h2 {

  border-bottom: 1px solid #97AAAF;

}



#cases .details .se2 dl {

  border-bottom: 1px dashed #97AAAF;

}



#cases .details .se2 dl dt {

  flex-basis: 15%;

  font-weight: bold;

}



#cases .details .se2 dl:last-child {

  padding-bottom: 0;

  border-bottom: 0;

}



#cases .details .se3 h2 {

  border-bottom: 1px solid #ccc;

}



#cases .details .se3 dl {

  border-bottom: 1px dashed #ccc;

}



#cases .details .se3 dl dt {

  flex-basis: 15%;

  font-weight: bold;

}



#cases .details .se3 dl:last-of-type {

  border-bottom: 0 !important;

}



#cases .details .se3 .g-column.g-column-white {

  font-size: 0.9rem;

}



#cases .details .se3 .g-column.g-column-white .g-media_left {

  width: 11.5%;

}



#cases .details th, #cases .details td {

  padding: 10px 0;

}



#cases .details th {

  font-weight: normal;

  text-align: left;

}



#cases .contact_bt a {

  padding: 12px 40px;

}