:root{--works-count:0;--works-current:1}.top-works{position:relative;margin-bottom:min(15.625vw,300px)}.top-works__contents{position:relative;max-width:1650px;margin:0 auto;padding:0 min(1.0416666667vw,20px)}.top-works__title{margin-bottom:min(6.0416666667vw,116px)}.top-works__title span{display:block;font-weight:700}.top-works__title .top-works__title-en{display:block;font-size:64px;font-weight:700;line-height:1.375;letter-spacing:.08em}.top-works__title .top-works__title-ja{font-size:18px}.top-works__slide{position:absolute;top:0;left:340px;width:calc(100vw - 340px)}.top-works__slide .swiper-slide{width:384px;height:256px;background-color:#fff;border-radius:30px;overflow:hidden}.top-works__slide .top-works__slide-nav{display:flex;width:min(62.5vw,1200px);margin-top:min(2.7083333333vw,52px);align-items:center;gap:0 min(2.1875vw,42px)}.top-works__slide .top-works__slide-btn{display:flex;gap:0 min(.8333333333vw,16px)}.top-works__slide .swiper-button{position:static;box-sizing:border-box;margin-top:0;width:min(4.1666666667vw,80px);height:min(4.1666666667vw,80px);border-radius:50%;background-color:#fff;border:1px solid #000;transition:background-color .3s ease-in-out;z-index:5}.top-works__slide .swiper-button svg{width:min(.78125vw,15px);height:min(.8333333333vw,16px);stroke:#2e3137;transition:stroke .3s ease-in-out}.top-works__slide .swiper-button::after{display:none}.top-works__slide .swiper-button:hover{background-color:#2e3137}.top-works__slide .swiper-button:hover svg{stroke:#fff}.top-works__slide .swiper-pagination{position:relative;bottom:auto;height:1px;display:flex;align-items:center;background-color:#2e3137;z-index:5}.top-works__slide .swiper-pagination::after{content:"";position:absolute;left:0;right:0;width:calc(100%/var(--works-count)*var(--works-current));height:5px;border-radius:min(.2604166667vw,5px);background-image:linear-gradient(-90deg,#3a5bff 0,#1f37b2 100%);transition:width .3s ease-in-out}.top-works__slide .swiper-pagination .swiper-pagination-bullet{display:none}@media screen and (min-width:769px){body{position:relative}}@media screen and (max-width:768px){body{position:relative}.top-works{margin-bottom:min(20.5128205128vw,131.2820512821px)}.top-works__contents{padding:0}.top-works__title{margin-bottom:min(10.2564102564vw,65.641025641px);text-align:center}.top-works__title .top-works__title-en{font-size:min(8.2051282051vw,52.5128205128px)}.top-works__title .top-works__title-ja{font-size:min(4.1025641026vw,26.2564102564px)}.top-works__main{display:grid;grid-template-rows:auto auto;grid-template-areas:"slide" "more";gap:min(9.2307692308vw,59.0769230769px) 0}.top-works__more{grid-area:more}.top-works__slide{position:static;width:100vw;grid-area:slide}.top-works__slide .swiper-slide{width:min(41.0256410256vw,262.5641025641px);height:min(27.6923076923vw,177.2307692308px);border-radius:min(5.1282051282vw,32.8205128205px)}.top-works__slide .top-works__slide-nav{width:auto;justify-content:center}.top-works__slide .top-works__slide-btn{gap:0 min(2.0512820513vw,13.1282051282px)}.top-works__slide .swiper-button{width:min(10.2564102564vw,65.641025641px);height:min(10.2564102564vw,65.641025641px)}.top-works__slide .swiper-button svg{width:min(2.5641025641vw,16.4102564103px);height:min(2.8205128205vw,18.0512820513px)}.top-works__slide .swiper-pagination{display:none}}