.sub-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f4fbfd,#d7eff8 65%,#e6f3e1);padding:65px 0 100px;text-align:center}.sub-hero__inner{position:relative;z-index:1}.sub-hero__en{margin:0 0 12px;color:var(--color-blue,#1689db);font-size:13px;letter-spacing:.2em}.sub-hero__title{margin:0;font-family:var(--font-heading,serif);font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:.12em}.sub-hero__wind{position:absolute;bottom:-1px;left:0;width:100%;height:100px;pointer-events:none}.breadcrumbs{padding-top:18px;padding-bottom:18px;font-size:12px;color:#707970}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.breadcrumbs li+li::before{content:"›";margin-right:12px}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}@media(max-width:767px){.sub-hero{padding:45px 0 75px}.sub-hero__wind{left:-20%;width:140%;height:60px}.sub-hero__title{letter-spacing:.08em}}

.sub-hero { background: linear-gradient(90deg, rgb(255 255 255 / 85%), rgb(255 255 255 / 45%) 55%, rgb(255 255 255 / 20%)), url("../images/hero-bg.jpg") center 75% / cover no-repeat; }
@media (max-width: 767px) { .sub-hero { background-position: center, center 70%; } }