.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{font-size:2.5rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:1.6;@media screen and (min-width:768px){&{font-size:4.2rem;padding-bottom:60px;padding-top:60px}}}.hero__heading:before{color:var(--color-point);content:attr(data-decoration-text);display:block;font-family:var(--font-en);font-size:1.5rem;font-weight:var(--fw-normal-en);letter-spacing:var(--ls-root-en);margin-bottom:calc(8px + var(--leading-trim));text-transform:uppercase}@media screen and (min-width:768px){.hero__heading:before{font-size:2.2rem;margin-bottom:calc(10px + var(--leading-trim))}}