.strategy-block{position:relative;z-index:1;display:flex;align-items:center;gap:30px;margin-top:var(--vw80)}.strategy-block .illust{width:400px}.strategy-block>div{width:calc(100% - 430px)}.strategy-block h1{display:flex;align-items:flex-end;gap:10px;font-size:2rem;line-height:1;margin-bottom:var(--vw30)}.strategy-block h1 span{font-size:1.4rem;color:var(--gray)}.strategy-block .splide{width:100%}.strategy-block .splide.destroy .splide__list{display:flex;gap:20px}.strategy-block .splide.destroy .splide__slide{max-width:160px}.strategy-block .splide.destroy .progress{display:none}.strategy-block .splide__slide a:hover picture img{transform:scale(1.05)}.strategy-block .splide__slide a:hover h3{color:var(--main-color)}.strategy-block .splide__slide a:not([href]){pointer-events:none}.strategy-block .splide__slide a:not([href]) h3 span{display:inline}.strategy-block .splide__slide picture{width:100%;height:auto;aspect-ratio:350/500;overflow:hidden}.strategy-block .splide__slide picture img{width:100%;height:100%;object-fit:cover;transition:.4s}.strategy-block .splide__slide h3{font-size:1.2rem;transition:.4s}.strategy-block .splide__slide h3 span{display:none;padding-left:5px;color:var(--main-color);text-transform:uppercase;font-size:.8rem}.strategy-block .splide__slide p{font-size:1.2rem}.strategy-block .splide__slide p.genre{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.strategy-block .splide__slide p.genre span{font-size:1rem;background:linear-gradient(var(--lg));padding:1px 6px;border-radius:10px}.strategy-block .progress{width:100%;max-width:80%;background:#ccc;margin-top:20px}.strategy-block .progress-bar{background:linear-gradient(90deg, rgb(255, 232, 253) 0%, rgb(212, 63, 206) 100%);height:2px;transition:width 400ms ease;width:0}.strategy-block .splide__arrows{width:80px;display:flex;justify-content:space-between;align-items:center;padding-right:30px;margin:-50px 0 20px auto}.strategy-block .splide__arrow{display:flex;justify-content:center;align-items:center}.strategy-block .splide__arrow svg{width:25px;height:auto}.strategy-block .splide__arrow--prev{transform:rotate(180deg)}@media screen and (max-width: 1024px){.strategy-block .illust{width:300px}.strategy-block>div{width:calc(100% - 330px)}}@media screen and (max-width: 768px){.strategy-block{padding:var(--vw60) 15px}.strategy-block .illust{display:none}.strategy-block>div{width:100%}}/*# sourceMappingURL=strategy.min.css.map */