:root{--screen-height: 100vh;--screen-width: 0}@-webkit-keyframes commonHeaderBgAnimation{0%{width:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}100%{width:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}0%{width:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}100%{width:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes commonHeaderBgAnimation{0%{width:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}100%{width:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}0%{width:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}100%{width:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes commonHeaderAppearAnimation{0%{color:rgba(0,0,0,0)}100%{color:#000}0%{color:rgba(0,0,0,0)}100%{color:#000}}@keyframes commonHeaderAppearAnimation{0%{color:rgba(0,0,0,0)}100%{color:#000}0%{color:rgba(0,0,0,0)}100%{color:#000}}@-webkit-keyframes hover-scale{0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.15, 1.15) translate(0, 0);transform:scale(1.15, 1.15) translate(0, 0)}30%{-webkit-transform:scale(0.95, 0.95) translate(0, 0);transform:scale(0.95, 0.95) translate(0, 0)}0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.15, 1.15) translate(0, 0);transform:scale(1.15, 1.15) translate(0, 0)}30%{-webkit-transform:scale(0.95, 0.95) translate(0, 0);transform:scale(0.95, 0.95) translate(0, 0)}}@keyframes hover-scale{0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.15, 1.15) translate(0, 0);transform:scale(1.15, 1.15) translate(0, 0)}30%{-webkit-transform:scale(0.95, 0.95) translate(0, 0);transform:scale(0.95, 0.95) translate(0, 0)}0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.15, 1.15) translate(0, 0);transform:scale(1.15, 1.15) translate(0, 0)}30%{-webkit-transform:scale(0.95, 0.95) translate(0, 0);transform:scale(0.95, 0.95) translate(0, 0)}}@-webkit-keyframes hover-scale-small{0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.01, 1.01) translate(0, 0);transform:scale(1.01, 1.01) translate(0, 0)}30%{-webkit-transform:scale(0.99, 0.99) translate(0, 0);transform:scale(0.99, 0.99) translate(0, 0)}0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.01, 1.01) translate(0, 0);transform:scale(1.01, 1.01) translate(0, 0)}30%{-webkit-transform:scale(0.99, 0.99) translate(0, 0);transform:scale(0.99, 0.99) translate(0, 0)}}@keyframes hover-scale-small{0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.01, 1.01) translate(0, 0);transform:scale(1.01, 1.01) translate(0, 0)}30%{-webkit-transform:scale(0.99, 0.99) translate(0, 0);transform:scale(0.99, 0.99) translate(0, 0)}0%,50%,70%{-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}10%{-webkit-transform:scale(1.01, 1.01) translate(0, 0);transform:scale(1.01, 1.01) translate(0, 0)}30%{-webkit-transform:scale(0.99, 0.99) translate(0, 0);transform:scale(0.99, 0.99) translate(0, 0)}}@-webkit-keyframes pin-fall{0%{opacity:0;-webkit-transform:translateY(-40%);transform:translateY(-40%)}30%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}50%{opacity:1;-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}70%{opacity:1;-webkit-transform:translateY(-7%);transform:translateY(-7%)}75%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}0%{opacity:0;-webkit-transform:translateY(-40%);transform:translateY(-40%)}30%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}50%{opacity:1;-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}70%{opacity:1;-webkit-transform:translateY(-7%);transform:translateY(-7%)}75%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes pin-fall{0%{opacity:0;-webkit-transform:translateY(-40%);transform:translateY(-40%)}30%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}50%{opacity:1;-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}70%{opacity:1;-webkit-transform:translateY(-7%);transform:translateY(-7%)}75%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}0%{opacity:0;-webkit-transform:translateY(-40%);transform:translateY(-40%)}30%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}50%{opacity:1;-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}70%{opacity:1;-webkit-transform:translateY(-7%);transform:translateY(-7%)}75%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes shadow-fall{0%{opacity:0;-webkit-transform:translateY(-15%) translateX(40%);transform:translateY(-15%) translateX(40%)}30%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}50%{opacity:1;-webkit-transform:translateY(-5%) translateX(15%);transform:translateY(-5%) translateX(15%)}60%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}70%{opacity:1;-webkit-transform:translateY(-3%) translateX(7%);transform:translateY(-3%) translateX(7%)}75%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}0%{opacity:0;-webkit-transform:translateY(-15%) translateX(40%);transform:translateY(-15%) translateX(40%)}30%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}50%{opacity:1;-webkit-transform:translateY(-5%) translateX(15%);transform:translateY(-5%) translateX(15%)}60%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}70%{opacity:1;-webkit-transform:translateY(-3%) translateX(7%);transform:translateY(-3%) translateX(7%)}75%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}}@keyframes shadow-fall{0%{opacity:0;-webkit-transform:translateY(-15%) translateX(40%);transform:translateY(-15%) translateX(40%)}30%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}50%{opacity:1;-webkit-transform:translateY(-5%) translateX(15%);transform:translateY(-5%) translateX(15%)}60%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}70%{opacity:1;-webkit-transform:translateY(-3%) translateX(7%);transform:translateY(-3%) translateX(7%)}75%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}0%{opacity:0;-webkit-transform:translateY(-15%) translateX(40%);transform:translateY(-15%) translateX(40%)}30%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}50%{opacity:1;-webkit-transform:translateY(-5%) translateX(15%);transform:translateY(-5%) translateX(15%)}60%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}70%{opacity:1;-webkit-transform:translateY(-3%) translateX(7%);transform:translateY(-3%) translateX(7%)}75%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(0%);transform:translateY(0) translateX(0%)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(5%);transform:translateY(5%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(5%);transform:translateY(5%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(5%);transform:translateY(5%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(5%);transform:translateY(5%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce-small{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-small{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(0%);transform:translateY(0%)}40%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%{-webkit-transform:translateY(0%);transform:translateY(0%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce-shadow{0%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}40%{-webkit-transform:translateX(20%) translateY(-10%);transform:translateX(20%) translateY(-10%)}70%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}80%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}100%{-webkit-transform:translateX(0%) translateY(0);transform:translateX(0%) translateY(0)}0%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}40%{-webkit-transform:translateX(20%) translateY(-10%);transform:translateX(20%) translateY(-10%)}70%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}80%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}100%{-webkit-transform:translateX(0%) translateY(0);transform:translateX(0%) translateY(0)}}@keyframes bounce-shadow{0%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}40%{-webkit-transform:translateX(20%) translateY(-10%);transform:translateX(20%) translateY(-10%)}70%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}80%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}100%{-webkit-transform:translateX(0%) translateY(0);transform:translateX(0%) translateY(0)}0%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}40%{-webkit-transform:translateX(20%) translateY(-10%);transform:translateX(20%) translateY(-10%)}70%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}80%{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}100%{-webkit-transform:translateX(0%) translateY(0);transform:translateX(0%) translateY(0)}}@-webkit-keyframes bounce-cloud{0%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}50%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}100%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}0%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}50%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}100%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}}@keyframes bounce-cloud{0%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}50%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}100%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}0%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}50%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}100%{-webkit-transform:translateX(50%) scale(1.05);transform:translateX(50%) scale(1.05)}}@-webkit-keyframes bounce-arrow{0%{opacity:0;-webkit-transform:translateY(-15%);transform:translateY(-15%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}0%{opacity:0;-webkit-transform:translateY(-15%);transform:translateY(-15%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-arrow{0%{opacity:0;-webkit-transform:translateY(-15%);transform:translateY(-15%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}0%{opacity:0;-webkit-transform:translateY(-15%);transform:translateY(-15%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes arrow-icon{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{opacity:.5;-webkit-transform:translateY(52px);transform:translateY(52px)}0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{opacity:.5;-webkit-transform:translateY(52px);transform:translateY(52px)}}@keyframes arrow-icon{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{opacity:.5;-webkit-transform:translateY(52px);transform:translateY(52px)}0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{opacity:.5;-webkit-transform:translateY(52px);transform:translateY(52px)}}@-webkit-keyframes loading-icon-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-icon-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes shake-small{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake-small{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}div#wrapper section#works .section-inner{padding-bottom:120px;background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 180px, #f2f6f7 180px, #f2f6f7 100%);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 180px, #f2f6f7 180px, #f2f6f7 100%)}div#wrapper section#works .section-inner>h2{position:relative;padding-top:22px;padding-left:34px;margin-top:55px;margin-bottom:56px;margin-left:60px;font-family:"din-2014",sans-serif;font-size:64px;font-style:normal;font-weight:700;letter-spacing:.02em}div#wrapper section#works .section-inner>h2 span{display:block;margin-top:16px;font-family:YakuHanJPs,noto-sans-cjk-jp,sans-serif;font-size:14px;font-style:normal;font-weight:400}div#wrapper section#works .section-inner>h2::before{position:relative;position:absolute;top:0;left:0;display:block;width:32px;height:22px;content:"";background-image:url("../images/home/header-triangle.svg");background-repeat:no-repeat;background-position:center top;background-size:32px 22px}div#wrapper section#works .more-button-box{position:relative;display:-webkit-box;display:flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:120px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}div#wrapper section#works .more-button-box figure.loading-icon{position:absolute;right:50%;bottom:50%;width:22px;height:22px;margin-right:-11px;margin-bottom:-7px;pointer-events:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateY(50%) translateX(50%);transform:translateY(50%) translateX(50%);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:loading-icon-rotate 1s infinite;animation:loading-icon-rotate 1s infinite}div#wrapper section#works .more-button-box figure.loading-icon.active{opacity:1}div#wrapper section#works .more-button-box figure.loading-icon img{width:100%;height:100%;overflow:visible}div#wrapper section#works .more-button-box a.more-button{display:inline-block;pointer-events:none;cursor:pointer;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}div#wrapper section#works .more-button-box a.more-button.active{pointer-events:auto;opacity:1}div#wrapper section#works .more-button-box a.more-button svg{overflow:visible;pointer-events:none}div#wrapper section#works .more-button-box a.more-button svg .circle,div#wrapper section#works .more-button-box a.more-button svg .circle2{transition:stroke .3s,fill .3s,-webkit-transform .2s;-webkit-transition:stroke .3s,fill .3s,-webkit-transform .2s;transition:transform .2s,stroke .3s,fill .3s;transition:transform .2s,stroke .3s,fill .3s,-webkit-transform .2s;-webkit-transform-origin:center;transform-origin:center}div#wrapper section#works .more-button-box a.more-button svg .circle{stroke:#000}div#wrapper section#works .more-button-box a.more-button svg .circle2{fill:#000;-webkit-transform:scale(0);transform:scale(0)}div#wrapper section#works .more-button-box a.more-button svg .rect-wrapper{fill:#000;-webkit-transition:fill .2s;transition:fill .2s}div#wrapper section#works .link-box{width:580px;margin:160px auto}div#wrapper section#works .link-box .link-box-list a{display:block;text-decoration:none}div#wrapper section#works .link-box .link-box-list a .join-us-box{display:-webkit-box;display:flexbox;display:flex}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-left{position:relative;display:-webkit-box;display:flexbox;display:flex;align-items:center;justify-content:center;width:460px;height:120px;color:#fff;background-color:#000;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-left .hover-bg{position:absolute;top:0;left:0;width:0;height:120px;background-color:#000;-webkit-transition:background-color .3s,width .3s;transition:background-color .3s,width .3s}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-left p.ttl{position:relative;font-family:"din-2014",sans-serif;font-size:18px;font-style:normal;font-weight:700;letter-spacing:.09em}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right{display:-webkit-box;display:flexbox;display:flex;align-items:center;justify-content:center;width:120px;background-color:#212224;-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon{transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg{width:40px;-webkit-transition:fill .3s;transition:fill .3s}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg g,div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg path,div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg circle{stroke:#fff;-webkit-transition:fill .3s;transition:fill .3s}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg path{fill:#fff}@media screen and (min-width: 813px){div#wrapper section#works .section-inner>h2{box-sizing:border-box;max-width:1920px;margin-right:auto;margin-bottom:120px;margin-left:auto;-webkit-transform:translateX(60px);transform:translateX(60px)}div#wrapper section#works .link-box .link-box-list a:hover .join-us-box .join-us-box-left .hover-bg{width:100%;background-color:#212224}div#wrapper section#works .link-box .link-box-list a:hover .join-us-box .join-us-box-right{background-color:#000}div#wrapper section#works .link-box .link-box-list a:hover .join-us-box .join-us-box-right figure.icon{-webkit-transform:scale(1.2);transform:scale(1.2)}div#wrapper section#works .link-box .link-box-list a:hover .join-us-box .join-us-box-right figure.icon svg .circle{fill:#fff}div#wrapper section#works .link-box .link-box-list a:hover .join-us-box .join-us-box-right figure.icon svg .triangle{fill:#000;stroke:#000}}@media screen and (max-width: 812px){div#wrapper section#works{max-width:100%}div#wrapper section#works .section-inner{padding-bottom:21.33333vw;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(10vw, rgba(0, 0, 0, 0)), color-stop(10vw, #f2f6f7), to(#f2f6f7));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10vw, #f2f6f7 10vw, #f2f6f7 100%);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10vw, #f2f6f7 10vw, #f2f6f7 100%)}div#wrapper section#works .section-inner>h2{padding-top:4.26667vw;padding-left:8.53333vw;margin-top:10.66667vw;margin-bottom:10.66667vw;margin-left:5.06667vw;font-size:8.53333vw}div#wrapper section#works .section-inner>h2 span{margin-top:2.13333vw;font-size:3.2vw}div#wrapper section#works .section-inner>h2::before{position:relative;position:absolute;display:block;width:6.4vw;height:4.26667vw;background-image:url("../images/home/header-triangle.svg");background-repeat:no-repeat;background-position:center top;background-size:6.4vw 4.26667vw}div#wrapper section#works .section-inner>h2{margin-bottom:12.8vw}div#wrapper section#works .more-button-box{margin-top:21.33333vw}div#wrapper section#works .more-button-box figure.loading-icon{width:5.86667vw;height:5.86667vw;margin-right:-3vw;margin-bottom:-3vw}div#wrapper section#works .more-button-box a.more-button{width:21.33333vw;height:21.33333vw}div#wrapper section#works .more-button-box a.more-button svg{width:100%;height:100%}div#wrapper section#works .link-box{width:82.93333vw;margin-top:32vw;margin-bottom:32vw}div#wrapper section#works .link-box .link-box-list a{max-width:100%;margin-top:-2.2vw}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-left{box-sizing:border-box;flex-direction:column;align-items:flex-start;width:66.93333vw;height:16vw;padding-left:6.4vw;margin-left:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-left p.ttl{font-size:4.26667vw}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right{width:16vw;height:16vw}div#wrapper section#works .link-box .link-box-list a .join-us-box .join-us-box-right figure.icon svg{width:8.53333vw;height:8.53333vw;vertical-align:bottom}}@media (hover: hover)and (pointer: fine){div#wrapper section#works .more-button-box a.more-button:hover svg .triangle{fill:#000;stroke:#000}div#wrapper section#works .more-button-box a.more-button:hover svg .circle{stroke:#000}div#wrapper section#works .more-button-box a.more-button:hover svg .circle2{-webkit-transform:scale(1.2);transform:scale(1.2)}div#wrapper section#works .more-button-box a.more-button:hover svg .rect-wrapper{fill:#fff}}