.hero-banner .banner__media{height:calc(100vh - 100px)}.hero-banner .banner__media img{width:100%;height:100vh;object-fit:cover}.hero-banner .banner__media,.hero-banner .banner__media img{clip-path:polygon(50% 0%,100% 18%,100% 100%,0% 100%,0% 18%)}.hero-banner{margin:30px 20px 20px}.fv-title{position:absolute;z-index:3;pointer-events:none;opacity:0;animation:fvFadeUp 1.6s ease-out forwards;animation-delay:.6s}.fv-title-sp{top:50%;left:50%;transform:translate(-50%,-50%);display:block}.fv-title-sp img{width:min(80vw,420px);height:auto}.fv-title-pc{display:none}@keyframes fvFadeUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.fv-illustration{position:absolute;bottom:30px;right:0;z-index:2;pointer-events:none;opacity:0;transform:translateY(20px);animation:fvIllustrationFade 1.6s ease-out forwards;animation-delay:1.2s}.fv-illustration img{width:200px;height:auto}@keyframes fvIllustrationFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.hero-banner{margin:60px 50px 50px}.fv-illustration{bottom:-20px}.fv-illustration img{width:340px}}@media(min-width:1024px){.hero-banner{max-width:1600px;margin:60px auto 0;padding:0 50px}.fv-title-sp{display:none}.fv-title-pc{display:block;bottom:25%;right:18%;top:auto;left:auto;transform:none}.fv-title-pc img{width:60%;height:auto}.fv-illustration{z-index:1001}@keyframes fvFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1500px){.fv-title-pc{right:max(18%,calc((100vw - 1600px)/2 + 320px))}.fv-illustration{right:max(0px,calc((100vw - 1600px)/2 + 50px))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-banner.css.map */