.hero{overflow:hidden;position:relative;z-index:1;.hero__back{background:#f4f4fa;content:"";display:block;height:calc(100% - 46px);left:0;position:absolute;top:0;width:100%;z-index:0;@media (min-width:1050px){height:calc(100% - 35px)}}&.is-background--off{.hero__back{height:100%}}}.hero .container{@media (min-width:1050px){max-width:calc(1150px + var(--container-padding-hr-desktop)*2)}}.hero__bg{aspect-ratio:355/156;background-repeat:no-repeat;background-size:cover;margin-left:auto;position:relative;width:calc(100% - 20px);z-index:1;@media (min-width:768px){&{aspect-ratio:631/219;background-position:50% 50%;width:calc(100% - 137px)}}@media (min-width:1050px){&{height:269px;max-width:48.3vw;position:absolute;right:0;top:31px;width:600px}}@media (min-width:1335px){&{max-width:53.58vw;width:777px}}}.hero__contents{display:grid;min-height:125px;place-items:center start;position:relative;@media (min-width:768px){&{min-height:167px}}@media (min-width:1050px){&{min-height:300px}}.hero.is-background--off &{min-height:150px;@media (min-width:768px){&{min-height:200px}}@media (min-width:1050px){&{min-height:264px}}}}.hero__heading{color:var(--color-plane);font-family:var(--font-default-02);font-size:2.4rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:var(--lh-heading);padding-bottom:13px;padding-top:43px;@media (min-width:768px){&{font-size:3rem;padding-bottom:30px;padding-top:60px}}@media (min-width:1050px){&{font-size:3.7rem;padding-bottom:67px;padding-top:30px}}&.hero__heading--no-decoration{position:relative}.hero.is-background--off &{padding-bottom:20px;padding-top:20px;&{@media (min-width:768px){padding-bottom:30px;padding-top:30px}}}}.hero__heading__text{display:inline-block;font-family:var(--font-default-02);@media (min-width:1050px){&{max-width:calc(51.7vw - 100px);width:auto}}@media (min-width:1335px){&{max-width:calc(46.42vw - 100px)}}}