*,*::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}}body{background:#000;color:#fff}#top .header__ttl{width:128px;opacity:0;pointer-events:none}.header{position:fixed;display:flex;justify-content:space-between;width:100%;padding:60px 24px;transition:.8s;z-index:1}@media screen and (min-width: 1024px){.header{padding:24px;pointer-events:none}}.header__ttl{width:128px;pointer-events:all}.header__slidemenu{position:relative;z-index:2}@media screen and (min-width: 1024px){.header__slidemenu{display:none}}.header__btn{width:47px;height:47px;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.header__btn__top,.header__btn__bottom{display:block;position:absolute;background:#fff;height:1px;transition:.4s}.header__btn__top{transform:translateY(-6px);width:37px}.header__btn__bottom{transform:translateY(6px);width:24px}.gnav{display:flex;position:absolute;align-items:center;top:0;right:0;width:100%;min-height:100vh;padding:0 64px;background:rgba(0,0,0,.8);transition:.6s;transform:translateX(100%);pointer-events:all}@media screen and (min-width: 768px){.gnav{width:50%}}@media screen and (min-width: 1024px){.gnav{align-items:flex-start;position:static;padding:0;width:auto;height:auto;min-height:none;transform:translateX(0);background:none;pointer-events:none}}.gnav__nav{display:flex;flex-direction:column;text-transform:uppercase;gap:32px}@media screen and (min-width: 1024px){.gnav__nav{overflow:hidden;flex-direction:row;text-transform:none;pointer-events:all;gap:24px}}.gnav__list{position:relative;transition:.5s}@media screen and (min-width: 1024px){.gnav__list:hover{transform:translateY(-100%)}}.gnav__link{text-decoration:none;color:#fff;font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:32px}@media screen and (min-width: 1024px){.gnav__link{font-family:"acumin-pro",sans-serif;font-size:18px;letter-spacing:.08em}}@media screen and (min-width: 1024px){.gnav .gnavTop{display:none}}@media screen and (min-width: 1024px){.gnav .gnavWorks::after{content:"Works";font-family:"acumin-pro",sans-serif;font-size:18px;position:absolute;top:100%;left:0}}@media screen and (min-width: 1024px){.gnav .gnavProfile::after{content:"Profile";font-family:"acumin-pro",sans-serif;font-size:18px;position:absolute;top:100%;left:0}}@media screen and (min-width: 1024px){.gnav .gnavContact::after{content:"Contact";font-family:"acumin-pro",sans-serif;font-size:18px;position:absolute;top:100%;left:0}}.gnav__sns{text-decoration:none;color:#fff;font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:24px}.gnav__sns::after{content:"";position:absolute;top:50%;transform:translateY(-50%);margin-left:16px;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;background:linear-gradient(-45deg, transparent 0%, transparent 47%, #ffffff 47%, #ffffff 53%, transparent 53%, transparent 100%)}@media screen and (min-width: 1024px){.gnav__sns{display:none}}.footer{margin-bottom:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.footer__logo{width:80%;margin:0 auto 40px}@media screen and (min-width: 1024px){.footer__logo{width:60%}}.footer__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.footer__container{width:80%;position:relative;display:flex;justify-content:space-between;margin-bottom:160px}@media screen and (min-width: 1024px){.footer__container{width:60%;margin-bottom:80px}}.footer__nav{display:flex;flex-direction:column;gap:24px}.footer__sns{display:flex;gap:40px}.footer__link{font-family:"acumin-pro",sans-serif;font-size:18px;text-decoration:none;color:#fff;letter-spacing:.08em}.footer__scroll{display:flex;width:100px;margin:0 auto;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;color:#fff}.footer__scroll__bar{width:1px;height:40px;position:relative;overflow:hidden;margin-bottom:8px}.footer__scroll__bar::Before{content:"";position:absolute;right:0;top:100%;width:1px;height:40px;background:#fff;-webkit-animation:scrollBefore 2s linear infinite;-webkit-animation-delay:2s}@keyframes scrollBefore{100%{transform:translateY(-200%)}}.footer__scroll__txt{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:16px;letter-spacing:.08em}#top .bg{width:100%;height:100vh;overflow:hidden;position:fixed;z-index:-1}#top .bg__wrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden;filter:blur(6px)}#top .bg__video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1500px;transition:all 1s}@media screen and (min-width: 768px){#top .bg__video{width:2600px}}@media screen and (min-width: 1024px){#top .bg__video{width:240%}}#top .bg__border{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:538px;height:538px;border:1px solid #333;border-radius:100%;opacity:0;transition:all 1s}@media screen and (min-width: 768px){#top .bg__border{width:920px;height:920px}}@media screen and (min-width: 1024px){#top .bg__border{width:86vw;height:86vw}}#top .mv{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;overflow:hidden}@media screen and (min-width: 1024px){#top .mv{margin-bottom:160px}}#top .mv__logo{width:80%;margin:0 auto}@media screen and (min-width: 1024px){#top .mv__logo{width:60%}}#top .mv__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .scroll{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}#top .scroll__txt{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:16px;letter-spacing:.2em;margin-bottom:16px}#top .scroll__bar{width:1px;height:40px;position:relative;overflow:hidden}#top .scroll__bar::after{content:"";position:absolute;right:0;bottom:100%;width:1px;height:40px;background:#fff;-webkit-animation:scrollAfter 2s linear infinite;-webkit-animation-delay:2s}@keyframes scrollAfter{100%{transform:translateY(200%)}}#top .intro{margin:0 24px 120px}@media screen and (min-width: 768px){#top .intro{margin:0 72px 120px}}@media screen and (min-width: 1024px){#top .intro{margin:0 200px 240px}}#top .intro__copy{margin-bottom:40px}@media screen and (min-width: 768px){#top .intro__copy{margin-bottom:80px;width:90%}}#top .intro__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em}@media screen and (min-width: 768px){#top .intro__txt{width:380px}}@media screen and (min-width: 1024px){#top .intro__txt{width:584px}}#top .intro__span{margin:16px}@media screen and (min-width: 1024px){#top .intro__span{margin:40px}}#top .works{margin-bottom:40px}@media screen and (min-width: 768px){#top .works{margin-bottom:80px}}#top .works__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:48px;letter-spacing:.02em;line-height:1;margin-left:24px;margin-bottom:62px}@media screen and (min-width: 1024px){#top .works__ttl{margin-left:10%}}@media screen and (min-width: 768px){#top .works__flex{margin-left:32px}}@media screen and (min-width: 1024px){#top .works__flex{margin-left:10%;margin-bottom:160px;display:flex;flex-wrap:wrap}}@media screen and (min-width: 768px){#top .works__container{display:flex}}@media screen and (min-width: 1024px){#top .works__container{width:50%}}@media screen and (min-width: 768px){#top .works .even{flex-direction:row-reverse;margin-bottom:80px}}@media screen and (min-width: 1024px){#top .works .even{flex-direction:column;margin-top:80px;margin-bottom:0}}#top .works__box{width:100%;margin-bottom:40px}@media screen and (min-width: 768px){#top .works__box{width:488px;margin-bottom:0}}@media screen and (min-width: 1024px){#top .works__box{width:auto}}#top .works__dummy{position:relative;width:100%;height:100%;background:#595959}#top .works__dummy::before{content:"coming soon";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"aw-conqueror-didot","zen-old-mincho",serif;letter-spacing:.06em;font-size:32px;text-wrap:nowrap}#top .works__pic{width:100%;aspect-ratio:5/2;margin-bottom:10px;border:1px solid #000}#top .works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}@media screen and (min-width: 1024px)and (hover: hover){#top .works__img{filter:grayscale(100%)}}#top .works__img:hover{filter:grayscale(0%)}#top .works__info{margin:0 24px}#top .works__name{display:flex;align-items:center}#top .works__num{font-family:"times-new-roman",sans-serif;font-size:32px}#top .works__subttl{font-family:"times-new-roman",sans-serif;font-size:26px;font-weight:400;margin-left:24px}@media screen and (min-width: 1024px){#top .works__subttl{font-size:32px;letter-spacing:.02em}}#top .works__class{display:flex}#top .works__category{margin-right:16px}#top .works__list{font-size:14px;letter-spacing:.04em}@media screen and (min-width: 1024px){#top .works__list{font-size:13px;color:#ccc}}#top .works .btn{display:flex;justify-content:center}#top .works .btn__link{position:relative;display:block;font-size:16px;font-family:"acumin-pro",sans-serif;color:#fff;text-decoration:none;overflow:hidden}#top .works .btn__link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}#top .works .btn__link::after{content:"";position:absolute;bottom:0;right:100%;width:100%;height:1px;background:#fff}@media screen and (min-width: 1024px){#top .works .btn__link::before{transition:.5s}#top .works .btn__link:hover::before{transform:translateX(100%)}#top .works .btn__link::after{transition:1.6s}#top .works .btn__link:hover::after{transform:translateX(100%)}}@media screen and (min-width: 1024px){#top .works .btn{margin-bottom:160px}}#top .profile{margin-bottom:120px;overflow:hidden}#top .profile__ttl{position:relative;background:url(../../images/subview_txt.svg) center center/cover;width:2000px;height:93px;margin-bottom:40px;animation:scrollSubview 20s linear infinite}@media screen and (min-width: 1024px){#top .profile__ttl{margin-bottom:120px}}#top .profile__ttl::after{content:"";position:absolute;left:104%;display:block;background:url(../../images/subview_txt.svg) center center/cover;width:2000px;height:93px}@keyframes scrollSubview{100%{transform:translateX(-104%)}}#top .profile__container{position:relative;margin:0 8%}@media screen and (min-width: 768px){#top .profile__container{width:378px;margin:0 auto}}@media screen and (min-width: 1280px){#top .profile__container{width:auto;display:flex;margin:0 200px}}#top .profile__pic{width:80%;aspect-ratio:8/9;margin-bottom:40px}@media screen and (min-width: 1280px){#top .profile__pic{width:500px;aspect-ratio:5/7}}#top .profile__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}@media screen and (min-width: 1280px){#top .profile__box{margin-left:40px}}#top .profile__info{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:40px}#top .profile__name{font-size:24px;font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;margin-bottom:40px}#top .profile__name::before{content:"KAITO\aKAWAUCHIYA";white-space:pre;display:block;font-size:32px;font-family:"aw-conqueror-didot","zen-old-mincho",serif;letter-spacing:.02em;line-height:1;margin-bottom:16px}@media screen and (min-width: 1280px){#top .profile__name::before{font-size:64px}}#top .profile__span{margin:16px 0}@media screen and (min-width: 1024px){#top .profile__span{margin:16px 0}}#top .profile__sns{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 1280px){#top .profile__sns{position:static;flex-direction:row}}#top .profile__x{display:block;width:30px;height:30px;background:url(../images/x_ico.jpg) center center/cover;transition:.4s;opacity:.5}#top .profile__x:hover{opacity:1}#top .profile__fb{display:block;width:30px;height:30px;background:url(../images/fb_ico.jpg) center center/cover;transition:.4s;opacity:.5}#top .profile__fb:hover{opacity:1}#top .strength{margin:0 8% 120px}#top .strength__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:48px;letter-spacing:.02em;line-height:1;text-align:center;margin-bottom:40px}#top .strength__ttl::after{content:"私の強み";display:block;font-size:16px;font-family:"ryo-gothic-plusn",sans-serif;text-align:center}@media screen and (min-width: 1024px){#top .strength__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:64px;letter-spacing:.02em;line-height:1;margin-bottom:80px}}#top .strength__container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){#top .strength__container{width:378px;margin:0 auto}}@media screen and (min-width: 1024px){#top .strength__container{width:auto;flex-direction:row}}#top .strength__pic{width:300px;margin-bottom:32px}@media screen and (min-width: 1024px){#top .strength__pic{width:800px}}#top .strength__img{width:60%;height:60%;margin:0 auto;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}@media screen and (min-width: 1024px){#top .strength__info{width:50%}}#top .strength__num{font-family:"times-new-roman",sans-serif;font-size:24px;margin-bottom:16px;color:#ccc}#top .strength__subttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:40px;letter-spacing:.02em;line-height:1;margin-bottom:16px}#top .strength__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:40px;text-align:justify}@media screen and (min-width: 1024px){#top .strength__txt{max-width:720px}}@media screen and (min-width: 1280px){#top .strength__txt{margin-bottom:96px}}#top .skill{margin:0 24px 96px}#top .skill__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:48px;letter-spacing:.02em;line-height:1;text-align:center;margin-bottom:80px}#top .skill__ttl::after{content:"私ができること";display:block;font-size:16px;font-family:"ryo-gothic-plusn",sans-serif;text-align:center}@media screen and (min-width: 1024px){#top .skill__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:64px;letter-spacing:.02em;line-height:1}}#top .skill__container{display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){#top .skill__container{width:378px;margin:0 auto}}@media screen and (min-width: 1024px){#top .skill__container{width:auto;flex-direction:row;flex-wrap:wrap;margin:0 10%;gap:48px}}#top .skill__box{display:flex;flex-direction:column}@media screen and (min-width: 1024px){#top .skill__box{width:40%}}#top .skill__pic{width:60%;margin:0 auto;margin-bottom:24px}@media screen and (min-width: 1024px){#top .skill__pic{width:auto;height:160px}}#top .skill__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:visible}#top .skill__subttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:32px;letter-spacing:.02em;line-height:1;text-align:center;margin-bottom:24px}#top .skill__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:24px;text-align:justify}#top .skill__txt::before{content:"";display:block;background:#fff;width:100%;height:1px;margin-bottom:24px}#top .skill__tools{display:flex;color:#ccc;font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;letter-spacing:.08em;gap:8px;text-wrap:nowrap;margin-bottom:96px}#top .skill__tools__skills{display:flex;flex-wrap:wrap}#top .skill__tools__txt{font-size:14px}#top .skill__tools__txt::after{content:"";display:inline-block;margin:0 4px;width:12px;height:12px;background:linear-gradient(-45deg, transparent 0%, transparent 47%, #ffffff 47%, #ffffff 53%, transparent 53%, transparent 100%)}#top .skill__tools__txt:nth-last-child(1)::after{content:"";margin:0;width:0;height:0;background:none}#top .contact{margin:0 8% 160px}@media screen and (min-width: 768px){#top .contact{width:378px;margin:0 auto 160px}}@media screen and (min-width: 1024px){#top .contact{width:80%;max-width:1254px;margin:0 auto 240px 8%}}@media screen and (min-width: 1024px){#top .contact__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px}}#top .contact__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:48px;letter-spacing:.02em;line-height:1;margin-bottom:32px}@media screen and (min-width: 1024px){#top .contact__ttl{margin-bottom:0}}@media screen and (min-width: 1280px){#top .contact__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:80px;letter-spacing:.02em;line-height:1;margin-bottom:0}}#top .contact__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:16px}@media screen and (min-width: 1024px){#top .contact__txt{margin-bottom:0;width:60%}}#top .contact .txtSpan{margin-bottom:24px;text-align:right}@media screen and (min-width: 1024px){#top .contact .txtSpan{width:100%}}#top .contact__span{color:red}#top .form__box{margin-bottom:24px}@media screen and (min-width: 1024px){#top .form__box{display:flex;justify-content:flex-end}}#top .form__label{display:block;margin-bottom:8px;font-family:"ryo-gothic-plusn",sans-serif;font-size:18px;letter-spacing:.08em}@media screen and (min-width: 1024px){#top .form__label{width:40%;padding-left:20%}}#top .form .required::after{content:"*";font-size:16px;color:red}#top .form__input{width:100%;height:52px;background:#3e3e3e;color:#fff;letter-spacing:.08em;border:none;padding:8px}@media screen and (min-width: 1024px){#top .form__input{width:60%}}#top .form__message{width:100%;height:158px;background:#3e3e3e;color:#fff;letter-spacing:.08em;border:none;padding:8px}@media screen and (min-width: 1024px){#top .form__message{width:60%}}#top .form__submit{width:100%;height:52px;background:#055db5;color:#fff;font-family:"ryo-gothic-plusn",sans-serif;letter-spacing:.2em;border:none;cursor:pointer}@media screen and (min-width: 1024px){#top .form__submit{width:60%}}#works .bg-top{position:relative}#works .bg-top__blue{position:absolute;background:linear-gradient(170deg, rgba(119, 119, 119, 0) 16%, rgba(147, 147, 147, 0.3) 26%, rgba(83, 83, 83, 0.1) 34%, rgba(255, 255, 255, 0) 46%);width:100%;height:100vh;z-index:-2}#works .bg-top__noize{content:"";background:url(../../images/bg-noize.png) top right/cover;position:absolute;top:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;z-index:-1}#works .intro{padding:160px 24px 80px}@media screen and (min-width: 1024px){#works .intro{display:flex;justify-content:space-between;padding:160px 80px 80px}}#works .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:48px;letter-spacing:.02em;line-height:1}@media screen and (min-width: 1024px){#works .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:80px;letter-spacing:.02em;line-height:1}}#works .intro__filter{display:none}#works .web{margin-bottom:40px}@media screen and (min-width: 768px){#works .web__flex{margin-left:32px;margin-bottom:0}}@media screen and (min-width: 1024px){#works .web__flex{margin-left:80px;margin-bottom:160px;display:flex;flex-wrap:wrap}}#works .web__container{display:flex}@media screen and (min-width: 1024px){#works .web__container{width:50%}}@media screen and (min-width: 768px){#works .web .even{flex-direction:row-reverse;margin-bottom:80px}}@media screen and (min-width: 1024px){#works .web .even{flex-direction:column;margin-top:80px;margin-bottom:0}}#works .web__box{width:100%;margin-bottom:40px}@media screen and (min-width: 768px){#works .web__box{width:488px;margin-bottom:0}}@media screen and (min-width: 1024px){#works .web__box{width:auto}}#works .web__pic{width:100%;aspect-ratio:5/2;margin-bottom:10px}#works .web__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}@media screen and (min-width: 1024px)and (hover: hover){#works .web__img{filter:grayscale(80%)}}#works .web__img:hover{filter:grayscale(0%)}#works .web__dummy{position:relative;width:100%;height:100%;background:#595959}#works .web__dummy::before{content:"coming soon";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"aw-conqueror-didot","zen-old-mincho",serif;letter-spacing:.06em;font-size:32px}@media screen and (min-width: 1024px){#works .web__dummy{margin-bottom:16px}}#works .web__ttl{font-family:"times-new-roman",sans-serif;font-size:26px;font-weight:400;margin-left:24px}@media screen and (min-width: 1024px){#works .web__ttl{font-size:32px;letter-spacing:.02em}}#works .web__info{margin:0 24px}#works .web__name{display:flex;align-items:center}#works .web__num{font-family:"times-new-roman",sans-serif;font-size:32px}#works .web__list{font-size:14px}#works .web__btn{display:flex;justify-content:center}#works .web__more{position:relative;display:block;font-size:16px;font-family:"acumin-pro",sans-serif;color:#fff;text-decoration:none;overflow:hidden}#works .web__more::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}#works .graphic{margin-bottom:160px}@media screen and (min-width: 768px){#works .graphic{width:572px;margin:0 auto 160px}}@media screen and (min-width: 1280px){#works .graphic{width:auto;margin:0 auto 160px}}@media screen and (min-width: 768px){#works .graphic__container{display:grid;grid-gap:40px;grid-template-columns:1fr 1fr}}@media screen and (min-width: 1280px){#works .graphic__container{display:grid;grid-template-columns:1fr 1fr 1fr;width:80%;margin:0 auto}}#works .graphic__box{display:flex;margin-bottom:40px}@media screen and (min-width: 768px){#works .graphic__box{flex-direction:column;margin-bottom:56px}}#works .graphic__box.even{flex-direction:row-reverse}@media screen and (min-width: 768px){#works .graphic__box.even{flex-direction:column}}@media screen and (min-width: 1024px){#works .graphic__box{width:100%}}#works .graphic__pic{width:56%;aspect-ratio:1/1}@media screen and (min-width: 768px){#works .graphic__pic{width:100%}}@media screen and (min-width: 1024px){#works .graphic__pic{height:100%;max-height:300px}}#works .graphic__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;transition:.5s}@media screen and (min-width: 1024px)and (hover: hover){#works .graphic__img{filter:grayscale(80%)}}#works .graphic__img:hover{filter:grayscale(0%)}#works .graphic__info{margin:0 8px}@media screen and (min-width: 768px){#works .graphic__info{margin:8px 8px 0}}@media screen and (min-width: 768px){#works .graphic__name{display:flex;align-items:center}}@media screen and (min-width: 1024px){#works .graphic__name{margin-bottom:8px}}#works .graphic__num{font-family:"times-new-roman",sans-serif;font-size:22px}@media screen and (min-width: 1280px){#works .graphic__num{font-family:"times-new-roman",sans-serif;font-size:32px}}#works .graphic__ttl{margin-bottom:8px;font-family:"times-new-roman",sans-serif;font-size:26px;font-weight:400;letter-spacing:.02em;line-height:1.2}@media screen and (min-width: 768px){#works .graphic__ttl{margin-left:16px;text-wrap:nowrap}}@media screen and (min-width: 1280px){#works .graphic__ttl{font-size:32px;margin:0 0 0 16px}}#works .graphic__list{font-family:"acumin-pro",sans-serif;font-size:14px}@media screen and (min-width: 1280px){#works .graphic__list{font-size:16px}}.bg-bottom{position:relative}.bg-bottom__blue{position:absolute;bottom:0;left:0;background:linear-gradient(170deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.1) 44%, rgba(120, 120, 120, 0.2) 50%, rgba(225, 225, 225, 0) 70%);width:100%;height:100vh;z-index:-2}.bg-bottom__noize{content:"";background:url(../../images/bg-noize.png) top right/cover;position:absolute;bottom:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;transform:rotate(180deg);z-index:-1}#web .bg-top{position:relative}#web .bg-top__blue{position:absolute;background:linear-gradient(170.111033891deg, rgb(44, 25, 218) 9.646529563%, rgba(93, 78, 226, 0.5882352941) 30.4739717224%, rgba(255, 255, 255, 0.3725490196) 41.2371465296%, rgba(255, 255, 255, 0) 59.5485218509%);width:100%;height:100vh;z-index:-2}#web .bg-top__noize{content:"";background:url(../../images/bg-noize.png) center center/cover;position:absolute;top:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;z-index:-1}#web .intro{padding:160px 0 72px}@media screen and (min-width: 768px){#web .intro{padding:160px 72px 72px}}@media screen and (min-width: 1024px){#web .intro{padding:160px 80px 72px}}#web .intro__container{margin:0 24px 56px}@media screen and (min-width: 768px){#web .intro__container{margin:0 0 56px}}@media screen and (min-width: 1024px){#web .intro__container{margin:0 0 56px}}#web .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:32px;letter-spacing:.02em;line-height:1;margin-bottom:16px;text-wrap:nowrap}@media screen and (min-width: 1024px){#web .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:80px;letter-spacing:.02em;line-height:1;margin-bottom:24px}}#web .intro__subttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:14px}@media screen and (min-width: 1024px){#web .intro__subttl{font-size:24px;letter-spacing:.02em;margin-bottom:16px}}#web .intro__info{display:flex;gap:16px;font-size:14px}@media screen and (min-width: 1024px){#web .intro__info{font-size:16px}}#web .intro__pic{width:100%;aspect-ratio:3/2;margin-bottom:72px}#web .intro__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px)and (orientation: landscape){#web .intro__img{height:100vh}}#web .intro__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin:0 24px 56px}@media screen and (min-width: 768px){#web .intro__txt{margin:0 72px 56px}}@media screen and (min-width: 1024px){#web .intro__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:18px;font-weight:400;letter-spacing:.08em;line-height:1.8em;width:800px;margin:0 auto 56px}}#web .intro .btn{display:flex;justify-content:center}#web .intro .btn__link{position:relative;display:block;font-size:16px;font-family:"acumin-pro",sans-serif;color:#fff;text-decoration:none;overflow:hidden}#web .intro .btn__link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}#web .intro .btn__link::after{content:"";position:absolute;bottom:0;right:100%;width:100%;height:1px;background:#fff}@media screen and (min-width: 1024px){#web .intro .btn__link::before{transition:.5s}#web .intro .btn__link:hover::before{transform:translateX(100%)}#web .intro .btn__link::after{transition:1.6s}#web .intro .btn__link:hover::after{transform:translateX(100%)}}@media screen and (min-width: 1024px){#web .intro .btn{margin-bottom:72px}}#web .subview{width:100%;aspect-ratio:3/1;margin-bottom:80px}@media screen and (min-width: 1024px){#web .subview{margin-bottom:160px}}#web .subview__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#web .webView{margin:0 24px 80px}@media screen and (min-width: 768px){#web .webView{margin:0 72px 80px}}@media screen and (min-width: 1024px){#web .webView{margin:0 20% 80px}}#web .webView .scroll{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:56px}#web .webView .scroll__txt{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:16px;letter-spacing:.2em;margin-bottom:16px}#web .webView .scroll__bar{width:1px;height:40px;position:relative;overflow:hidden}#web .webView .scroll__bar::after{content:"";position:absolute;right:0;bottom:100%;width:1px;height:40px;background:#fff;-webkit-animation:scrollAfter 2s linear infinite;-webkit-animation-delay:2s}@keyframes scrollAfter{100%{transform:translateY(200%)}}@media screen and (min-width: 1024px){#web .webView .scroll{margin-bottom:80px}}#web .webView__box{width:100%;aspect-ratio:3/2;overflow-y:scroll;margin-bottom:80px;border:1px solid #444}#web .webView__box::-webkit-scrollbar{width:10px;height:10px}#web .webView__box::-webkit-scrollbar-thumb{background:#2c19da}#web .webView__box::-webkit-scrollbar-track{background:#000}#web .info{margin:0 24px 64px;border-bottom:1px solid #fff}@media screen and (min-width: 768px){#web .info{margin:0 72px 64px}}@media screen and (min-width: 1024px){#web .info{margin:0 20% 64px}}#web .info__container{padding:40px 0;border-top:1px solid #fff}@media screen and (min-width: 1024px){#web .info__container{display:flex;flex-shrink:0}}#web .info__ttl{font-family:"ryo-gothic-plusn",sans-serif;font-size:16px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:16px}@media screen and (min-width: 1024px){#web .info__ttl{width:15vw}}#web .info__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em}@media screen and (min-width: 1024px){#web .info__txt{flex:1}}#web .info__box{display:flex}@media screen and (min-width: 1024px){#web .info__subbox{flex:1}}#web .info__process{margin-right:72px}#web .info__process .info__txt{margin-bottom:8px}#web .info__time .info__txt{margin-bottom:8px}#web .info__ul{display:flex;font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;flex-wrap:wrap}#web .info__font{margin-bottom:16px}#web .info__list{display:flex;align-items:center;text-wrap:nowrap}#web .info__list::after{content:"";display:inline-block;margin:0 8px;width:12px;height:16px;background:linear-gradient(-45deg, transparent 0%, transparent 47%, #ffffff 47%, #ffffff 53%, transparent 53%, transparent 100%)}#web .info__list:nth-last-child(1)::after{content:"";margin:0;width:0;height:0;background:none}#web .menu{margin:0 24px 160px;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){#web .menu{margin:0 72px 160px}}@media screen and (min-width: 1024px){#web .menu{margin:0 20% 160px}}#web .menu__ico{margin-bottom:16px;width:14px;height:20px}#web .menu__back{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#web .menu__back:hover .menuBack{transform:translateX(-200%)}#web .menu__back:hover .menuBack::after{transform:translateX(200%)}#web .menu__back .menu__ico{transition:.5s;background:url(../../images/back_ico.svg) center center/cover}#web .menu__back .menu__ico::after{content:"";display:block;background:url(../../images/back_ico.svg) center center/cover;margin-bottom:16px;width:14px;height:20px;transform:translateX(200%);transition:.5s}#web .menu__next{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#web .menu__next:hover .menuNext{transform:translateX(200%)}#web .menu__next:hover .menuNext::after{transform:translateX(-200%)}#web .menu__next .menu__ico{transition:.5s;background:url(../../images/next_ico.svg) center center/cover}#web .menu__next .menu__ico::after{content:"";display:block;background:url(../../images/next_ico.svg) center center/cover;margin-bottom:16px;width:14px;height:20px;transform:translateX(-200%);transition:.5s}#web .menu .none{opacity:0;pointer-events:none}#web .menu__catalog{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#web .menu__catalog:hover .menu__catalog__ico{transform:translateX(-200%)}#web .menu__catalog:hover .menu__catalog__ico::before{transform:translateX(200%)}#web .menu__catalog__ico{display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transition:.5s}#web .menu__catalog__ico::before{content:"";display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transform:translateX(200%);transition:.5s}#web .menu__txt{font-family:"acumin-pro",sans-serif;font-size:14px}#web .bg-bottom{position:relative}#web .bg-bottom__blue{position:absolute;bottom:0;left:0;background:linear-gradient(167.0719729932deg, rgba(255, 255, 255, 0) 38.8174807198%, rgba(255, 255, 255, 0.2743055556) 48.3611825193%, rgba(93, 78, 226, 0.5138888889) 56.4910025707%, rgba(44, 25, 218, 0.9930555556) 72.7506426735%, rgb(44, 25, 218) 72.7506426735%);width:100%;height:100vh;z-index:-2}#web .bg-bottom__noize{content:"";background:url(../../images/bg-noize.png) top right/cover;position:absolute;bottom:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;transform:rotate(180deg);z-index:-1}#graphic .bg-top{position:relative}#graphic .bg-top__blue{position:absolute;background:linear-gradient(170.111033891deg, rgb(44, 25, 218) 9.646529563%, rgba(93, 78, 226, 0.5882352941) 30.4739717224%, rgba(255, 255, 255, 0.3725490196) 41.2371465296%, rgba(255, 255, 255, 0) 59.5485218509%);width:100%;height:100vh;z-index:-2}#graphic .bg-top__noize{content:"";background:url(../../images/bg-noize.png) center center/cover;position:absolute;top:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;z-index:-1}#graphic .intro{padding:160px 0 72px}@media screen and (min-width: 768px){#graphic .intro{padding:160px 72px 72px}}@media screen and (min-width: 1024px){#graphic .intro{padding:160px 80px 72px}}#graphic .intro__container{margin:0 24px 56px}@media screen and (min-width: 768px){#graphic .intro__container{margin:0 0 56px}}@media screen and (min-width: 1024px){#graphic .intro__container{margin:0 0 56px}}#graphic .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:32px;letter-spacing:.02em;line-height:1;margin-bottom:16px;text-wrap:nowrap}@media screen and (min-width: 1024px){#graphic .intro__ttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-weight:400;font-size:80px;letter-spacing:.02em;line-height:1;margin-bottom:24px}}#graphic .intro__subttl{font-family:"aw-conqueror-didot","zen-old-mincho",serif;font-size:14px}@media screen and (min-width: 1024px){#graphic .intro__subttl{font-size:24px;letter-spacing:.02em;margin-bottom:16px}}#graphic .intro__info{display:flex;gap:16px;font-size:14px}@media screen and (min-width: 1024px){#graphic .intro__info{font-size:16px}}#graphic .intro__pic{width:100%;aspect-ratio:3/2;margin-bottom:72px}#graphic .intro__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px)and (orientation: landscape){#graphic .intro__img{height:100vh}}#graphic .intro__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin:0 24px 40px}@media screen and (min-width: 768px){#graphic .intro__txt{margin:0 72px 56px}}@media screen and (min-width: 1024px){#graphic .intro__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:18px;font-weight:400;letter-spacing:.08em;line-height:1.8em;width:800px;margin:0 auto 56px}}#graphic .intro .btn{display:flex;justify-content:center}#graphic .intro .btn__link{position:relative;display:block;font-size:16px;font-family:"acumin-pro",sans-serif;color:#fff;text-decoration:none;overflow:hidden}#graphic .intro .btn__link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}#graphic .intro .btn__link::after{content:"";position:absolute;bottom:0;right:100%;width:100%;height:1px;background:#fff}@media screen and (min-width: 1024px){#graphic .intro .btn__link::before{transition:.5s}#graphic .intro .btn__link:hover::before{transform:translateX(100%)}#graphic .intro .btn__link::after{transition:1.6s}#graphic .intro .btn__link:hover::after{transform:translateX(100%)}}@media screen and (min-width: 1024px){#graphic .intro .btn{margin-bottom:72px}}#graphic .subview{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-bottom:80px}@media screen and (min-width: 1024px){#graphic .subview{margin-bottom:160px}}#graphic .subview__pic{max-width:600px}#graphic .subview__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#graphic .info{margin:0 24px 64px;border-bottom:1px solid #fff}@media screen and (min-width: 768px){#graphic .info{margin:0 72px 64px}}@media screen and (min-width: 1024px){#graphic .info{margin:0 20% 64px}}#graphic .info__container{padding:40px 0;border-top:1px solid #fff}@media screen and (min-width: 1024px){#graphic .info__container{display:flex;flex-shrink:0}}#graphic .info__ttl{font-family:"ryo-gothic-plusn",sans-serif;font-size:16px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:16px}@media screen and (min-width: 1024px){#graphic .info__ttl{width:15vw}}#graphic .info__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em}@media screen and (min-width: 1024px){#graphic .info__txt{flex:1}}#graphic .info .mb{margin-bottom:16px}#graphic .info__box{display:flex}@media screen and (min-width: 1024px){#graphic .info__subbox{flex:1}}#graphic .info__process{margin-right:72px}#graphic .info__process .info__txt{margin-bottom:8px}#graphic .info__time .info__txt{margin-bottom:8px}#graphic .info__ul{display:flex;font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em}#graphic .info__font{margin-bottom:16px}#graphic .info__list{display:flex;align-items:center;text-wrap:nowrap}#graphic .info__list::after{content:"";display:inline-block;margin:0 8px;width:12px;height:16px;background:linear-gradient(-45deg, transparent 0%, transparent 47%, #ffffff 47%, #ffffff 53%, transparent 53%, transparent 100%)}#graphic .info__list:nth-last-child(1)::after{content:"";margin:0;width:0;height:0;background:none}#graphic .menu{margin:0 24px 160px;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){#graphic .menu{margin:0 72px 160px}}@media screen and (min-width: 1024px){#graphic .menu{margin:0 20% 160px}}#graphic .menu__ico{margin-bottom:16px;width:14px;height:20px}#graphic .menu__back{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#graphic .menu__back:hover .menuBack{transform:translateX(-200%)}#graphic .menu__back:hover .menuBack::after{transform:translateX(200%)}#graphic .menu__back .menu__ico{transition:.5s;background:url(../../images/back_ico.svg) center center/cover}#graphic .menu__back .menu__ico::after{content:"";display:block;background:url(../../images/back_ico.svg) center center/cover;margin-bottom:16px;width:14px;height:20px;transform:translateX(200%);transition:.5s}#graphic .menu__next{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#graphic .menu__next:hover .menuNext{transform:translateX(200%)}#graphic .menu__next:hover .menuNext::after{transform:translateX(-200%)}#graphic .menu__next .menu__ico{transition:.5s;background:url(../../images/next_ico.svg) center center/cover}#graphic .menu__next .menu__ico::after{content:"";display:block;background:url(../../images/next_ico.svg) center center/cover;margin-bottom:16px;width:14px;height:20px;transform:translateX(-200%);transition:.5s}#graphic .menu .none{opacity:0;pointer-events:none}#graphic .menu__catalog{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#graphic .menu__catalog:hover .menu__catalog__ico{transform:translateX(-200%)}#graphic .menu__catalog:hover .menu__catalog__ico::before{transform:translateX(200%)}#graphic .menu__catalog__ico{display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transition:.5s}#graphic .menu__catalog__ico::before{content:"";display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transform:translateX(200%);transition:.5s}#graphic .menu__txt{font-family:"acumin-pro",sans-serif;font-size:14px}#graphic .bg-bottom{position:relative}#graphic .bg-bottom__blue{position:absolute;bottom:0;left:0;background:linear-gradient(167.0719729932deg, rgba(255, 255, 255, 0) 38.8174807198%, rgba(255, 255, 255, 0.2743055556) 48.3611825193%, rgba(93, 78, 226, 0.5138888889) 56.4910025707%, rgba(44, 25, 218, 0.9930555556) 72.7506426735%, rgb(44, 25, 218) 72.7506426735%);width:100%;height:100vh;z-index:-2}#graphic .bg-bottom__noize{content:"";background:url(../../images/bg-noize.png) top right/cover;position:absolute;bottom:0;left:0;width:100%;height:100vh;mix-blend-mode:soft-light;transform:rotate(180deg);z-index:-1}#thanks .message{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#thanks .message__txt{font-family:"ryo-gothic-plusn",sans-serif;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.8em;margin-bottom:80px}#thanks .message__back{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;overflow:hidden}#thanks .message__back:hover .message__back__ico{transform:translateX(-200%)}#thanks .message__back:hover .message__back__ico::before{transform:translateX(200%)}#thanks .message__back__ico{display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transition:.5s}#thanks .message__back__ico::before{content:"";display:block;background:url(../../images/catalog_ico.svg) center center/cover;margin-bottom:16px;width:40px;height:14px;transform:translateX(200%);transition:.5s}#top .hideBg{opacity:0}#top .viewBg{opacity:1}#top .rotateTop,#works .rotateTop,#web .rotateTop,#graphic .rotateTop{transform:rotate(45deg)}#top .rotateBottom,#works .rotateBottom,#web .rotateBottom,#graphic .rotateBottom{width:37px;transform:rotate(-45deg)}#top .translateNav,#works .translateNav,#web .translateNav,#graphic .translateNav{transform:translateX(0)}/*# sourceMappingURL=style.css.map */