.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;&:before{background-color:var(--color-film);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}.hero__contents{display:grid;min-height:160px;place-items:center start;position:relative;z-index:1;@media screen and (min-width:768px){&{min-height:240px}}}.hero__heading{color:var(--color-main);font-size:2.6rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:var(--lh-heading);@media screen and (min-width:768px){&{font-size:3.6rem;padding-bottom:60px;padding-top:60px}}@media screen and (min-width:1050px){&{font-size:3.8rem}}}.hero__heading:before{content:attr(data-decoration-text);display:block;font-family:var(--font-en);font-size:1.3rem;font-weight:700;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.7rem;margin-bottom:17px}}@media screen and (min-width:1050px){.hero__heading:before{margin-bottom:11px}}