:root{--clr-primary: #49c355;--clr-primary-deep: #0AAA1A;--ls-ttl: 0.15em;--lh-ttl: 150%;--lh-sm: 120%}.topPage{position:relative;height:100vh}@media only screen and (max-width: 768px){.topPage{position:relative;height:calc(100vh - 75px);padding:0 0 50px}}.topMain{position:relative;width:90vw;height:84vh}.topMain__inner{position:absolute;top:0;left:0;right:0;bottom:0;width:82.65%;height:305px;margin:auto}.topMain__title{height:125px}.topMain__title::after{content:"";display:block;clear:both}.topMain__title__logomark{float:left}.topMain__title__name{float:right;width:calc(100% - 140px);font-size:2.4rem;font-weight:700;letter-spacing:.2em;line-height:1}.topMain__title__message{float:right;width:calc(100% - 140px);margin:1.5rem 0 0;font-size:1.1rem;font-weight:700;letter-spacing:.2em;line-height:1}@media only screen and (max-width: 768px){.topMain{width:100%;height:calc(100% - 55px);overflow:auto}.topMain__inner{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:75%;height:auto}.topMain__title{display:none}}.topSection{height:calc(84vh - 390px);padding:0 0 0 140px;overflow:hidden}.topSection__item,.topSection__item--first,.topSection__item--about,.topSection__item--works,.topSection__item--contact{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:inherit;height:inherit}@media only screen and (max-width: 980px){.topSection__item,.topSection__item--first,.topSection__item--about,.topSection__item--works,.topSection__item--contact{display:block}}.topSection__title{width:auto;max-width:100%}.topSection__title span{display:block;font-size:2.4rem;line-height:1;margin:0 0 25px;letter-spacing:.5em}.topSection__detail{width:600px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:0 0 0 120px;font-size:1.5rem;font-weight:700;letter-spacing:.16em;line-height:2.2}@media only screen and (max-width: 980px){.topSection__detail{width:auto;padding:0}}.topSection__more{margin:35px 0 0;text-align:right}.topSection__more__anchor{position:relative;display:inline-block;padding:25px 15px 25px 0;font-size:1.83rem;font-weight:700;letter-spacing:.33em;line-height:1;border-bottom:1px solid currentColor}.topSection__more__anchor::after{position:absolute;right:0;bottom:0;content:"";display:block;width:13px;height:13px;border-right:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-48deg);transform:rotate(-48deg)}@media only screen and (max-width: 768px){.topSection{height:100%;padding:0}.topSection__item,.topSection__item--first,.topSection__item--about,.topSection__item--works,.topSection__item--contact{padding-top:50px}.topSection__item--first{padding-top:80px}.topSection__item--first .topSection__title img{width:100%;height:auto}.topSection__title{width:auto;max-width:100%}.topSection__title img{height:80px;width:auto}.topSection__detail{width:auto;margin:20px 0 0;padding:0;font-size:1.25rem;line-height:2}.topSection__more{margin:0}.topSection__more__anchor{padding:18px 10px 18px 0;font-size:1.4rem}.topSection__more__anchor::after{width:8px;height:8px}}.topBottomArea{position:absolute;right:10vw;bottom:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:16vh;width:auto;padding:55px}@media only screen and (max-width: 768px){.topBottomArea{right:0;height:55px;padding:0 25px 25px}}.topNews{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;width:50%}.topNews__title{position:relative;width:45px;-webkit-box-flex:0;-ms-flex:0 0 45px;flex:0 0 45px;height:35px;margin:auto 0}.topNews__title::after{position:absolute;top:7px;right:0;bottom:7px;left:auto;content:"";width:1px;height:auto;background-image:repeating-linear-gradient(to bottom, #b4b6b2, #b4b6b2 1px, 1px, transparent 3px)}.topNews__title img{position:absolute;top:0;right:auto;bottom:0;left:0;margin:auto}.topNews__text{padding:0 0 0 25px}.topNews__text__day{margin:0 0 1em;font-size:.9rem;letter-spacing:.16em;line-height:1}.topNews__text__text{font-size:1.3rem;letter-spacing:.16em;line-height:1}@media only screen and (max-width: 768px){.topNews{width:100%}.topNews__title{width:35px;-webkit-box-flex:0;-ms-flex:none;flex:none;height:25px}.topNews__text{width:calc(100% - 35px);-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:0 0 0 10px}.topNews__text__text{font-size:1rem}}.topSection .swiper-container{height:100%;padding-bottom:100px}.swiper-wrapper{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.sliderController{position:absolute;right:55px;bottom:0;height:16vh;width:410px;padding:55px 0;overflow:hidden}.sliderController .swiper-pagination{position:absolute;top:auto;right:auto;bottom:50%;left:50%;line-height:1;letter-spacing:.12em;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}.sliderController .swiper-pagination .current{display:inline-block;font-size:2rem;font-weight:700;line-height:1;color:#48c355;-webkit-transform:translate(-15px, -11px);transform:translate(-15px, -11px)}.sliderController .swiper-pagination .total{position:relative;font-size:1.1rem;line-height:1}.sliderController .swiper-pagination .total::before{position:absolute;top:auto;right:100%;bottom:100%;left:auto;content:"";display:block;width:16px;height:16px;border-right:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(30deg) translate(-6px, 12px);transform:rotate(30deg) translate(-6px, 12px)}.sliderController .swiper-button-next,.sliderController .swiper-button-prev{display:inline-block;width:auto;height:auto;margin:0;padding:0 0 0 100px;font-size:1.1rem;font-weight:700;letter-spacing:.3em;line-height:1;color:inherit;background:none;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:0}.sliderController .swiper-button-next::before,.sliderController .swiper-button-prev::before{position:absolute;right:auto;bottom:2px;left:0;content:"";display:block;width:70px;height:1px;border-bottom:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom}.sliderController .swiper-button-next::after,.sliderController .swiper-button-prev::after{position:absolute;right:auto;bottom:2px;left:0;content:"";display:block;width:12px;height:12px;border-left:1px solid currentColor;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(48deg);transform:rotate(48deg)}.sliderController .swiper-button-prev{position:absolute;top:auto;right:auto;bottom:50%;left:0}.sliderController .swiper-button-prev.swiper-button-disabled::before{-webkit-animation:prevBtn-line 1s ease 0s 1 alternate none running;animation:prevBtn-line 1s ease 0s 1 alternate none running}.sliderController .swiper-button-prev.swiper-button-disabled::after{-webkit-animation:prevBtn-arw 1s ease 0s 1 alternate none running;animation:prevBtn-arw 1s ease 0s 1 alternate none running}@-webkit-keyframes prevBtn-line{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}80%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes prevBtn-line{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}80%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes prevBtn-arw{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}80%{-webkit-transform:rotate(48deg) scaleX(0);transform:rotate(48deg) scaleX(0)}100%{-webkit-transform:rotate(48deg) scaleX(1);transform:rotate(48deg) scaleX(1)}}@keyframes prevBtn-arw{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}80%{-webkit-transform:rotate(48deg) scaleX(0);transform:rotate(48deg) scaleX(0)}100%{-webkit-transform:rotate(48deg) scaleX(1);transform:rotate(48deg) scaleX(1)}}.sliderController .swiper-button-next{position:absolute;top:auto;right:0;bottom:50%;left:auto;padding:0 100px 0 0}.sliderController .swiper-button-next::before{right:0;left:auto;-webkit-transform-origin:left bottom;transform-origin:left bottom}.sliderController .swiper-button-next::after{right:0;left:auto;border-left:none;border-right:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-48deg);transform:rotate(-48deg)}.sliderController .swiper-button-next.swiper-button-disabled{-webkit-transform:translateX(50vw);transform:translateX(50vw)}.sliderController .scroll{position:absolute;top:auto;right:0;bottom:50%;left:auto;display:inline-block;padding:0 100px 0 0;font-size:1.1rem;letter-spacing:.3em;line-height:1;color:#48c355;opacity:1}.sliderController .scroll::before{position:absolute;right:0;bottom:2px;content:"";display:block;width:70px;height:1;border-bottom:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom}.sliderController .scroll::after{position:absolute;right:0;bottom:2px;content:"";display:block;width:12px;height:12px;border-right:1px solid currentColor;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-48deg);transform:rotate(-48deg)}.sliderController.is-beginning .scroll{opacity:1}.sliderController.is-beginning .swiper-pagination,.sliderController.is-beginning .swiper-button-prev,.sliderController.is-beginning .swiper-button-next{opacity:0}.sliderController:not(.is-beginning) .scroll{opacity:0}.sliderController:not(.is-beginning) .swiper-pagination,.sliderController:not(.is-beginning) .swiper-button-prev,.sliderController:not(.is-beginning) .swiper-button-next{opacity:1}@media only screen and (max-width: 768px){.sliderController{width:70%;height:30px;left:0;right:0;z-index:0;bottom:80px;margin:auto;padding:0}.sliderController .swiper-pagination{bottom:0}.sliderController .swiper-button-next,.sliderController .swiper-button-prev{padding:0 0 0 40px}.sliderController .swiper-button-next::before,.sliderController .swiper-button-prev::before{width:30px}.sliderController .swiper-button-prev{bottom:0}.sliderController .swiper-button-next{bottom:0;padding:0 40px 0 0}.sliderController .scroll{bottom:0}}.typography,.typography--logo,.typography--a,.typography--l,.typography--s,.typography--w,.typography--c{position:fixed;z-index:-1;right:-100px;right:0;bottom:-10px;bottom:0;width:auto;pointer-events:none;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:.2s;transition:.2s;-webkit-transform:scale(0, 1);transform:scale(0, 1);opacity:0}.typography--logo{width:auto;height:55.55vh}.typography--a,.typography--l,.typography--s,.typography--w,.typography--c{width:auto;height:77.7vh}.typography-color-1{fill:#00ff1b}.typography-color-2{fill:#78f4ab}.wrapper[data-typography="0"] .typography--logo{-webkit-transform:scale(1);transform:scale(1);opacity:1}.wrapper[data-typography="1"] .typography--a{-webkit-transform:scale(1);transform:scale(1);opacity:1}.wrapper[data-typography="2"] .typography--s{-webkit-transform:scale(1);transform:scale(1);opacity:1}.wrapper[data-typography="3"] .typography--w{-webkit-transform:scale(1);transform:scale(1);opacity:1}.wrapper[data-typography="4"] .typography--c{-webkit-transform:scale(1);transform:scale(1);opacity:1}@media only screen and (max-width: 768px){.typography,.typography--logo,.typography--a,.typography--l,.typography--s,.typography--w,.typography--c{left:-3vw;right:auto;bottom:-3vw;width:164vw;height:73.33vw}.typography--logo{left:-11vw;bottom:-6vw;width:165vw;height:auto}.typography--a,.typography--l,.typography--s,.typography--w,.typography--c{height:55vh;width:auto;left:auto;right:-9vw;bottom:-2vw}}