.vertical-headline{writing-mode:vertical-rl;letter-spacing:.3em;font-size:24px}.hp-key-visual{position:relative;background-color:var(--color-ine-bg1)}@media screen and (min-width:768px){.hp-key-visual{padding:100px 20px 20px}}@media screen and (max-width:768px){.hp-key-visual{padding:100px 10px 10px}}.hp-key-visual .key-visual{position:absolute;top:0;right:0;left:0;bottom:0;background-image:var(--hp-key-visual-image-url);background-repeat:no-repeat;transition:opacity 2s ease;background-size:cover}@media screen and (max-width:768px){.hp-key-visual .key-visual{aspect-ratio:.7396}}@media screen and (min-width:768px){.hp-key-visual .key-visual{aspect-ratio:1.842}}.hp-key-visual .greyout{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(to top,#ffffffb3,#fff0)}@media screen and (max-width:768px){.hp-key-visual .greyout{border-radius:8px}}.hp-key-visual .main-title{position:absolute;right:30px;color:#fff}@media screen and (max-width:768px){.hp-key-visual .main-title{top:30px;width:22px}}@media screen and (min-width:768px){.hp-key-visual .main-title{top:50px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hp-index.key-visual.css.map */