.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;&:before{background-color:var(--color-film);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}.hero__contents{display:grid;min-height:234px;place-items:center start;position:relative;z-index:1;@media screen and (min-width:768px){&{min-height:300px}}}.hero__heading{color:#fff;font-size:2.4rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:var(--lh-heading);@media screen and (min-width:768px){&{font-size:3rem;padding-bottom:60px;padding-top:60px}}@media screen and (min-width:1050px){&{font-size:3.7rem}}}.hero__heading:before{content:attr(data-decoration-text);display:block;font-family:var(--font-en);font-size:1.4rem;font-weight:400;letter-spacing:var(--ls-root-en);line-height:1.2;margin-bottom:13px;text-transform:uppercase}@media screen and (min-width:768px){.hero__heading:before{font-size:1.5rem;margin-bottom:17px}}@media screen and (min-width:1050px){.hero__heading:before{font-size:2rem;margin-bottom:11px}}.hero-minimal{position:relative}.hero-minimal:after{content:none}.hero-minimal__heading{font-size:2.4rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:var(--lh-heading);padding-bottom:0;padding-top:55px}@media screen and (min-width:768px){.hero-minimal__heading{font-size:3rem;padding-top:74px}}@media screen and (min-width:1050px){.hero-minimal__heading{font-size:3.7rem}}.hero-minimal__heading:before{content:attr(data-decoration-text);display:block;font-size:1.4rem;font-weight:400;letter-spacing:var(--ls-root-en);line-height:1.2;margin-bottom:13px;text-transform:uppercase}@media screen and (min-width:768px){.hero-minimal__heading:before{font-size:1.5rem;margin-bottom:17px}}@media screen and (min-width:1050px){.hero-minimal__heading:before{font-size:2rem;margin-bottom:11px}}