.banner-main-top {position: relative;height: 72vh;}
.banner-main-top img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;height: 100%;max-width: 100%;background-color: rgba(0, 0, 0, 0.5);-o-object-fit: cover;object-fit: cover;object-position: center center;}
.box-banner-caption {width: 100%;position: absolute;bottom: 40px;left: 50%;transform: translate(-50%, 0);text-align: center;z-index: 2;}
.box-banner-caption-wrap {display: block;}

.shareholder-banner,.contact-banner,.greenhouse-banner-sd,.company-news-banner{background-size: cover;height: 72vh;}
.txt-wh {color: #fff!important;}
.banner-main-top h1 {display: block!important;}

#banner-products img.banner {width:100%}
#banner-products .banner-main-top {height:auto!important;}

@media screen and (max-width: 980px) {
.banner-main-top {height: 40vh!important;}
.box-banner-caption {bottom: -20px;}
.shareholder-banner,.contact-banner,.greenhouse-banner-sd,.company-news-banner {height: 40vh}
#banner-products img.banner {height: 40vh;-o-object-fit: cover;object-fit: cover;}
}
@media screen and (max-width: 480px) {
.banner-main-top {height: 37vh!important;}
#banner-products img.banner {height: 37vh!important;}
}
@media screen and (max-width: 428px) {
#banner-products img.banner {height: 30vh!important;}
}
@media screen and (max-width: 425px) {
#banner-products img.banner {height: 37vh!important;}
}
@media screen and (max-width:414px) {
.banner-main-top {height: 25vh!important}
#banner-products img.banner {height: 25vh!important}
.shareholder-banner,.contact-banner,.greenhouse-banner-sd,.company-news-banner {height: 25vh}
}
@media screen and (max-width:400px) {
.banner-main-top {height: 30vh!important;}
#banner-products img.banner {height: 30vh!important;}
.shareholder-banner,.contact-banner,.greenhouse-banner-sd,.company-news-banner {height: 30vh}
}