@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Oswald&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Outfit:wght@100..900&display=swap";.js-parallax{transition:.8s ease-in-out;transform:translateY(30px);opacity:0}.js-parallax.on{transform:translateY(0);opacity:1}.js-parallax.delay-1{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.3s}.js-parallax.delay-1.on{transform:translateY(0);opacity:1}.js-parallax.delay-2{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.6s}.js-parallax.delay-2.on{transform:translateY(0);opacity:1}.js-parallax.delay-3{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.9s}.js-parallax.delay-3.on{transform:translateY(0);opacity:1}.js-parallax.delay-4{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:1.2s}.js-parallax.delay-4.on{transform:translateY(0);opacity:1}.js-parallax.delay-5{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:1.5s}.js-parallax.delay-5.on{transform:translateY(0);opacity:1}.second-mv::before{background-image:url("/assets/img/works/second_mv.png")}@media only screen and (max-width: 768px){.second-mv::before{background-image:url("/assets/img/works/second_mv_sp.png")}}.works-list{padding-block:104px}@media only screen and (max-width: 768px){.works-list{padding-block:17.0666666667vw}}.works-list__inner{width:1120px;margin-inline:auto;display:flex;flex-direction:column;gap:80px}@media only screen and (max-width: 768px){.works-list__inner{width:89.3333333333vw;gap:10.6666666667vw}}@media only screen and (max-width: 768px){.works-list__inner{width:89.3333333333vw}}.works-list__title{text-align:center;margin-bottom:37px;color:#b3424a;font-family:"Outfit",sans-serif;font-size:48px;letter-spacing:.03em;font-weight:500}@media only screen and (max-width: 768px){.works-list__title{font-size:6.9333333333vw;margin-bottom:4vw}}.works-list__title span{font-family:"Noto Sans JP",sans-serif}.tab-buttons{display:flex;width:1120px;height:136px;padding:24px 32px;align-items:center;justify-content:space-between;gap:8px;border-radius:15px;background:#f3f3f6}.tab-buttons button{position:relative;display:flex;width:249px;height:88px;padding:28px 16px;justify-content:start;align-items:center;gap:8px;border-radius:8px;background:#fff;flex-shrink:0;cursor:pointer;transition:all .3s ease}.tab-buttons button::before{content:"0" attr(data-tab) ". ";color:#b3424a;font-family:"Outfit",sans-serif;font-size:22px;margin-right:4px}.tab-buttons button::after{content:"";position:absolute;right:10px;display:inline-block;width:20px;height:20px;background-color:#b3424a;mask:url(/assets/img/common/arrow_top_right.svg) no-repeat center;mask-size:contain;-webkit-mask:url(/assets/img/common/arrow_top_right.svg) no-repeat center;-webkit-mask-size:contain;transition:transform .3s;margin-left:20px}.tab-buttons button.active{background-color:#fff}.tab-buttons button.active::after{background-color:#fff}.tab-buttons button.active::before{color:#fff}.tab-buttons button:hover{background:#e0e0e0}.tab-buttons button.active{background:#b3424a;color:#fff}.tab-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}@media only screen and (max-width: 768px){.tab-list{grid-template-columns:1fr;gap:5.3333333333vw}}@media only screen and (max-width: 768px){.tab-img img{width:89.3333333333vw}}.tab-select{display:none;width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;margin-bottom:16px}@media(max-width: 768px){.tab-buttons{display:none}.tab-select{display:block}}.tab-content{display:none}.tab-content.active{display:flex;flex-direction:column;gap:80px}/*# sourceMappingURL=works.css.map */