.insight-hero-banner{display:flex;background-color:var(--variable-bg-color);gap:10px;padding-left:20px;justify-content:space-between}
.insight-hero-banner h1{font-family:"BNYM_CORPORATE_Druk";font-size:50px;font-weight:700;line-height:54px;color:var(--variable-txt-color);letter-spacing:1px;margin-bottom:6px}
.insight-hero-banner .subtitle{font-family:"BNYM_CORPORATE_Publico_Pro";font-weight:400;color:var(--variable-subtitle-color);font-size:36px;line-height:36px}
.insight-hero-banner .text-content{display:flex;justify-content:center;flex-direction:column}
.insight-hero-banner .image{height:250px;max-width:fit-content}
.insights-heroBanner-container{display:var(--variable-mobile-visible)}
@media(min-width:768px){.insights-heroBanner-container{display:var(--variable-tablet-visible)}
.insight-hero-banner{padding-left:40px}
.insight-hero-banner h1{font-size:60px;line-height:54px;letter-spacing:1px;margin-bottom:10px}
.insight-hero-banner .subtitle{font-size:40px;line-height:40px}
.insight-hero-banner .image-content{height:300px}
.insight-hero-banner .image{height:300px;max-width:450px;object-fit:cover;object-position:center}
}
@media(min-width:1024px){.insight-hero-banner{height:300px;padding-left:80px}
.insight-hero-banner h1{font-size:60px;line-height:66px}
.insight-hero-banner .image{height:300px;max-width:fit-content}
}
@media(min-width:1440px){.insights-heroBanner-container{display:var(--variable-desktop-visible)}
.insight-hero-banner{height:400px;padding-left:80px}
.insight-hero-banner .image{height:400px}
.insight-hero-banner h1{font-size:80px;line-height:66px}
.insight-hero-banner .subtitle{font-size:44px;line-height:44px;letter-spacing:-0.5px}
}
[type="investor"]:lang(ja){.insight-hero-banner .subtitle{font-family:hiragino-mincho-pron}
}