html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);box-sizing:border-box}input,textarea{box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@keyframes openAnime{0%{opacity:1;transform:scaleY(1)}50%{opacity:.5}100%{transform:scaleY(0)}}@keyframes openAnime-text{0%{opacity:1;transform:translateY(50%)}100%{opacity:0;transform:translateY(calc(50% - 80px))}}@keyframes footerTop{0%{transform:translateY(0)}50%{transform:translateY(20px)}100%{transform:translateY(0)}}#top .about__ttl,#top .skill__ttl,#top .works__ttl{margin-bottom:56px;font-weight:400;font-size:40px;text-align:center}#top .about__ttl::before,#top .skill__ttl::before,#top .works__ttl::before{content:"";padding-left:20px;border-left:1px solid #444}@media screen and (min-width: 768px){#top .about__ttl,#top .skill__ttl,#top .works__ttl{margin-bottom:80px}}@media screen and (min-width: 1024px){#top .about__ttl,#top .skill__ttl,#top .works__ttl{margin-bottom:100px;font-size:96px}}body{background:#f3f3f3;color:#444;font-size:16px;font-family:"Cormorant","Shippori Mincho",serif;letter-spacing:.06em}a{display:block;color:#444;text-decoration:none}img,video{display:block;width:100%;height:100%}.header{position:fixed;top:0;left:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:56px 20px;pointer-events:none}@media screen and (min-width: 768px){.header{padding:80px 50px}}@media screen and (min-width: 1024px){.header{padding:80px 120px}}.header__ttl{font-weight:600;font-size:18px;line-height:1.4;pointer-events:visible;cursor:pointer}.header__ttl span{font-size:24px}.header__ttl a{color:#000}@media screen and (min-width: 1024px){.header__ttl a br{display:none}.header__ttl a span{padding-left:16px}}.header__menu{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;cursor:pointer;pointer-events:visible;z-index:10}@media screen and (min-width: 1024px){.header__menu:hover .header__menu--left,.header__menu:hover .header__menu--right{transform:translate(0px, -10px)}}.header__menu--left,.header__menu--middle,.header__menu--right{position:absolute;display:block;width:2px;height:2px;background:#000;border-radius:50%;transform:translateY(-10px);transition:transform .2s ease}.header__menu--left{transform:translate(-10px, -10px)}.header__menu--right{transform:translate(10px, -10px)}.header__menu--txt{width:100%;color:#000;font-weight:600;font-size:18px;text-align:center;transform:translateY(10px)}.gnav{padding:0 20px;position:absolute;top:0;right:0;justify-content:center;align-items:center;width:100%;height:100vh;background:#f3f3f3;transition:.3s;opacity:0;cursor:none;pointer-events:none}@media screen and (min-width: 768px){.gnav{padding:0 50px}}@media screen and (min-width: 1024px){.gnav{padding:0 120px}}.gnav__nav{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:50px;width:-moz-fit-content;width:fit-content;height:100%;margin:0 auto}@media screen and (min-width: 768px){.gnav__nav{width:100%;height:50%;flex-direction:row;justify-content:space-between;align-items:center}}.gnav__link{position:relative;z-index:50;padding:10px;font-size:24px;transition:.4s}@media screen and (min-width: 768px){.gnav__link{font-size:32px}}@media screen and (min-width: 1024px){.gnav__link{padding:20px;font-size:54px}}.gnav__link:hover{color:#a6a6a1}.footer{padding:56px 20px;width:100%;background:#ebebea}@media screen and (min-width: 768px){.footer{padding:80px 50px}}@media screen and (min-width: 1024px){.footer{padding:170px 120px}}.footer__inner{position:relative}.footer__txt{margin-bottom:70px;font-size:26px}@media screen and (min-width: 768px){.footer__txt{font-size:30px}.footer__txt br{display:none}}@media screen and (min-width: 1024px){.footer__txt{font-size:44px}}.footer__small{font-size:14px}@media screen and (min-width: 768px){.footer__small{font-size:16px}}.footer__allow{position:absolute;top:0;right:0;z-index:2;width:40px;height:70px;animation:footerTop 2s ease-in-out infinite}@media screen and (min-width: 1024px){.footer__allow{top:auto;bottom:0}}.footer__allow--link{width:100%;height:100%}@media screen and (min-width: 1024px){.cursor{position:fixed;top:-55px;left:-55px;width:110px;height:110px;border-radius:50%;background:rgba(166,166,161,.7803921569);z-index:20;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:.4s opacity;transform:translate(-50%, -50%)}.cursor::before{content:"Click";position:absolute;top:50%;left:50%;color:#000;font-weight:600;font-size:18px;font-family:"Shippori Mincho";transform:translate(-50%, -50%)}}#top{display:none}#top #openingAnimation{position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh;background:#444;animation:openAnime .5s forwards;animation-delay:1.5s;transform-origin:top}#top #openingAnimation::after{content:"Portfolio of Yuka Uda";display:block;width:100%;height:100%;text-align:center;color:#f3f3f3;font-size:max(1.4vw,14px);transform:translateY(50%);animation:openAnime-text .5s forwards;animation-delay:1s;transform-origin:top}#top .mv{position:sticky;top:0;margin-bottom:3000px;overflow:hidden}#top .mv__wrapper{position:relative;display:flex;align-items:center;width:100%;height:100vh}#top .mv__video{width:80vw;height:64vh;margin:0 auto;will-change:width,height}@media screen and (min-width: 1024px){#top .mv__video{width:50vw;height:42vw}}#top .mv__videoData{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .mv__ttl{position:absolute;top:70vh;left:0;width:100%;height:100%;color:#a6a6a1;font-size:9vw;text-align:center;mix-blend-mode:color-burn;opacity:1}#top .mv .scroll{position:absolute;bottom:100px;right:3%;opacity:1}#top .mv .scroll__txt{position:relative;top:-24px;font-weight:700;font-size:13px;transform:translateY(-130px)}@media screen and (min-width: 1024px){#top .mv .scroll__txt{top:20px;font-size:15px;text-orientation:mixed;writing-mode:vertical-rl}}#top .mv .scroll__line{position:absolute;top:0;left:50%;width:1px;height:80px;overflow:hidden;background-color:#a6a6a1}@media screen and (min-width: 1024px){#top .mv .scroll__line{bottom:-40px;height:120px}}#top .mv .scroll__line::after{content:"";position:absolute;width:100%;height:100%;background-color:#444;animation:scrolldown 2.5s ease-in-out infinite}@keyframes scrolldown{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}#top .main{overflow:hidden}#top .about{padding:0 20px;margin-bottom:100px;pointer-events:none}@media screen and (min-width: 768px){#top .about{padding:0 50px}}@media screen and (min-width: 1024px){#top .about{padding:0 120px}}@media screen and (min-width: 768px){#top .about{margin-bottom:170px}}@media screen and (min-width: 1024px){#top .about{margin-bottom:210px}}@media screen and (min-width: 1024px){#top .about__ttl{margin-bottom:140px}}#top .about__box{position:relative}@media screen and (min-width: 1024px){#top .about__box{position:static;display:flex;justify-content:center;align-items:center;gap:3vw}}#top .about__pic{max-width:600px;max-height:410px;width:100%;height:60vw;margin:0 auto 50px;filter:blur(0)}@media screen and (min-width: 1024px){#top .about__pic{width:25vw;height:auto;transform:rotate(-2deg)}}#top .about__img{-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#top .about__img{aspect-ratio:1/1.3}}#top .about__content{position:relative;z-index:2;max-width:640px;margin:0 auto;font-family:"Shippori Mincho"}@media screen and (min-width: 1024px){#top .about__content{width:22vw}}#top .about__content--name{margin-bottom:16px;font-size:24px}@media screen and (min-width: 1024px){#top .about__content--name{text-align:start}}#top .about__content--name span{padding-top:10px;padding-left:5px;font-size:14px}#top .about__content--txt{margin-bottom:20px;line-height:1.8em}#top .about__content--license{display:flex;justify-content:flex-start;align-items:center;margin-bottom:8px;font-size:15px;font-weight:600}#top .about__content--license::after,#top .about__content--license::before{content:"";display:block;width:20px;height:1px;background:#444}#top .about__content--license::after{margin-left:10px}#top .about__content--license::before{margin-right:10px}#top .about__content ul li{display:flex;align-items:center;font-size:14px;line-height:1.8;list-style-type:none}@media screen and (min-width: 600px){#top .about__content ul li br{display:none}}@media screen and (min-width: 1024px){#top .about__content ul li br{display:block}}@media screen and (min-width: 1800px){#top .about__content ul li br{display:none}}#top .about__content ul li::before{content:"";display:block;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#444}#top .about__pic--small{display:none}@media screen and (min-width: 1024px){#top .about__pic--small{width:20vw;transform:rotate(2deg);display:inline;filter:blur(0)}}@media screen and (min-width: 1024px){#top .about__img--small{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1.5;opacity:1}}#top .skill{padding:50px 20px 100px;background:#444}@media screen and (min-width: 768px){#top .skill{padding:80px 50px 170px}}@media screen and (min-width: 1024px){#top .skill{padding:170px 120px}}#top .skill__ttl{color:#f3f3f3}@media screen and (min-width: 768px){#top .skill__ttl{text-align:left}}#top .skill__ttl::before{border-left:1px solid #f3f3f3}@media screen and (min-width: 1024px){#top .skill__outer{display:flex;justify-content:flex-start;gap:min(5vw,100px)}}#top .skill p{color:#fff;font-family:"Shippori Mincho"}#top .skill__box{display:flex;justify-content:flex-start;gap:20px;margin-bottom:56px}@media screen and (min-width: 768px){#top .skill__box{gap:40px}#top .skill__box:not(:last-child){margin-bottom:80px}}@media screen and (min-width: 1024px){#top .skill__box{padding-top:20px}}#top .skill__icon{width:50px;height:50px}@media screen and (min-width: 768px){#top .skill__icon{width:70px;height:70px}}#top .skill__icon--img{-o-object-fit:contain;object-fit:contain}#top .skill__innerTxt{width:calc(100% - 70px)}#top .skill__name,#top .skill__name--etc{margin-bottom:18px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 440px){#top .skill__name--etc,#top .skill__name--etc--etc{font-size:14px}}@media screen and (min-width: 768px){#top .skill__name,#top .skill__name--etc{font-size:18px}}@media screen and (min-width: 1024px){#top .skill__name,#top .skill__name--etc{margin-bottom:20px}}#top .skill__remarks{font-size:14px;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width: 768px){#top .skill__remarks{font-size:16px}}@media screen and (max-width: 1799px){#top .skill__remarks br{display:none}}@media screen and (min-width: 1024px){#top .skill .swiper{margin-left:0}}#top .skill .swiper-thumbs__wrapper{margin-bottom:7vw}@media screen and (min-width: 1024px){#top .skill .swiper-thumbs__wrapper{display:inline;width:320px}}#top .skill .swiper-thumbs__ttl{padding:20px;font-size:20px;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (min-width: 768px){#top .skill .swiper-thumbs__ttl{font-size:24px}}@media screen and (min-width: 1024px){#top .skill .swiper-thumbs__ttl{font-size:32px;opacity:.5;cursor:pointer;pointer-events:visible}}#top .skill .swiper-thumbs__ttl:hover{opacity:.2}#top .skill .swiper-thumbs__ttl span{font-size:16px}@media screen and (min-width: 768px){#top .skill .swiper-thumbs__ttl span{font-size:18px}}@media screen and (min-width: 1024px){#top .skill .swiper-thumbs__ttl span{float:left;font-size:24px;padding-left:5px}}@media screen and (max-width: 1023px){#top .skill .swiper-thumbs__ttl br{display:none}}@media screen and (min-width: 1024px){#top .skill .swiper-slide-thumb-active .swiper-thumbs__ttl{color:#f3f3f3;transform:scale(1.3);opacity:1}}#top .skill .swiper-main{height:-moz-fit-content;height:fit-content}@media screen and (min-width: 1024px){#top .skill .swiper-main{width:calc(100% - 470px);min-width:500px}}#top .skill .swiper-main__slide{padding:0 5px}@media screen and (min-width: 1024px){#top .skill .swiper-main__slide{padding:0 10px}}#top .skill .swiper-pagination{bottom:-30px}@media screen and (min-width: 1024px){#top .skill .swiper-pagination{left:auto;right:230px;width:auto}}#top .skill .swiper-pagination-bullet{width:auto;height:auto;padding:10px 4px;background-color:unset;color:#f3f3f3;font-size:20px}@media screen and (min-width: 1024px){#top .skill .swiper-pagination-bullet{font-size:24px}}#top .skill .swiper-pagination-bullet-separator{content:"";display:inline-block;height:1px;width:50px;margin:0 16px;border-top:1px solid #a6a6a1;cursor:none;pointer-events:none !important}@media screen and (min-width: 768px){#top .skill .swiper-pagination-bullet-separator{width:100px}}#top .skill .swiper-button-prev,#top .skill .swiper-button-next{top:16px;width:55px;height:55px;margin-top:-16px}@media screen and (min-width: 1024px){#top .skill .swiper-button-prev,#top .skill .swiper-button-next{top:auto;bottom:-40px;width:65px;height:65px}}#top .skill .swiper-button-prev{right:85px;left:auto;background:url(../images/skill-btn.svg) no-repeat center center/contain;transform:rotate(-90deg)}@media screen and (min-width: 1024px){#top .skill .swiper-button-prev{right:100px}}#top .skill .swiper-button-prev::after{content:""}#top .skill .swiper-button-next{right:0;background:url(../images/skill-btn.svg) no-repeat center center/contain;transform:rotate(90deg)}#top .skill .swiper-button-next::after{content:""}#top .secMotion{display:none}@media screen and (min-width: 1024px){#top .secMotion{position:relative;width:100%;height:100vh;margin-bottom:80px;background:#444;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden}}@media screen and (min-width: 1024px)and (min-width: 1024px){#top .secMotion{margin-bottom:210px}}@media screen and (min-width: 1024px){#top .secMotion__inner{position:absolute;top:50%;left:50%;width:5vw;height:5vw;background:#f3f3f3;border-radius:50%;transform:translateY(25vh);transform-origin:50% 50%;transform:translate(-50%, -25%)}#top .secMotion__txt{padding-bottom:10%;padding-left:10%;color:#a6a6a1;font-size:15vw;mix-blend-mode:multiply}}@media screen and (min-width: 1024px)and (min-width: 768px){#top .secMotion__txt{font-size:10vw}}@media screen and (min-width: 1024px)and (min-width: 1024px){#top .secMotion__txt{font-size:7vw}}#top .works{padding:0 20px;padding-top:100px;background-color:#444;transition:background-color 1s}@media screen and (min-width: 768px){#top .works{padding:0 50px}}@media screen and (min-width: 1024px){#top .works{padding:0 120px}}@media screen and (min-width: 768px){#top .works{padding-top:170px}}@media screen and (min-width: 1024px){#top .works{padding-top:210px;background-color:#f3f3f3;transition:none}}@media screen and (max-width: 1024px){#top .works__ttl{color:#000}#top .works__ttl::before{border-left:1px solid #000}}@media screen and (min-width: 768px){#top .works__ttl{text-align:left}}@media screen and (min-width: 600px){#top .works__container{display:grid;justify-items:center;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(5, 1fr);grid-template-areas:"No1 No2" "No3 No4" "No5 No6" "No7 No8" "No9 No9";gap:8vw 5vw}}@media screen and (min-width: 1300px){#top .works__container{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);grid-template-areas:"No1 No2 No3" "No4 No5 No6" "No7 No8 No9"}}#top .works__link{text-decoration:none;border-radius:4px}#top .works__link:hover img{transform:scale(1.1)}#top .works__link:not(:last-child){margin-bottom:50px}@media screen and (min-width: 768px){#top .works__link{width:36vw}#top .works__link:nth-child(1){grid-area:No1}#top .works__link:nth-child(2){grid-area:No2}#top .works__link:nth-child(3){grid-area:No3}#top .works__link:nth-child(4){grid-area:No4}#top .works__link:nth-child(5){grid-area:No5}#top .works__link:nth-child(6){grid-area:No6}#top .works__link:nth-child(7){grid-area:No7}#top .works__link:nth-child(8){grid-area:No8}}@media screen and (min-width: 1300px){#top .works__link{width:25vw}}#top .works__link:hover .works__more{font-weight:700}#top .works__pic{width:100%;margin-bottom:20px;overflow:hidden}#top .works__img{-o-object-position:top;object-position:top;-o-object-fit:cover;object-fit:cover;transition:.4s;aspect-ratio:3.5/2}#top .works__name{margin-bottom:10px;font-weight:600;font-size:18px;font-family:"Shippori Mincho"}@media screen and (min-width: 768px){#top .works__name{font-size:20px}}#top .works__inner{display:flex;justify-content:space-between}#top .works__type,#top .works__more{font-family:"Shippori Mincho";font-size:14px;transition:.4s}@media screen and (min-width: 768px){#top .works__type,#top .works__more{font-size:16px}}#top .works__more{display:flex;align-items:center}#top .works__more::after{content:url(../images/arrow-nomal.svg);display:inline-block;padding-left:20px}#top .contact{position:relative;width:100%;height:50vh;margin-bottom:80px;overflow:hidden}@media screen and (min-width: 1024px){#top .contact{height:90vh;margin-bottom:210px}}@media screen and (max-width: 1023px){#top .contact__res::after{content:"Click";position:absolute;bottom:0%;right:5%;z-index:4;display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background:rgba(166,166,161,.7803921569);color:#000;font-size:18px;mix-blend-mode:difference}}@media screen and (min-width: 1024px){#top .contact__link:hover .contact__inner::before{opacity:0;transform:translate(100%, 50%)}#top .contact__link:hover .contact__inner::after{opacity:0;transform:translate(-100%, 50%)}#top .contact__link:hover .contact__ttl{opacity:1}}@media screen and (min-width: 1800px){#top .contact__link:hover .contact__inner::before{opacity:1;transform:translateY(55%) matrix3d(1, 0, 0, -0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin:right center}#top .contact__link:hover .contact__inner::after{opacity:1;transform:translateY(55%) matrix3d(1, 0, 0, 0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin:left center}#top .contact__link:hover .contact__ttl{opacity:1}}#top .contact__inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 1023px){#top .contact__inner::before{content:url(../images/contact.svg);position:absolute;top:-539.5px;left:-539.5px;z-index:2;display:inline-block;width:100%;height:100%;transform:translate(50%, 50%)}}@media screen and (min-width: 1024px){#top .contact__inner::before{content:url(../images/contact-tact.svg);position:absolute;top:-540px;right:2px;z-index:2;display:block;width:50%;height:100%;transition:.8s;transition-delay:.6s;transform:translate(0, 50%)}#top .contact__inner::after{content:url(../images/contact-con.svg);position:absolute;top:-540px;left:calc(-960px + 50%);z-index:2;display:block;width:50%;height:100%;transition:.8s;transition-delay:.6s;transform:translate(0, 50%)}}#top .contact__ttl{opacity:0}@media screen and (min-width: 1024px){#top .contact__ttl{position:absolute;top:50%;left:50%;z-index:1;color:#fff;font-size:6vw;transform:translate(-50%, -50%);transition:.4s;transition-delay:.8s}}#top .contact__bg{width:98%;height:58vh;max-width:1900px;max-height:1076px}@media screen and (min-width: 1024px){#top .contact__bg{width:100%;height:90vh}}#top .contact__videoData{-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#top .contact__videoData{filter:brightness(70%) grayscale(25%)}}#contact .contact{padding:180px 0 56px;overflow:hidden}@media screen and (min-width: 768px){#contact .contact{padding:170px 0 80px}}@media screen and (min-width: 1024px){#contact .contact{padding:500px 0 170px}}#contact .contact__ttl--lowPage{position:relative;padding-right:20px;font-weight:700;font-size:18px;-moz-text-align-last:right;text-align-last:right;margin-bottom:56px}#contact .contact__ttl--lowPage span{position:absolute;bottom:-16px;right:0;z-index:-1;padding-right:20px;color:#e0e0e0;font-weight:400;font-size:48px}#contact .contact__ttl--lowPage::before{content:"";display:block;width:100vw;height:1px;background:#e0e0e0;transform:translateY(28px)}@media screen and (min-width: 768px){#contact .contact__ttl--lowPage{margin-bottom:80px;padding-right:50px}#contact .contact__ttl--lowPage span{bottom:-22px;padding-right:50px;font-size:80px}}@media screen and (min-width: 1024px){#contact .contact__ttl--lowPage{margin-bottom:170px;padding-right:100px;font-size:42px}#contact .contact__ttl--lowPage span{bottom:-42px;padding-right:100px;font-size:200px}#contact .contact__ttl--lowPage::before{transform:translateY(48px)}}#contact .contact__txt{padding:0 20px;margin:0 auto 28px;line-height:1.5}@media screen and (min-width: 768px){#contact .contact__txt{padding:0 50px}}@media screen and (min-width: 1024px){#contact .contact__txt{padding:0 120px}}@media screen and (min-width: 768px){#contact .contact__txt{max-width:700px;padding:0;margin-bottom:40px}}#contact .contact .form{padding:0 20px;margin:0 auto}@media screen and (min-width: 768px){#contact .contact .form{padding:0 50px}}@media screen and (min-width: 1024px){#contact .contact .form{padding:0 120px}}@media screen and (min-width: 768px){#contact .contact .form{padding:0;max-width:700px}}#contact .contact .form__box{margin-bottom:28px}@media screen and (min-width: 768px){#contact .contact .form__box{margin-bottom:40px}}#contact .contact .form__box:last-child{text-align:center}#contact .contact .form__label{display:block;padding-bottom:10px;font-weight:700}#contact .contact .form__label::after{content:"*";display:inline-block;color:red}#contact .contact .form__input{width:100%;padding:10px;background:none;border:none;border-bottom:1px solid #444;font-size:14px}#contact .contact .form__input::-moz-placeholder{color:#a8a8a8}#contact .contact .form__input::placeholder{color:#a8a8a8}#contact .contact .form__input:focus{background:#ccc}#contact .contact .form__message{width:100%;height:130px;padding:10px;background:none;border:none;border-bottom:1px solid #444;font-size:14px}#contact .contact .form__message::-moz-placeholder{color:#a8a8a8}#contact .contact .form__message::placeholder{color:#a8a8a8}#contact .contact .form__message:focus{background:#ccc}#contact .contact .form__submit{border:1px solid #444;border-radius:50px;font-weight:600;font-size:18px;width:100%;float:left;padding:20px 38px;color:#444;font-family:"Cormorant";cursor:pointer;-webkit-appearance:none}@media screen and (min-width: 768px){#contact .contact .form__submit{width:-moz-fit-content;width:fit-content;padding:18px 56px}}#works .works{padding:180px 0 56px;overflow:hidden}@media screen and (min-width: 768px){#works .works{padding:170px 0 80px}}@media screen and (min-width: 1024px){#works .works{padding:500px 0 170px}}@media screen and (min-width: 768px){#works .works{padding:170px 0}}@media screen and (min-width: 1024px){#works .works{padding:500px 0 210px}}#works .works__ttl--lowPage{position:relative;padding-right:20px;font-weight:700;font-size:18px;-moz-text-align-last:right;text-align-last:right;margin-bottom:56px}#works .works__ttl--lowPage span{position:absolute;bottom:-16px;right:0;z-index:-1;padding-right:20px;color:#e0e0e0;font-weight:400;font-size:48px}#works .works__ttl--lowPage::before{content:"";display:block;width:100vw;height:1px;background:#e0e0e0;transform:translateY(28px)}@media screen and (min-width: 768px){#works .works__ttl--lowPage{margin-bottom:80px;padding-right:50px}#works .works__ttl--lowPage span{bottom:-22px;padding-right:50px;font-size:80px}}@media screen and (min-width: 1024px){#works .works__ttl--lowPage{margin-bottom:170px;padding-right:120px;font-size:42px}#works .works__ttl--lowPage span{bottom:-42px;padding-right:120px;font-size:158px}#works .works__ttl--lowPage::before{transform:translateY(55px)}}#works .works__pic--lowPage{width:100%;margin:0 auto 56px}@media screen and (min-width: 768px){#works .works__pic--lowPage{max-width:1400px;margin:0 auto 80px}}@media screen and (min-width: 1024px){#works .works__pic--lowPage{margin:0 auto 170px}}#works .works__photo--lowPage{padding:0 20px;width:100%;margin:0 auto 56px}@media screen and (min-width: 768px){#works .works__photo--lowPage{padding:0 50px}}@media screen and (min-width: 1024px){#works .works__photo--lowPage{padding:0 120px}}@media screen and (min-width: 768px){#works .works__photo--lowPage{max-width:1400px;margin:0 auto 80px}}@media screen and (min-width: 1024px){#works .works__photo--lowPage{margin:0 auto 170px}}#works .works__img--lowPage{aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain}#works .works__video--lowPage{width:100%;margin:0 auto 56px}@media screen and (min-width: 768px){#works .works__video--lowPage{max-width:1400px;margin:0 auto 80px}}@media screen and (min-width: 1024px){#works .works__video--lowPage{margin:0 auto 170px}}#works .works__videoData--lowPage{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain}#works .works__btnUnit{padding:0 20px;margin-bottom:56px}@media screen and (min-width: 768px){#works .works__btnUnit{padding:0 50px}}@media screen and (min-width: 1024px){#works .works__btnUnit{padding:0 120px}}@media screen and (min-width: 768px){#works .works__btnUnit{display:flex;justify-content:center;gap:12vw;margin-bottom:80px}}@media screen and (min-width: 1024px){#works .works__btnUnit{margin-bottom:170px}}#works .works__btn--lowPage{border:1px solid #444;border-radius:50px;font-weight:600;font-size:18px;width:100%}#works .works__btn--lowPage:first-child{margin-bottom:30px}@media screen and (min-width: 768px){#works .works__btn--lowPage:first-child{margin-bottom:0}}@media screen and (min-width: 768px){#works .works__btn--lowPage{width:-moz-fit-content;width:fit-content}}#works .works__btn--lowPage a{width:100%;padding:20px 0;text-align:center}@media screen and (min-width: 768px){#works .works__btn--lowPage a{width:-moz-fit-content;width:fit-content;padding:18px 56px}}#works .works__btn--lowPage .works__link--site{display:flex;justify-content:center;align-items:center;gap:20px}#works .works__btn--lowPage .works__link--site::after{content:"";display:inline-block;background-image:url(../images/works-page/iconLink.svg);width:16px;height:16px;-o-object-fit:contain;object-fit:contain}#works .works__dl{padding:0 20px;margin:0 auto 56px;font-family:"Shippori Mincho"}@media screen and (min-width: 768px){#works .works__dl{padding:0 50px}}@media screen and (min-width: 1024px){#works .works__dl{padding:0 120px}}@media screen and (min-width: 768px){#works .works__dl{max-width:820px}}@media screen and (min-width: 1024px){#works .works__dl{margin-bottom:170px}}#works .works__dl dt:not(.works__dt--wss){margin-bottom:30px;font-weight:700px;font-size:17px}@media screen and (min-width: 768px){#works .works__dl dt:not(.works__dt--wss){font-size:20px}}#works .works__dl dt:not(.works__dt--wss)::before{content:"";padding-right:10px;border-left:1px solid #444}#works .works__dl dd{font-size:14px;line-height:1.8}@media screen and (min-width: 768px){#works .works__dl dd{font-size:17px}}#works .works__dl dd:not(:last-child){margin-bottom:70px}#works .works__dl dd ol{margin-top:18px}#works .works__dl dd ol li{margin:10px 16px;list-style-type:none}#works .works__dl dd ol li:first-of-type::before{content:"1:";display:inline-block}#works .works__dl dd ol li:nth-of-type(2)::before{content:"2:";display:inline-block}#works .works__dl dd ol li:last-of-type::before{content:"3:";display:inline-block}#works .works__dl--wss{margin-top:18px !important}#works .works__dd--wss{margin-bottom:10px !important}#works .works__txt--vba{margin-bottom:18px !important}#works .works .others{display:flex;flex-wrap:wrap;border-top:1px solid #a6a6a1;border-bottom:1px solid #a6a6a1}@media screen and (min-width: 768px){#works .works .others{flex-wrap:nowrap;border:none}}#works .works .others__prev,#works .works .others__next{width:50%;font-size:18px;text-align:center;line-height:1.2}#works .works .others__prev a,#works .works .others__next a{padding:40px 0;color:#a6a6a1}@media screen and (min-width: 768px){#works .works .others__prev a,#works .works .others__next a{padding:60px 0}}@media screen and (min-width: 1024px){#works .works .others__prev a,#works .works .others__next a{padding:80px 0;font-size:20px}}#works .works .others__prev span,#works .works .others__next span{font-size:30px}@media screen and (min-width: 1024px){#works .works .others__prev span,#works .works .others__next span{font-size:48px}}#works .works .others__prev{border-right:1px solid #a6a6a1;order:1}@media screen and (min-width: 768px){#works .works .others__prev{order:0}}#works .works .others__next{order:2}@media screen and (min-width: 768px){#works .works .others__next{border-left:1px solid #a6a6a1;order:0}}#works .works .others__toggle{width:100%;padding:40px 0 0;border-top:1px solid #a6a6a1;color:#a6a6a1;order:3;cursor:pointer}@media screen and (min-width: 768px){#works .works .others__toggle{padding:60px 0 0;border:none;order:0}}@media screen and (min-width: 1024px){#works .works .others__toggle{padding:80px 0 0;font-size:20px}}#works .works .others__site{margin-bottom:40px;font-size:18px;text-align:center;line-height:1.2}@media screen and (min-width: 768px){#works .works .others__site{margin-bottom:60px}}@media screen and (min-width: 1024px){#works .works .others__site{margin-bottom:80px}}#works .works .others__site span{font-size:30px}@media screen and (min-width: 1024px){#works .works .others__site span{font-size:48px}}#works .works .others__inner{display:none}#works .works .others__toggleLink{padding:3vw 7vw;border-bottom:1px solid #444;transition:.4s}#works .works .others__toggleLink:first-of-type{border-top:1px solid #444}@media screen and (min-width: 1024px){#works .works .others__toggleLink{padding:1vw 7vw}}#works .works .others__toggleLink:hover{background:#fff;font-weight:600}#works .works .others__box{display:flex;justify-content:center;align-items:center}#works .works .others__name,#works .works .others__type{width:50%;text-align:left}#works .works .others__type{display:flex;justify-content:space-between;align-items:center}#works .works .others__type::after{content:url(../images/arrow-nomal.svg);display:inline-block}#thanks section{padding:200px 20px;max-width:700px;margin:0 auto}@media screen and (min-width: 768px){#thanks section{padding:280px 50px}}@media screen and (min-width: 1024px){#thanks section{padding:300px 120px}}#thanks .message{margin-bottom:48px;padding-left:8px;font-size:max(3vw,16px)}@media screen and (min-width: 768px){#thanks .message{font-size:24px;margin-bottom:80px}}#thanks .top__btn{border:1px solid #444;border-radius:50px;font-weight:600;font-size:18px;width:100%;text-align:center}@media screen and (min-width: 768px){#thanks .top__btn{width:-moz-fit-content;width:fit-content}}#thanks .top__btn a{padding:20px 38px}@media screen and (min-width: 768px){#thanks .top__btn a{padding:18px 56px}}#worksScreenshot section{padding:200px 20px;max-width:900px;margin:0 auto}@media screen and (min-width: 768px){#worksScreenshot section{padding:280px 50px}}@media screen and (min-width: 1024px){#worksScreenshot section{padding:300px 120px}}#worksScreenshot .screenshot__pic{margin-bottom:48px}#worksScreenshot .screenshot__img{-o-object-fit:contain;object-fit:contain}#worksScreenshot .screenshot__lowttl,#worksScreenshot .screenshot__ttl{margin-bottom:24px;font-weight:700;font-size:18px;font-family:"Shippori Mincho";line-height:1.8}@media screen and (min-width: 768px){#worksScreenshot .screenshot__lowttl,#worksScreenshot .screenshot__ttl{font-size:24px}}#worksScreenshot .screenshot__lowttl span,#worksScreenshot .screenshot__ttl span{font-weight:400}#worksScreenshot .screenshot__lowttl{display:flex;flex-wrap:wrap;align-items:center;gap:10px}#worksScreenshot .screenshot__lowttl::before{content:"";display:block;height:1px;width:14px;background:#000}#worksScreenshot .screenshot__lowttl span{font-size:min(3vw,18px)}#worksScreenshot .screenshot__scroll{width:-moz-fit-content;width:fit-content;height:80vh;margin-bottom:48px;overflow:scroll}#worksScreenshot .back__btn{border:1px solid #444;border-radius:50px;font-weight:600;font-size:18px;width:100%;text-align:center}@media screen and (min-width: 768px){#worksScreenshot .back__btn{width:-moz-fit-content;width:fit-content}}#worksScreenshot .back__btn a{padding:20px 38px}@media screen and (min-width: 768px){#worksScreenshot .back__btn a{padding:18px 56px}}#worksScreenshot #portfolio-wrapper{background:#ddd}@media screen and (min-width: 1024px){.hoverActive{opacity:1}}.closeTxt{font-size:0}.closeTxt::after{content:"CLOSE";font-size:18px}.naviMenu{opacity:1;cursor:auto;pointer-events:auto}.fadeUp{position:relative;top:50px;opacity:0;transition:.3s}.fadeIn{opacity:0;transition:.3s}#top .showElement{opacity:1;top:0}@media screen and (max-width: 1023px){.showCtcElement{opacity:0}#top .changeBgColor{background-color:#f3f3f3}#top .changeBgColor .works__ttl{color:#444}#top .changeBgColor .works__ttl::before{border-left:1px solid #444}}@media screen and (min-width: 1024px){.fadeLeft{position:relative;top:0px;left:25%;z-index:3;transition:.5s}.fadeRight{position:relative;top:0px;right:25%;transition:.5s}.showLElement{left:0}.showRElement{right:0}}/*# sourceMappingURL=style.css.map */