*,*::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 opAnime{0%{clip-path:circle(200% at 50% 50%)}100%{clip-path:circle(0% at 50% 50%)}}@keyframes opLogo{0%{opacity:1}100%{opacity:0}}@keyframes textSlide{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes worksBgChara{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(5px) rotate(3deg)}75%{transform:translateX(-5px) rotate(-3deg)}}@keyframes circleText{100%{transform:rotate(360deg)}}@keyframes contactChara{0%{transform:rotate(0)}50%{transform:rotate(18deg)}100%{transform:rotate(0)}}@keyframes charaCreation{0%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}100%{transform:rotate(15deg)}}@keyframes charaWork{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes charaProf{0%,100%{top:-56px}50%{top:10px}}@media screen and (min-width: 768px){@keyframes charaProf{0%,100%{top:-100px}50%{top:10px}}}@media screen and (min-width: 1024px){@keyframes charaProf{0%,100%{right:45%}50%{right:55%}}}@keyframes charaSkill{100%{transform:rotate(360deg)}}@keyframes charaSkill-2{100%{transform:rotate(-360deg)}}body{background:#f3f3f3;font-family:"Noto Sans JP",sans-serif;border:9px solid #fff}.header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:11;border-top:9px solid #fff}.header__bg{display:flex;justify-content:center;align-items:center;width:17vw;max-width:94px;height:17vw;max-height:94px;background:#fff;border-radius:0 0 12px 0;z-index:11}@media screen and (min-width: 1024px){.header__bg{max-width:none;width:100px;max-height:none;height:100px}}.header__ttl{width:11vw;max-width:70px;height:15vw;max-height:80px}@media screen and (min-width: 1024px){.header__ttl{max-width:none;width:80px;max-height:none;height:90px}}.header__logo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{position:relative;display:flex;justify-content:space-between;align-items:center;width:13vw;max-width:60px;height:13vw;max-height:60px;margin:1% 3% 0 0;background:#000;border-radius:50%;cursor:pointer;z-index:11}@media screen and (min-width: 1024px){.btn{display:none}}.btn__top,.btn__bottom,.btn__middle{position:absolute;left:12px;display:block;width:60%;height:1px;background:#fff;transition:.4s;transform:translateY(-10px)}.btn__middle{transform:translateY(0)}.btn__bottom{width:40%;left:12px;transform:translateY(10px)}.gnav{display:flex;align-items:center;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background:#ff4e00;border-top:9px solid #fff;border-left:9px solid #fff;border-right:9px solid #fff;transition:.5s;transform:translateY(100%)}@media screen and (min-width: 1024px){.gnav{position:static;width:-moz-fit-content;width:fit-content;height:auto;margin-right:47px;padding:0 15px 0 15px;background:none;border:none;transition:none;transform:translateX(0);border-radius:40px;background:#fff}}.gnav__nav{width:100%;margin-top:30%}@media screen and (min-width: 768px){.gnav__nav{margin-top:11%}}@media screen and (min-width: 1024px){.gnav__nav{display:flex;align-items:center;justify-content:center;gap:1%;margin-top:0}}.gnav__list{width:70vw;margin-bottom:27px}.gnav__list:nth-of-type(4){margin-bottom:0}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(4){pagging-right:30px}}@media screen and (min-width: 1024px){.gnav__list{width:-moz-fit-content;width:fit-content;margin:0}}.gnav__link{display:block;padding:10px 10%;text-decoration:none;color:#fff;font-family:"Montserrat",sans-serif;font-size:36px;font-weight:bold}.gnav__link:nth-of-type(1){padding-left:10px}@media screen and (min-width: 768px){.gnav__link{font-size:50px}}@media screen and (min-width: 1024px){.gnav__link{padding:19px 20px;font-size:22px;color:#000;color:rgba(0,0,0,0);text-shadow:0 0 0 #000,0 3.5em 0 #000;transition:text-shadow .4s;overflow:hidden}}@media screen and (min-width: 1024px){.gnav__link:hover{text-shadow:0 -4em 0 #000,0 0 0 #000}}.gnav__link span{display:block;margin-top:-5px;font-size:13px;font-weight:normal}@media screen and (min-width: 768px){.gnav__link span{font-size:20px}}@media screen and (min-width: 1024px){.gnav__link span{display:none}}.gnav__txt{font-family:"Montserrat",sans-serif;font-size:135px;font-weight:bold;color:hsla(0,0%,100%,.6);animation:textSlide 20s linear infinite}@media screen and (min-width: 1024px){.gnav__txt{display:none}}.footer{position:relative;background:#ff4e00;z-index:4}@media screen and (min-width: 1400px){.footer{padding-bottom:40px}}.footer::before{content:"";position:absolute;top:0;left:0;height:54px;width:100%;background:-webkit-gradient(radial, 50% 100%, 10, 50% 100%, 90, from(#FF4E00), color-stop(0.49, #FF4E00), color-stop(0.5, #F3F3F3), to(#F3F3F3));-webkit-background-size:82px 56px}@media screen and (min-width: 1400px){.footer__wrapper{display:flex;align-items:center;justify-content:space-between}}.footer .fnav{margin-left:11px;padding-top:60px}@media screen and (min-width: 768px){.footer .fnav{margin-left:0}}@media screen and (min-width: 768px){.footer .fnav__nav{display:flex;align-items:center;justify-content:center;gap:5%;margin-bottom:20px}}@media screen and (min-width: 1400px){.footer .fnav__nav{gap:3%;width:60%;padding-left:220px;margin-bottom:0;margin-left:0}}.footer .fnav__list{width:-moz-fit-content;width:fit-content;margin-bottom:35px;font-family:"Montserrat",sans-serif;font-size:24px;font-weight:bold}@media screen and (min-width: 768px){.footer .fnav__list{margin-bottom:0}}@media screen and (min-width: 1400px){.footer .fnav__list{font-size:20px}}.footer .fnav__link{display:block;padding:5px 10px;color:#fff;text-decoration:none}@media screen and (min-width: 1024px){.footer .fnav__link{color:rgba(0,0,0,0);text-shadow:0 0 0 #fff,0 2.5em 0 #fff;transition:text-shadow .4s;overflow:hidden}}@media screen and (min-width: 1024px){.footer .fnav__link:hover{text-shadow:0 -2em 0 #fff,0 0 0 #fff}}.footer__small{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-bottom:10px;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:200;color:#fff}@media screen and (min-width: 1400px){.footer__small{margin:60px 110px 0 0;padding-bottom:0;font-size:14px}}#top .op{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;background:#fff;z-index:100;pointer-events:none;animation:opAnime 1.5s ease-out forwards;animation-delay:1.3s}#top .op__pic{width:60vw;max-width:532px;height:auto;animation:opLogo .5s linear forwards;animation-delay:1s}#top .op__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#top .main__wrap{display:flex;align-items:center;justify-content:center;gap:5%;padding:0 2%;transform:translateY(-85px)}}#top .main__bg{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100vh;background:linear-gradient(-45deg, #FF4E00 0%, #FF4E00 50%, #0081C8 50%, #0081C8 100%)}#top .main__mv{width:85vw;max-width:949px;height:auto;margin:56px auto 36px auto;border-radius:30px;overflow:hidden}@media screen and (min-width: 1024px){#top .main__mv{margin-top:100px}}#top .main__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .main__ttl{margin:0 auto}@media screen and (min-width: 1024px){#top .main__ttl{margin:0}}#top .main__ttl:nth-of-type(1){width:40vw;max-width:300px}@media screen and (min-width: 1024px){#top .main__ttl:nth-of-type(1){width:auto;max-width:376px;height:auto}}#top .main__ttl:nth-of-type(2){width:80vw;max-width:520px;margin-bottom:10px}@media screen and (min-width: 1024px){#top .main__ttl:nth-of-type(2){width:auto;max-width:737px;height:auto;margin-bottom:0}}#top .main__ttl-last{width:40vw;max-width:250px;margin:0 auto}@media screen and (min-width: 1024px){#top .main__ttl-last{width:300px;max-width:none;height:auto;transform:translateY(-80px)}}#top .main__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .main .prof{position:relative;height:500vh;padding-top:80px;padding-bottom:160px;background:#fff}#top .main .prof__sticky{position:sticky;top:0;width:100%;padding-top:17%}@media screen and (min-width: 768px){#top .main .prof__sticky{padding-top:20px}}#top .main .prof__ttl{font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding-left:2%;margin-bottom:15px}@media screen and (min-width: 768px){#top .main .prof__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .main .prof__ttl{font-size:90px}}#top .main .prof__container{position:relative}#top .main .prof__item{width:100%;display:none}#top .main .prof__item.active{display:block}#top .main .prof__column::before{background:url(../images/icon_z-pink.png);content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;animation:charaProf 2s infinite linear;z-index:-1}@media screen and (min-width: 768px){#top .main .prof__column::before{width:150px;height:150px}}@media screen and (min-width: 1024px){#top .main .prof__column::before{width:200px;height:200px;animation:charaProf 4s infinite ease;transform:rotate(-20deg)}}@media screen and (min-width: 1024px){#top .main .prof__column{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}}#top .main .prof__subttl{font-size:20px;font-weight:medium;letter-spacing:.05em}@media screen and (min-width: 768px){#top .main .prof__subttl{font-size:30px}}@media screen and (min-width: 1024px){#top .main .prof__subttl{font-size:38px}}#top .main .prof__enttl{font-family:"Montserrat",sans-serif;font-size:8px;letter-spacing:.05em;margin-bottom:13px}@media screen and (min-width: 768px){#top .main .prof__enttl{font-size:11px}}@media screen and (min-width: 1024px){#top .main .prof__enttl{font-size:14px}}@media screen and (min-width: 1024px){#top .main .prof__enttl{margin-bottom:50px}}#top .main .prof__pic{position:relative;width:90vw;max-width:700px;height:65vw;max-height:500px;margin:0 0 12px auto;border-radius:32vw 0 0 32vw;overflow:hidden}@media screen and (min-width: 768px){#top .main .prof__pic{margin-bottom:30px}}@media screen and (min-width: 1024px){#top .main .prof__pic{margin-top:-110px;margin-bottom:0;width:60%;max-width:1146px;max-height:830px}}#top .main .prof__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .main .prof__wrap{padding:0 2%}@media screen and (min-width: 1024px){#top .main .prof__wrap{width:30%;min-width:417px;height:-moz-fit-content;height:fit-content}}#top .main .prof__txt{font-size:14px;line-height:2;letter-spacing:.085em;font-weight:normal}@media screen and (min-width: 768px){#top .main .prof__txt{font-size:18px}}#top .main .prof .tiggerContainer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#top .main .prof .tiggerContainer .trigger{position:absolute;width:100%;height:1px}#top .main .prof .tiggerContainer .trigger1{top:100vh}#top .main .prof .tiggerContainer .trigger2{top:200vh}#top .main .prof .tiggerContainer .trigger3{top:300vh}#top .main .prof .tiggerContainer .trigger4{top:400vh}#top .main .skill{position:relative;padding-bottom:90px;background:#fff}@media screen and (min-width: 1024px){#top .main .skill{padding-bottom:200px}}@media screen and (min-width: 1400px){#top .main .skill{padding-bottom:350px}}#top .main .skill::before{background:url(../images/icon_k-blue.png);content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-47px;left:20px;animation:charaSkill 3s infinite linear}@media screen and (min-width: 768px){#top .main .skill::before{top:-55px;left:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#top .main .skill::before{top:-60px;left:60px;width:200px;height:200px}}#top .main .skill::after{background:url(../images/icon_o-yellow.png);content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:18px;right:14px;animation:charaSkill-2 3s infinite linear}@media screen and (min-width: 768px){#top .main .skill::after{right:24px;width:150px;height:150px}}@media screen and (min-width: 1024px){#top .main .skill::after{right:154px;width:200px;height:200px}}#top .main .skill__ttl{font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;text-align:center;padding-top:40px}@media screen and (min-width: 768px){#top .main .skill__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .main .skill__ttl{font-size:90px}}#top .main .skill__txt{font-size:14px;line-height:2;letter-spacing:.085em;font-weight:normal;padding-top:16px;margin-bottom:30px;text-align:center}@media screen and (min-width: 768px){#top .main .skill__txt{font-size:18px}}#top .main .skill__hand{opacity:0;position:relative;width:90%;max-width:1132px;margin:60px auto 0 auto}#top .main .skill__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .main .skill__container{position:relative;height:63vh;overflow:hidden}@media screen and (min-width: 1400px){#top .main .skill__container{height:70vh}}#top .main .skill__item-ttl{font-family:"Montserrat",sans-serif;font-size:20px;line-height:2;letter-spacing:.05em;padding-top:15px;margin-bottom:10px}@media screen and (min-width: 768px){#top .main .skill__item-ttl{font-size:22px}}@media screen and (min-width: 1024px){#top .main .skill__item-ttl{font-size:24px}}#top .main .skill__item-txt{font-size:14px;line-height:2;letter-spacing:.03em;width:60%;margin:0 auto}@media screen and (min-width: 768px){#top .main .skill__item-txt{font-size:15px}}@media screen and (min-width: 1024px){#top .main .skill__item-txt{font-size:16px}}#top .main .skill__item1{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:364px;height:305px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_html.png);top:0;left:5vw}@media screen and (min-width: 1400px){#top .main .skill__item1{top:0;left:117px}}#top .main .skill__item2{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:346px;height:260px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_jquery.png);top:150px;right:18vw}@media screen and (min-width: 1400px){#top .main .skill__item2{top:0px;left:545px}}#top .main .skill__item3{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:341px;height:366px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_java.png);top:15px;left:10vw}@media screen and (min-width: 1400px){#top .main .skill__item3{top:0;left:876px}}#top .main .skill__item4{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:347px;height:356px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_vscode.png);top:3px;right:3vw}@media screen and (min-width: 1400px){#top .main .skill__item4{top:0;right:255px}}#top .main .skill__item5{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:337px;height:305px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_figma.png);top:5px;right:20vw}@media screen and (min-width: 1400px){#top .main .skill__item5{top:253px;right:470px}}#top .main .skill__item6{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:292px;height:264px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_git.png);top:20px;left:28vw}@media screen and (min-width: 1400px){#top .main .skill__item6{top:239px;left:643px}}#top .main .skill__item7{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:326px;height:338px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;background:url(../images/skill/bg_photo.png);top:20px;left:5vw}#top .main .skill__item7 .skill__item-txt{padding-left:20px}@media screen and (min-width: 1400px){#top .main .skill__item7{top:219px;left:303px}}#top .main .works{position:relative;padding:3% 0;margin-bottom:200px;background:#ff4e00}#top .main .works::before{content:"";position:absolute;top:-110px;left:0;width:100%;height:200px;background:url(../images/works_bg.png);background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:1}@media screen and (min-width: 1300px){#top .main .works::before{top:-73px;height:300px}}#top .main .works::after{content:"";position:absolute;bottom:-100px;left:0;width:100%;height:200px;background:url(../images/works_bg.png);background-position:center center;background-size:cover;background-repeat:no-repeat}@media screen and (min-width: 1300px){#top .main .works::after{bottom:-120px;height:300px}}#top .main .works__chara{position:absolute;top:-144px;left:0;width:20%;height:20%;background:url(../images/icon_n-yellow.png);background-position:center center;background-size:contain;background-repeat:no-repeat;transform-origin:center bottom;animation:worksBgChara 4s ease-in-out infinite;z-index:0}@media screen and (min-width: 768px){#top .main .works__chara{top:-150px;left:100px}}@media screen and (min-width: 1024px){#top .main .works__chara{width:25%;height:25%;left:180px}}#top .main .works__ttl{position:relative;font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding:15px 0 16px 2%;color:#fff;z-index:2}@media screen and (min-width: 768px){#top .main .works__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .main .works__ttl{font-size:90px}}#top .main .works__txt{position:relative;font-size:14px;line-height:2;letter-spacing:.085em;font-weight:normal;color:#fff;padding:0 2%;padding-bottom:28px;z-index:2}@media screen and (min-width: 768px){#top .main .works__txt{font-size:18px}}#top .main .works__swiper{width:80%;margin:0 0 40px auto}#top .main .works__swiper-link{display:block;text-decoration:none}#top .main .works__swiper-subttl{font-size:14px;font-weight:bold;letter-spacing:.03em;line-height:2;color:#fff;text-align:center}@media screen and (min-width: 1024px){#top .main .works__swiper-subttl{font-size:18px}}#top .main .works__swiper-subttl::before{content:"・";margin-right:10px;color:#fff}#top .main .works__swiper-pic{margin-bottom:5px;height:200px;border-radius:20px;overflow:hidden}@media screen and (min-width: 768px){#top .main .works__swiper-pic{height:280px}}@media screen and (min-width: 1024px){#top .main .works__swiper-pic{height:300px}}#top .main .works__swiper-img{height:100%;-o-object-fit:cover;object-fit:cover}#top .main .works__swiper-wrapper{transition-timing-function:linear}#top .main .works .swiper-slide{display:flex;align-items:start;width:100%}#top .main .works__btn{position:relative;width:40vw;max-width:188px;height:18vw;max-height:85px;margin-left:auto;background:#0081c8;border-radius:500px 0 0 500px;overflow:hidden;z-index:2}#top .main .works__link{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;font-family:"Montserrat",sans-serif;font-weight:500;font-size:16px;text-decoration:none;letter-spacing:.05em;color:#fff;z-index:1}@media screen and (min-width: 1024px){#top .main .works__link::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#ff3;transition:.5s;z-index:-1}}@media screen and (min-width: 1024px){#top .main .works__link:hover{color:#000;background:none;opacity:1}#top .main .works__link:hover::before{width:100%}}#top .main .name{position:sticky;top:20%;padding:50px 2% 0 2%;width:100%;overflow:hidden}@media screen and (min-width: 1024px){#top .main .name{padding-top:100px;padding-bottom:200px}}@media screen and (min-width: 1300px){#top .main .name{top:10%;padding-bottom:400px}}#top .main .name__wrapper{width:100%}#top .main .name__wrap{display:flex;justify-content:center;height:auto}#top .main .name__pic{width:12.5%;margin-right:2%}#top .main .name__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#top .main .thanks{position:relative;margin-top:80px;padding-bottom:250px;background:linear-gradient(180deg, rgba(0, 129, 200, 0) 0%, #0081C8 10%);overflow:hidden;z-index:0}@media screen and (min-width: 1300px){#top .main .thanks{padding-top:245px;padding-bottom:300px}}@media screen and (min-width: 1300px){#top .main .thanks__wrap{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:1%;margin-bottom:200px}}@media screen and (min-width: 1300px){#top .main .thanks__item-1{width:50%;min-width:570px;max-width:820px}}#top .main .thanks__item-2{position:relative;max-width:840px;margin:0 auto 140px auto}@media screen and (min-width: 1300px){#top .main .thanks__item-2{width:50%;max-width:none;margin:0}}#top .main .thanks__ttl{font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding-top:180px;margin-bottom:31px;text-align:center;color:#fff}@media screen and (min-width: 768px){#top .main .thanks__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .main .thanks__ttl{font-size:90px}}@media screen and (min-width: 1300px){#top .main .thanks__ttl{padding-top:0}}#top .main .thanks__txt{font-size:14px;line-height:2;letter-spacing:.085em;font-weight:normal;max-width:946px;margin:0 auto 100px auto;padding:0 2%;color:#fff}@media screen and (min-width: 768px){#top .main .thanks__txt{font-size:18px}}@media screen and (min-width: 1300px){#top .main .thanks__txt{margin-bottom:100px;max-width:none;margin:0}}#top .main .thanks__pic{margin:0 auto 60px auto;width:80%;height:80%;border-radius:50%;overflow:hidden}@media screen and (min-width: 1300px){#top .main .thanks__pic{margin-bottom:0}}#top .main .thanks__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .main .thanks__charaBox{display:flex;align-items:center;justify-content:center}#top .main .thanks__charaPic{width:16.6666666667%;max-width:120px}#top .main .thanks__charaImg{width:100%;-o-object-fit:cover;object-fit:cover}#top .main .block{position:absolute;top:39%;left:50%;transform:translate(-50%, -50%);width:85%;height:85%}#top .main .circleText{overflow:visible;animation:circleText 30s infinite linear}#top .main .circleText__circle{fill:none}#top .main .circleText__text{font-family:"Montserrat",sans-serif;font-weight:bold;fill:#fff;font-size:8px}#top .main .contact{position:relative;margin-bottom:80px;background:#f3f3f3;z-index:1}#top .main .contact::before{content:"";position:absolute;top:-7%;left:0;width:100%;height:31%;background:#f3f3f3;border-radius:50% 50% 0 0}@media screen and (min-width: 1024px){#top .main .contact::before{top:-18%;height:64%}}@media screen and (min-width: 1400px){#top .main .contact::before{height:100%}}#top .main .contact::after{content:"";position:absolute;top:0;left:0;background:#0081c8;width:100%;height:50%;z-index:-1}#top .main .contact__bounceChara{display:none}@media screen and (min-width: 1200px){#top .main .contact__bounceChara{display:block;position:absolute;bottom:0;left:2vw;transform:scaleX(-1);z-index:3}}@media screen and (min-width: 1200px){#top .main .contact__bounceChara:nth-of-type(2){bottom:176px;left:8vw}}@media screen and (min-width: 1200px){#top .main .contact__bounceChara-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}#top .main .contact__ttl{position:relative;font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;margin-bottom:31px;text-align:center}@media screen and (min-width: 768px){#top .main .contact__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .main .contact__ttl{font-size:90px}}#top .main .contact__txt{position:relative;font-size:14px;line-height:2;letter-spacing:.085em;font-weight:normal;padding:0 2%;margin-bottom:40px;text-align:center}@media screen and (min-width: 768px){#top .main .contact__txt{font-size:18px}}#top .main .contact__form{background:#f3f3f3}#top .main .contact__chara{display:none}@media screen and (min-width: 1100px){#top .main .contact__chara{display:block;position:absolute;top:39%;right:14vw;width:50%;height:50%;transform-origin:right bottom;animation:contactChara 3s ease-out infinite}}@media screen and (min-width: 1100px)and (min-width: 1500px){#top .main .contact__chara{right:18vw}}@media screen and (min-width: 1100px)and (min-width: 1100px){#top .main .contact__chara-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}#top .main .contact__container{position:relative;width:100%;margin:0 auto;max-width:770px;z-index:2}#top .main .contact__box{width:80%;min-width:357px;margin:0 auto;padding:31px 0;margin-bottom:30px;background:#ff4e00;border-radius:2%}#top .main .contact__label{color:#fff;width:-moz-fit-content;width:fit-content;margin-left:44px;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:bold;letter-spacing:.05em}@media screen and (min-width: 768px){#top .main .contact__label{margin-left:77px}}#top .main .contact__label::after{content:"*";padding-left:5px;color:#fff;font-weight:normal}#top .main .contact__message::-moz-placeholder{display:block;width:80%;height:55px;padding:10px;margin:0 auto 20px auto;background:#fff;border-radius:13.76px;border:none}#top .main .contact__name,#top .main .contact__message::placeholder,#top .main .contact__email,#top .main .contact__tel{display:block;width:80%;height:55px;padding:10px;margin:0 auto 20px auto;background:#fff;border-radius:13.76px;border:none}#top .main .contact__name::-moz-placeholder, #top .main .contact__message::-moz-placeholder, #top .main .contact__email::-moz-placeholder, #top .main .contact__tel::-moz-placeholder{display:flex;align-items:center;font-family:"Montserrat",sans-serif;padding-left:10px;font-size:13px}#top .main .contact__name::placeholder,#top .main .contact__message::placeholder,#top .main .contact__email::placeholder,#top .main .contact__tel::placeholder{display:flex;align-items:center;font-family:"Montserrat",sans-serif;padding-left:10px;font-size:13px}#top .main .contact__message{display:block;width:80%;height:204px;padding:10px;margin:0 auto 31px auto;background:#fff;border-radius:13.76px;border:none;overflow-x:hidden}#top .main .contact__message::-moz-placeholder{padding-top:10px}#top .main .contact__message::placeholder{padding-top:10px}#top .main .contact__submit{display:block;width:280px;height:160px;margin:-70px auto 200px auto;-webkit-appearance:none}@media screen and (min-width: 768px){#top .main .contact__submit{width:350px;height:200px}}#works .main__bg{position:relative;padding-bottom:100px;background:#ff4e00;z-index:-2}#works .main__ttl{color:#fff;font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding:100px 0 0px 24px}@media screen and (min-width: 1024px){#works .main__ttl{font-size:105px}}#works .main__subttl{color:#fff;font-size:14px;letter-spacing:.03em;padding:0 0 13px 30px;margin-top:-10px}@media screen and (min-width: 1024px){#works .main__subttl{font-size:18px}}#works .main .works{position:relative;margin-top:-100px;padding:80px 27px 30px 27px;background:#f3f3f3;border-radius:0 40px 0 0}#works .main .works::before{display:block;background:url(../images/icon_k-blue.png);content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-43px;right:46px;z-index:-1;animation:charaWork 2s infinite linear}@media screen and (min-width: 768px){#works .main .works::before{top:-70px;right:80px;width:150px;height:150px}}@media screen and (min-width: 1024px){#works .main .works::before{top:-80px;right:120px;width:180px;height:180px}}@media screen and (min-width: 1024px){#works .main .works__wrap{width:92vw;height:auto;margin:0 auto;margin-bottom:200px;display:flex;align-items:center;justify-content:center;gap:2%}}@media screen and (min-width: 1024px)and (min-width: 1500px){#works .main .works__wrap{gap:5%}}#works .main .works__link{display:block}@media screen and (min-width: 1024px){#works .main .works__link:hover .works__pic{filter:brightness(0.8);transition:.8s}}@media screen and (min-width: 1024px){#works .main .works__link:hover .works__item-btn{text-shadow:0 -2em 0 #000,0 0 0 #000}}#works .main .works__item{width:100%;max-width:750px;margin:0 auto 90px auto;overflow:hidden}@media screen and (min-width: 1024px){#works .main .works__item{width:40vw;min-width:460px;max-width:none;margin:0}}#works .main .works__item-genre{width:-moz-fit-content;width:fit-content;padding:5px 11px;margin-bottom:4px;background:#0081c8;border-radius:21px;font-size:12px;font-weight:bold;letter-spacing:.03em;color:#fff}@media screen and (min-width: 1024px){#works .main .works__item-genre{font-size:16px}}#works .main .works__item-ttl{margin-bottom:10px;font-size:13px;font-weight:bold;line-height:2;letter-spacing:.03em;color:#000}@media screen and (min-width: 1024px){#works .main .works__item-ttl{font-size:18px}}#works .main .works__item-wrap{display:flex;align-items:center;gap:2%}#works .main .works__item-btn{position:relative;width:-moz-fit-content;width:fit-content;margin-left:auto;padding:0 20px 20px 0;font-family:"Montserrat",sans-serif;font-size:14px;color:#000}@media screen and (min-width: 1024px){#works .main .works__item-btn{color:rgba(0,0,0,0);text-shadow:0 0 0 #000,0 2.5em 0 #000;transition:text-shadow .3s;overflow:hidden;font-size:16px}}#works .main .works__item-btn::before{content:"";position:absolute;top:13px;left:-10px;background:#000;width:8px;height:1px;transform:rotate(-45deg)}#works .main .works__item-btn::after{content:"";position:absolute;top:8px;left:-10px;width:8px;height:1px;background:#000;transform:rotate(45deg)}#works .main .works__link{text-decoration:none}#works .main .works__pic{width:100%;height:46vw;max-height:420px;margin-bottom:18px;border-radius:30px;overflow:hidden}#works .main .works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works .main .endhidden{visibility:hidden}#creation .main__bg{position:relative;padding-bottom:100px;background:#ff4e00;z-index:-2}#creation .main__ttl{color:#fff;font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding:100px 0 0px 24px}@media screen and (min-width: 1024px){#creation .main__ttl{font-size:105px}}#creation .main__subttl{color:#fff;font-size:14px;letter-spacing:.03em;padding:0 0 13px 30px;margin-top:-10px}@media screen and (min-width: 1024px){#creation .main__subttl{font-size:18px}}#creation .main .creation{position:relative;margin-top:-100px;padding:30px 27px;background:#f3f3f3;border-radius:0 40px 0 0}@media screen and (min-width: 768px){#creation .main .creation{padding-bottom:50px}}@media screen and (min-width: 1100px){#creation .main .creation{padding:100px 27px}}@media screen and (min-width: 1100px){#creation .main .creation__wrap{display:flex;justify-content:space-between;margin-bottom:200px}}#creation .main .creation__container{margin-bottom:70px}@media screen and (min-width: 1100px){#creation .main .creation__container{width:40%;margin-bottom:0}}#creation .main .creation__item{display:flex;align-items:center;gap:2%}#creation .main .creation__genre{width:-moz-fit-content;width:fit-content;padding:5px 11px;margin-bottom:10px;background:#0081c8;border-radius:21px;font-size:12px;font-weight:bold;letter-spacing:.03em;color:#fff}@media screen and (min-width: 1100px){#creation .main .creation__genre{font-size:16px}}#creation .main .creation__ttl{margin-bottom:50px;font-size:35px;font-weight:bold}@media screen and (min-width: 1100px){#creation .main .creation__ttl{font-size:40px}}#creation .main .creation__list{display:flex;justify-content:space-between;width:100%;margin-bottom:60px}#creation .main .creation__label{width:27%;font-size:12px;font-weight:bold;letter-spacing:.03em;line-height:2}@media screen and (min-width: 768px){#creation .main .creation__label{font-size:14px}}@media screen and (min-width: 1100px){#creation .main .creation__label{font-size:16px}}#creation .main .creation__value{width:70%;font-size:15px;letter-spacing:.03em;line-height:2}@media screen and (min-width: 768px){#creation .main .creation__value{font-size:18px}}@media screen and (min-width: 1100px){#creation .main .creation__value{font-size:20px}}#creation .main .creation__link{display:block;position:relative;width:-moz-fit-content;width:fit-content;font-size:15px;letter-spacing:.03em;line-height:2;text-decoration:none;color:#000;transition:.1s}@media screen and (min-width: 1100px){#creation .main .creation__link:hover{color:#fff}}@media screen and (min-width: 768px){#creation .main .creation__link{font-size:18px}}@media screen and (min-width: 1100px){#creation .main .creation__link{font-size:20px}}#creation .main .creation__link::before{content:"";position:absolute;top:8px;right:-14px;width:14px;height:14px;background:url(../images/works/link.png);background-position:center center;background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 1100px){#creation .main .creation__link::before{width:22px;height:22px;right:-22px}}#creation .main .creation__box{width:100%;height:90vw;margin-bottom:60px;border-radius:30px;overflow-y:scroll;overflow-x:hidden}#creation .main .creation__box::-webkit-scrollbar{width:10px}#creation .main .creation__box::-webkit-scrollbar-track{background:#fff;border-radius:10px}#creation .main .creation__box::-webkit-scrollbar-thumb{background:#ff4e00;border-radius:10px}@media screen and (min-width: 1100px){#creation .main .creation__box{width:50%;height:1020px;margin-bottom:0}}#creation .main .creation__pic{width:100%}#creation .main .creation__img{width:100%}#creation .main .creation__btn-wrap{display:flex;align-items:center;justify-content:center;gap:10%}#creation .main .creation__btn-btn{position:relative}#creation .main .creation__btn-btn:nth-of-type(1)::before{content:"";position:absolute;top:6px;left:-21px;width:30px;height:30px;background:url(../images/works/arrow.png);background-position:center center;background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 768px){#creation .main .creation__btn-btn:nth-of-type(1)::before{width:40px;height:40px;top:8px;left:-24px}}#creation .main .creation__btn-btn:nth-of-type(3)::before{content:"";position:absolute;top:6px;right:-21px;width:30px;height:30px;background:url(../images/works/arrow.png);background-position:center center;background-size:contain;background-repeat:no-repeat;transform:rotate(180deg)}@media screen and (min-width: 768px){#creation .main .creation__btn-btn:nth-of-type(3)::before{width:40px;height:40px;top:8px;right:-24px}}#creation .main .creation__btn-link{display:block;padding:3px 7px;font-family:"Montserrat",sans-serif;font-size:22px;font-weight:bold;text-decoration:none;color:#000}@media screen and (min-width: 1100px){#creation .main .creation__btn-link:hover{text-shadow:0 -2em 0 #000,0 0 0 #000}}@media screen and (min-width: 768px){#creation .main .creation__btn-link{padding:10px 20px}}@media screen and (min-width: 1100px){#creation .main .creation__btn-link{font-size:24px;color:rgba(0,0,0,0);text-shadow:0 0 0 #000,0 2.5em 0 #000;transition:text-shadow .3s;overflow:hidden}}#creation .main .scrollnone{overflow:hidden}#creation .main .btn__fast{visibility:hidden}#creation .main .btn__end{visibility:hidden}#creation .main .wssChara::before{display:block;background:url("../images/icon_w-yellow.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .wssChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .wssChara::before{top:-80px;width:180px;height:180px}}#creation .main .ncsChara::before{display:block;background:url("../images/icon_a-green.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .ncsChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .ncsChara::before{top:-80px;width:180px;height:180px}}#creation .main .campChara::before{display:block;background:url("../images/icon_w-pink.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .campChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .campChara::before{top:-80px;width:180px;height:180px}}#creation .main .todoChara::before{display:block;background:url("../images/icon_z-pink.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .todoChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .todoChara::before{top:-80px;width:180px;height:180px}}#creation .main .playChara::before{display:block;background:url("../images/icon_o-yellow.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .playChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .playChara::before{top:-80px;width:180px;height:180px}}#creation .main .kamuyChara::before{display:block;background:url("../images/icon_w-pink.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .kamuyChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .kamuyChara::before{top:-80px;width:180px;height:180px}}#creation .main .portfolioChara::before{display:block;background:url("../images/icon_k-blue.png");content:"";position:absolute;top:0;right:0;width:100px;height:100px;background-position:center center;background-size:contain;background-repeat:no-repeat;top:-40px;right:30px;z-index:-1;animation:charaCreation 3s infinite linear}@media screen and (min-width: 768px){#creation .main .portfolioChara::before{top:-70px;right:40px;width:150px;height:150px}}@media screen and (min-width: 1024px){#creation .main .portfolioChara::before{top:-80px;width:180px;height:180px}}#thanks .main__bg{position:relative;padding-bottom:100px;background:#ff4e00;z-index:-2}#thanks .main__ttl{color:#fff;font-family:"Montserrat",sans-serif;font-size:37px;font-weight:bold;padding:100px 0 0px 24px}@media screen and (min-width: 1024px){#thanks .main__ttl{font-size:105px}}#thanks .main__subttl{color:#fff;font-size:14px;letter-spacing:.03em;padding:0 0 13px 30px;margin-top:-10px}@media screen and (min-width: 1024px){#thanks .main__subttl{font-size:18px}}#thanks .main .content{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:-100px;padding:30px 2%;background:#f3f3f3;border-radius:0 40px 0 0;overflow:hidden}@media screen and (min-width: 768px){#thanks .main .content{height:60vh;padding:0 2%}}#thanks .main .content__txt{margin-bottom:40px;font-size:16px;line-height:2}@media screen and (min-width: 768px){#thanks .main .content__txt{font-size:24px}}@media screen and (min-width: 1024px){#thanks .main .content__txt{font-size:30px}}#thanks .main .content__pic{width:100%;max-width:982px;height:auto;padding:20px 0;margin:0 auto}#thanks .main .content__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rotateTop{transform:rotate(45deg)}.rotateMiddle{transform:rotate(-45deg)}.hiddenBottom{opacity:0}.translate{transform:translateY(0)}#top .main .skill .skillOpacity{opacity:0}#top .main .skill .clickActive{opacity:1;transition:.2s}/*# sourceMappingURL=style.css.map */