*,*::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 txtLoop{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#works .works__pcImg,#works .works__spImg,#works .works__pcScreenImg,#works .works__spScreenImg,#privacy .privacy__ttlImg,#privacy .privacy__bgImg,#top .mv__txtImg,#top .txtBg__txtImg,#top .about__img,#top .about__txtImg,#top .about__smallImg,#top .works__txtImg,#top .works__boxImg,#top .skill__txtImg,#top .skill__codingImg,#top .skill__toolImg,#top .skill__designImg,#top .contact__bgImg,#top .contact__txtImg,#top .contact__smallImg,#top .footer__txtImg,#works .footer__txtImg,#privacy .footer__txtImg,#top .header__menuImg,#privacy .header__menuImg,#works .header__menuImg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works .works__codingType-02,#top .works__boxType-02{display:flex;justify-content:center;align-items:center;width:46px;height:28px;color:#fff;background:#401d00;font-size:12px;border-radius:5px;transition:.4s ease}#works .works__codingType-03,#top .works__boxType-03{display:flex;justify-content:center;align-items:center;width:56px;height:28px;color:#fff;background:#401d00;font-size:12px;border-radius:5px;transition:.4s ease}#works .works__codingType-04,#top .works__boxType-04{display:flex;justify-content:center;align-items:center;width:68px;height:28px;color:#fff;background:#401d00;font-size:12px;border-radius:5px;transition:.4s ease}#works .works__codingType-05,#top .works__boxType-05{display:flex;justify-content:center;align-items:center;width:80px;height:28px;color:#fff;background:#401d00;font-size:12px;border-radius:5px;transition:.4s ease}#top .skill__blue-1,#top .skill__blue-2,#top .skill__red,#top .skill__yellow,#top .skill__orange-1,#top .skill__orange-2,#top .skill__purple,#top .skill__green{width:12.3vw;aspect-ratio:200/120}@media screen and (min-width: 1024px){#top .skill__blue-1,#top .skill__blue-2,#top .skill__red,#top .skill__yellow,#top .skill__orange-1,#top .skill__orange-2,#top .skill__purple,#top .skill__green{width:10.4167vw}}#works .works__purpose,#works .works__target,#works .works__technology,#works .works__animation,#works .works__design,#works .works__langTool,#works .works__date,#works .works__period{margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.9}@media screen and (min-width: 1024px){#works .works__purpose,#works .works__target,#works .works__technology,#works .works__animation,#works .works__design,#works .works__langTool,#works .works__date,#works .works__period{line-height:2}}#works .works__purposeTxt,#works .works__targetTxt,#works .works__technologyTxt,#works .works__animationTxt,#works .works__designTxt,#works .works__langToolTxt,#works .works__dateTxt,#works .works__design,#works .works__coding,#works .works__codingTxt{font-size:14px;line-height:1.9}@media screen and (min-width: 1024px){#works .works__purposeTxt,#works .works__targetTxt,#works .works__technologyTxt,#works .works__animationTxt,#works .works__designTxt,#works .works__langToolTxt,#works .works__dateTxt,#works .works__design,#works .works__coding,#works .works__codingTxt{font-size:16px;line-height:2}}.footerGnav__navLink::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#401d00;transform:scale(0, 1);transform-origin:left top;transition:transform .4s}.footerGnav__navLink:hover::after{transform:scale(1, 1)}#top .header,#privacy .header,#works .header{position:fixed;top:0;z-index:10;width:100%;padding:3.88% 4.3vw 0;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){#top .header,#privacy .header,#works .header{position:static;padding:0 2.1%}}#top .header__wrap,#privacy .header__wrap,#works .header__wrap{display:flex;justify-content:space-between;align-items:center;gap:35.6%}@media screen and (min-width: 1024px){#top .header__wrap,#privacy .header__wrap,#works .header__wrap{position:relative;align-items:flex-end}}#top .header__ttl,#privacy .header__ttl,#works .header__ttl{width:56px;aspect-ratio:114/49}@media screen and (min-width: 768px){#top .header__ttl,#privacy .header__ttl,#works .header__ttl{width:75px}}@media screen and (min-width: 900px){#top .header__ttl,#privacy .header__ttl,#works .header__ttl{width:90px}}@media screen and (min-width: 1024px){#top .header__ttl,#privacy .header__ttl,#works .header__ttl{flex-shrink:0;padding-top:1.1%;width:auto}}#top .header__ttlLink,#privacy .header__ttlLink,#works .header__ttlLink{display:block}#top .header__ttlImg,#privacy .header__ttlImg,#works .header__ttlImg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .header__menuBtn,#privacy .header__menuBtn,#works .header__menuBtn{right:2.1%;z-index:10;display:flex;justify-content:center;align-items:center;width:60px;height:20px;margin:0;color:#fff;background:#401d00;font-size:12px;border-radius:50px;cursor:pointer}@media screen and (min-width: 1024px){#top .header__menuBtn,#privacy .header__menuBtn,#works .header__menuBtn{position:fixed;width:70px;height:30px;margin:4px 0;font-size:15px}}#top .header__menu,#privacy .header__menu,#works .header__menu{line-height:0;display:inline-block;transition:opacity .3s ease;opacity:1}#top .header .header__menu.fade,#privacy .header .header__menu.fade,#works .header .header__menu.fade{opacity:0}#top .header__menuBox,#privacy .header__menuBox,#works .header__menuBox{position:fixed;top:10px;right:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;aspect-ratio:540/800;background:#bdc9d2;border-radius:15px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}@media screen and (min-width: 768px){#top .header__menuBox,#privacy .header__menuBox,#works .header__menuBox{width:60vw}}@media screen and (min-width: 1024px){#top .header__menuBox,#privacy .header__menuBox,#works .header__menuBox{top:20px;width:28vw;border-radius:25px}}#top .header__menuList-01,#privacy .header__menuList-01,#works .header__menuList-01{width:25vw;margin:0 auto}@media screen and (min-width: 768px){#top .header__menuList-01,#privacy .header__menuList-01,#works .header__menuList-01{width:17vw}}@media screen and (min-width: 1024px){#top .header__menuList-01,#privacy .header__menuList-01,#works .header__menuList-01{width:8.5vw}}#top .header__menuList-02,#privacy .header__menuList-02,#works .header__menuList-02{width:35vw;margin:0 auto}@media screen and (min-width: 768px){#top .header__menuList-02,#privacy .header__menuList-02,#works .header__menuList-02{width:24vw}}@media screen and (min-width: 1024px){#top .header__menuList-02,#privacy .header__menuList-02,#works .header__menuList-02{width:12vw}}#top .header__menuList-03,#privacy .header__menuList-03,#works .header__menuList-03{width:35vw;margin:0 auto}@media screen and (min-width: 768px){#top .header__menuList-03,#privacy .header__menuList-03,#works .header__menuList-03{width:24vw}}@media screen and (min-width: 1024px){#top .header__menuList-03,#privacy .header__menuList-03,#works .header__menuList-03{width:12vw}}#top .header__menuList-04,#privacy .header__menuList-04,#works .header__menuList-04{width:26vw;margin:0 auto}@media screen and (min-width: 768px){#top .header__menuList-04,#privacy .header__menuList-04,#works .header__menuList-04{width:19vw}}@media screen and (min-width: 1024px){#top .header__menuList-04,#privacy .header__menuList-04,#works .header__menuList-04{width:10vw}}#top .header__menuList-05,#privacy .header__menuList-05,#works .header__menuList-05{width:43vw;margin:0 auto}@media screen and (min-width: 768px){#top .header__menuList-05,#privacy .header__menuList-05,#works .header__menuList-05{width:29vw}}@media screen and (min-width: 1024px){#top .header__menuList-05,#privacy .header__menuList-05,#works .header__menuList-05{width:15vw}}#top .header__menuLink,#privacy .header__menuLink,#works .header__menuLink{position:relative;overflow:hidden;display:block;padding:5vw;transition:.4s}#top .header__menuLink:hover,#privacy .header__menuLink:hover,#works .header__menuLink:hover{opacity:.4}@media screen and (min-width: 768px){#top .header__menuLink,#privacy .header__menuLink,#works .header__menuLink{padding:3vw}}@media screen and (min-width: 1024px){#top .header__menuLink,#privacy .header__menuLink,#works .header__menuLink{padding:1.66vw}}#top .header .menuNav,#privacy .header .menuNav,#works .header .menuNav{opacity:1;pointer-events:auto;transform:translateY(0)}.gnav{display:none}@media screen and (min-width: 1024px){.gnav{display:inline;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding-top:1.76%}}.gnav__nav{display:flex}.gnav__link{position:relative;display:block;padding:8px 10px;font-size:15px;font-family:"Inter",sans-serif;text-decoration:none;color:rgba(0,0,0,0);overflow:hidden;text-shadow:0 1.8em 0 #401d00,0 0 0 #401d00;transition:text-shadow .4s}.gnav__link:hover{text-shadow:0 0 0 #401d00,0 -1.8em 0 #401d00}.gnav__link::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#401d00;transform:scale(0, 1);transform-origin:left top;transition:transform .4s}.gnav__link:hover::after{transform:scale(1, 1)}.footerGnav{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21vw;padding:0 8.53%}@media screen and (min-width: 1024px){.footerGnav{justify-content:flex-start;margin-bottom:5vw;padding:0 10.416vw;gap:2.83%}}.footerGnav__navList{width:-moz-fit-content;width:fit-content}.footerGnav__navLink{position:relative;display:block;width:-moz-fit-content;width:fit-content;padding:8px 0;color:#401d00;text-decoration:none;font-size:15px;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){.footerGnav__navLink{padding:12px 10px;font-size:18px}}#top .footer,#works .footer,#privacy .footer{background:url(../images/08_footer/footer_bg.jpg) center center/cover;width:100%;height:80vh;aspect-ratio:1920/929;overflow:hidden}@media screen and (min-width: 768px){#top .footer,#works .footer,#privacy .footer{height:100vh}}@media screen and (min-width: 1024px){#top .footer,#works .footer,#privacy .footer{height:100vh;padding:0 2.1% 0 2.1%}}#top .footer__txtWrap,#works .footer__txtWrap,#privacy .footer__txtWrap{margin-bottom:21vw;transform:translateY(40%)}@media screen and (min-width: 1024px){#top .footer__txtWrap,#works .footer__txtWrap,#privacy .footer__txtWrap{margin-bottom:11vw;transform:translateY(20%)}}#top .footer__txtBox,#works .footer__txtBox,#privacy .footer__txtBox{display:flex;overflow:hidden}#top .footer__txtBox:first-of-type,#works .footer__txtBox:first-of-type,#privacy .footer__txtBox:first-of-type{width:80%;margin-bottom:4.26vw}@media screen and (min-width: 1024px){#top .footer__txtBox:first-of-type,#works .footer__txtBox:first-of-type,#privacy .footer__txtBox:first-of-type{width:auto;margin-bottom:56px}}#top .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3){width:210%}@media screen and (min-width: 768px){#top .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3){width:240%}}@media screen and (min-width: 1024px){#top .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:first-of-type .footer__txtFlex:nth-of-type(3){width:auto;transform:translateY(5px)}}#top .footer__txtBox:last-of-type,#works .footer__txtBox:last-of-type,#privacy .footer__txtBox:last-of-type{margin-left:auto;width:80%}@media screen and (min-width: 1024px){#top .footer__txtBox:last-of-type,#works .footer__txtBox:last-of-type,#privacy .footer__txtBox:last-of-type{justify-content:flex-end;width:auto}}#top .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3){width:250%}@media screen and (min-width: 768px){#top .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3){width:240%}}@media screen and (min-width: 1024px){#top .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#works .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3),#privacy .footer__txtBox:last-of-type .footer__txtFlex:nth-of-type(3){width:auto;transform:translateY(5px)}}#top .footer .footer__box-01,#works .footer .footer__box-01,#privacy .footer .footer__box-01{width:80%;transform:translateX(-21vw)}@media screen and (min-width: 1024px){#top .footer .footer__box-01,#works .footer .footer__box-01,#privacy .footer .footer__box-01{width:auto}}#top .footer .footer__box-02,#works .footer .footer__box-02,#privacy .footer .footer__box-02{width:83.5%;transform:translateX(21vw)}@media screen and (min-width: 1024px){#top .footer .footer__box-02,#works .footer .footer__box-02,#privacy .footer .footer__box-02{width:auto}}#top .footer__txtFlex,#works .footer__txtFlex,#privacy .footer__txtFlex{display:flex;gap:2px}@media screen and (min-width: 768px){#top .footer__txtFlex,#works .footer__txtFlex,#privacy .footer__txtFlex{gap:0}}#top .footer__life,#works .footer__life,#privacy .footer__life{width:100%;margin-right:8px}@media screen and (min-width: 1024px){#top .footer__life,#works .footer__life,#privacy .footer__life{width:auto}}#top .footer__is,#works .footer__is,#privacy .footer__is{width:40%;margin-right:8px}@media screen and (min-width: 1024px){#top .footer__is,#works .footer__is,#privacy .footer__is{width:auto}}@media screen and (min-width: 1024px){#top .footer__txtPic,#works .footer__txtPic,#privacy .footer__txtPic{width:auto;height:auto}}#top .footer__L,#works .footer__L,#privacy .footer__L{margin-right:.533vw}@media screen and (min-width: 1024px){#top .footer__L,#works .footer__L,#privacy .footer__L{margin-right:1.25vw}}#top .footer__I-01,#works .footer__I-01,#privacy .footer__I-01{margin-right:.533vw}@media screen and (min-width: 1024px){#top .footer__I-01,#works .footer__I-01,#privacy .footer__I-01{margin-right:1.6vw}}#top .footer__F,#works .footer__F,#privacy .footer__F{margin-right:.533vw}@media screen and (min-width: 1024px){#top .footer__F,#works .footer__F,#privacy .footer__F{margin-right:1.46vw}}#top .footer__E,#works .footer__E,#privacy .footer__E{margin-right:2vw}@media screen and (min-width: 1024px){#top .footer__E,#works .footer__E,#privacy .footer__E{margin-right:4vw}}#top .footer__I-02,#works .footer__I-02,#privacy .footer__I-02{margin-right:2px}@media screen and (min-width: 1024px){#top .footer__I-02,#works .footer__I-02,#privacy .footer__I-02{margin-right:1.354vw}}@media screen and (min-width: 1024px){#top .footer__S,#works .footer__S,#privacy .footer__S{margin-right:3.125vw}}#top .footer__C,#works .footer__C,#privacy .footer__C{margin-left:1.06vw}@media screen and (min-width: 1024px){#top .footer__C,#works .footer__C,#privacy .footer__C{margin-right:.88vw}}@media screen and (min-width: 1024px){#top .footer__H,#works .footer__H,#privacy .footer__H{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .footer__A,#works .footer__A,#privacy .footer__A{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .footer__N,#works .footer__N,#privacy .footer__N{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .footer__G-01,#works .footer__G-01,#privacy .footer__G-01{margin-right:.88vw}}#top .footer__G-02,#works .footer__G-02,#privacy .footer__G-02{margin-left:1.06vw}@media screen and (min-width: 1024px){#top .footer__G-02,#works .footer__G-02,#privacy .footer__G-02{margin-right:.94vw}}@media screen and (min-width: 1024px){#top .footer__R,#works .footer__R,#privacy .footer__R{margin-right:.21vw}}@media screen and (min-width: 1024px){#top .footer__O,#works .footer__O,#privacy .footer__O{margin-right:.21vw}}@media screen and (min-width: 1024px){#top .footer__W,#works .footer__W,#privacy .footer__W{margin-right:.21vw}}@media screen and (min-width: 1024px){#top .footer__T,#works .footer__T,#privacy .footer__T{margin-right:.573vw}}#top .footer__txtContain,#works .footer__txtContain,#privacy .footer__txtContain{-o-object-fit:contain;object-fit:contain}#top .footer__box,#works .footer__box,#privacy .footer__box{display:flex;justify-content:space-between;align-items:center;padding:0 8.53%}@media screen and (min-width: 768px){#top .footer__box,#works .footer__box,#privacy .footer__box{position:relative;padding:0 10.416vw}}#top .footer__copy,#works .footer__copy,#privacy .footer__copy{color:#401d00;font-family:"Inter",sans-serif}@media screen and (min-width: 768px){#top .footer__copy,#works .footer__copy,#privacy .footer__copy{flex-shrink:0}}#top .footer__small,#works .footer__small,#privacy .footer__small{font-size:12px}@media screen and (min-width: 1024px){#top .footer__small,#works .footer__small,#privacy .footer__small{font-size:15px}}#top .footer__scroll,#works .footer__scroll,#privacy .footer__scroll{background:#fff;border-radius:25px}@media screen and (min-width: 768px){#top .footer__scroll,#works .footer__scroll,#privacy .footer__scroll{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}}#top .footer__scrollLink,#works .footer__scrollLink,#privacy .footer__scrollLink{display:flex;justify-content:center;align-items:center;width:100px;height:25px;text-decoration:none;color:rgba(0,0,0,0);font-size:12px;font-family:"Inter",sans-serif;overflow:hidden;text-shadow:0 1.8em 0 #401d00,0 0 0 #401d00;transition:text-shadow .4s}#top .footer__scrollLink:hover,#works .footer__scrollLink:hover,#privacy .footer__scrollLink:hover{text-shadow:0 0 0 #401d00,0 -1.8em 0 #401d00}@media screen and (min-width: 1024px){#top .footer__scrollLink,#works .footer__scrollLink,#privacy .footer__scrollLink{width:160px;height:40px;font-size:16px}}#top .wrapper{overflow-x:clip}#top .mv__txtWrap{padding:15vh 4.3vw 0}@media screen and (min-width: 1024px){#top .mv__txtWrap{padding:16.49vh 2.1% 0}}#top .mv__txtBox{margin-bottom:4.3%;overflow:hidden}#top .mv__txtBox:nth-child(1){gap:4.16vw}#top .mv__txtBox:nth-child(1)>.mv__txtFlex{width:-moz-fit-content;width:fit-content}@media screen and (min-width: 1024px){#top .mv__txtBox:nth-child(1)>.mv__txtFlex{transform:translateY(5px)}}#top .mv__txtBox:nth-child(1) .mv__txtFlex:last-of-type{margin:0 auto;gap:4px}@media screen and (min-width: 1024px){#top .mv__txtBox:nth-child(1) .mv__txtFlex:last-of-type{width:auto;margin:0;gap:0px}}#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(1){width:50%;margin-left:auto;margin-bottom:4.3%;gap:4px}@media screen and (min-width: 1024px){#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(1){width:auto;gap:0}}#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(2){width:90%;margin-bottom:40px;gap:8px}@media screen and (min-width: 1024px){#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(2){width:auto;gap:0}}#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(2) .mv__txtPic:nth-child(4){margin-left:-5px}@media screen and (min-width: 1024px){#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(2) .mv__txtPic:nth-child(4){margin-left:0;gap:0}}@media screen and (min-width: 1024px){#top .mv__txtBox{display:flex;margin-bottom:48px;gap:4.16vw}#top .mv__txtBox:nth-child(2){justify-content:flex-end;margin-bottom:4.16vw}#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(1){margin-bottom:0;transform:translateY(5px);gap:0px}#top .mv__txtBox:nth-child(2) .mv__txtFlex:nth-child(2){margin-bottom:0}}#top .mv__txtUnit{display:flex;width:48%;height:auto;margin-bottom:4.3%;gap:20px}@media screen and (min-width: 768px){#top .mv__txtUnit{gap:24px}}@media screen and (min-width: 1024px){#top .mv__txtUnit{width:auto;margin:0;gap:4.16vw}}#top .mv__txtUnit .mv__txtFlex:nth-child(1){gap:8px}@media screen and (min-width: 1024px){#top .mv__txtUnit .mv__txtFlex:nth-child(1){width:auto;gap:0}}#top .mv__txtUnit .mv__txtFlex:nth-child(2){gap:8px}@media screen and (min-width: 1024px){#top .mv__txtUnit .mv__txtFlex:nth-child(2){width:auto;gap:0}}#top .mv__txtFlex{display:flex}@media screen and (min-width: 1024px){#top .mv__txtFlex{gap:0px}#top .mv__txtFlex:nth-child(3){gap:0px}}#top .mv__txtImg{height:auto}#top .mv .mv__txtWrap .mv__life{width:100%}@media screen and (min-width: 768px){#top .mv .mv__txtWrap .mv__life{width:76%}}@media screen and (min-width: 1024px){#top .mv .mv__txtWrap .mv__life{width:-moz-fit-content;width:fit-content}}#top .mv .mv__txtWrap .mv__is{width:40%}@media screen and (min-width: 768px){#top .mv .mv__txtWrap .mv__is{width:31%}}#top .mv .mv__txtWrap .mv__change{width:70%}@media screen and (min-width: 768px){#top .mv .mv__txtWrap .mv__change{width:70%}}@media screen and (min-width: 1024px){#top .mv__txtContain{-o-object-fit:contain;object-fit:contain}}@media screen and (min-width: 768px){#top .mv__L{margin-right:4px}}@media screen and (min-width: 1024px){#top .mv__L{margin-right:1.25vw}}@media screen and (min-width: 768px){#top .mv__I-01{margin-right:4px}}@media screen and (min-width: 1024px){#top .mv__I-01{margin-right:1.6vw}}@media screen and (min-width: 1024px){#top .mv__F{margin-right:1.46vw}}@media screen and (min-width: 1024px){#top .mv__I-02{margin-right:1.354vw}}@media screen and (min-width: 1024px){#top .mv__C{margin-right:.88vw}}@media screen and (min-width: 1024px){#top .mv__H{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .mv__A-01{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .mv__N{margin-right:.468vw}}@media screen and (min-width: 1024px){#top .mv__G{margin-right:.88vw}}@media screen and (min-width: 1024px){#top .mv__A-02{margin-right:-0.73vw}}@media screen and (min-width: 1024px){#top .mv__Y{margin-right:.3645vw}}@media screen and (min-width: 1024px){#top .mv__U-01{margin-right:.73vw}}@media screen and (min-width: 1024px){#top .mv__M-01{margin-right:.78vw}}@media screen and (min-width: 1024px){#top .mv__K{margin-right:1.04vw}}@media screen and (min-width: 1024px){#top .mv__I-03{margin-right:1.25vw}}#top .mv__T{margin-right:-4px}@media screen and (min-width: 768px){#top .mv__T{margin-right:-12px}}@media screen and (min-width: 1024px){#top .mv__T{margin-right:-0.156vw}}@media screen and (min-width: 1024px){#top .mv__A-03{margin-right:1.04vw}}@media screen and (min-width: 1024px){#top .mv__M-02{margin-right:1.66vw}}@media screen and (min-width: 1024px){#top .mv__U-02{margin-right:1.66vw}}@media screen and (min-width: 1024px){#top .mv__R{margin-right:.52vw}}#top .mv__clockWrap{display:flex;justify-content:space-between;align-items:flex-end;padding:0 4.3%;color:#401d00;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){#top .mv__clockWrap{padding:0 2.1%}}#top .mv__clockBox{text-align:center}#top .mv__clockDate{font-size:12px}@media screen and (min-width: 1024px){#top .mv__clockDate{font-size:14px}}#top .mv__clockTime{font-size:24px;margin-top:-4px}@media screen and (min-width: 1024px){#top .mv__clockTime{margin-top:-6px;font-size:32px}}#top .mv__portfolio{font-size:24px}@media screen and (min-width: 1024px){#top .mv__portfolio{font-size:32px}}#top .mv__bgWrap{margin-bottom:25.6%;padding:0;height:900vh;overflow:clip}@media screen and (min-width: 1024px){#top .mv__bgWrap{margin-bottom:21%}}#top .mv__bgContainer{position:sticky;top:6vw;display:flex;align-items:flex-start;width:100%;height:100vh;padding-top:15%;gap:2.1%}#top .mv__bgContainer>.mv__mask:nth-of-type(1){display:none}#top .mv__bgContainer .mv__mask:nth-of-type(3){display:none}#top .mv__bgContainer .mv__mask:nth-of-type(4){position:absolute;left:28%;width:45%;aspect-ratio:480/600}#top .mv__bgContainer .mv__mask:nth-of-type(5){position:absolute;right:0;width:38%;aspect-ratio:400/560;margin-right:-15%}@media screen and (min-width: 1024px){#top .mv__bgContainer{padding-top:5%;width:100%}}@media screen and (min-width: 768px){#top .mv__bgContainer{top:-6vw}#top .mv__bgContainer>.mv__mask:nth-of-type(4){position:absolute;left:30%;width:42%;aspect-ratio:480/600}#top .mv__bgContainer .mv__mask:nth-of-type(5){position:absolute;right:0;width:38%;aspect-ratio:400/560;margin-right:-15%}}@media screen and (min-width: 1024px){#top .mv__bgContainer{top:0}#top .mv__bgContainer>.mv__mask:nth-of-type(1){display:block;position:absolute;flex-shrink:0;width:21%;aspect-ratio:400/560;margin-left:-4.2%}#top .mv__bgContainer .mv__mask:nth-of-type(3){display:block;position:absolute;left:36.1%;flex-shrink:0;width:21%;aspect-ratio:400/560;margin-top:9.7vh}#top .mv__bgContainer .mv__mask:nth-of-type(4){position:absolute;left:59%;z-index:5;width:25.4%;aspect-ratio:480/600}#top .mv__bgContainer .mv__mask:nth-of-type(5){position:absolute;right:0%;width:21%;flex-shrink:0;margin-top:3.88vh;margin-right:-7.3%}}#top .mv__mask{overflow:hidden;border-radius:25px;transition:none;will-change:transform}@media screen and (min-width: 1024px){#top .mv__mask{border-radius:50px}}#top .mv__bgImg{width:160%;height:120%;-o-object-fit:cover;object-fit:cover;transition:none}#top .mv__bgBox{position:absolute;left:0;width:26%;margin-left:-1.6%}#top .mv__bgBox .mv__mask:first-child{aspect-ratio:300/400;margin-bottom:1.2vh;border-radius:15px}#top .mv__bgBox .mv__mask:last-child{aspect-ratio:300/400;border-radius:15px}@media screen and (min-width: 1024px){#top .mv__bgBox{left:18.5%;width:15.8%;flex-shrink:0;margin-top:3.88vh;margin-left:0}#top .mv__bgBox .mv__mask:first-child{width:100%;margin-bottom:3.88vh;border-radius:40px}#top .mv__bgBox .mv__mask:last-child{width:100%;border-radius:40px}}#top .txtBg{margin-bottom:25.6%}@media screen and (min-width: 1024px){#top .txtBg{margin-bottom:21%}}#top .txtBg__box{width:100%;margin-bottom:4.266%}@media screen and (min-width: 1024px){#top .txtBg__box{margin-bottom:2.3%}}#top .txtBg__txtPic-1{width:68vw;aspect-ratio:1018/88;margin:0 auto;margin-bottom:4.266%}@media screen and (min-width: 1024px){#top .txtBg__txtPic-1{width:53.02vw;margin-bottom:2.8%}}#top .txtBg__txtPic-2{width:94vw;aspect-ratio:1475/55;margin:0 auto;margin-bottom:4.266%}@media screen and (min-width: 1024px){#top .txtBg__txtPic-2{width:76.82vw;margin-bottom:2.8%}}#top .txtBg__txtPic-3{width:90vw;aspect-ratio:1337/88;margin:0 auto}@media screen and (min-width: 1024px){#top .txtBg__txtPic-3{width:69.64vw}}#top .txtBg__txt{padding:0 4.3vw;color:#401d00;font-size:13px;font-family:"Noto Serif JP",serif;text-align:center}@media screen and (min-width: 1024px){#top .txtBg__txt{padding:0;font-size:16px}}#top .about{margin-bottom:21.33%}@media screen and (min-width: 1024px){#top .about{margin-bottom:12.6%}}#top .about__bgBox{position:sticky;z-index:1;top:0;width:100%;height:100vh;pointer-events:none}#top .about__pic{position:absolute;top:0;width:100%;height:100vh;opacity:0;transition:opacity 1s ease-in-out}#top .about__pic.active{display:block;opacity:1;z-index:2;pointer-events:auto}#top .about__box{position:relative;z-index:2;padding:7.2vh 4.27vw;background:#fff;color:#401d00;font-family:"Noto Serif JP",serif;border-radius:20px 20px 0 0}@media screen and (min-width: 1024px){#top .about__box{width:50%;margin-left:auto;padding:4.2% 10.416%}}#top .about__ttlBox{display:flex;width:60%;margin-bottom:1.2vh;gap:1.3%;overflow:hidden}#top .about__ttlBox .about__txtPic:nth-child(5){margin-right:8px}@media screen and (min-width: 1024px){#top .about__ttlBox .about__txtPic:nth-child(5){margin-right:16px}}@media screen and (min-width: 1024px){#top .about__ttlBox{margin-bottom:3.16%;gap:.63%}}@media screen and (min-width: 1024px){#top .about__txtImg{background-image:center left}}#top .about__txtContain{-o-object-fit:contain;object-fit:contain}#top .about__subTtl{margin-bottom:12.86%;font-size:24px}@media screen and (min-width: 1024px){#top .about__subTtl{margin-bottom:12.65%}}#top .about__nameEnBox{display:flex;gap:6px}@media screen and (min-width: 768px){#top .about__nameEnBox{gap:10px}}@media screen and (min-width: 1024px){#top .about__nameEnBox{gap:18px}}#top .about__nameEn{font-size:11px;font-family:"Noto Serif JP",serif;letter-spacing:.03em}@media screen and (min-width: 768px){#top .about__nameEn{font-size:12px}}@media screen and (min-width: 1024px){#top .about__nameEn{font-size:14px}}#top .about__nameJaBox{display:flex;margin-bottom:1.286%;gap:8px}@media screen and (min-width: 1024px){#top .about__nameJaBox{margin-bottom:.63%}}#top .about__nameJa{margin-top:-1%;margin-bottom:1.6vw;font-size:26px;font-weight:500}@media screen and (min-width: 768px){#top .about__nameJa{margin-top:-1%;font-size:32px}}@media screen and (min-width: 1024px){#top .about__nameJa{margin-top:-1.5%;margin-bottom:.5vw;font-size:40px}}#top .about__profileTxt{margin-bottom:8.1vh;font-size:14px;line-height:1.7}@media screen and (min-width: 1024px){#top .about__profileTxt{margin-bottom:12.65%;font-size:16px;line-height:1.8}}#top .about__careerBox{margin-bottom:15.4%}@media screen and (min-width: 1024px){#top .about__careerBox{margin-bottom:15.2%}}#top .about__careerUnit{display:flex;gap:3.2vw;border-bottom:1px solid #401d00}#top .about__careerUnit:nth-of-type(1) .about__careerItem{margin-bottom:10.29%}@media screen and (min-width: 1024px){#top .about__careerUnit:nth-of-type(1) .about__careerItem{margin-bottom:8.86%}}#top .about__careerUnit:nth-last-of-type(2){padding:10.29% 0}@media screen and (min-width: 1024px){#top .about__careerUnit:nth-last-of-type(2){padding:8.86% 0}}#top .about__careerUnit:nth-last-of-type(2) .about__careerTtl{margin-bottom:0}#top .about__careerUnit:nth-of-type(3){padding-top:10.29%}@media screen and (min-width: 1024px){#top .about__careerUnit:nth-of-type(3){padding-top:8.86%}}#top .about__careerUnit:nth-of-type(3) .about__careerItem{margin-bottom:10.29%;margin-bottom:8.86%}#top .about__careerDate{font-size:10px}@media screen and (min-width: 1024px){#top .about__careerDate{font-size:16px}}#top .about__careerTtl{margin-bottom:2.4vh;font-size:14px;font-weight:500}@media screen and (min-width: 1024px){#top .about__careerTtl{font-size:16px}}#top .about__careerTxt{font-size:13px;line-height:1.7}@media screen and (min-width: 1024px){#top .about__careerTxt{font-size:15px;line-height:1.9}}#top .about__picBox{margin-bottom:15.4%}@media screen and (min-width: 1024px){#top .about__picBox{margin-bottom:15.2%}}#top .about__textArea{font-size:4.26vw;margin-bottom:1.286%}@media screen and (min-width: 768px){#top .about__textArea{font-size:2.6vw}}@media screen and (min-width: 1024px){#top .about__textArea{font-size:1.25vw}}#top .about__picUnit{display:flex;justify-content:space-between}#top .about__smallPic{width:25.1vw;aspect-ratio:160/160;cursor:pointer}@media screen and (min-width: 1024px){#top .about__smallPic{width:8.333333vw}}#top .about__passionTxt{font-size:15px;font-weight:500;line-height:1.6;text-align:center}@media screen and (min-width: 1024px){#top .about__passionTxt{font-size:18px;line-height:1.9}}#top .about__modalPic{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease}#top .about__modalPic.show{display:flex;opacity:1;pointer-events:auto}#top .about__modalImg{display:block;-o-object-fit:cover;object-fit:cover;width:90%;max-width:500px}@media screen and (min-width: 1024px){#top .about__cursor{position:fixed;top:0;left:0;z-index:999;transform:translate(-50%, -50%);padding:8px 14px;color:#fff;background:#401d00;font-size:14px;font-family:"Inter",sans-serif;font-weight:500;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .15s ease}}#top .works{margin-bottom:21.33%;font-family:"Noto Serif JP",serif}@media screen and (min-width: 1024px){#top .works{margin-bottom:12.6%}}#top .works__ttlBox{display:flex;justify-content:center;width:57%;margin:0 auto;margin-bottom:3.6vh;gap:1.07vw;overflow:hidden}@media screen and (min-width: 1024px){#top .works__ttlBox{margin-bottom:4vh;gap:.4vw}}@media screen and (min-width: 1024px){#top .works__W{margin-right:-14px}}@media screen and (min-width: 1024px){#top .works__S{margin-left:-10px}}#top .works__txtContain{-o-object-fit:contain;object-fit:contain}#top .works__subTtlBox{position:relative;margin-bottom:7.2vh;padding:0 7.2vh;color:#401d00}@media screen and (min-width: 1024px){#top .works__subTtlBox{margin-bottom:8.15vh;padding:0}}#top .works__subTtlBox::before{content:"";display:block;position:absolute;bottom:0;left:6.8vw;background:url(../images/05_works/works_parentheses.png) center center/cover;width:3.7vw;aspect-ratio:20/80}@media screen and (min-width: 768px){#top .works__subTtlBox::before{width:2.7vw}}@media screen and (min-width: 1024px){#top .works__subTtlBox::before{left:28.125vw;width:1.04vw}}#top .works__subTtlBox::after{content:"";display:block;position:absolute;bottom:0;right:6.8vw;background:url(../images/05_works/works_parentheses.png) center center/cover;width:3.7vw;aspect-ratio:20/80;transform:scaleX(-1)}@media screen and (min-width: 768px){#top .works__subTtlBox::after{width:2.7vw}}@media screen and (min-width: 1024px){#top .works__subTtlBox::after{right:28.125vw;width:1.04vw}}#top .works__subTtl{margin-bottom:1.2vh;font-size:4.8vw;font-weight:500;text-align:center}@media screen and (min-width: 768px){#top .works__subTtl{font-size:3.5vw}}@media screen and (min-width: 1024px){#top .works__subTtl{font-size:1.25vw}}#top .works__subTxt{font-size:12px;line-height:1.3;text-align:center}@media screen and (min-width: 768px){#top .works__subTxt{font-size:15px}}@media screen and (min-width: 1024px){#top .works__subTxt{font-size:.833333vw;line-height:1.5}}#top .works__wrap{color:#401d00;font-family:"Noto Serif JP",serif;margin-bottom:21.33%}@media screen and (min-width: 1024px){#top .works__wrap{margin-bottom:12.6%;padding:0 8.333vw 0}}#top .works__loopBox{overflow:hidden;border-top:1px solid #401d00;border-bottom:1px solid #401d00}@media screen and (min-width: 1024px){#top .works__loopBox{border:1px solid #401d00}}#top .works__codingLoop{width:100vw;padding:4.26% 0;border-bottom:1px solid #401d00;display:flex;justify-content:flex-start;align-items:center}@media screen and (min-width: 1024px){#top .works__codingLoop{padding:1.51% 0;width:82.45vw}}#top .works__codingLoopInner{display:flex;animation:txtLoop 20s linear infinite;letter-spacing:.08em}#top .works__codingTtl{position:relative;padding-right:8vw;font-size:6.4vw;font-weight:700;white-space:nowrap}#top .works__codingTtl::after{content:"";display:block;position:absolute;top:32%;right:2.8%;background:url(../images/05_works/works_item.png) center center/cover;width:6%;aspect-ratio:1/1;animation:rotate 5s linear infinite}@media screen and (min-width: 768px){#top .works__codingTtl::after{right:3%}}@media screen and (min-width: 768px){#top .works__codingTtl{padding-right:8vw}}@media screen and (min-width: 1024px){#top .works__codingTtl{width:30%;padding-right:3vw;font-size:2.5vw}}@media screen and (min-width: 768px){#top .works__worksWrap{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1024px){#top .works__worksWrap{width:82.45vw}}#top .works-01{border-bottom:1px solid #401d00}#top .works-01:hover{background:#401d00}#top .works-01:hover .works__boxTtl,#top .works-01:hover .works__boxTool,#top .works-01:hover .works__boxSubTtl{color:#fff}#top .works-01:hover .works__boxPic{border-radius:100px}#top .works-01:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-01:hover .works__boxType-05,#top .works-01:hover .works__boxType-02{color:#401d00;background:#fff}#top .works-01:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}@media screen and (min-width: 768px){#top .works-01{border-bottom:1px solid #401d00;border-right:1px solid #401d00}}#top .works-02{border-bottom:1px solid #401d00}#top .works-02:hover{background:#401d00}#top .works-02:hover .works__boxTtl,#top .works-02:hover .works__boxTool,#top .works-02:hover .works__boxSubTtl{color:#fff}#top .works-02:hover .works__boxPic{border-radius:80px 40px 80px 40px}#top .works-02:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-02:hover .works__boxType-04,#top .works-02:hover .works__boxType-02{color:#401d00;background:#fff}#top .works-02:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}@media screen and (min-width: 768px){#top .works-02{border-right:none}}@media screen and (min-width: 1024px){#top .works-02{border-right:1px solid #401d00;border-bottom:1px solid #401d00}}#top .works-03{border-bottom:1px solid #401d00}#top .works-03:hover{background:#401d00}#top .works-03:hover .works__boxTtl,#top .works-03:hover .works__boxTool,#top .works-03:hover .works__boxSubTtl{color:#fff}#top .works-03:hover .works__boxPic{border-radius:40px 70px 40px 70px}#top .works-03:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-03:hover .works__boxType-04,#top .works-03:hover .works__boxType-02{color:#401d00;background:#fff}#top .works-03:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}@media screen and (min-width: 768px){#top .works-03{border-bottom:1px solid #401d00;border-right:1px solid #401d00}}@media screen and (min-width: 1024px){#top .works-03{border-right:none}}#top .works-04{border-bottom:1px solid #401d00}#top .works-04:hover{background:#401d00}#top .works-04:hover .works__boxTtl,#top .works-04:hover .works__boxTool,#top .works-04:hover .works__boxSubTtl{color:#fff}#top .works-04:hover .works__boxPic{border-radius:80px 40px 80px 40px}#top .works-04:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-04:hover .works__boxType-04,#top .works-04:hover .works__boxType-02{color:#401d00;background:#fff}#top .works-04:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}@media screen and (min-width: 768px){#top .works-04{border-bottom:1px solid #401d00;border-right:none}}@media screen and (min-width: 1024px){#top .works-04{border-right:1px solid #401d00;border-bottom:none}}#top .works-05{border-bottom:1px solid #401d00}#top .works-05:hover{background:#401d00}#top .works-05:hover .works__boxTtl,#top .works-05:hover .works__boxTool,#top .works-05:hover .works__boxSubTtl{color:#fff}#top .works-05:hover .works__boxPic{border-radius:40px}#top .works-05:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-05:hover .works__boxType-04,#top .works-05:hover .works__boxType-02{color:#401d00;background:#fff}#top .works-05:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}@media screen and (min-width: 768px){#top .works-05{border-right:1px solid #401d00;border-bottom:none}}#top .works-06:hover{background:#401d00}#top .works-06:hover .works__boxTtl,#top .works-06:hover .works__boxTool,#top .works-06:hover .works__boxSubTtl{color:#fff}#top .works-06:hover .works__boxPic{border-radius:100px}#top .works-06:hover .works__boxImg{transform:scale(1.04);transition:border-radius .4s ease,transform .4s ease}#top .works-06:hover .works__boxType-04,#top .works-06:hover .works__boxType-03{color:#401d00;background:#fff}#top .works-06:hover .works__web{color:#fff;background:#401d00;border:1px solid #fff}#top .works__box{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;transition:.4s ease}#top .works__box:hover .works__boxTtl::before{width:6%;aspect-ratio:1/1;background:url(../images/05_works/works_item_white.png) center center/cover;animation:rotate 5s linear infinite}@media screen and (min-width: 768px){#top .works__box{width:50%}}@media screen and (min-width: 1024px){#top .works__box{width:33.33%}}#top .works__boxItem{width:80%;padding:12.8% 0}@media screen and (min-width: 768px){#top .works__boxItem{width:83%;padding:14.1% 0}}@media screen and (min-width: 1024px){#top .works__boxItem{width:82%;padding:15.2% 0}}#top .works__boxTtl{position:relative;margin-left:7%;margin-bottom:4%;color:#401d00;font-size:6.4vw;font-weight:500}#top .works__boxTtl::before{content:"";display:block;position:absolute;top:30%;left:-9%;background:url(../images/05_works/works_item.png) center center/cover;width:6%;aspect-ratio:1/1}@media screen and (min-width: 1024px){#top .works__boxTtl::before{top:28%;left:-9%}}#top .works__boxTtl span{font-size:4.26vw}@media screen and (min-width: 768px){#top .works__boxTtl span{font-size:18px}}@media screen and (min-width: 1024px){#top .works__boxTtl span{font-size:.9375vw}}@media screen and (min-width: 768px){#top .works__boxTtl{margin-bottom:5.66%;font-size:28px}}@media screen and (min-width: 1024px){#top .works__boxTtl{margin-left:8%;margin-bottom:3.7%;font-size:1.66vw}}#top .works__boxTool{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-bottom:2.66%;color:rgba(0,0,0,.5);font-size:14px}@media screen and (min-width: 1024px){#top .works__boxTool{margin-bottom:2.8%;font-size:.73vw}}#top .works__boxPic{aspect-ratio:432/243;margin-bottom:5.33%;transition:border-radius .4s ease,transform .4s ease;overflow:hidden}@media screen and (min-width: 1024px){#top .works__boxPic{margin-bottom:4.64%}}#top .works__boxImg{transition:border-radius .4s ease,transform .4s ease}#top .works__boxSubTtl{margin-bottom:4%;color:#401d00;font-size:4.26vw}@media screen and (min-width: 768px){#top .works__boxSubTtl{font-size:16px}}@media screen and (min-width: 1024px){#top .works__boxSubTtl{margin-bottom:3.7%;font-size:1.04vw}}#top .works__boxType{display:flex;margin-bottom:1.86%;gap:1.86%}@media screen and (min-width: 1024px){#top .works__boxType{margin-bottom:1.86%}}#top .works__web{color:#401d00;background:#fff;border:1px solid #401d00}#top .skill{margin-bottom:21.33%;color:#401d00;font-family:"Noto Serif JP",serif}@media screen and (min-width: 1024px){#top .skill{margin-bottom:12.6%}}#top .skill__ttlBox{display:flex;justify-content:center;width:40%;margin:0 auto;margin-bottom:3.6vh;gap:1.07vw;overflow:hidden}@media screen and (min-width: 1024px){#top .skill__ttlBox{margin-bottom:4.44vh;gap:.4vw}}#top .skill__txtPic{height:auto}#top .skill__subTtlBox{position:relative;margin-bottom:7.2vh;padding:0 7.2vh}@media screen and (min-width: 1024px){#top .skill__subTtlBox{margin-bottom:8.15vh;padding:0}}#top .skill__subTtlBox::before{content:"";display:block;position:absolute;bottom:0;left:6.8vw;background:url(../images/05_works/works_parentheses.png) center center/cover;width:3.7vw;aspect-ratio:20/80}@media screen and (min-width: 768px){#top .skill__subTtlBox::before{width:2.7vw}}@media screen and (min-width: 1024px){#top .skill__subTtlBox::before{left:28.125vw;width:1.04vw}}#top .skill__subTtlBox::after{content:"";display:block;position:absolute;bottom:0;right:6.8vw;background:url(../images/05_works/works_parentheses.png) center center/cover;width:3.7vw;aspect-ratio:20/80;transform:scaleX(-1)}@media screen and (min-width: 768px){#top .skill__subTtlBox::after{width:2.7vw}}@media screen and (min-width: 1024px){#top .skill__subTtlBox::after{right:28.125vw;width:1.04vw}}#top .skill__subTtl{margin-bottom:1.2vh;font-size:4.8vw;font-weight:500;text-align:center}@media screen and (min-width: 768px){#top .skill__subTtl{font-size:3.5vw}}@media screen and (min-width: 1024px){#top .skill__subTtl{font-size:1.25vw}}#top .skill__subTxt{font-size:3.2vw;line-height:1.3;text-align:center}@media screen and (min-width: 768px){#top .skill__subTxt{font-size:15px}}@media screen and (min-width: 1024px){#top .skill__subTxt{font-size:.833333vw;line-height:1.5}}#top .skill__wrap{padding:0 4.27vw}@media screen and (min-width: 1024px){#top .skill__wrap{padding:0 8.33vw}}#top .skill__skillBox{position:relative;overflow:hidden;cursor:pointer}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__blueBg{opacity:.4}}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__redBg{opacity:.18}}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__yellowBg{opacity:.26}}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__orangeBg{opacity:.28}}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__purpleBg{opacity:.28}}@media screen and (min-width: 1024px){#top .skill__skillBox:hover .skill__greenBg{opacity:.28}}#top .skill__skillBox:nth-of-type(6){position:relative;overflow:hidden}#top .skill__skillBox:nth-of-type(6)::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background:#401d00;transition:width 1.2s ease-in-out}#top .skill__skillBox:nth-of-type(6).showLine::after{width:100%}#top .skill .skill__gsap-01,#top .skill .skill__gsap-02,#top .skill .skill__gsap-03,#top .skill .skill__gsap-04,#top .skill .skill__gsap-05,#top .skill .skill__gsap-06{overflow:hidden}#top .skill__flexBox{position:relative;display:flex;justify-content:center;align-items:center;padding:7.07% 0;gap:1.3%;border-top:none;background-image:linear-gradient(to right, #401D00 0%, #401D00 100%);background-repeat:no-repeat;background-size:0% 1px;background-position:top left;transition:background-size 1s ease-in-out}#top .skill__flexBox>*{transition:transform .2s ease}#top .skill__flexBox.showLine{background-size:100% 1px,100% 1px}@media screen and (min-width: 1024px){#top .skill__flexBox{padding:1.27% 0;gap:2.54%}}#top .skill__flexBox::before{content:"";display:block;position:absolute;top:50%;right:0;width:2.7vw;height:1%;background:#401d00;border-radius:10px}@media screen and (min-width: 1024px){#top .skill__flexBox::before{display:none}}#top .skill__flexBox::after{content:"";display:block;position:absolute;top:50%;right:0;width:2.7vw;height:1%;background:#401d00;border-radius:10px;transform:rotate(90deg);transition:transform .4s ease,opacity .4s ease}@media screen and (min-width: 1024px){#top .skill__flexBox::after{display:none}}@media screen and (min-width: 1024px){#top .skill__blueBg{position:absolute;inset:0;background:url("../images/06_skill/blue.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}@media screen and (min-width: 1024px){#top .skill__redBg{position:absolute;inset:0;background:url("../images/06_skill/red.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}@media screen and (min-width: 1024px){#top .skill__yellowBg{position:absolute;inset:0;background:url("../images/06_skill/yellow.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}@media screen and (min-width: 1024px){#top .skill__orangeBg{position:absolute;inset:0;background:url("../images/06_skill/orange.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}@media screen and (min-width: 1024px){#top .skill__purpleBg{position:absolute;inset:0;background:url("../images/06_skill/purple.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}@media screen and (min-width: 1024px){#top .skill__greenBg{position:absolute;inset:0;background:url("../images/06_skill/green.jpg") 0 0/cover;opacity:0;transition:opacity .6s ease;z-index:-1}}#top .skill .skill__flexBox.cross-active::after{transform:rotate(180deg)}#top .skill__lang{font-size:5.3vw;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){#top .skill__lang{font-size:4.6vw}}#top .skill__blue-1{background:url(../images/06_skill/skill_01_blue.png) center center/cover}#top .skill__codingPic{width:16.5vw;aspect-ratio:277/57}@media screen and (min-width: 1024px){#top .skill__codingPic{width:14.5vw}}#top .skill__blue-2{background:url(../images/06_skill/skill_02_blue.png) center center/cover}#top .skill__boxTxt{max-height:0;overflow:hidden;transition:max-height .5s linear,opacity .5s linear;opacity:0}#top .skill__boxTxt.skillBox{display:block;max-height:60vw;opacity:1}@media screen and (min-width: 1024px){#top .skill__boxTxt.skillBox{max-height:16vw}}#top .skill__exTxt{padding:5.14% 4.8%;font-size:13px;line-height:1.8}@media screen and (min-width: 1024px){#top .skill__exTxt{padding:24px 20px;font-size:16px;font-weight:500;line-height:1.9}}#top .skill__red{background:url(../images/06_skill/skill_03_red.png) center center/cover}#top .skill__tool{font-size:5.3vw;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){#top .skill__tool{font-size:4.6vw}}#top .skill__yellow{background:url(../images/06_skill/skill_04_yellow.png) center center/cover}#top .skill__toolPic{width:11.5vw;aspect-ratio:191/57}@media screen and (min-width: 1024px){#top .skill__toolPic{width:9.94vw}}#top .skill__orange-1{background:url(../images/06_skill/skill_05_orange.png) center center/cover}#top .skill__orange-2{aspect-ratio:200/120;background:url(../images/06_skill/skill_06_orange.png) center center/cover}#top .skill__purple{background:url(../images/06_skill/skill_07_purple.png) center center/cover}#top .skill__green{aspect-ratio:200/120;background:url(../images/06_skill/skill_08_green.png) center center/cover}#top .skill__design{font-size:5.3vw;font-family:"Inter",sans-serif}@media screen and (min-width: 1024px){#top .skill__design{font-size:4.6vw}}#top .skill__designPic{width:14.7vw;aspect-ratio:245/53}@media screen and (min-width: 1024px){#top .skill__designPic{width:12.76vw}}@media screen and (min-width: 1024px){#top .skill__cursor{position:fixed;top:0;left:0;width:100px;height:40px;border-radius:25px;color:#401d00;display:flex;justify-content:center;align-items:center;font-size:13px;font-family:"Inter",sans-serif;font-weight:700;letter-spacing:.05em;border:1px solid #fff;pointer-events:none;opacity:0;transform:translate(-50%, -50%) scale(0.8);transition:opacity .3s ease,transform .3s ease,background-color .4s ease;z-index:999}}#top .contact{margin-bottom:18%;padding:0 4.27vw;font-family:"Noto Serif JP",serif;color:#401d00}@media screen and (min-width: 1024px){#top .contact{margin-bottom:8.5%;padding:0 2.1vw}}#top .contact__wrap{position:relative}#top .contact__bgBox{position:relative}#top .contact__mask{aspect-ratio:311/356;border-radius:20px;overflow:hidden}@media screen and (min-width: 1024px){#top .contact__mask{aspect-ratio:1840/752;border-radius:50px}}#top .contact__bgImg{height:150%;border-radius:20px;transition:transform .3s ease-out}#top .contact__ttlBox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;display:flex;justify-content:center;align-items:center;width:90%;overflow:hidden}@media screen and (min-width: 1024px){#top .contact__txtPic{height:auto}}#top .contact__C-01{margin-right:.416vw}#top .contact__O{margin-right:.3125vw}#top .contact__N{margin-right:.3125vw}#top .contact__T-01{margin-right:-0.3125vw}#top .contact__A{margin-right:.156vw}#top .contact__C-02{margin-right:.3125vw}#top .contact__T-02{margin-right:1.875vw}#top .contact__M{margin-right:.52vw}#top .contact__smallMask{position:relative;z-index:1;width:48vw;aspect-ratio:180/225;margin:0 auto;margin-top:-38.6%;margin-bottom:7.72%;border-radius:20px}@media screen and (min-width: 1024px){#top .contact__smallMask{width:25vw;aspect-ratio:480/600;margin-top:-13%;margin-bottom:2.174%;border-radius:50px}}#top .contact__smallImg{border-radius:20px}#top .contact__txt{margin-bottom:7.72%;font-size:15px;text-align:center}@media screen and (min-width: 1024px){#top .contact__txt{margin-bottom:2.174%;font-size:16px}}#top .contact__form{font-size:15px}@media screen and (min-width: 768px){#top .contact__form{font-size:18px}}@media screen and (min-width: 1024px){#top .contact__form{padding:0 22.4vw;font-size:18px}}#top .contact__formBox{padding:12px 0;border-top:1px solid rgba(64,29,0,.4);border-bottom:1px solid rgba(64,29,0,.4)}@media screen and (min-width: 1024px){#top .contact__formBox{padding:24px 0}}#top .contact__formBox:nth-of-type(1){position:relative}#top .contact__formBox:nth-of-type(1) .form__label::before{content:"必須";top:15.5px;left:49px;display:flex;justify-content:center;align-items:center;position:absolute;background:#ffcdcd;font-size:10px;width:33px;height:15px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(1) .form__label::before{top:15px;left:58px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(1) .form__label::before{top:27px;left:62px}}#top .contact__formBox:nth-of-type(2){position:relative;border-top:none}#top .contact__formBox:nth-of-type(2) .form__label::before{content:"必須";position:absolute;top:15.5px;left:49px;display:flex;justify-content:center;align-items:center;background:#ffcdcd;font-size:10px;width:32px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(2) .form__label::before{top:15px;left:58px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(2) .form__label::before{top:27px;left:62px}}#top .contact__formBox:nth-of-type(3){position:relative;border-top:none}#top .contact__formBox:nth-of-type(3) .form__label::before{content:"必須";position:absolute;top:15.5px;left:63px;display:flex;justify-content:center;align-items:center;background:#ffcdcd;font-size:10px;width:32px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(3) .form__label::before{top:15px;left:75px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(3) .form__label::before{top:27px;left:79px}}#top .contact__formBox:nth-of-type(4){position:relative;border-top:none}#top .contact__formBox:nth-of-type(4) .form__label::before{content:"必須";position:absolute;top:15.5px;left:108px;display:flex;justify-content:center;align-items:center;background:#ffcdcd;font-size:10px;width:32px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(4) .form__label::before{top:15px;left:129px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(4) .form__label::before{top:27px;left:133px}}#top .contact__formBox:nth-of-type(5){position:relative;border-top:none}#top .contact__formBox:nth-of-type(5) .form__label::before{content:"必須";position:absolute;top:15.5px;left:64px;display:flex;justify-content:center;align-items:center;background:#ffcdcd;font-size:10px;width:32px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(5) .form__label::before{top:15px;left:76px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(5) .form__label::before{top:27px;left:80px}}#top .contact__formBox:nth-of-type(6){position:relative;border-top:none}#top .contact__formBox:nth-of-type(6) .form__label::before{content:"必須";position:absolute;top:15.5px;left:124px;display:flex;justify-content:center;align-items:center;background:#ffcdcd;font-size:10px;width:32px;text-align:center;border-radius:25px}@media screen and (min-width: 768px){#top .contact__formBox:nth-of-type(6) .form__label::before{top:15px;left:148px;width:50px;height:22px;font-size:13px}}@media screen and (min-width: 1024px){#top .contact__formBox:nth-of-type(6) .form__label::before{top:27px;left:152px}}#top .contact__formBox .form__label{display:block;width:-moz-fit-content;width:fit-content;margin-bottom:4px}@media screen and (min-width: 1024px){#top .contact__formBox .form__label{margin-bottom:6px}}#top .contact__formBox .form__flex{display:flex;justify-content:space-between}#top .contact__formBox .form__flex .form__input{width:49%}#top .contact__formBox .form__input{width:100%;padding:1.3%;border:1px solid #401d00;border-radius:6px}#top .contact__formBox .form__message{width:100%;padding:1.3% 1.3% 29%;border:1px solid #401d00;border-radius:8px}#top .contact__submitBox .form__checkBox{display:flex;justify-content:center;padding:16px 0;align-items:center;font-size:12px}@media screen and (min-width: 768px){#top .contact__submitBox .form__checkBox{padding:24px 0 16px;font-size:16px}}#top .contact__submitBox #btn{transition:.4s}#top .contact__submitBox #btn.checkBtn{background:#401d00;cursor:pointer}#top .contact__submitBox .form__link{color:#401d00;transition:.4s}#top .contact__submitBox .form__link:hover{color:rgba(64,29,0,.4)}#top .contact__submitBox .form__submit{display:block;width:92px;height:34px;margin:0 auto;color:#fff;background:rgba(64,29,0,.4);font-size:12px;border-radius:40px}@media screen and (min-width: 1024px){#top .contact__submitBox .form__submit{width:135px;height:50px;font-size:15px}}#top .contact__submitBox input#check{margin-top:5px}#top .fadeItem{opacity:0;transform:translateY(40px);transition:all 1.4s ease-out}#top .fadeItem.show{opacity:1;transform:translateY(0)}#privacy .privacy{padding:42.7% 4.27% 0 4.27%}@media screen and (min-width: 768px){#privacy .privacy{padding-top:24vw}}@media screen and (min-width: 1024px){#privacy .privacy{padding:8.75vw 10.416vw 0;margin-bottom:180px}}#privacy .privacy__ttlPic{width:48.8%;aspect-ratio:466/90;margin-bottom:2.133vw;overflow:hidden}@media screen and (min-width: 1024px){#privacy .privacy__ttlPic{width:auto;aspect-ratio:auto;margin-bottom:1.66vw}}#privacy .privacy__bgPic{aspect-ratio:343/445;margin-bottom:15vw;overflow:hidden}@media screen and (min-width: 768px){#privacy .privacy__bgPic{margin-bottom:7.08vw;aspect-ratio:1520/600;border-radius:50px}}#privacy .privacy__bgImg{position:relative}@media screen and (min-width: 768px){#privacy .privacy__bgImg{border-radius:50px}}#privacy .privacy__txtWrap{font-family:"Noto Serif JP",serif;color:#401d00;font-size:16px}@media screen and (min-width: 768px){#privacy .privacy__txtWrap{width:70%;margin:0 auto}}#privacy .privacy__privacypolicy{margin-bottom:15vw;line-height:1.7}@media screen and (min-width: 1024px){#privacy .privacy__privacypolicy{margin-bottom:7.08vw;line-height:2}}#privacy .privacy__box{margin-bottom:21.3333vw}@media screen and (min-width: 1024px){#privacy .privacy__box{margin-bottom:180px}}#privacy .privacy__complianceTtl{margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:500;border-bottom:1px solid #bdc9d2}@media screen and (min-width: 1024px){#privacy .privacy__complianceTtl{font-size:24px}}#privacy .privacy__complianceTxt{line-height:1.7}#privacy .privacy__purposeTtl{margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:500;border-bottom:1px solid #bdc9d2}@media screen and (min-width: 1024px){#privacy .privacy__purposeTtl{font-size:24px}}#privacy .privacy__purposeTxt{line-height:1.7}#privacy .privacy__confidentialityTtl{margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:500;border-bottom:1px solid #bdc9d2}@media screen and (min-width: 1024px){#privacy .privacy__confidentialityTtl{font-size:24px}}#privacy .privacy__confidentialityTxt{line-height:1.7}#privacy .privacy__securityTtl{margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:500;border-bottom:1px solid #bdc9d2}@media screen and (min-width: 1024px){#privacy .privacy__securityTtl{font-size:24px}}#privacy .privacy__securityTxt{line-height:1.7}#privacy .privacy__backBtn{width:160px;height:40px;margin:0 auto;margin-bottom:35.2vw;background:#401d00;border-radius:50px}@media screen and (min-width: 1024px){#privacy .privacy__backBtn{margin-bottom:0}}#privacy .privacy__back{display:flex;justify-content:center;align-items:center;width:160px;height:40px;font-family:"Noto Serif JP",serif;text-decoration:none;color:rgba(0,0,0,0);overflow:hidden;text-shadow:0 1.8em 0 #fff,0 0 0 #fff;transition:text-shadow .4s}#privacy .privacy__back:hover{text-shadow:0 0 0 #fff,0 -1.8em 0 #fff}#privacy .fadeItem{opacity:0;transform:translateY(40px);transition:all 1.4s ease-out}#privacy .fadeItem.show{opacity:1;transform:translateY(0)}#works .works{padding:40% 4.27% 0 4.27%;color:#401d00;font-family:"Noto Serif JP",serif}@media screen and (min-width: 768px){#works .works{padding:20% 4.27% 0 4.27%}}@media screen and (min-width: 1024px){#works .works{padding:5.75vw 10.416vw 0;margin-bottom:180px}}@media screen and (min-width: 768px){#works .works__wrap{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25vw}}#works .works__ttl{font-size:clamp(24px,5vw,48px);font-weight:500;white-space:nowrap}#works .works__ttl span{font-size:3.4vw}@media screen and (min-width: 1024px){#works .works__ttl span{font-size:1.25vw}}#works .works__subTtl{font-size:16px;margin-bottom:8px}@media screen and (min-width: 1024px){#works .works__subTtl{font-size:24px}}#works .works__codingItem{display:flex;align-items:center;margin-bottom:29.2%;gap:1.3%}@media screen and (min-width: 768px){#works .works__codingItem{margin-bottom:0;gap:8px}}#works .works__web{color:#401d00;background:#fff;border:1px solid #401d00}#works .works__urlBox-1{display:flex;justify-content:flex-end;margin-bottom:12px;font-size:16px;gap:8px}@media screen and (min-width: 768px){#works .works__urlBox-1{margin-bottom:0}}#works .works__url{font-size:16px;font-weight:500}#works .works__urlLink{display:block;color:#401d00;font-size:14px}#works .works__pcBox{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:343/250;margin-bottom:15vw;background:#d9d9d9;border-radius:20px;box-shadow:0px 10px 10px -6px rgba(0,0,0,.3)}@media screen and (min-width: 1024px){#works .works__pcBox{margin-bottom:7.08vw;aspect-ratio:1520/600;border-radius:50px}}#works .works .wss{background:rgba(65,169,166,.3)}#works .works .lebloom{background:rgba(226,221,213,.7)}#works .works .cookieholic{background:rgba(154,221,227,.5)}#works .works .hoshimino{background:rgba(249,243,233,.5)}#works .works .landvol{background:rgba(0,0,0,.4)}#works .works .portfolio{background:rgba(189,201,210,.5)}#works .works__pcPic{width:69.4vw;aspect-ratio:759/406}@media screen and (min-width: 1024px){#works .works__pcPic{width:39.6vw}}#works .works__spPic{position:absolute;bottom:15%;left:64%;width:16vw;aspect-ratio:60/120}@media screen and (min-width: 1024px){#works .works__spPic{bottom:10%;width:9.4vw}}#works .works__txtWrap{margin-bottom:80px}@media screen and (min-width: 768px){#works .works__txtWrap{width:70%;margin:0 auto;margin-bottom:80px}}@media screen and (min-width: 1024px){#works .works__txtWrap{margin-bottom:180px}}#works .works__txtBox{margin-bottom:80px}@media screen and (min-width: 768px){#works .works__txtBox{display:flex;justify-content:space-between}}@media screen and (min-width: 768px){#works .works__purposeTxt{width:70%}}@media screen and (min-width: 768px){#works .works__targetTxt{width:70%}}@media screen and (min-width: 768px){#works .works__technologyTxt{width:70%}}@media screen and (min-width: 768px){#works .works__animationTxt{width:70%}}@media screen and (min-width: 768px){#works .works__designTxt{width:70%}}@media screen and (min-width: 768px){#works .works__langToolTxt{width:70%}}@media screen and (min-width: 768px){#works .works__dateTxt{width:70%}}@media screen and (min-width: 768px){#works .works__periodUnit{width:70%}}#works .works__periodItem{display:flex}#works .works__design span{margin:0 4px}#works .works__coding span{margin:0 4px}@media screen and (min-width: 768px){#works .works__urlBox-2{display:flex;justify-content:space-between}}#works .works__urlTxt-2{width:70%}@media screen and (min-width: 768px){#works .works__workWrap{display:flex;justify-content:space-between;align-items:flex-start;width:70%;margin:0 auto;gap:80px}}#works .works__pcScreen{margin:0 auto;margin-bottom:80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,.35)}@media screen and (min-width: 768px){#works .works__pcScreen{width:42%;margin:0 0 80px 0}}@media screen and (min-width: 1024px){#works .works__pcScreen{width:560px;height:auto;margin-bottom:180px}}#works .works__pcScreen-01{margin:0 auto;margin-bottom:80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,.35)}@media screen and (min-width: 768px){#works .works__pcScreen-01{width:42%;margin:0 0 80px 0}}@media screen and (min-width: 1024px){#works .works__pcScreen-01{width:560px;margin:0 auto;margin-bottom:180px}}#works .works__spScreen{margin:0 auto;margin-bottom:80px;box-shadow:0px 5px 15px 0px rgba(0,0,0,.35)}@media screen and (min-width: 768px){#works .works__spScreen{width:42%}}@media screen and (min-width: 1024px){#works .works__spScreen{width:375px;margin:0;margin-bottom:180px}}#works .works__arrowBox{display:flex;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-bottom:80px;gap:40px}@media screen and (min-width: 1024px){#works .works__arrowBox{gap:80px;margin-bottom:0}}#works .works__prevLink{display:flex;justify-content:center;align-items:center;background:#401d00;width:60px;height:30px;border-radius:25px}@media screen and (min-width: 1024px){#works .works__prevLink{width:100px;height:40px}}#works .works__prev{display:block;width:20px;aspect-ratio:26/24}@media screen and (min-width: 1024px){#works .works__prev{width:26px}}#works .works__nextLink{display:flex;justify-content:center;align-items:center;background:#401d00;width:60px;height:30px;border-radius:25px}@media screen and (min-width: 1024px){#works .works__nextLink{width:100px;height:40px}}#works .works__next{display:block;width:20px;aspect-ratio:26/24;transform:scale(-1, 1)}@media screen and (min-width: 1024px){#works .works__next{width:26px}}#works .fadeItem{opacity:0;transform:translateY(40px);transition:all 1.4s ease-out}#works .fadeItem.show{opacity:1;transform:translateY(0)}#thanks .thanks{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#bdc9d2;color:#401d00;font-family:"Noto Serif JP",serif}#thanks .thanks__ttl{margin-bottom:24px;padding-bottom:8px;font-size:32px;border-bottom:1px solid #401d00}@media screen and (min-width: 768px){#thanks .thanks__ttl{margin-bottom:32px;font-size:40px}}#thanks .thanks__txt{width:80%;margin-bottom:24px;font-size:16px;text-align:center}@media screen and (min-width: 768px){#thanks .thanks__txt{margin-bottom:32px}}#thanks .thanks__top{background:#401d00;border-radius:25px}#thanks .thanks__link{display:flex;justify-content:center;align-items:center;width:160px;height:40px;color:#fff;text-decoration:none;color:rgba(0,0,0,0);overflow:hidden;text-shadow:0 1.8em 0 #fff,0 0 0 #fff;transition:text-shadow .4s}#thanks .thanks__link:hover{text-shadow:0 0 0 #fff,0 -1.8em 0 #fff}/*# sourceMappingURL=style.css.map */