*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes logoIn{to{transform:translateY(0)}}@keyframes pageIn{0%{opacity:0}100%{opacity:1}}@keyframes fogMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes flashLoop{0%,33.2%{opacity:1}33.3%,100%{opacity:0}}@keyframes drop{0%{top:-100%}100%{top:110%}}@keyframes rotateY{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@keyframes btnTop{0%{transform:translateY(-10px) scaleX(0.7)}10%{transform:translateY(-10px) scaleX(0.5)}20%{transform:translateY(-10px) scaleX(1)}30%{transform:translateY(-10px) scaleX(0.1)}40%{transform:translateY(-10px) scaleX(0.5)}50%{transform:translateY(-10px) scaleX(0.7)}60%{transform:translateY(-10px) scaleX(0.5)}70%{transform:translateY(-10px) scaleX(0.1)}80%{transform:translateY(-10px) scaleX(1)}90%{transform:translateY(-10px) scaleX(0.1)}100%{transform:translateY(-10px) scaleX(0.7)}}@keyframes btnMiddle{0%{transform:scaleX(0.3)}10%{transform:scaleX(0.6)}20%{transform:scaleX(0.4)}30%{transform:scaleX(0.2)}40%{transform:scaleX(0.6)}50%{transform:scaleX(0.4)}60%{transform:scaleX(0.2)}70%{transform:scaleX(0.5)}80%{transform:scaleX(0.4)}90%{transform:scaleX(0.4)}100%{transform:scaleX(0.3)}}@keyframes btnBottom{0%{transform:translateY(10px) scaleX(0.1)}10%{transform:translateY(10px) scaleX(0.2)}20%{transform:translateY(10px) scaleX(0.4)}30%{transform:translateY(10px) scaleX(0.3)}40%{transform:translateY(10px) scaleX(0.2)}50%{transform:translateY(10px) scaleX(0.1)}60%{transform:translateY(10px) scaleX(0.2)}70%{transform:translateY(10px) scaleX(0.1)}80%{transform:translateY(10px) scaleX(0.2)}90%{transform:translateY(10px) scaleX(0.1)}100%{transform:translateY(10px) scaleX(0.3)}}#contactpage .contact__txt,#contactpage .contact__ttl,#contactpage .contact form label,#contactpage .contact form button,#works-sakura .works__txt,#works-sakura .works__ttl,#works-sakura .about__ttl,#works-sakura .about__link,#works-sakura .about__link2,#works-coffee .works__txt,#works-coffee .works__ttl,#works-coffee .about__ttl,#works-coffee .about__link,#works-coffee .about__link2,#works-coffee .about__link3,#works-azito .works__txt,#works-azito .works__ttl,#works-azito .about__ttl,#works-azito .about__sitelink,#works-azito .about__link,#works-azito .about__link3,#works-matcha .works__txt,#works-matcha .works__ttl,#works-matcha .about__ttl,#works-matcha .about__sitelink,#works-matcha .about__link,#works-matcha .about__link2,#works-matcha .about__link3,#works-wss .works__txt,#works-wss .works__ttl,#works-wss .about__ttl,#works-wss .about__sitelink,#works-wss .about__link,#works-wss .about__link2,#works-wss .about__link3,#works-boxing .works__txt,#works-boxing .works__ttl,#works-boxing .about__ttl,#works-boxing .about__sitelink,#works-boxing .about__link,#works-boxing .about__link2,#works-boxing .about__link3,#list .works__txt,#list .works__ttl,#top .mv__cacth,#top .dreams__txt,#top .profile__ttl,#top .works__ttl,#top .skills__ttl,#top .profile__name,#top .life__ttl,#top .works__link,#top .skills__txt,#top .modal__container01 .modal__txt,#top .modal__container02 .modal__txt,#top .modal__container03 .modal__txt,#top .slide-txt__txt,#top .contact__ttl,.opening__text,.footer__name,.footer__mail,.footer__copy,.gnav__link,.footer__gnav__link{font-family:"Anton",sans-serif;color:#fff;letter-spacing:0;line-height:1}#contactpage .contact__subttl,#works-sakura .works__subttl,#works-coffee .works__subttl,#works-azito .works__subttl,#works-matcha .works__subttl,#works-wss .works__subttl,#works-boxing .works__subttl,#list .works__subttl,#top .profile__subttl,#top .life__subttl,#top .works__subttl,#top .skills__subttl,#top .contact__subttl{font-size:14px;letter-spacing:.03em;color:#c9d1d9;display:flex;justify-content:center;align-items:center;gap:4px}#contactpage .contact__subttl::before,#contactpage .contact__subttl::after,#works-sakura .works__subttl::before,#works-coffee .works__subttl::before,#works-azito .works__subttl::before,#works-matcha .works__subttl::before,#works-wss .works__subttl::before,#works-boxing .works__subttl::before,#list .works__subttl::before,#list .works__subttl::after,#top .profile__subttl::before,#top .profile__subttl::after,#top .life__subttl::before,#top .life__subttl::after,#top .works__subttl::before,#top .works__subttl::after,#top .skills__subttl::before,#top .skills__subttl::after,#top .contact__subttl::before{content:"";width:25px;height:1px;background:#c9d1d9;top:50%}#thanks,#contactpage .wrapper,#works-sakura .wrapper,#works-coffee .wrapper,#works-azito .wrapper,#works-matcha .wrapper,#works-wss .wrapper,#works-boxing .wrapper,#list .wrapper,#top .mv__bg--blue,#top .line2,#top .dreams,#top .profile,#top .life,#top .skills,#top .slide-txt,.header{background:#0065c9;background-image:url(../images/noise2.png)}#top{font-family:"Zen Kaku Gothic New",sans-serif}.header{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;transition:.9s;z-index:5}@media screen and (min-width: 1024px){.header{padding:36px 62px 35px 42px}}.header__icon{width:40px}@media screen and (min-width: 768px){.header__icon{width:auto}}.header__link{display:block;padding:10px}.header__img{width:100%;-o-object-fit:cover;object-fit:cover}.btn{width:44px;height:44px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}@media screen and (min-width: 768px){.btn{width:70px;height:70px}}@media screen and (min-width: 1024px){.btn{display:none}}.btn__top,.btn__middle,.btn__bottom{display:block;position:absolute;width:100%;height:2px;background:#fff;transition:.6s}.btn__top{transform:translateY(-10px);transform-origin:right;animation:btnTop 4s infinite}.btn__middle{transform-origin:right;animation:btnMiddle 4s infinite}.btn__bottom{transform:translateY(10px);transform-origin:right;animation:btnBottom 4s infinite}.gnav{position:absolute;top:0;left:100%;display:flex;align-items:center;width:100%;height:100vh;background:#131313;transition:.5s}@media screen and (min-width: 1024px){.gnav{justify-content:right;position:static;height:auto;background:none}}@media screen and (min-width: 1024px){.gnav__nav{display:flex;gap:0 75px}}.gnav__list{margin-left:20px;width:100%}@media screen and (min-width: 768px){.gnav__list{margin-left:90px}}@media screen and (min-width: 1024px){.gnav__list{margin:0;width:auto}}.gnav__link{display:block;padding:30px;width:300px;font-size:30px;color:#fff;text-decoration:none;position:relative;overflow:hidden}@media screen and (min-width: 768px){.gnav__link{width:500px;font-size:60px}}@media screen and (min-width: 1024px){.gnav__link{width:auto;font-size:22px;padding:10px 20px}}.gnav__link-inner{display:block;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}.gnav__link-txt{display:block}.gnav__link-txt:nth-child(2){position:absolute;top:300%;left:0;width:100%;color:#e8ff37}.gnav__link:hover .gnav__link-inner{transform:translateY(-300%)}.gnav__link::after{content:"";width:226px;height:1px;background:#fff;position:absolute;bottom:20px;left:30px}@media screen and (min-width: 768px){.gnav__link::after{width:500px}}@media screen and (min-width: 1024px){.gnav__link::after{display:none}}.gnav__span{display:block;padding-top:5px;font-size:14px;color:#c9d1d9}@media screen and (min-width: 768px){.gnav__span{font-size:20px}}.gnav__link-txt:nth-child(2) .gnav__span{color:#e8ff37}@media screen and (min-width: 1024px){.gnav__span{display:none}}.footer__gnav{margin-bottom:43px}@media screen and (min-width: 1024px){.footer__gnav{margin-bottom:75px}}.footer__gnav__nav{display:flex;justify-content:center}@media screen and (min-width: 1024px){.footer__gnav__nav{gap:0 60px}}.footer__gnav__link{padding:10px 20px;font-size:16px;text-decoration:none;transition:.4s}@media screen and (min-width: 768px){.footer__gnav__link{font-size:22px}}.footer__gnav__link:hover{opacity:.5}.footer{padding:10% 5% 0;background:#131313;text-align:center;position:relative}@media screen and (min-width: 768px){.footer{padding-top:5%}}.footer::after{content:"";width:90%;height:1px;background:#fff;position:absolute;bottom:42px;left:50%;transform:translateX(-50%)}@media screen and (min-width: 1024px){.footer::after{bottom:45px}}@media screen and (min-width: 1500px){.footer::after{bottom:45px}}.footer__name{margin-bottom:10px;font-size:35px}@media screen and (min-width: 768px){.footer__name{font-size:60px}}@media screen and (min-width: 1024px){.footer__name{margin-bottom:23px;font-size:100px}}.footer__mail{margin-bottom:35px;font-size:20px}@media screen and (min-width: 768px){.footer__mail{font-size:30px}}@media screen and (min-width: 1024px){.footer__mail{margin-bottom:78px;font-size:50px}}.footer__copy{padding-bottom:16px;font-size:10px}@media screen and (min-width: 768px){.footer__copy{font-size:14px}}#top .wrapper{overflow:hidden}#top .mv{margin-bottom:80px;height:100vh;position:relative}@media screen and (min-width: 1024px){#top .mv{margin-bottom:-60px}}#top .mv__fog{position:absolute;top:30%;left:0;width:200%;height:100%;z-index:1;pointer-events:none;background-repeat:repeat-x;background-position:center bottom;background-size:50% 100%;mask-image:linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);filter:blur(10px)}@media screen and (min-width: 1024px){#top .mv__fog{top:40%}}#top .mv__fog--1{background-image:url("../images/fog.png");animation:fogMove 10s linear infinite;opacity:.2}@media screen and (min-width: 1024px){#top .mv__fog--1{animation:fogMove 20s linear infinite}}#top .mv__fog--2{background-image:url("../images/fog.png");animation:fogMove 20s linear infinite;opacity:.1}@media screen and (min-width: 1024px){#top .mv__fog--2{animation:fogMove 40s linear infinite}}#top .mv__bg--blue{width:100%;height:17%;padding:0 5%;margin-top:62px;position:relative;z-index:-1}@media screen and (min-width: 768px){#top .mv__bg--blue{height:22%}}@media screen and (min-width: 1024px){#top .mv__bg--blue{top:78px;height:29%}}@media screen and (min-width: 1500px){#top .mv__bg--blue{top:79px;height:29%}}@media screen and (min-width: 1700px){#top .mv__bg--blue{top:80px;height:29%}}#top .mv__box{position:relative;height:calc(83% - 62px);padding:0 5%}@media screen and (min-width: 1024px){#top .mv__box{bottom:-70px;height:calc(71% - 142px)}}#top .mv__subbox{position:absolute;bottom:10px;z-index:1}@media screen and (min-width: 768px){#top .mv__subbox{display:flex;bottom:60px}}@media screen and (min-width: 1024px){#top .mv__subbox{bottom:0}}#top .mv__cacth{color:#131313;font-size:89px}#top .mv__cacth._white{position:absolute;bottom:3px}#top .mv__cacth .line{display:block;overflow:hidden;margin:2px 0;height:85px}@media screen and (min-width: 768px){#top .mv__cacth .line{height:170px}}@media screen and (min-width: 1024px){#top .mv__cacth .line{margin:8px 0;height:180px}}@media screen and (min-width: 1500px){#top .mv__cacth .line{margin:8px 0;height:230px}}#top .mv__cacth .line span{display:block;transform:translateY(110%);opacity:0;transition:transform .8s cubic-bezier(0.2, 1, 0.3, 1),opacity .8s;will-change:transform}#top .mv__cacth.is-visible .line span{transform:translateY(0);opacity:1}#top .mv__cacth.is-visible .line span._02{transition-delay:.15s}#top .mv__cacth.is-visible .line span._03{transition-delay:.3s}#top .mv__cacth.is-visible .line:nth-child(2) span{transition-delay:.15s}#top .mv__cacth.is-visible .line:nth-child(3) span{transition-delay:.3s}@media screen and (min-width: 768px){#top .mv__cacth{font-size:170px}}@media screen and (min-width: 1024px){#top .mv__cacth{font-size:180px}}@media screen and (min-width: 1500px){#top .mv__cacth{font-size:240px}}#top .mv__span{color:#fff}#top .mv picture{position:absolute;bottom:-3%;right:5%;opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-30px);transition:clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1),transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),opacity .6s ease-out}@media screen and (min-width: 600px){#top .mv picture{width:300px;bottom:0}}@media screen and (min-width: 768px){#top .mv picture{width:auto;bottom:-18%}}@media screen and (min-width: 1024px){#top .mv picture{bottom:-34%;right:0;width:480px}}@media screen and (min-width: 1260px){#top .mv picture{bottom:-34%;right:0;width:600px}}@media screen and (min-width: 1500px){#top .mv picture{bottom:-34%;right:1%;width:auto}}@media screen and (min-width: 1700px){#top .mv picture{bottom:-34%;right:12%}}#top .mv picture.is-visible{opacity:1 !important;clip-path:inset(0 0 0 0) !important;transform:translateX(0) !important}#top .mv picture .mv__img{width:100%;height:auto;display:block}#top .mv__sub{font-family:"Anton",sans-serif;font-size:20px;line-height:1.2;z-index:1;overflow:hidden}@media screen and (min-width: 768px){#top .mv__sub{font-size:30px;top:-5px}}#top .mv__sub span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .8s cubic-bezier(0.2, 1, 0.3, 1),opacity .8s;transition-delay:calc(var(--i)*.03s)}#top .mv__sub.is-visible span{transform:translateY(0);opacity:1}#top .line{margin-bottom:40px;position:relative;width:100%;height:80px;overflow:hidden}@media screen and (min-width: 768px){#top .line{height:220px;margin-bottom:500px}}#top .line__box{width:1px;height:80px;position:absolute;top:0;left:50%;background:rgba(0,0,0,.4)}@media screen and (min-width: 768px){#top .line__box{height:220px}}#top .line__box::after{content:"";display:block;position:absolute;width:100%;height:80px;top:-50%;left:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 65%, #ffffff 100%);animation:drop 1.5s infinite}@media screen and (min-width: 768px){#top .line__box::after{height:220px}}#top .line2{position:relative;width:100%;height:80px;overflow:hidden}@media screen and (min-width: 768px){#top .line2{height:220px}}#top .line2__box{width:1px;height:80px;position:absolute;top:0;left:50%;background:hsla(0,0%,100%,.2)}@media screen and (min-width: 768px){#top .line2__box{height:220px}}#top .line2__box::after{content:"";display:block;position:absolute;width:100%;height:80px;top:-50%;left:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 65%, #ffffff 100%);animation:drop 1.5s infinite}@media screen and (min-width: 768px){#top .line2__box::after{height:220px}}#top .dreams{padding:150px 0 100px;text-align:center;position:relative;clip-path:circle(0% at 50% 100%);transition:clip-path .2s ease-out;will-change:clip-path}@media screen and (min-width: 768px){#top .dreams{padding-top:100px}}@media screen and (min-width: 1024px){#top .dreams{padding-top:400px}}#top .dreams__txt{font-size:48px;color:#fff}@media screen and (min-width: 768px){#top .dreams__txt{font-size:80px}}@media screen and (min-width: 1024px){#top .dreams__txt{font-size:150px}}#top .dreams__txt span{display:inline-block;opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out}#top .dreams__txt.is-visible span{opacity:1;transform:translateY(0)}#top .dreams__txt.is-visible span:nth-of-type(1){transition-delay:.2s}#top .dreams__txt.is-visible span:nth-of-type(2){transition-delay:.5s}#top .dreams__txt.is-visible span:nth-of-type(3){transition-delay:.8s}@media screen and (min-width: 1024px){#top .dreams__br{display:none}}#top .dreams__span{display:block;margin-top:94px}@media screen and (min-width: 1024px){#top .dreams__span{margin:0}}#top .dreams__txtspan{color:#e8ff37}#top .dreams .dreams__pic{position:absolute;bottom:27%;left:50%;transform:translateX(-50%);opacity:0;animation:flashLoop 1.5s infinite}@media screen and (min-width: 768px){#top .dreams .dreams__pic{bottom:27.5%}}@media screen and (min-width: 1024px){#top .dreams .dreams__pic{bottom:20.2%;left:18%}}@media screen and (min-width: 1300px){#top .dreams .dreams__pic{bottom:37%;left:12%}}@media screen and (min-width: 1427px){#top .dreams .dreams__pic{bottom:10%;left:9%}}@media screen and (min-width: 1700px){#top .dreams .dreams__pic{bottom:11%;left:18%}}#top .dreams .dreams__pic1{animation-delay:0s}#top .dreams .dreams__pic2{animation-delay:.5s}#top .dreams .dreams__pic3{animation-delay:1s}#top .dreams .profile__img{display:block;width:100%;filter:grayscale(40%);-o-object-fit:cover;object-fit:cover}#top .profile__ttl,#top .works__ttl,#top .skills__ttl{margin-bottom:10px;font-size:70px;text-align:center;overflow:hidden;position:relative}@media screen and (min-width: 768px){#top .profile__ttl,#top .works__ttl,#top .skills__ttl{font-size:160px}}@media screen and (min-width: 1024px){#top .profile__ttl,#top .works__ttl,#top .skills__ttl{font-size:215px}}#top .profile__ttl span,#top .works__ttl span,#top .skills__ttl span{display:inline-block;opacity:0;transform:translateY(110%);transition:opacity .6s ease-out,transform .6s cubic-bezier(0.2, 1, 0.3, 1);transition-delay:calc(var(--i)*.1s)}#top .profile__ttl.is-visible span,#top .works__ttl.is-visible span,#top .skills__ttl.is-visible span{opacity:1;transform:translateY(0)}#top .profile{padding:100px 5% 37px;position:relative}@media screen and (min-width: 1024px){#top .profile{padding:200px 12% 0}}#top .profile__subttl{margin-bottom:33px}@media screen and (min-width: 768px){#top .profile__subttl{margin-bottom:119px;font-size:20px}}@media screen and (min-width: 1024px){#top .profile__wrap{display:flex;gap:0 120px}}#top .profile picture{margin:0 auto 60px;position:relative;width:255px;z-index:1}@media screen and (min-width: 768px){#top .profile picture{width:395px}}@media screen and (min-width: 1024px){#top .profile picture{width:auto;margin-bottom:265px}}#top .profile picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .profile__slidetxt1{font-size:60px;font-family:"Anton",sans-serif;color:rgba(10,61,102,.3);white-space:nowrap;position:absolute;top:48%;left:0;transform:translateX(50%);animation:scroll-left 40s linear infinite}@media screen and (min-width: 768px){#top .profile__slidetxt1{top:52%;font-size:110px}}@media screen and (min-width: 1024px){#top .profile__slidetxt1{top:68%;font-size:200px}}#top .profile__slidetxt2{font-size:60px;font-family:"Anton",sans-serif;color:rgba(10,61,102,.3);white-space:nowrap;position:absolute;top:54%;left:0;z-index:2;transform:translateX(-50%);animation:scroll-right 40s linear infinite}@media screen and (min-width: 768px){#top .profile__slidetxt2{top:58.8%;font-size:110px}}@media screen and (min-width: 1024px){#top .profile__slidetxt2{top:80%;font-size:200px}}@media screen and (min-width: 1024px){#top .profile__box{margin-top:82px}}#top .profile__name{margin-bottom:9px;font-size:30px}@media screen and (min-width: 768px){#top .profile__name{font-size:80px}}#top .profile__subname{margin-bottom:40px;font-size:14px;color:#f2f4f7;position:relative}@media screen and (min-width: 768px){#top .profile__subname{font-size:24px}}#top .profile__subname::after{content:"";width:230px;height:1px;background:#fff;position:absolute;bottom:-10px;left:0}@media screen and (min-width: 768px){#top .profile__subname::after{width:665px}}#top .profile__txt{font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.6;letter-spacing:.03em}@media screen and (min-width: 768px){#top .profile__txt{font-size:20px;line-height:1.8}}#top .profile__txt span{display:inline-block;opacity:.1;will-change:opacity;transition:opacity .3s ease}#top .profile__pc{display:none}@media screen and (min-width: 1024px){#top .profile__pc{display:flex}}@media screen and (min-width: 768px){#top .profile__sp{display:none}}#top .life{padding-top:37px;text-align:center}@media screen and (min-width: 1024px){#top .life{padding-top:85px;height:280vh}}#top .life__ttl{margin-bottom:13px;font-size:48px;color:#fff;overflow:hidden}@media screen and (min-width: 768px){#top .life__ttl{font-size:80px}}@media screen and (min-width: 1024px){#top .life__ttl{font-size:150px}}#top .life__ttl .life__line{display:block;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out}#top .life__ttl .life__line.is-visible{opacity:1;transform:translateY(0)}#top .life__ttl .life__line.is-visible.step-1{transition-delay:.2s}#top .life__ttl .life__line.is-visible.step-2{transition-delay:.5s}#top .life__ttl .life__line.is-visible.step-3{transition-delay:.8s}#top .life__span{color:#e8ff37}#top .life__subttl{margin-bottom:20px}@media screen and (min-width: 768px){#top .life__subttl{font-size:20px}}#top .life__wrap{height:190vh}@media screen and (min-width: 768px){#top .life__wrap{height:200vh}}#top .life picture img{border-radius:20px;filter:grayscale(80%)}#top .life__pic1,#top .life__pic2,#top .life__pic3,#top .life__pic4,#top .life__pic5,#top .life__pic6{position:relative}#top .life__pic1{--offset-y: 200px;transform:translate(10%, var(--offset-y))}@media screen and (min-width: 1024px){#top .life__pic1{transform:translate(26%, calc(-40% + var(--offset-y)))}}@media screen and (min-width: 1500px){#top .life__pic1{transform:translate(10%, calc(-40% + var(--offset-y)))}}@media screen and (min-width: 1700px){#top .life__pic1{transform:translate(26%, calc(-40% + var(--offset-y)))}}#top .life__pic2{--offset-y: 100px;transform:translate(45%, calc(-40% + var(--offset-y)));will-change:transform}@media screen and (min-width: 1024px){#top .life__pic2{transform:translate(32%, calc(-25% + var(--offset-y)))}}@media screen and (min-width: 1500px){#top .life__pic2{transform:translate(20%, calc(-25% + var(--offset-y)))}}@media screen and (min-width: 1700px){#top .life__pic2{transform:translate(32%, calc(-25% + var(--offset-y)))}}#top .life__pic3{--offset-y: 150px;z-index:1;transform:translate(20%, calc(60% + var(--offset-y)));will-change:transform}@media screen and (min-width: 1024px){#top .life__pic3{transform:translate(21%, calc(-30% + var(--offset-y)))}}@media screen and (min-width: 1024px){#top .life__pic3{transform:translate(21%, calc(-30% + var(--offset-y)))}}@media screen and (min-width: 1500px){#top .life__pic3{transform:translate(5%, calc(-30% + var(--offset-y)))}}@media screen and (min-width: 1700px){#top .life__pic3{transform:translate(21%, calc(-30% + var(--offset-y)))}}#top .life__pic4{--offset-y: 100px;transform:translate(5%, calc(-110% + var(--offset-y)));will-change:transform}@media screen and (min-width: 1024px){#top .life__pic4{transform:translate(60%, calc(-280% + var(--offset-y)));z-index:1}}#top .life__pic5{--offset-y: 120px;transform:translate(67%, calc(-200% + var(--offset-y)));will-change:transform}@media screen and (min-width: 1024px){#top .life__pic5{transform:translate(48%, calc(-260% + var(--offset-y)))}}@media screen and (min-width: 1500px){#top .life__pic5{transform:translate(50%, calc(-260% + var(--offset-y)))}}@media screen and (min-width: 1700px){#top .life__pic5{transform:translate(48%, calc(-260% + var(--offset-y)))}}#top .life__pic6{--offset-y: 150px;transform:translate(39%, calc(-140% + var(--offset-y)));will-change:transform}@media screen and (min-width: 1024px){#top .life__pic6{transform:translate(60%, calc(-200% + var(--offset-y)))}}@media screen and (min-width: 1500px){#top .life__pic6{transform:translate(67%, calc(-200% + var(--offset-y)))}}@media screen and (min-width: 1700px){#top .life__pic6{transform:translate(60%, calc(-200% + var(--offset-y)))}}#top .mountain,#top .mountain2{position:relative;top:1px;z-index:3}#top .mountain picture,#top .mountain2 picture{margin-top:-11%}#top .mountain picture img,#top .mountain2 picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .works{padding:100px 5% 0;background:#131313;z-index:2}@media screen and (min-width: 1024px){#top .works{padding:150px 8% 0;position:relative}}#top .works__subttl{margin-bottom:33px}@media screen and (min-width: 768px){#top .works__subttl{margin-bottom:178px;font-size:20px}}#top .works__wrap{color:#f2f4f7}@media screen and (min-width: 1024px){#top .works__wrap{display:flex;flex-direction:column}}#top .works__boxlink{display:block;margin-bottom:66px;width:100%;color:#fff;text-decoration:none;position:relative;z-index:1}@media screen and (min-width: 1024px){#top .works__boxlink{width:750px}}@media screen and (min-width: 1500px){#top .works__boxlink{width:550px}}@media screen and (min-width: 1700px){#top .works__boxlink{width:750px}}@media screen and (min-width: 1024px){#top .works__boxlink .works__box{transition:transform .5s,filter .5s}}@media screen and (min-width: 1024px){#top .works__boxlink::after{content:"VIEW NOW";font-family:"Anton",sans-serif;font-size:40px;color:#e8ff37;position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);z-index:10;opacity:0;transition:opacity .5s ease .2s;pointer-events:none}}@media screen and (min-width: 1024px){#top .works__boxlink:hover .works__box{transform:scale(1.1);filter:brightness(40%)}#top .works__boxlink:hover::after{opacity:1}}@media screen and (min-width: 1024px){#top .works__boxlink{margin-bottom:0}}#top .works__boxlink:nth-of-type(even){margin-left:auto}#top .works__boxlink:nth-of-type(4){margin-bottom:59px}@media screen and (min-width: 1024px){#top .works__boxlink:nth-of-type(4){margin-bottom:164px}}#top .works picture{margin:0 auto 11px}@media screen and (min-width: 1024px){#top .works picture{margin:0;margin-bottom:12px;width:750px}}#top .works picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .works__name{margin-bottom:11px}#top .works__box2{display:flex;gap:0 10px}#top .works__txt{width:106px;border:1px solid #fff;border-radius:20px;text-align:center}#top .works__slidetxt,#top .works__slidetxt2{display:none}@media screen and (min-width: 1024px){#top .works__slidetxt,#top .works__slidetxt2{display:flex;position:absolute}}@media screen and (min-width: 1024px){#top .works__slidetxt{top:17%;left:0;white-space:nowrap;font-size:200px;font-family:"Anton",sans-serif;color:rgba(0,0,0,0);-webkit-text-stroke:1px rgba(232,255,55,.5);transform:translateX(50%);animation:scroll-left 30s linear infinite}}@media screen and (min-width: 1024px){#top .works__slidetxt2{top:65%;left:0;white-space:nowrap;font-size:200px;font-family:"Anton",sans-serif;color:rgba(0,0,0,0);-webkit-text-stroke:1px rgba(232,255,55,.5);transform:translateX(-50%);animation:scroll-right 30s linear infinite}}#top .works__btn{margin:0 auto;padding-bottom:150px;width:194px;text-align:center}@media screen and (min-width: 768px){#top .works__btn{padding-bottom:200px;width:330px}}@media screen and (min-width: 1024px){#top .works__btn{padding-bottom:280px}}#top .works__link{display:block;padding:17px 0;font-size:22px;background:#fff;color:#131313;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#top .works__link{padding:32px 0;font-size:40px}}#top .works__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#top .works__link-txt{display:block}#top .works__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#top .works__link:hover{background:#e8ff37;border-radius:20px}#top .works__link:hover .works__link-inner{transform:translateY(-200%)}#top .video-spacer{position:relative;height:50vh;overflow:hidden;background:#131313}#top .video-spacer video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7;mix-blend-mode:screen}#top .video-spacer .video-pc{display:none}@media screen and (min-width: 768px){#top .video-spacer{height:80vh;display:flex;justify-content:center;align-items:center}#top .video-spacer video{position:relative;top:0;left:0;transform:none;width:33.33%;height:100%;min-width:0;flex:1}#top .video-spacer .video-pc{display:block}}@media screen and (min-width: 1024px){#top .video-spacer{height:120vh}}#top .slide__wrap{display:flex}#top .slide__pc{display:none}@media screen and (min-width: 1024px){#top .slide__pc{display:flex}}#top .skills{padding:100px 5% 0}@media screen and (min-width: 1024px){#top .skills{padding-top:150px}}#top .skills__subttl{margin-bottom:33px}@media screen and (min-width: 768px){#top .skills__subttl{margin-bottom:97px;font-size:20px}}#top .skills__wrap{display:flex;flex-direction:column;gap:20px 0}@media screen and (min-width: 1024px){#top .skills__wrap{flex-direction:row;gap:0 5px;height:600px}}@media screen and (min-width: 1024px){#top .skills__wrap:has(.skills__box:hover) .skills__box:not(:hover){flex:.6}}#top .skills__box{position:relative;cursor:pointer;overflow:hidden}@media screen and (min-width: 1024px){#top .skills__box{flex:1;transition:flex .5s ease}}@media screen and (min-width: 1024px){#top .skills__box:hover{flex:2}#top .skills__box:hover .skills__img{transform:scale(1.1);filter:brightness(0%)}}#top .skills__box::after{content:"";background-image:url(../images/skills-icon-sp.svg);width:33px;height:33px;position:absolute;top:15px;right:15px;z-index:2}@media screen and (min-width: 768px){#top .skills__box::after{background-image:url(../images/skills-icon.svg);width:74px;height:74px}}#top .skills picture{display:flex;justify-content:center;height:100%}#top .skills__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s,filter .5s;display:block}#top .skills__txt{font-size:48px;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none}@media screen and (min-width: 768px){#top .skills__txt{font-size:80px}}#top .modal__container01,#top .modal__container02,#top .modal__container03{display:none;position:fixed;top:50%;left:50%;width:100%;height:100vh;color:#fff;transform:translate(-50%, -50%);z-index:10}#top .modal__container01{background:url(../images/skills-design-sp.jpg) center center/cover}@media screen and (min-width: 768px){#top .modal__container01{background:rgba(13,13,13,.4);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,13,13,.2)}}#top .modal__container01 .modal__wrap{padding:160px 0 0 4%;position:relative}@media screen and (min-width: 768px){#top .modal__container01 .modal__wrap{padding:100px 0 0 120px;width:100%;height:650px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:url(../images/skills-design-sp.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .modal__container01 .modal__wrap{padding-left:280px;width:1100px}}#top .modal__container01 .modal__wrap::after{content:"";background-image:url(../images/skills-icon-sp.svg);width:33px;height:33px;position:absolute;top:15px;right:15px;transform:rotate(45deg);z-index:2}@media screen and (min-width: 768px){#top .modal__container01 .modal__wrap::after{background-image:url(../images/skills-icon.svg);width:74px;height:74px}}#top .modal__container01 .modal__box{display:flex;gap:0 20px}@media screen and (min-width: 768px){#top .modal__container01 .modal__box{gap:0 159px}}#top .modal__container01 .modal__box2{display:flex;gap:10px}#top .modal__container01 .modal__ttl{margin-bottom:34px;font-size:30px;font-weight:700;position:relative}@media screen and (min-width: 768px){#top .modal__container01 .modal__ttl{font-size:40px}}#top .modal__container01 .modal__ttl::after{content:"";width:320px;height:1px;background:#fff;position:absolute;bottom:-8px;left:2px}@media screen and (min-width: 768px){#top .modal__container01 .modal__ttl::after{width:535px}}#top .modal__container01 .modal__txt{margin-bottom:34px;font-size:24px}#top .modal__container01 .modal__smalltxt{margin-bottom:20px;font-size:14px;line-height:1.6;letter-spacing:.03em}@media screen and (min-width: 768px){#top .modal__container01 .modal__smalltxt{font-size:20px}}#top .modal__container02{background:url(../images/skills-coding-sp.jpg) center center/cover}@media screen and (min-width: 768px){#top .modal__container02{background:rgba(13,13,13,.4);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,13,13,.2)}}#top .modal__container02 .modal__wrap{padding:160px 0 0 4%;position:relative}@media screen and (min-width: 768px){#top .modal__container02 .modal__wrap{padding:100px 0 0 120px;width:100%;height:650px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:url(../images/skills-design-sp.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .modal__container02 .modal__wrap{padding-left:280px;width:1100px}}#top .modal__container02 .modal__wrap::after{content:"";background-image:url(../images/skills-icon-sp.svg);width:33px;height:33px;position:absolute;top:15px;right:15px;transform:rotate(45deg);z-index:2}@media screen and (min-width: 768px){#top .modal__container02 .modal__wrap::after{background-image:url(../images/skills-icon.svg);width:74px;height:74px}}#top .modal__container02 .modal__box{display:flex;gap:0 14px}@media screen and (min-width: 768px){#top .modal__container02 .modal__box{gap:0 147px}}#top .modal__container02 .modal__iconbox{display:flex;gap:10px}#top .modal__container02 .modal__ttl{margin-bottom:34px;font-size:30px;font-weight:700;position:relative}@media screen and (min-width: 768px){#top .modal__container02 .modal__ttl{font-size:40px}}#top .modal__container02 .modal__ttl::after{content:"";width:320px;height:1px;background:#fff;position:absolute;bottom:-8px;left:2px}@media screen and (min-width: 768px){#top .modal__container02 .modal__ttl::after{width:539px}}#top .modal__container02 .modal__txt{margin-bottom:34px;font-size:24px;line-height:1.4}#top .modal__container02 .modal__smalltxt{margin-bottom:20px;font-size:14px;line-height:1.6;letter-spacing:.03em}@media screen and (min-width: 768px){#top .modal__container02 .modal__smalltxt{font-size:20px}}#top .modal__container03{background:url(../images/skills-direction-sp.jpg) center center/cover}@media screen and (min-width: 768px){#top .modal__container03{background:rgba(13,13,13,.4);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,13,13,.2)}}#top .modal__container03 .modal__wrap{padding:160px 0 0 4%;position:relative}@media screen and (min-width: 768px){#top .modal__container03 .modal__wrap{padding:100px 0 0 120px;width:100%;height:650px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:url(../images/skills-design-sp.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .modal__container03 .modal__wrap{padding-left:280px;width:1100px}}#top .modal__container03 .modal__wrap::after{content:"";background-image:url(../images/skills-icon-sp.svg);width:33px;height:33px;position:absolute;top:15px;right:15px;transform:rotate(45deg);z-index:2}@media screen and (min-width: 768px){#top .modal__container03 .modal__wrap::after{background-image:url(../images/skills-icon.svg);width:74px;height:74px}}#top .modal__container03 .modal__box{display:flex;gap:0 20px}#top .modal__container03 .modal__box2{display:flex;margin-top:-35px}#top .modal__container03 .modal__box3{display:flex}#top .modal__container03 .modal__ttl{margin-bottom:34px;font-size:40px;font-family:"Anton",sans-serif;position:relative}@media screen and (min-width: 768px){#top .modal__container03 .modal__ttl{font-size:40px}}#top .modal__container03 .modal__ttl::after{content:"";width:320px;height:1px;background:#fff;position:absolute;bottom:-8px;left:2px}@media screen and (min-width: 768px){#top .modal__container03 .modal__ttl::after{width:494px}}#top .modal__container03 .modal__txt{margin-bottom:34px;font-size:24px}#top .modal__container03 .modal__smalltxt{margin-bottom:20px;font-size:14px;line-height:1.6;letter-spacing:.03em}@media screen and (min-width: 768px){#top .modal__container03 .modal__smalltxt{font-size:20px}}#top .modal__container03 .modal__iconbox{display:flex;gap:10px}#top .modal__brpc{display:none}@media screen and (min-width: 768px){#top .modal__brpc{display:block}}@media screen and (min-width: 768px){#top .modal__brsp{display:none}}#top .slide-txt{padding-top:102px;white-space:nowrap;overflow:hidden}@media screen and (min-width: 768px){#top .slide-txt{padding-top:272px}}#top .slide-txt__wrap{background:#e8ff37}#top .slide-txt__box{padding:19px 0;display:flex;align-items:center;gap:0 7px;will-change:transform}@media screen and (min-width: 768px){#top .slide-txt__box{gap:0 35px}}#top .slide-txt__pic{width:27px;flex-shrink:0;animation:rotateY 2s linear infinite}@media screen and (min-width: 768px){#top .slide-txt__pic{width:auto}}#top .slide-txt__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .slide-txt__txt{color:#0a3d66;font-size:25px}@media screen and (min-width: 768px){#top .slide-txt__txt{font-size:90px}}@media screen and (min-width: 1024px){#top .slide-txt__txt{font-size:128px}}#top .contact{background:#131313}#top .contact__link{display:block;padding:12% 0 0 5%;text-decoration:none;overflow:hidden}@media screen and (min-width: 1024px){#top .contact__link{padding:5% 10% 0 8%}}#top .contact__link picture{transition:.4s}@media screen and (min-width: 768px){#top .contact__link picture{margin-top:40px}}@media screen and (min-width: 1024px){#top .contact__link picture{margin-top:0}}#top .contact__link picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .contact__link:hover .contact__ttl,#top .contact__link:hover .contact__subttl,#top .contact__link:hover .contact__txt{opacity:.5}#top .contact__link:hover picture{transform:scale(1.2);opacity:.5}#top .contact__wrap{display:flex;justify-content:space-between}@media screen and (min-width: 1024px){#top .contact__box{padding-top:30px}}#top .contact__ttl{margin-bottom:10px;font-size:45px;transition:.4s}@media screen and (min-width: 768px){#top .contact__ttl{font-size:90px}}@media screen and (min-width: 1024px){#top .contact__ttl{font-size:160px}}#top .contact__subttl{margin-bottom:60px;justify-content:flex-start;transition:.4s}@media screen and (min-width: 768px){#top .contact__subttl{font-size:20px}}#top .contact__txt{margin-bottom:36px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.6;letter-spacing:.03em;transition:.4s}@media screen and (min-width: 768px){#top .contact__txt{font-size:20px;line-height:1.7}}#top .contact__pc{display:none}@media screen and (min-width: 1024px){#top .contact__pc{display:flex}}@media screen and (min-width: 1024px){#top .contact__sp{display:none}}.opening{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.opening__gate{position:absolute;left:0;width:100%;height:50%;background:#000;transition:transform 1.2s cubic-bezier(0.85, 0, 0.15, 1)}.opening__gate--upper{top:0}.opening__gate--lower{bottom:0}.opening__logo{position:relative;z-index:1;overflow:hidden}.opening__text{display:block;color:#fff;font-size:24px;transform:translateY(100%);animation:logoIn .8s ease forwards .5s}.opening.is-loaded .opening__gate--upper{transform:translateY(-100%)}.opening.is-loaded .opening__gate--lower{transform:translateY(100%)}.opening.is-loaded .opening__logo{opacity:0;transition:opacity .5s ease}#list .wrapper{color:#fff}#list .works{padding-top:100px}@media screen and (min-width: 1024px){#list .works{padding-top:250px}}#list .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#list .works__slide{margin-bottom:200px}}#list .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#list .works__txt{animation:scroll-left 20s linear infinite;font-size:180px}}#list .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}#list .works__ttl{margin-bottom:10px;font-size:70px;text-align:center}@media screen and (min-width: 768px){#list .works__ttl{font-size:160px}}@media screen and (min-width: 1024px){#list .works__ttl{font-size:215px}}#list .works__subttl{margin-bottom:50px}@media screen and (min-width: 768px){#list .works__subttl{margin-bottom:100px;font-size:20px}}@media screen and (min-width: 1024px){#list .works__subttl{margin-bottom:290px}}@media screen and (min-width: 1024px){#list .works__wrap{display:flex;justify-content:center;gap:0 120px;flex-wrap:wrap}}#list .works__link{display:block;color:#fff;text-decoration:none;position:relative}@media screen and (min-width: 1024px){#list .works__link{margin-bottom:150px}}@media screen and (min-width: 1024px){#list .works__link .works__box{transition:transform .5s,filter .5s}}@media screen and (min-width: 1024px){#list .works__link::after{content:"VIEW NOW";font-family:"Anton",sans-serif;font-size:40px;color:#e8ff37;position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);z-index:10;opacity:0;transition:opacity .5s ease .2s;pointer-events:none}}@media screen and (min-width: 1024px){#list .works__link:hover .works__box{transform:scale(1.1);filter:brightness(40%)}#list .works__link:hover::after{opacity:1}}#list .works__box{margin:0 auto;width:90%}@media screen and (min-width: 1024px){#list .works__box{margin:0;width:100%}}#list .works__box picture{display:block;margin-bottom:7px}#list .works__name{margin-bottom:10px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#list .works__name{font-size:24px}}#list .works__box2{margin-bottom:66px;display:flex;gap:0 6px}@media screen and (min-width: 1024px){#list .works__box2{margin:0}}#list .works__subtxt{padding:5px 25px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#list .works__subtxt{padding:5px 30px;font-size:16px}}.pageIn{animation:pageIn 2s}#works-boxing .wrapper{color:#fff}#works-boxing .works{padding-top:100px}@media screen and (min-width: 1024px){#works-boxing .works{padding-top:250px}}#works-boxing .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-boxing .works__slide{margin-bottom:200px}}#works-boxing .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-boxing .works__wrap{padding:0 10%}}#works-boxing .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-boxing .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-boxing .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-boxing .works__txt2{font-size:34px}}#works-boxing .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-boxing .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-boxing .works__box2{display:flex;gap:0 11px}#works-boxing .works__subtxt{margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-boxing .works__subtxt{margin-top:8px;font-size:16px}}#works-boxing .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-boxing .works__ttl{font-size:60px}}@media screen and (min-width: 1024px){#works-boxing .works__ttl{font-size:120px}}#works-boxing .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-boxing .works__subttl{font-size:27px}}#works-boxing .about__picture1{margin:0 auto 50px;width:90%}#works-boxing .about__picture1 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-boxing .about__picture1{margin-bottom:180px;width:1242px}}#works-boxing .about__container{padding:0 5%}@media screen and (min-width: 1024px){#works-boxing .about__container{margin-bottom:300px;display:flex}}@media screen and (min-width: 1024px){#works-boxing .about__wrap{padding-top:100px}}#works-boxing .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-boxing .about__box{gap:0 26px}}#works-boxing .about__ttl{margin-bottom:15px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-boxing .about__ttl{font-size:40px}}#works-boxing .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-boxing .about__subttl{margin-top:13px;font-size:20px}}#works-boxing .about__brpc{display:none}@media screen and (min-width: 768px){#works-boxing .about__brpc{display:block}}#works-boxing .about__brsp{display:none}#works-boxing .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-boxing .about__txt{margin-bottom:86px;font-size:20px}}#works-boxing .about__color__wrap{display:flex;gap:0 18px}@media screen and (min-width: 768px){#works-boxing .about__color__wrap{margin-bottom:60px;gap:0 24px}}#works-boxing .about__color__box{text-align:center}#works-boxing .about__color__color1{margin-bottom:6px;width:60px;height:60px;background:#000;border-radius:50%}@media screen and (min-width: 768px){#works-boxing .about__color__color1{width:92px;height:92px}}#works-boxing .about__color__color2{margin-bottom:6px;width:60px;height:60px;background:#fff;border-radius:50%}@media screen and (min-width: 768px){#works-boxing .about__color__color2{width:92px;height:92px}}#works-boxing .about__color__color3{margin-bottom:6px;width:60px;height:60px;background:#cfbc6a;border-radius:50%}@media screen and (min-width: 768px){#works-boxing .about__color__color3{width:92px;height:92px}}#works-boxing .about__color__number{font-size:14px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#works-boxing .about__color__number{font-size:20px}}#works-boxing .about__site{margin:0 20px 30px auto;width:100px}@media screen and (min-width: 768px){#works-boxing .about__site{width:170px;margin-right:0}}#works-boxing .about__sitelink{display:block;padding:20px;text-decoration:none;transition:.4s;position:relative}@media screen and (min-width: 768px){#works-boxing .about__sitelink{font-size:24px}}#works-boxing .about__sitelink::before{content:"";width:110px;height:1px;background:#fff;position:absolute;top:40px;right:-10px}@media screen and (min-width: 768px){#works-boxing .about__sitelink::before{width:160px;top:48px;right:10px}}#works-boxing .about__sitelink::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:23px;right:-5px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-boxing .about__sitelink::after{top:31px;right:14px}}#works-boxing .about__sitelink:hover{transform:translateX(20px);opacity:.5}#works-boxing .about__picture2{margin:0 auto 66px;width:98%;height:220px;overflow-y:auto;overflow-x:hidden}#works-boxing .about__picture2 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){#works-boxing .about__picture2{height:400px}}@media screen and (min-width: 1024px){#works-boxing .about__picture2{margin:0;margin-left:100px;width:auto;height:1150px}}#works-boxing .about__picture3{margin:0 auto 156px;width:50%;height:490px;overflow-y:auto;overflow-x:hidden}#works-boxing .about__picture3 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){#works-boxing .about__picture3{height:600px}}@media screen and (min-width: 1024px){#works-boxing .about__picture3{width:auto;height:1150px}}#works-boxing .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-boxing .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-boxing .about__btn{margin-bottom:0}}#works-boxing .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-boxing .about__link{padding:30px 0;font-size:40px}}#works-boxing .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-boxing .about__link-txt{display:block}#works-boxing .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-boxing .about__link:hover{background:#e8ff37;border-radius:20px}#works-boxing .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-boxing .about__btnbox{margin-bottom:100px;padding:0 12% 0 8%;display:flex;justify-content:space-between}#works-boxing .about__link2{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-boxing .about__link2:hover{transform:translateX(-20px);opacity:.5}@media screen and (min-width: 768px){#works-boxing .about__link2{font-size:24px}}#works-boxing .about__link2::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-boxing .about__link2::before{width:190px;top:40px}}#works-boxing .about__link2::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;left:-4px;transform:rotate(35deg)}@media screen and (min-width: 768px){#works-boxing .about__link2::after{top:23px}}#works-boxing .about__link3{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-boxing .about__link3:hover{transform:translateX(20px);opacity:.5}@media screen and (min-width: 768px){#works-boxing .about__link3{font-size:24px}}#works-boxing .about__link3::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-boxing .about__link3::before{width:190px;top:40px}}#works-boxing .about__link3::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;right:-21px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-boxing .about__link3::after{top:23px;right:-51px}}.pageIn{animation:pageIn 2s}#works-wss .wrapper{color:#fff}#works-wss .works{padding-top:100px}@media screen and (min-width: 1024px){#works-wss .works{padding-top:250px}}#works-wss .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-wss .works__slide{margin-bottom:200px}}#works-wss .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-wss .works__wrap{padding:0 10%}}#works-wss .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-wss .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-wss .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-wss .works__txt2{font-size:34px}}#works-wss .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-wss .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-wss .works__box2{display:flex;gap:0 11px}#works-wss .works__subtxt{margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-wss .works__subtxt{margin-top:8px;font-size:16px}}#works-wss .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-wss .works__ttl{font-size:40px}}@media screen and (min-width: 1024px){#works-wss .works__ttl{font-size:80px}}#works-wss .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-wss .works__subttl{font-size:27px}}#works-wss .about__picture1{margin:0 auto 50px;width:80%}#works-wss .about__picture1 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-wss .about__picture1{margin-bottom:180px;width:1242px}}#works-wss .about__container{padding:0 5%}@media screen and (min-width: 1024px){#works-wss .about__container{display:flex;gap:0 40px;width:90%;margin:0 auto 300px}}@media screen and (min-width: 1024px){#works-wss .about__wrap{padding-top:70px}}#works-wss .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-wss .about__box{gap:0 26px}}#works-wss .about__ttl{margin-bottom:21px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-wss .about__ttl{margin-bottom:15px;font-size:40px}}#works-wss .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-wss .about__subttl{margin-top:13px;font-size:20px}}#works-wss .about__brpc{display:none}@media screen and (min-width: 768px){#works-wss .about__brpc{display:block}}@media screen and (min-width: 1024px){#works-wss .about__brsp{display:none}}#works-wss .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-wss .about__txt{margin-bottom:86px;font-size:20px}}#works-wss .about__color__wrap{display:flex;gap:0 18px}@media screen and (min-width: 768px){#works-wss .about__color__wrap{gap:0 24px}}#works-wss .about__color__box{text-align:center}#works-wss .about__color__color1{margin-bottom:6px;width:60px;height:60px;background:#11d7db;border-radius:50%}@media screen and (min-width: 768px){#works-wss .about__color__color1{width:92px;height:92px}}#works-wss .about__color__color2{margin-bottom:6px;width:60px;height:60px;background:#fff93d;border-radius:50%}@media screen and (min-width: 768px){#works-wss .about__color__color2{width:92px;height:92px}}#works-wss .about__color__color3{margin-bottom:6px;width:60px;height:60px;background:#fff;border-radius:50%}@media screen and (min-width: 768px){#works-wss .about__color__color3{width:92px;height:92px}}#works-wss .about__color__color4{margin-bottom:6px;width:60px;height:60px;background:#0065c9;border-radius:50%}@media screen and (min-width: 768px){#works-wss .about__color__color4{width:92px;height:92px}}#works-wss .about__color__number{font-size:14px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#works-wss .about__color__number{font-size:20px}}#works-wss .about__site{margin:0 20px 30px auto;width:100px}@media screen and (min-width: 768px){#works-wss .about__site{width:170px;margin-right:0}}#works-wss .about__sitelink{display:block;padding:20px;text-decoration:none;transition:.4s;position:relative}@media screen and (min-width: 768px){#works-wss .about__sitelink{font-size:24px}}#works-wss .about__sitelink::before{content:"";width:110px;height:1px;background:#fff;position:absolute;top:40px;right:-10px}@media screen and (min-width: 768px){#works-wss .about__sitelink::before{width:160px;top:48px;right:10px}}#works-wss .about__sitelink::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:23px;right:-5px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-wss .about__sitelink::after{top:31px;right:14px}}#works-wss .about__sitelink:hover{transform:translateX(20px);opacity:.5}#works-wss .about__picture2{margin:0 auto 66px;width:98%;height:220px;overflow-y:auto;overflow-x:hidden}#works-wss .about__picture2 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){#works-wss .about__picture2{height:400px}}@media screen and (min-width: 1024px){#works-wss .about__picture2{margin:0;margin-left:100px;width:auto;height:1450px}}#works-wss .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-wss .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-wss .about__btn{margin-bottom:0}}#works-wss .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-wss .about__link{padding:30px 0;font-size:40px}}#works-wss .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-wss .about__link-txt{display:block}#works-wss .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-wss .about__link:hover{background:#e8ff37;border-radius:20px}#works-wss .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-wss .about__btnbox{margin-bottom:100px;padding:0 12% 0 8%;display:flex;justify-content:space-between}#works-wss .about__link2{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-wss .about__link2:hover{transform:translateX(-20px);opacity:.5}@media screen and (min-width: 768px){#works-wss .about__link2{font-size:24px}}#works-wss .about__link2::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-wss .about__link2::before{width:190px;top:40px}}#works-wss .about__link2::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;left:-4px;transform:rotate(35deg)}@media screen and (min-width: 768px){#works-wss .about__link2::after{top:23px}}#works-wss .about__link3{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-wss .about__link3:hover{transform:translateX(20px);opacity:.5}@media screen and (min-width: 768px){#works-wss .about__link3{font-size:24px}}#works-wss .about__link3::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-wss .about__link3::before{width:190px;top:40px}}#works-wss .about__link3::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;right:-21px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-wss .about__link3::after{top:23px;right:-51px}}.pageIn{animation:pageIn 2s}#works-matcha .wrapper{color:#fff}#works-matcha .works{padding-top:100px}@media screen and (min-width: 1024px){#works-matcha .works{padding-top:250px}}#works-matcha .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-matcha .works__slide{margin-bottom:200px}}#works-matcha .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-matcha .works__wrap{padding:0 10%}}#works-matcha .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-matcha .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-matcha .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-matcha .works__txt2{font-size:34px}}#works-matcha .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-matcha .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-matcha .works__box2{display:flex;gap:0 11px}#works-matcha .works__subtxt{margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-matcha .works__subtxt{margin-top:8px;font-size:16px}}#works-matcha .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-matcha .works__ttl{font-size:70px}}@media screen and (min-width: 1024px){#works-matcha .works__ttl{font-size:100px}}#works-matcha .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-matcha .works__subttl{font-size:27px}}#works-matcha .about__picture1{margin:0 auto 50px;width:80%}#works-matcha .about__picture1 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-matcha .about__picture1{margin-bottom:180px;width:1242px}}#works-matcha .about__container{padding:0 5%}@media screen and (min-width: 1024px){#works-matcha .about__container{display:flex;gap:0 40px;width:90%;margin:0 auto}}@media screen and (min-width: 1024px){#works-matcha .about__wrap{margin-bottom:300px;padding-top:100px}}#works-matcha .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-matcha .about__box{gap:0 26px}}#works-matcha .about__ttl{margin-bottom:15px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-matcha .about__ttl{font-size:40px}}#works-matcha .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-matcha .about__subttl{margin-top:13px;font-size:20px}}#works-matcha .about__brpc{display:none}@media screen and (min-width: 768px){#works-matcha .about__brpc{display:block}}@media screen and (min-width: 768px){#works-matcha .about__brsp{display:none}}#works-matcha .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-matcha .about__txt{margin-bottom:86px;font-size:20px}}#works-matcha .about__color__wrap{display:flex;gap:0 18px}@media screen and (min-width: 768px){#works-matcha .about__color__wrap{gap:0 24px}}#works-matcha .about__color__box{text-align:center}#works-matcha .about__color__color1{margin-bottom:6px;width:60px;height:60px;background:#000;border-radius:50%}@media screen and (min-width: 768px){#works-matcha .about__color__color1{width:92px;height:92px}}#works-matcha .about__color__color2{margin-bottom:6px;width:60px;height:60px;background:#888;border-radius:50%}@media screen and (min-width: 768px){#works-matcha .about__color__color2{width:92px;height:92px}}#works-matcha .about__color__color3{margin-bottom:6px;width:60px;height:60px;background:#fff;border-radius:50%}@media screen and (min-width: 768px){#works-matcha .about__color__color3{width:92px;height:92px}}#works-matcha .about__color__number{font-size:14px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#works-matcha .about__color__number{font-size:20px}}#works-matcha .about__site{margin:0 20px 30px auto;width:100px}@media screen and (min-width: 768px){#works-matcha .about__site{width:170px;margin-right:0}}#works-matcha .about__sitelink{display:block;padding:20px;text-decoration:none;transition:.4s;position:relative}@media screen and (min-width: 768px){#works-matcha .about__sitelink{font-size:24px}}#works-matcha .about__sitelink::before{content:"";width:110px;height:1px;background:#fff;position:absolute;top:40px;right:-10px}@media screen and (min-width: 768px){#works-matcha .about__sitelink::before{width:160px;top:48px;right:10px}}#works-matcha .about__sitelink::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:23px;right:-5px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-matcha .about__sitelink::after{top:31px;right:14px}}#works-matcha .about__sitelink:hover{transform:translateX(20px);opacity:.5}#works-matcha .about__picture2{margin:0 auto 66px;width:98%;height:220px;overflow-y:auto;overflow-x:hidden}@media screen and (min-width: 768px){#works-matcha .about__picture2{height:400px}}#works-matcha .about__picture2 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-matcha .about__picture2{margin:0;margin-left:100px;width:auto;height:1120px}}#works-matcha .about__picture3{margin:0 auto 156px;width:78%;height:490px;overflow-y:auto;overflow-x:hidden}@media screen and (min-width: 1024px){#works-matcha .about__picture3{width:auto;height:1000px}}#works-matcha .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-matcha .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-matcha .about__btn{margin-bottom:0}}#works-matcha .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-matcha .about__link{padding:30px 0;font-size:40px}}#works-matcha .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-matcha .about__link-txt{display:block}#works-matcha .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-matcha .about__link:hover{background:#e8ff37;border-radius:20px}#works-matcha .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-matcha .about__btnbox{margin-bottom:100px;padding:0 12% 0 8%;display:flex;justify-content:space-between}#works-matcha .about__link2{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-matcha .about__link2:hover{transform:translateX(-20px);opacity:.5}@media screen and (min-width: 768px){#works-matcha .about__link2{font-size:24px}}#works-matcha .about__link2::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-matcha .about__link2::before{width:190px;top:40px}}#works-matcha .about__link2::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;left:-4px;transform:rotate(35deg)}@media screen and (min-width: 768px){#works-matcha .about__link2::after{top:23px}}#works-matcha .about__link3{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-matcha .about__link3:hover{transform:translateX(20px);opacity:.5}@media screen and (min-width: 768px){#works-matcha .about__link3{font-size:24px}}#works-matcha .about__link3::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-matcha .about__link3::before{width:190px;top:40px}}#works-matcha .about__link3::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;right:-21px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-matcha .about__link3::after{top:23px;right:-51px}}.pageIn{animation:pageIn 2s}#works-azito .wrapper{color:#fff}#works-azito .works{padding-top:100px}@media screen and (min-width: 1024px){#works-azito .works{padding-top:250px}}#works-azito .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-azito .works__slide{margin-bottom:200px}}#works-azito .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-azito .works__wrap{padding:0 10%}}#works-azito .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-azito .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-azito .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-azito .works__txt2{font-size:34px}}#works-azito .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-azito .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-azito .works__box2{display:flex;gap:0 11px}#works-azito .works__subtxt{margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-azito .works__subtxt{margin-top:8px;font-size:16px}}#works-azito .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-azito .works__ttl{font-size:90px}}@media screen and (min-width: 1024px){#works-azito .works__ttl{font-size:120px}}#works-azito .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-azito .works__subttl{font-size:27px}}#works-azito .about__picture1{margin:0 auto 50px;width:80%}#works-azito .about__picture1 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-azito .about__picture1{margin-bottom:180px;width:1242px}}#works-azito .about__container{padding:0 5%}@media screen and (min-width: 1024px){#works-azito .about__container{display:flex;gap:0 40px;width:90%;margin:0 auto 300px}}@media screen and (min-width: 1024px){#works-azito .about__wrap{padding-top:100px}}#works-azito .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-azito .about__box{gap:0 26px}}#works-azito .about__ttl{margin-bottom:15px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-azito .about__ttl{font-size:40px}}#works-azito .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-azito .about__subttl{margin-top:13px;font-size:20px}}#works-azito .about__brpc{display:none}@media screen and (min-width: 768px){#works-azito .about__brpc{display:block}}@media screen and (min-width: 1024px){#works-azito .about__brsp{display:none}}#works-azito .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-azito .about__txt{margin-bottom:86px;font-size:20px}}#works-azito .about__color__wrap{display:flex;gap:0 18px}@media screen and (min-width: 768px){#works-azito .about__color__wrap{gap:0 24px}}#works-azito .about__color__box{text-align:center}#works-azito .about__color__color1{margin-bottom:6px;width:60px;height:60px;background:#fff;border-radius:50%}@media screen and (min-width: 768px){#works-azito .about__color__color1{width:92px;height:92px}}#works-azito .about__color__color2{margin-bottom:6px;width:60px;height:60px;background:#a2ebf0;border-radius:50%}@media screen and (min-width: 768px){#works-azito .about__color__color2{width:92px;height:92px}}#works-azito .about__color__color3{margin-bottom:6px;width:60px;height:60px;background:#505096;border-radius:50%}@media screen and (min-width: 768px){#works-azito .about__color__color3{width:92px;height:92px}}#works-azito .about__color__number{font-size:14px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#works-azito .about__color__number{font-size:20px}}#works-azito .about__site{margin:0 20px 30px auto;width:100px}@media screen and (min-width: 768px){#works-azito .about__site{width:170px;margin-right:0}}#works-azito .about__sitelink{display:block;padding:20px;text-decoration:none;transition:.4s;position:relative}@media screen and (min-width: 768px){#works-azito .about__sitelink{font-size:24px}}#works-azito .about__sitelink::before{content:"";width:110px;height:1px;background:#fff;position:absolute;top:40px;right:-10px}@media screen and (min-width: 768px){#works-azito .about__sitelink::before{width:160px;top:48px;right:10px}}#works-azito .about__sitelink::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:23px;right:-5px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-azito .about__sitelink::after{top:31px;right:14px}}#works-azito .about__sitelink:hover{transform:translateX(20px);opacity:.5}#works-azito .about__picture2{margin:0 auto 66px;width:98%;height:220px;overflow-y:auto;overflow-x:hidden}@media screen and (min-width: 768px){#works-azito .about__picture2{height:400px}}#works-azito .about__picture2 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-azito .about__picture2{margin:0;margin-left:100px;width:auto;height:1050px}}#works-azito .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-azito .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-azito .about__btn{margin-bottom:0}}#works-azito .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-azito .about__link{padding:30px 0;font-size:40px}}#works-azito .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-azito .about__link-txt{display:block}#works-azito .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-azito .about__link:hover{background:#e8ff37;border-radius:20px}#works-azito .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-azito .about__nextbtn{width:112px;margin:0 9% 100px auto}@media screen and (min-width: 768px){#works-azito .about__nextbtn{width:190px}}#works-azito .about__link3{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}@media screen and (min-width: 768px){#works-azito .about__link3{font-size:24px}}#works-azito .about__link3:hover{transform:translateX(20px);opacity:.5}#works-azito .about__link3::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;right:-10px}@media screen and (min-width: 768px){#works-azito .about__link3::before{width:190px;top:40px;right:10px}}#works-azito .about__link3::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;right:-5px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-azito .about__link3::after{top:23px;right:14px}}.pageIn{animation:pageIn 2s}#works-coffee .wrapper{color:#fff}#works-coffee .works{padding-top:100px}@media screen and (min-width: 1024px){#works-coffee .works{padding-top:250px}}#works-coffee .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-coffee .works__slide{margin-bottom:200px}}#works-coffee .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-coffee .works__wrap{padding:0 10%}}#works-coffee .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-coffee .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-coffee .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-coffee .works__txt2{font-size:34px}}#works-coffee .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-coffee .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-coffee .works__box2{display:flex;gap:0 11px}#works-coffee .works__subtxt{display:none;margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-coffee .works__subtxt{display:block;margin-top:8px;font-size:16px}}#works-coffee .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-coffee .works__ttl{font-size:90px}}@media screen and (min-width: 1024px){#works-coffee .works__ttl{font-size:120px}}#works-coffee .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-coffee .works__subttl{font-size:27px}}#works-coffee .about__picture{margin:0 auto 50px;width:70%}#works-coffee .about__picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-coffee .about__picture{margin-bottom:180px;width:auto}}#works-coffee .about__container{padding:0 5%;display:flex;flex-direction:column-reverse}@media screen and (min-width: 1024px){#works-coffee .about__container{display:flex;justify-content:space-between;flex-direction:row;width:90%;margin:0 auto}}@media screen and (min-width: 1024px){#works-coffee .about__wrap{padding-top:100px}}#works-coffee .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-coffee .about__box{gap:0 26px}}@media screen and (min-width: 1024px){#works-coffee .about picture{margin-top:50px}}#works-coffee .about__ttl{margin-bottom:21px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-coffee .about__ttl{font-size:40px}}#works-coffee .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-coffee .about__subttl{margin-top:13px;font-size:20px}}#works-coffee .about__brpc{display:none}@media screen and (min-width: 768px){#works-coffee .about__brpc{display:block}}@media screen and (min-width: 768px){#works-coffee .about__brsp{display:none}}#works-coffee .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-coffee .about__txt{margin-bottom:86px;font-size:20px}}#works-coffee .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-coffee .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-coffee .about__btn{margin-bottom:0}}#works-coffee .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-coffee .about__link{padding:30px 0;font-size:40px}}#works-coffee .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-coffee .about__link-txt{display:block}#works-coffee .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-coffee .about__link:hover{background:#e8ff37;border-radius:20px}#works-coffee .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-coffee .about__btnbox{margin-bottom:100px;padding:0 12% 0 8%;display:flex;justify-content:space-between}#works-coffee .about__link2{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-coffee .about__link2:hover{transform:translateX(-20px);opacity:.5}@media screen and (min-width: 768px){#works-coffee .about__link2{font-size:24px}}#works-coffee .about__link2::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-coffee .about__link2::before{width:190px;top:40px}}#works-coffee .about__link2::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;left:-4px;transform:rotate(35deg)}@media screen and (min-width: 768px){#works-coffee .about__link2::after{top:23px}}#works-coffee .about__link3{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}#works-coffee .about__link3:hover{transform:translateX(20px);opacity:.5}@media screen and (min-width: 768px){#works-coffee .about__link3{font-size:24px}}#works-coffee .about__link3::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-coffee .about__link3::before{width:190px;top:40px}}#works-coffee .about__link3::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;right:-21px;transform:rotate(-35deg)}@media screen and (min-width: 768px){#works-coffee .about__link3::after{top:23px;right:-51px}}.pageIn{animation:pageIn 2s}#works-sakura .wrapper{color:#fff}#works-sakura .works{padding-top:100px}@media screen and (min-width: 1024px){#works-sakura .works{padding-top:250px}}#works-sakura .works__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#works-sakura .works__slide{margin-bottom:200px}}#works-sakura .works__wrap{padding:0 5%}@media screen and (min-width: 1024px){#works-sakura .works__wrap{padding:0 10%}}#works-sakura .works__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#works-sakura .works__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#works-sakura .works__txt2{margin-bottom:7px;font-size:17px;font-weight:700}@media screen and (min-width: 768px){#works-sakura .works__txt2{font-size:34px}}#works-sakura .works__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}@media screen and (min-width: 1024px){#works-sakura .works__box{margin-bottom:20px;display:flex;align-items:flex-start;gap:0 35px}}#works-sakura .works__box2{display:flex;gap:0 11px}#works-sakura .works__subtxt{display:none;margin-bottom:10px;padding:5px 30px;font-size:14px;border:1px solid #fff;border-radius:20px}@media screen and (min-width: 768px){#works-sakura .works__subtxt{display:block;margin-top:8px;font-size:16px}}#works-sakura .works__ttl{margin-bottom:10px;font-size:32px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-sakura .works__ttl{font-size:80px}}@media screen and (min-width: 1024px){#works-sakura .works__ttl{font-size:100px}}#works-sakura .works__subttl{margin-bottom:26px;justify-content:left}@media screen and (min-width: 768px){#works-sakura .works__subttl{font-size:27px}}#works-sakura .about__picture{margin:0 auto 50px;width:70%}#works-sakura .about__picture img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#works-sakura .about__picture{margin-bottom:180px;width:auto}}#works-sakura .about__container{padding:0 5%;display:flex;flex-direction:column-reverse}@media screen and (min-width: 1024px){#works-sakura .about__container{display:flex;justify-content:space-between;flex-direction:row;width:90%;margin:0 auto}}@media screen and (min-width: 1024px){#works-sakura .about__wrap{padding-top:100px}}#works-sakura .about__box{display:flex;gap:0 13px}@media screen and (min-width: 1024px){#works-sakura .about__box{gap:0 26px}}@media screen and (min-width: 1024px){#works-sakura .about picture{margin-top:50px}}#works-sakura .about__ttl{margin-bottom:21px;font-size:27px;letter-spacing:.03em}@media screen and (min-width: 768px){#works-sakura .about__ttl{font-size:40px}}#works-sakura .about__subttl{margin-top:4px;font-size:17px}@media screen and (min-width: 768px){#works-sakura .about__subttl{margin-top:13px;font-size:20px}}#works-sakura .about__brpc{display:none}@media screen and (min-width: 768px){#works-sakura .about__brpc{display:block}}@media screen and (min-width: 768px){#works-sakura .about__brsp{display:none}}#works-sakura .about__txt{margin-bottom:50px;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){#works-sakura .about__txt{margin-bottom:86px;font-size:20px}}#works-sakura .about__btn{margin:0 auto 72px;width:194px}@media screen and (min-width: 768px){#works-sakura .about__btn{width:330px}}@media screen and (min-width: 1024px){#works-sakura .about__btn{margin-bottom:0}}#works-sakura .about__link{display:block;padding:19px 0;font-size:22px;color:#131313;background:#66b2ff;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:.4s}@media screen and (min-width: 768px){#works-sakura .about__link{padding:30px 0;font-size:40px}}#works-sakura .about__link-inner{display:block;position:relative;transition:transform .4s cubic-bezier(0.6, 0, 0.4, 1)}#works-sakura .about__link-txt{display:block}#works-sakura .about__link-txt:nth-child(2){position:absolute;top:200%;left:0;width:100%}#works-sakura .about__link:hover{background:#e8ff37;border-radius:20px}#works-sakura .about__link:hover .about__link-inner{transform:translateY(-200%)}#works-sakura .about__backbtn{width:120px;margin:0 auto 100px 9%}@media screen and (min-width: 768px){#works-sakura .about__backbtn{width:190px}}#works-sakura .about__link2{display:block;padding:10px;font-size:16px;letter-spacing:.03em;text-decoration:none;position:relative;transition:.4s}@media screen and (min-width: 768px){#works-sakura .about__link2{font-size:24px}}#works-sakura .about__link2:hover{transform:translateX(-20px);opacity:.5}#works-sakura .about__link2::before{content:"";width:125px;height:1px;background:#fff;position:absolute;top:30px;left:-8px}@media screen and (min-width: 768px){#works-sakura .about__link2::before{width:190px;top:40px}}#works-sakura .about__link2::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:13px;left:-4px;transform:rotate(35deg)}@media screen and (min-width: 768px){#works-sakura .about__link2::after{top:23px;right:14px}}.pageIn{animation:pageIn 2s}#contactpage .wrapper{color:#fff}#contactpage .contact{padding-top:100px}@media screen and (min-width: 1024px){#contactpage .contact{padding-top:250px}}#contactpage .contact__slide{margin-bottom:60px;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (min-width: 1024px){#contactpage .contact__slide{margin-bottom:200px}}#contactpage .contact__txt{font-size:60px;color:rgba(10,61,102,.3);transform:translateX(50%);animation:scroll-left 15s linear infinite}@media screen and (min-width: 768px){#contactpage .contact__txt{font-size:180px;animation:scroll-left 20s linear infinite}}#contactpage .contact__span{color:rgba(0,0,0,0);-webkit-text-stroke:1px #0a3d66}#contactpage .contact__wrap{margin-bottom:102px;padding:0 5%}@media screen and (min-width: 1024px){#contactpage .contact__wrap{margin-bottom:233px}}#contactpage .contact__ttl{margin-bottom:10px;font-size:70px;text-align:center}@media screen and (min-width: 768px){#contactpage .contact__ttl{font-size:160px}}@media screen and (min-width: 1024px){#contactpage .contact__ttl{font-size:215px}}#contactpage .contact__subttl{margin-bottom:50px}@media screen and (min-width: 768px){#contactpage .contact__subttl{margin-bottom:53px;font-size:20px}}#contactpage .contact__txt2{margin:0 auto;font-size:14px;font-weight:500;color:#f2f4f7;line-height:1.8;letter-spacing:.03em;position:relative}@media screen and (min-width: 768px){#contactpage .contact__txt2{font-size:27px;display:flex;justify-content:center}}#contactpage .contact__brsp{display:none}#contactpage .contact form{width:235px;margin:0 auto}@media screen and (min-width: 768px){#contactpage .contact form{width:500px}}@media screen and (min-width: 1024px){#contactpage .contact form{width:1100px}}#contactpage .contact form .form__box{margin-bottom:30px}@media screen and (min-width: 768px){#contactpage .contact form .form__box{margin-bottom:60px}}@media screen and (min-width: 1024px){#contactpage .contact form .form__box{margin-bottom:96px}}#contactpage .contact form label{display:block;margin-bottom:10px;font-size:20px}@media screen and (min-width: 768px){#contactpage .contact form label{font-size:40px}}@media screen and (min-width: 1024px){#contactpage .contact form label{margin-bottom:34px;font-size:50px}}#contactpage .contact form input{padding:10px;width:100%;font-size:10px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#contactpage .contact form input{padding:25px;font-size:20px}}@media screen and (min-width: 1024px){#contactpage .contact form input{padding:43px;font-size:27px}}#contactpage .contact form textarea{padding:10px;width:100%;height:120px;font-size:10px;font-weight:500;letter-spacing:.03em}@media screen and (min-width: 768px){#contactpage .contact form textarea{padding:25px;height:270px;font-size:20px}}@media screen and (min-width: 1024px){#contactpage .contact form textarea{padding:43px;height:400px;font-size:27px}}#contactpage .contact form button{display:block;width:148px;padding:13px 0;margin:0 auto 70px;color:#131313;background:#66b2ff;border:none;cursor:pointer;transition:.4s}@media screen and (min-width: 768px){#contactpage .contact form button{width:330px;padding:30px 0;font-size:40px}}@media screen and (min-width: 1024px){#contactpage .contact form button{margin-bottom:246px}}#contactpage .contact form button:hover{background:#e8ff37}.pageIn{animation:pageIn 2s}#thanks .wrapper{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}#thanks .wrapper h1{font-size:24px;font-weight:500;margin-bottom:100px}@media screen and (min-width: 1024px){#thanks .wrapper h1{margin-bottom:150px;font-size:30px}}#thanks .wrapper a{display:block;padding:20px;text-decoration:none;color:#fff;transition:.4s}#thanks .wrapper a:hover{opacity:.5}#thanks .pageIn{animation:pageIn 2s}.resizeHeader{background:rgba(0,0,0,0)}.rotateTop{animation:none;transform-origin:center center;transform:rotate(30deg)}.hideMiddle{opacity:0}.rotateBottom{animation:none;transform-origin:center center;transform:rotate(-30deg)}.translateNav{transform:translateX(-95%)}.fadeIn{opacity:0;transition:.6s}.showElement{opacity:1}/*# sourceMappingURL=style.css.map */