/* Start Component-Banner-highlight_data */
#suntory_contents .Component-Banner-highlight_data{
  position: relative;
  min-height: 640px;
  overflow-y: hidden;
}
#suntory_contents .Component-Banner-highlight_data::before{
  content: '';
  position: absolute;
  left: 0px;
  top: -1px;
  width: 100%;
  height: 104px;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url(../../common/img/wave_top.svg);
  pointer-events: none;
  z-index: 1;
}
#suntory_contents .Component-Banner-highlight_data::after{
  content: '';
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 200px;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url(../../common/img/wave_under.svg);
  pointer-events: none;
}
#suntory_contents .Component-Banner-highlight_data .cardVisual{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
#suntory_contents .Component-Banner-highlight_data .cardBody{
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 232px 0 100px;
}
#suntory_contents .Component-Banner-highlight_data .cardBody .cardCase {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
#suntory_contents .Component-Banner-highlight_data .cardBody .cardCase .card{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#suntory_contents .Component-Banner-highlight_data .cardBody .data{
  color: var(--color-midnight-blue);
  font-family: var(--fontfamily-georgia);
  font-size: var(--fontsize-data);
  font-weight: bold;
  line-height: 100%;
  margin: 0;
}
#suntory_contents .Component-Banner-highlight_data .cardBody p{
  color: var(--color-midnight-blue);
  font-size: var(--fontsize-body-medium);
  line-height: 127.8%;
  margin: 0;
}
#suntory_contents .Component-Banner-highlight_data .cardBody .Component-Basic-button_filled{
  margin: 99px auto 0;
}

@media screen and (max-width: 767px) {
  #suntory_contents .Component-Banner-highlight_data{
    min-height: 560px;
  }
  #suntory_contents .Component-Banner-highlight_data::before{
    height: 33px;
    background-size: 707px;
  }
  #suntory_contents .Component-Banner-highlight_data::after{
    height: 67px;
    background-size: 827px;
  }
  #suntory_contents .Component-Banner-highlight_data .cardBody{
    padding: 71px 16px 104px;
  }
  #suntory_contents .Component-Banner-highlight_data .cardBody .cardCase {
    flex-direction: column;
    align-items: center;
    gap:40px;
  }  
  #suntory_contents .Component-Banner-highlight_data .cardBody .cardCase .card{
    gap:8px;
  }
  #suntory_contents .Component-Banner-highlight_data .cardBody .Component-Basic-button_filled{
    margin-top: 40px;
  }  
}
/* End Component-Banner-highlight_data */