@charset "UTF-8";.fade-in-only.on,.fade-in.on{-webkit-animation-fill-mode:forwards}*,body *{-webkit-box-sizing:border-box}a,a:focus,a:hover,a:link{outline:0;-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955);text-decoration:none}a,body{color:#000}.is-pc{display:block!important}.is-sp{display:none!important}@media (max-width:768px){.is-pc{display:none!important}.is-sp{display:block!important}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInOnly{0%{opacity:0}100%{opacity:1}}@keyframes fadeInOnly{0%{opacity:0}100%{opacity:1}}.fade-in,.fade-in-only,.header{opacity:0}@-webkit-keyframes fillRight{0%{width:0}100%{width:100%}}@keyframes fillRight{0%{width:0}100%{width:100%}}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(100);transform:scale(100)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(100);transform:scale(100)}}.fade-in.on{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:2s;animation-duration:2s}.fade-in-only.on,.header{-webkit-animation-duration:3s}.fade-in-only.on{-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:3s}.header,.portfolio__wrap{-webkit-animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-delay:.3s}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,img,li,ol,p,pre,ul{margin:0;padding:0}body{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1;letter-spacing:0;background-repeat:repeat;-webkit-text-size-adjust:100%}body *{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:700}a{cursor:none;transition:all .4s cubic-bezier(.455,.03,.515,.955)}a:focus,a:hover,a:link{cursor:pointer;transition:all .4s cubic-bezier(.455,.03,.515,.955)}.header nav ul li a svg *,.spmenu>div span{-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955)}a:hover{text-decoration:underline}ol,ul{list-style-type:none}::selection{background-color:rgba(91,240,0,.7);color:#000}::-moz-selection{background-color:rgba(91,240,0,.7);color:#000}.header{position:fixed;top:0;left:0;width:100%;padding:32px 40px;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;animation-name:fadeInOnly;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:3s;animation-delay:.3s;border-bottom:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.spheader,.spheader__nav{position:fixed;z-index:980;top:0}@media (max-width:1024px){.header{display:none}}@media (max-width:480px){.header{padding:24px}}.header a.header__logo{display:block;width:60px}.header a.header__logo:hover{opacity:.5}.header a.header__logo svg{overflow:visible}@media (max-width:1024px){.header a.header__logo{width:48px;display:block}.header a.header__logo svg{width:100%}}.header nav,.header nav ul{display:-webkit-box;display:-ms-flexbox}.header nav{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header nav ul{display:flex;gap:24px}.header nav ul li a{width:auto;font-size:14px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.header nav ul li a svg{width:10px}.header nav ul li a svg *{transition:all .4s cubic-bezier(.455,.03,.515,.955)}.header nav ul li a:hover{color:#FCEE21;text-decoration:none}.header nav ul li a:hover svg path{stroke:#FCEE21}.spheader{width:100%;left:0;padding:0;height:74px;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);display:none}@media (max-width:1024px){.spheader{display:block}}.spheader.active{visibility:visible;opacity:1;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.spheader.active #spBg{right:0;opacity:1;pointer-events:auto}.spmenu{display:block;position:fixed;top:0;right:0;z-index:9999;padding:12px}.spheader__nav,.spmenu>div{display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;display:-webkit-box}.spmenu>div{-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);cursor:pointer;height:48px;width:48px;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;position:relative}.spmenu>div span{display:block;width:24px;height:1px;background-color:#fff;transition:all .4s cubic-bezier(.455,.03,.515,.955)}.spheader__nav::after,.toppage .spmenu div span{background-color:#000}.spmenu::after{content:'Close';position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955);transition:all .4s cubic-bezier(.455,.03,.515,.955);bottom:6px;opacity:0;visibility:hidden;font-size:10px;color:#fff}.spmenu.active span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:-3px}.spmenu.active span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-4px}.spmenu.active::after{bottom:3px;opacity:1;visibility:visible}.toppage .spmenu::after{color:#000}.spheader__logo{display:block;margin-top:12px;margin-left:24px;width:48px}.spheader__nav{height:100%;-webkit-transition:all .6s;transition:all .6s;display:flex;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;visibility:hidden;padding:24px 24px 32px;width:100%;left:0;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);opacity:0;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh;min-height:100dvh;overflow:hidden}.portfolio aside ul,.spheader__nav ul{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.spheader__nav-wrap{padding:80px 20px 180px;height:100%;overflow-y:scroll;overflow-x:hidden}@-webkit-keyframes navAnime{0%{-webkit-transform:translateX(-1.2em);transform:translateX(-1.2em);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes navAnime{0%{-webkit-transform:translateX(-1.2em);transform:translateX(-1.2em);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.spheader__nav::after{content:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.spheader__nav::after,.spheader__nav::before{opacity:0;-webkit-transition:all .6s;transition:all .6s}.news__list-img img,.spheader__nav ul li a svg *,.toppage .circle__logo a.portfoliobutton p{-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955)}.spheader__nav.active{visibility:visible;opacity:1;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.spheader__nav.active #spBg{right:0;opacity:1;pointer-events:auto}.spheader__nav.active #spBg::after,.spheader__nav.active #spBg::before{opacity:1}.spheader__nav h1{font-size:24px;font-weight:400;line-height:135%}.spheader__nav h1 span{display:block;font-size:12px;opacity:.5}.spheader__nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:24px}.spheader__nav ul::before{content:'MENU';display:block;padding-bottom:24px;font-size:12px;border-bottom:1px solid #fff;opacity:.5}.portfolio__wrap,.spheader__nav ul li a{display:-webkit-box;display:-ms-flexbox}.spheader__nav ul li a{font-size:24px;color:#fff;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:8px}.spheader__nav ul li a svg{width:.5em}.spheader__nav ul li a svg *{transition:all .4s cubic-bezier(.455,.03,.515,.955)}.spheader__nav ul li a:hover{text-decoration:none}.spheader__nav #spBg{background-color:rgba(0,0,0,.2);height:100%;width:500%;position:fixed;right:-50%;top:0;z-index:-1;opacity:0;-webkit-transition:all .6s;transition:all .6s;pointer-events:none}.portfolio__wrap,.team__wrap{max-width:1920px;position:relative;z-index:1}.toppage .spheader__nav ul::before{border-color:#000}.toppage .spheader__nav ul li a{color:#000}.toppage .spheader__nav ul li a svg>path{stroke:#000}.portfolio{background-color:#000;color:#fff}.portfolio__wrap{display:flex;width:100%;padding:170px 40px 40px;gap:48px;opacity:0;animation-name:fadeInOnly;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s;animation-delay:.3s}@media (max-width:1024px){.portfolio{overflow:auto}.portfolio__wrap{padding-top:98px}}@media (max-width:480px){.portfolio__wrap{padding:98px 24px 24px}}.portfolio aside{min-width:30%;height:calc(100vh - 180px);overflow-y:scroll;padding-bottom:40px}@media (max-width:1024px){.portfolio aside{min-width:100%;height:auto}}.portfolio aside h2{font-size:20px;margin-bottom:24px}.portfolio aside ul li a .portfolio__nav-info p,.team aside ul li a .team__nav-info p{font-size:12px;line-height:150%}.portfolio aside ul{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}.portfolio aside ul li{padding:24px 0;border-top:1px solid rgba(255,255,255,.3)}.portfolio aside ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#fff;gap:16px}.portfolio aside ul li a .portfolio__nav-icon{min-width:96px;max-width:96px;min-height:96px;max-height:96px;border-radius:12px;overflow:hidden;padding:16px;background-color:#fff}.brand,.news,.team{background-color:#000}@media (max-width:480px){.portfolio aside ul li a .portfolio__nav-icon{min-width:80px;max-width:80px;min-height:80px;max-height:80px}}.portfolio aside ul li a .portfolio__nav-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.portfolio aside ul li a .portfolio__nav-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.portfolio aside ul li a .portfolio__nav-info h3{font-size:14px;line-height:150%}.portfolio aside ul li a .portfolio__nav-cat{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;opacity:.65}.portfolio aside ul li a .portfolio__nav-cat span{font-size:14px;gap:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.portfolio aside ul li a .portfolio__nav-cat span::after{content:'/';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.portfolio aside ul li a .portfolio__nav-cat span:last-child::after{content:''}.portfolio aside ul li a:hover{opacity:.7}.portfolio aside ul li.is-active a{color:#FCEE21;pointer-events:none}.portfolio main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px;min-width:calc(70% - 48px);height:calc(100vh - 180px);overflow-y:scroll;padding-bottom:40px}.portfolio main a.backbutton{display:none;color:#fff;gap:8px;text-decoration:none}@media (max-width:1024px){.portfolio main{display:none;min-width:100%}.portfolio main a.backbutton{display:-webkit-box;display:-ms-flexbox;display:flex}}.portfolio main a.backbutton svg{width:30px}@media (max-width:480px){.portfolio main a.backbutton svg{width:1.7em}}.portfolio main a.backbutton svg path{stroke:#fff}.portfolio main .portfolio__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;width:calc(100% - 200px)}.portfolio main .portfolio__container-img{width:100%;padding-top:56.25%;border-radius:24px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.2)}.portfolio main .portfolio__container h1{font-size:32px;font-weight:400}.portfolio main .portfolio__container .portfolio__container-cat{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;width:calc(100% - 96px);opacity:.65}.portfolio main .portfolio__container .portfolio__container-cat span{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.portfolio main .portfolio__container .portfolio__container-cat span::after{content:'/';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.portfolio main .portfolio__container .portfolio__container-cat span:last-child::after{content:''}.portfolio main .portfolio__container p{font-size:14px;line-height:180%}@media (max-width:480px){.portfolio main .portfolio__container p{font-size:3.33333vw}}.portfolio main .portfolio__container-aside{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;min-width:200px}.portfolio main .portfolio__container-aside h3{font-size:20px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.3)}.portfolio main .portfolio__container-aside ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.portfolio main .portfolio__container-aside ul li a{color:#fff;font-size:14px}.portfolio main .portfolio__container-aside ul li a:hover{text-decoration:underline;color:#FCEE21}.portfolio.portfolio-detail header.header{-webkit-animation:none;animation:none;opacity:1}@media (max-width:1024px){.portfolio.portfolio-detail header.header{opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s}}.portfolio.portfolio-detail .portfolio__wrap{-webkit-animation:none;animation:none;opacity:1}.news__wrap,.team__wrap{-webkit-animation-delay:.3s}@media (max-width:1024px){.portfolio.portfolio-detail .portfolio__wrap{opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s}.portfolio.portfolio-detail aside{display:none}.portfolio.portfolio-detail main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;overflow:hidden;padding-bottom:40px}.portfolio.portfolio-detail main .portfolio__container{width:100%}}.portfolio.portfolio-detail aside ul>li.current{opacity:.5;pointer-events:none}.team{color:#fff}.team__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:170px 40px 40px;gap:48px;opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s;animation-delay:.3s}.team aside ul,.team aside ul li a{display:-webkit-box;display:-ms-flexbox}@media (max-width:1024px){.team{overflow:auto}.team__wrap{padding-top:98px}}@media (max-width:480px){.team__wrap{padding:98px 24px 24px}}.team aside,.team main{height:calc(100vh - 180px);overflow-y:scroll;padding-bottom:40px}.team aside{min-width:30%}@media (max-width:1024px){.team aside{min-width:100%;height:auto}}.team aside h2{font-size:20px;margin-bottom:24px}.team aside ul{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:64px}.team aside ul:last-of-type{margin-bottom:0}.brand h2,.news h2{margin-bottom:48px}.team aside ul li{padding:24px 0;border-top:1px solid rgba(255,255,255,.3)}.team aside ul li a{display:flex;text-decoration:none;color:#fff;gap:16px}.team aside ul li a .team__nav-icon{min-width:96px;max-width:96px;min-height:96px;max-height:96px;border-radius:12px;overflow:hidden;background-color:#fff}@media (max-width:480px){.team aside ul li a .team__nav-icon{min-width:80px;max-width:80px;min-height:80px;max-height:80px}}.team aside ul li a .team__nav-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.team aside ul li a .team__nav-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.team aside ul li a .team__nav-info h3{font-size:14px;line-height:150%}.team aside ul li a .team__nav-cat{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;opacity:.65}.team aside ul li a .team__nav-cat span{font-size:14px;gap:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.team aside ul li a .team__nav-cat span::after{content:'/';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.team aside ul li a .team__nav-cat span:last-child::after{content:''}.team aside ul li a:hover{opacity:.7}.team aside ul li.is-active a{color:#5BF000;pointer-events:none}.team main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px}.team main a.backbutton{display:none;color:#fff;gap:8px;text-decoration:none}@media (max-width:1024px){.team main{display:none;min-width:100%}.team main a.backbutton{display:-webkit-box;display:-ms-flexbox;display:flex}.team main .team__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.team main a.backbutton svg{width:30px}@media (max-width:480px){.team main a.backbutton svg{width:1.7em}}.team main a.backbutton svg path{stroke:#fff}.team main .team__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.team main .team__container-img{width:20vw;padding-top:20vw;border-radius:24px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.2)}.team main .team__container-img.team__container-img-sp{display:none}@media (max-width:1024px){.team main .team__container-img{max-width:100vw;width:100%;height:calc(100vw - 48px);display:none}.team main .team__container-img.team__container-img-sp{display:block;min-width:100%}}.team main .team__container h1{font-size:32px;font-weight:400}.team main .team__container .team__container-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.team main .team__container .team__container-cat{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;width:calc(100% - 96px);opacity:.65}.team main .team__container .team__container-cat span{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.team main .team__container .team__container-cat span::after{content:'/';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.team main .team__container .team__container-cat span:last-child::after{content:''}.team main .team__container p{font-size:14px;line-height:180%}@media (max-width:480px){.team main .team__container p{font-size:3.33333vw}}.team main .team__container-aside{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.team main .team__container-aside h3{font-size:20px;font-weight:700;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.3)}.team main .team__container-aside ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.team main .team__container-aside ul li a{color:#fff;font-size:14px}.team main .team__container-aside ul li a:hover{text-decoration:underline;color:#FCEE21}.team.team-detail header.header{-webkit-animation:none;animation:none;opacity:1}@media (max-width:1024px){.team.team-detail header.header{opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s}}.team.team-detail .team__wrap{-webkit-animation:none;animation:none;opacity:1}@media (max-width:1024px){.team.team-detail .team__wrap{opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s}.team.team-detail aside{display:none}}.brand__wrap,.news__wrap{-webkit-animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;position:relative;z-index:1}.team.team-detail aside ul>li.current{opacity:.5;pointer-events:none}.news{color:#fff}@media (max-width:1024px){.team.team-detail main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;overflow:hidden;padding-bottom:40px}.team.team-detail main .team__container{width:100%}.news{overflow:auto}}.news__wrap{max-width:1920px;width:100%;padding:170px 40px 40px;gap:48px;opacity:0;animation-name:fadeInOnly;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:3s;animation-delay:.3s}@media (max-width:1024px){.news__wrap{padding-top:98px}}.news h2{font-size:20px}.news__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px}.news__list li{width:33.333%}@media (max-width:768px){.news__list li{width:50%}}@media (max-width:480px){.news__wrap{padding:98px 24px 24px}.news__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.news__list li{width:100%}}.news__list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;color:#fff}.brand__list li .brand-text,.news__list-info{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.news__list a:hover{text-decoration:none}.news__list a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.7}.news__list-img{overflow:hidden}.news__list-img img{line-height:0;max-width:100%;transition:all .4s cubic-bezier(.455,.03,.515,.955)}.news__list-info{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:12px}.news__list-info h3{line-height:1.5;font-size:18px}.news__list-info time{opacity:.7}.brand{color:#fff}.brand__wrap{max-width:1920px;width:100%;padding:170px 40px 40px;gap:48px;opacity:0;animation-name:fadeInOnly;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:3s;-webkit-animation-delay:.3s;animation-delay:.3s}@media (max-width:1024px){.brand{overflow:auto}.brand__wrap{padding-top:98px}}@media (max-width:480px){.brand__wrap{padding:98px 24px 24px}}.brand h2{font-size:20px}.brand__list{gap:48px}.brand__list li{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand__list li .brand-img{width:360px;line-height:0}.brand__list li .brand-img img{max-width:100%}.brand__list li .brand-text{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;text-align:left;gap:16px}.brand__list li .btn{display:block;position:relative;padding:15px 22px;color:#fff;text-decoration:none;outline:rgba(255,255,255,.3) solid 1px;outline-offset:-1px;overflow:hidden}.brand__list li .btn:after,.brand__list li .btn:before,.brand__list li .btn__inr:after,.brand__list li .btn__inr:before{content:'';position:absolute;width:0;height:0;background-color:#fff;-webkit-transition:.16s ease-in;transition:.16s ease-in}.brand__list li .btn::before{left:0;top:0;width:0;height:1px}.brand__list li .btn::after{right:0;bottom:0;width:0;height:1px}.brand__list li .btn__inr::before{left:0;bottom:0;width:1px;height:0;-webkit-transition-delay:.16s;transition-delay:.16s}.brand__list li .btn__inr::after{right:0;top:0;width:1px;height:0;-webkit-transition-delay:.16s;transition-delay:.16s}.brand__list li .btn:hover::after,.brand__list li .btn:hover::before{width:100%}.brand__list li .btn:hover .btn__inr::after,.brand__list li .btn:hover .btn__inr::before{height:100%}*{box-sizing:border-box}body{font-family:'Helvetica Neue',HelveticaNeue,Helvetica,-apple-system,BlinkMacSystemFont,'游ゴシック体',YuGothic,'Yu Gothic M','游ゴシック Medium','Yu Gothic Medium','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN W3',HiraKakuProN-W3,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Arial,'Segoe UI',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#fff;position:relative;z-index:1;height:100vh;height:100svh;overflow:hidden}.toppage header.header{border:none;background:0 0;-webkit-backdrop-filter:none;backdrop-filter:none}.toppage .texts{position:absolute;left:0;bottom:0;padding:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.5s;animation-delay:.5s}@media (max-width:1024px){.toppage .texts{display:none}}.toppage .texts a{color:#000;font-size:14px;text-decoration:underline;margin:0 0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.toppage .texts a svg{width:.6em}.toppage .texts a svg path{stroke:#000}.toppage .texts h1{font-size:14px;font-weight:400}.toppage .circle__logo{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:fixed;right:-32%;width:75%}@media (max-width:1024px){.toppage .texts a{margin:12px 0 0}.toppage .circle__logo{top:auto;right:auto;width:130%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-54vw}.toppage .circle__logo a.portfoliobutton p{-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1.5s;animation-delay:1.5s}}.toppage .circle__logo a.portfoliobutton{display:block;position:relative;z-index:1}.toppage .circle__logo a.portfoliobutton p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;transition:all .4s cubic-bezier(.455,.03,.515,.955);opacity:0}.toppage .circle__logo a.portfoliobutton p svg{width:30px}@media (max-width:480px){.toppage .texts{padding:24px}.toppage .circle__logo a.portfoliobutton p{font-size:3.33333vw}.toppage .circle__logo a.portfoliobutton p svg{width:1.7em}}.toppage .circle__logo a.portfoliobutton p svg path{stroke:#000}.toppage .circle__logo a.portfoliobutton:hover p{opacity:1}.toppage .circle__logo a.portfoliobutton:hover svg path.letter-o-fill{fill:#000}.toppage .circle__logo a.portfoliobutton:hover svg g.typography path{fill:#FCEE21}.toppage .circle__logo svg{width:100%;overflow:visible;opacity:0;-webkit-animation-name:fadeInOnly;animation-name:fadeInOnly;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1.5s;animation-delay:1.5s}.toppage .circle__logo svg g.typography{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:90s linear infinite rotation;animation:90s linear infinite rotation;-webkit-animation-delay:3s;animation-delay:3s}.toppage .circle__logo svg g.typography path{-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955);transition:all .4s cubic-bezier(.455,.03,.515,.955)}.toppage .circle__logo svg path.letter-o-fill{fill:transparent;-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955);transition:all .4s cubic-bezier(.455,.03,.515,.955)}.toppage .circle__logo svg .letter-o.is-active{-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform-origin:center center;transform-origin:center center}.toppage .overlay{z-index:-1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-5vw;width:22vw;height:22vw}@media (max-width:1024px){.toppage .overlay{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:auto;right:auto;bottom:-2vw;width:34vw;height:36vw}}.toppage .overlay::after{content:'';display:block;width:100%;height:100%;border-radius:50%;background-color:#000;z-index:999;opacity:0;-webkit-transition:all .4s cubic-bezier(.455,.03,.515,.955);transition:all .4s cubic-bezier(.455,.03,.515,.955)}.toppage .overlay.is-active{z-index:999}.toppage .overlay.is-active::after{opacity:1;-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform-origin:center center;transform-origin:center center}
/*# sourceMappingURL=main.css.map */