*,*::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;text-rendering:optimizeSpeed;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}}.zen-old-mincho-regular{font-family:"Zen Old Mincho",serif;font-weight:400;font-style:normal}.zen-maru-gothic-light{font-family:"Zen Maru Gothic",serif;font-weight:300;font-style:normal}.zen-maru-gothic-regular{font-family:"Zen Maru Gothic",serif;font-weight:400;font-style:normal}.syncopate-regular{font-family:"Syncopate",sans-serif;font-weight:400;font-style:normal}.syncopate-bold{font-family:"Syncopate",sans-serif;font-weight:700;font-style:normal}.wrapper{font-family:"Zen Old Mincho",serif;font-weight:400;font-style:normal;color:#111518}.header{width:100%}@media screen and (min-width: 1024px){.header{position:fixed;top:0;left:0;width:23%;height:100vh}}@media screen and (min-width: 1474px){.header{width:40%}}.header__box{display:flex;justify-content:space-between;align-items:center}.header__wrap{display:flex;justify-content:space-between;align-items:center;margin:0 auto}@media screen and (min-width: 1024px){.header__wrap{height:100%;flex-direction:column}}.header__ttl{margin:0 10% 50px}.header__link{list-style-type:none;text-decoration:none;color:#3c4249;font-family:Syncopate;font-size:12px;font-weight:400}.header__btn{margin:56px 38px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:35px;height:6px;cursor:pointer;z-index:2}@media screen and (min-width: 1024px){.header__btn{display:none}}.header__btn--top,.header__btn--bottom{width:35px;position:absolute;display:block;height:1px}.header__btn--top{transform:translateY(-3px);background:#656e79}.header__btn--bottom{transform:translateY(3px);background:#656e79}.gnav{display:block;position:fixed;top:0;left:0;background:rgba(249,253,255,.8823529412);transition:.4s;opacity:0;pointer-events:none;z-index:1}@media screen and (min-width: 1024px){.gnav{margin:0 0 0 10%;height:100vh;display:block;position:static;background:none;opacity:1;pointer-events:auto}}@media screen and (min-width: 1470px){.gnav{margin:0 0 0 25%}}.gnav__nav{transform:translateY(50px);transition:.5s;opacity:0}@media screen and (min-width: 1024px){.gnav__nav{transform:none;opacity:1}}.gnav__list:nth-of-type(1)::after{content:"制作物";padding:0 15% 10%;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(1)::after{font-size:12px;letter-spacing:.8em}}.gnav__list:nth-of-type(2)::after{content:"私について";padding:0 15% 10%;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(2)::after{font-size:12px;letter-spacing:.8em}}.gnav__list:nth-of-type(3)::after{content:"できること";padding:0 15% 10%;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(3)::after{font-size:12px;letter-spacing:.8em}}.gnav__list:nth-of-type(4)::after{content:"連絡方法";padding:0 15% 10%;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(4)::after{font-size:12px;letter-spacing:.8em}}.gnav__link{display:block;padding:8% 15% 0;color:#111518;font-family:Syncopate;font-size:20px;text-align:left;text-decoration:none}@media screen and (min-width: 1024px){.gnav__link{font-size:24px}}@media screen and (min-width: 1300px){.gnav__link{font-size:36px}}.gnav-top{margin:15% 3%}@media screen and (min-width: 500px){.gnav-top{margin:8vh 5vh}}@media screen and (min-width: 768px){.gnav-top{margin:6vh 10vh}}@media screen and (min-width: 1024px){.gnav-top{margin:6vh 10vh}}.gnav-top__nav{margin:inherit}.gnav-top__list:nth-of-type(1)::after{content:"制作物";padding:0 3vh 10vh;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 768px){.gnav-top__list:nth-of-type(1)::after{padding:0 3vh 5vh;font-size:12px}}@media screen and (min-width: 1024px){.gnav-top__list:nth-of-type(1)::after{font-size:18px}}.gnav-top__list:nth-of-type(2)::after{content:"私について";padding:0 3vh 10vh;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 768px){.gnav-top__list:nth-of-type(2)::after{padding:0 3vh 5vh;font-size:12px}}@media screen and (min-width: 1024px){.gnav-top__list:nth-of-type(2)::after{font-size:18px}}.gnav-top__list:nth-of-type(3)::after{content:"できること";padding:0 3vh 10vh;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 768px){.gnav-top__list:nth-of-type(3)::after{padding:0 3vh 5vh;font-size:12px}}@media screen and (min-width: 1024px){.gnav-top__list:nth-of-type(3)::after{font-size:18px}}.gnav-top__list:nth-of-type(4)::after{content:"連絡方法";padding:0 3vh 10vh;display:block;top:0;left:0;color:#656e79;font-size:10px;letter-spacing:.3em;line-height:1.26}@media screen and (min-width: 768px){.gnav-top__list:nth-of-type(4)::after{padding:0 3vh 5vh;font-size:12px}}@media screen and (min-width: 1024px){.gnav-top__list:nth-of-type(4)::after{font-size:18px}}.gnav-top__link{display:block;padding:2vh 3vh 0;color:#111518;font-family:Syncopate;font-size:20px;font-weight:400;text-decoration:none}@media screen and (min-width: 668px){.gnav-top__link{padding:2vh 3vh 0;font-size:32px}}@media screen and (min-width: 1024px){.gnav-top__link{font-size:48px}}.footer{display:flex;flex-direction:column}.footer__wrap{display:flex;flex-direction:column;margin:10px;align-items:center}@media screen and (min-width: 368px){.footer__container{margin:0 0 60px auto}}.footer__ttl{margin-bottom:24px;padding-bottom:7px;width:93px;border-bottom:1px solid;font-family:Syncopate;font-size:16px;font-weight:normal}@media screen and (min-width: 768px){.footer__ttl{width:140px;font-size:24px}}.footer__box{display:flex;align-items:flex-end}.footer__dl{margin-bottom:6px}.footer__dt{margin-bottom:4px;font-family:Syncopate;font-size:15px}@media screen and (min-width: 768px){.footer__dt{font-size:17px}}@media screen and (min-width: 1024px){.footer__dt{font-size:22px}}.footer__dd{margin-bottom:10px;font-family:zen-maru-gothic-light;font-size:13px}.footer__dd:nth-child(3){margin-bottom:22px}@media screen and (min-width: 768px){.footer__dd{font-size:15px}}@media screen and (min-width: 1024px){.footer__dd{font-size:19px}}.footer__copy{padding-bottom:10px;display:flex;justify-content:center;font-family:zen-maru-gothic-light;font-size:10px}@media screen and (min-width: 768px){.footer__copy{font-size:12px}}#top{height:8500px}#top .fv{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:url(../images/fv-img3blur.jpg) center center/cover;background-repeat:no-repeat;overflow:hidden;transition:.7s;z-index:4}#top .fv__circle{position:absolute;background:url(../images/fv-img3.jpg) center center/auto;background-repeat:no-repeat;width:132px;aspect-ratio:1/1;border-radius:999px;border:3px solid #fff;overflow:hidden}#top .fv__circletxt{position:absolute;background:url(../images/circletxt-w.svg) center center/auto;background-repeat:no-repeat;width:190px;aspect-ratio:1/1;overflow:hidden;animation:10s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#top .concept{position:fixed;top:0;left:0;width:100%;transition:.7s;z-index:3}#top .concept__bg{position:relative;width:100%;height:100vh;background:url(../images/fv-img3blur.jpg) center center/cover}#top .concept__cacth{position:absolute;top:40vh;left:5%;color:#111518;font-family:Syncopate;font-size:30px}@media screen and (min-width: 768px){#top .concept__cacth{top:25vh;font-size:64px}}@media screen and (min-width: 1024px){#top .concept__cacth{top:10vh;left:8%;font-size:90px}}@media screen and (min-width: 1480px){#top .concept__cacth{top:6vh;font-size:120px;line-height:1.3}}#top .concept__txt{position:absolute;padding:0 0 1.7% 0;top:58vh;left:5%;border-bottom:1px solid #111518;min-width:85%;color:#111518;font-size:14px}@media screen and (min-width: 768px){#top .concept__txt{font-size:20px;top:55vh}}@media screen and (min-width: 1024px){#top .concept__txt{font-size:20px;top:48vh;left:8%}}@media screen and (min-width: 1480px){#top .concept__txt{top:46vh;font-size:32px}}#top .concept__txt2{position:absolute;top:64vh;left:5%;color:#111518;font-size:12px;letter-spacing:.05em;line-height:1.7}@media screen and (min-width: 768px){#top .concept__txt2{top:62vh;font-size:14px}}@media screen and (min-width: 1024px){#top .concept__txt2{top:59vh;left:8%;font-size:15px}}@media screen and (min-width: 1480px){#top .concept__txt2{top:57vh;font-size:20px}}#top .concept__ttl{position:absolute;bottom:5vh;right:5%;text-align:right;color:#111518;font-family:Syncopate;font-size:32px;font-weight:400}@media screen and (min-width: 768px){#top .concept__ttl{bottom:2vh;font-size:64px}}@media screen and (min-width: 1024px){#top .concept__ttl{bottom:2vh;right:6%;font-size:90px}}@media screen and (min-width: 1480px){#top .concept__ttl{bottom:2vh;right:8%;font-size:120px;line-height:1.3}}#top .main{display:flex;justify-content:space-between;position:fixed;width:100%;height:100vh;top:0;left:0;background:url(../images/fv-img3.jpg) center center/cover;z-index:2;transition:1s}#top .footer{position:fixed;bottom:0;left:0;margin-top:500px;padding:0 10%;width:100%;height:100vh;justify-content:flex-end;background:url(../images/fv-img3.jpg) center center/cover;z-index:1}#skill{background:url(../images/skill-bgimg.jpg) center center/cover}#skill .skill{padding:0 10%;margin-bottom:345px}#skill .skill__ttl{margin-top:112px;margin-bottom:50px;font-family:Syncopate;font-size:32px;font-weight:normal}#skill .skill__sub{margin-bottom:15px;font-family:Syncopate;font-size:11px}#skill .skill__sub::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #d83400;border-radius:999px;text-align:center;vertical-align:text-top;margin-right:.3rem}#skill .skill__box{display:flex;padding-left:10px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:50px}#skill .skill__inner{margin-bottom:32px;width:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;letter-spacing:.02}#skill .skill__pic{margin-bottom:12px;width:90px;height:90px}#skill .skill__img{display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#skill .skill__caption{margin-bottom:6px;font-family:Inter;font-size:11px;font-weight:600}#skill .skill__txt{font-size:12px;letter-spacing:.02em}#skill .footer{padding:0 10%;width:100%;height:100vh}#about{background:url(../images/about-bgimg.jpg) center center/cover}#about .profile{margin:0 10%}@media screen and (min-width: 768px){#about .profile{margin:0 20%}}@media screen and (min-width: 1024px){#about .profile{margin:0 20% 0 35%}}@media screen and (min-width: 768px){#about .profile__wrap{margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center}}#about .profile__ttl{margin:112px 10% 50px;font-family:Syncopate;font-size:32px;font-weight:normal}@media screen and (min-width: 768px){#about .profile__ttl{font-size:56px}}@media screen and (min-width: 1024px){#about .profile__ttl{font-size:96px}}#about .profile__pic{width:80%;height:160px;margin:0 auto}#about .profile__img{display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#about .profile__container{display:flex;justify-content:space-between;align-items:flex-start;width:80%;margin:0 auto}#about .profile__name{margin-bottom:4px;font-size:16px}@media screen and (min-width: 1024px){#about .profile__name{font-size:20px}}#about .profile__name-kana{font-size:11px}#about .profile__birthday{margin-bottom:4px;font-size:12px}#about .profile__desired-job-type{margin-bottom:35px;font-size:12px}@media screen and (min-width: 1024px){#about .profile__desired-job-type{font-size:14px}}#about .profile__sns{display:flex;justify-content:center;align-items:center;gap:20px}#about .profile__txt{margin-bottom:132px;font-size:13px;letter-spacing:.03em;line-height:1.7}@media screen and (min-width: 1024px){#about .profile__txt{font-size:15px;letter-spacing:.05em}}#about .profile__box2{margin-bottom:232px}#about .profile__message{margin-bottom:34px;text-align:center;font-size:12px;letter-spacing:.15em;line-height:1.7}@media screen and (min-width: 768px){#about .profile__message{font-size:14px}}#about .biography__wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 1024px){#about .biography__wrap{flex-direction:row;align-items:flex-start;margin:112px 0 0 5%}}#about .biography .backgroud-bk{position:relative;top:0;bottom:0;width:100%;height:auto;background:#000}#about .biography__ttl{padding-bottom:8px;margin:0 10%;color:#fff;font-family:Syncopate;font-size:32px;font-weight:normal}@media screen and (min-width: 768px){#about .biography__ttl{margin:0}}@media screen and (min-width: 1024px){#about .biography__ttl{padding-top:0}}#about .biography__sub{margin:0 10% 48px;color:#fff;font-family:Syncopate;font-size:11px}@media screen and (min-width: 768px){#about .biography__sub{margin:0 0 48px}}#about .biography__sub::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #d83400;border-radius:999px;text-align:center;vertical-align:text-top;margin-right:.3rem}#about .biography__bg-pic{margin:0 10%;width:80%}@media screen and (min-width: 768px){#about .biography__bg-pic{margin:0;width:100%}}#about .biography__img{display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#about .biography__container{margin-top:112px;padding-bottom:112px}@media screen and (min-width: 1024px){#about .biography__container:nth-of-type(2){margin-top:230px}}#about .biography__box{position:relative;width:60%;margin:0 auto}#about .biography__box::before{content:"";width:1px;height:100%;background:#fff;position:absolute;top:0px;left:-13px}#about .biography__box::after{content:"";background:#fff;width:10px;height:10px;border-radius:999px;position:absolute;top:0;left:-1.1em}#about .biography__date{color:#fff;font-size:11px}#about .biography__caption{margin-bottom:8px;color:#fff;font-size:15px}#about .biography__txt{padding-bottom:10%;color:#fff;font-size:12px;letter-spacing:.05em}@media screen and (min-width: 1024px){#about .biography__txt{padding-bottom:8%}}#about .strength__ttl{margin-top:112px;margin-bottom:8px;padding:0 10%;font-family:Syncopate;font-size:32px;font-weight:normal}#about .strength__sub{margin-bottom:48px;padding:0 10%;font-family:Syncopate;font-size:11px}#about .strength__sub::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #d83400;border-radius:999px;text-align:center;vertical-align:text-top;margin-right:.3rem}#about .strength__container{display:flex;justify-content:center;align-items:center;flex-direction:column}#about .strength__box{width:80%}#about .strength__caption1{margin-bottom:72px;font-size:32px;font-weight:700}#about .strength__caption1::before{content:"01";display:block;top:0;left:0;font-size:16px}#about .strength__caption1::after{content:"ヒアリング力";display:block;top:25px;left:0;font-size:14px;font-weight:500}#about .strength__caption2{margin-bottom:72px;font-size:32px;font-weight:700}#about .strength__caption2::before{content:"02";display:block;top:0;left:0;font-size:16px}#about .strength__caption2::after{content:"自律心";display:block;top:27px;left:0;font-size:14px;font-weight:500}#about .strength__caption3{margin-bottom:72px;font-size:32px;font-weight:700}#about .strength__caption3::before{content:"03";display:block;top:0;left:0;font-size:16px}#about .strength__caption3::after{content:"情報収集力";display:block;top:25px;left:0;font-size:14px;font-weight:500}#about .strength__txt{margin-bottom:120px;font-size:13px;letter-spacing:.13em;line-height:1.6}#about .strength__txt::before{content:"";top:0;left:0;border-bottom:1px solid #000}#about .learn{margin-bottom:290px}#about .learn .backgroud-bk{position:relative;top:0;bottom:0;width:100%;height:auto;background:#000}#about .learn__ttl{margin-bottom:8px;padding:30% 10% 0;color:#fff;font-family:Syncopate;font-size:32px;font-weight:normal}#about .learn__sub{margin-bottom:28px;padding:0 10%;color:#fff;font-family:Syncopate;font-size:11px}#about .learn__sub::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #d83400;border-radius:999px;text-align:center;vertical-align:text-top;margin-right:.3rem}#about .learn__txt{margin:0 10%;padding-bottom:72px;width:80%;color:#fff;font-size:13px;letter-spacing:.011em;line-height:1.6}#about .learn__container{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 10%;width:80%}#about .learn__pic{margin-bottom:40%}#about .footer{padding:0 10%;width:100%;height:100vh}#contact{background:url(../images/contact-bgimg1.jpg) center center/cover}#contact .reach{margin:112px 10% 0}#contact .reach__ttl{margin-bottom:12px;font-family:Syncopate;font-size:32px;font-weight:normal}#contact .reach__txt{margin-bottom:10%;font-family:Syncopate;font-size:12px}#contact .contact__bg{position:relative;top:0;bottom:0;padding-bottom:56px;width:100%;height:auto;background:#000}#contact .contact__txt{margin:0 10% 56px;padding-top:41px;color:#fff;font-size:14px;line-height:1.7}#contact .form__box{margin:0 10% 16px;display:flex;flex-direction:column;justify-content:flex-start}#contact .form__label{margin-bottom:4px;position:relative;color:#fff;font-family:Syncopate;font-size:12px}#contact .form input[type=text],#contact .form input[type=email]{width:100%;height:40px;background:#eaefef;border:#eaefef;border-radius:6px;padding:1rem}#contact .form textarea{margin-bottom:36px;width:100%;height:137px;background:#eaefef;border:#eaefef;border-radius:6px;padding:1rem}#contact .form .form__submit{margin:0 10% 0 auto;padding:.5rem;display:block;width:128px;text-align:center;background:#eaefef;border:#eaefef;border-radius:6px;color:#656e79;font-size:12px}#works{background:url(../../images/workstop-bgimg.jpg) center center/cover}#works .main{display:flex;justify-content:center}@media screen and (min-width: 1024px){#works .main{margin-left:27%;margin-bottom:20%}}.works-list{display:flex;flex-direction:column;margin:0 10%}.works-list__ttl{margin:112px 0 50px 0%;color:#656e79;font-family:Syncopate;font-size:32px;font-weight:normal}@media screen and (min-width: 1024px){.works-list__ttl{font-size:96px}}.works-list__sub{margin:112px 0 15px 0;font-family:Syncopate;font-size:11px}@media screen and (min-width: 1024px){.works-list__sub{font-size:16px}}.works-list__sub::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #d83400;border-radius:999px;text-align:center;vertical-align:text-top;margin-right:.3rem}@media screen and (min-width: 1024px){.works-list__sub::before{width:17px;height:17px;border:4px solid #d83400}}@media screen and (min-width: 768px){.works-list__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}@media screen and (min-width: 1024px){.works-list__inner{max-width:740px}}@media screen and (min-width: 1300px){.works-list__inner{max-width:939px}}.works-list__pic--web{margin-bottom:24px;max-width:300px}@media screen and (min-width: 768px){.works-list__pic--web:nth-of-type(1){height:auto;width:34%;max-width:none}}@media screen and (min-width: 768px){.works-list__pic--web:nth-of-type(4){height:auto;width:34%;max-width:none}}@media screen and (min-width: 768px){.works-list__pic--web:nth-of-type(5){height:auto;width:34%;max-width:none}}@media screen and (min-width: 768px){.works-list__pic--web:nth-of-type(8){height:auto;width:34%;max-width:none}}@media screen and (min-width: 768px){.works-list__pic--web{width:63%;max-width:none}}.works-list__box{margin-bottom:64px}.works-list__box:nth-of-type(3){margin-bottom:360px}.works-list__pic{margin-bottom:24px;max-width:300px}@media screen and (min-width: 768px){.works-list__pic{max-width:440px}}.works-list__img{display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.footer{padding:0 10%;width:100%}.fadeIn{opacity:1}.rotateTop{transform:rotate(16deg)}.rotateBottom{transform:rotate(-16deg)}.op-hidden{opacity:0;pointer-events:none}/*# sourceMappingURL=style.css.map */