*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:source-han-sans-japanese,sans-serif;color:#121212}.header{position:fixed;top:0;left:0;width:100%;padding:16px 16px 0 16px;z-index:100}@media screen and (min-width: 1024px){.header{padding:35px 80px 0 80px}}.header__container{display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 1200px){.header__container{align-items:flex-start}}.header__ttl{width:13vw;aspect-ratio:50/43;max-width:76px;max-height:65px}@media screen and (min-width: 1200px){.header__ttl{position:absolute;top:0;left:50%;padding-top:35px;margin:0 auto}}.header__btn{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center;width:11vw;height:11vw;border-radius:5px;border:1px solid #121212;max-width:40px;max-height:40px;z-index:1}.header__btncontainer{display:grid;grid-template-columns:repeat(3, 1fr);gap:5.8823529412%;width:42%;height:42%}.header__btncircle{background:#121212;border-radius:50%}@media screen and (min-width: 1024px){.header__btncircle{transition:.5s}}.header__menu{position:fixed;top:0;left:100%;width:100%;height:100dvh;padding:16px 16px 0;background:rgba(163,175,191,.6);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);transition:.5s}.header__menulink{display:block;padding:18px 18px;color:#fff;font-family:helvetica-neue-lt-pro,sans-serif;font-size:32px;line-height:1;text-decoration:none;text-align:center}@media screen and (min-width: 1024px){.header__menunone{display:none}}.header__submenu{display:block;padding-top:5px;font-family:source-han-sans-japanese,sans-serif;font-size:12px;letter-spacing:.02em;text-align:center}.header__menubox{display:none}.gnav{display:none}@media screen and (min-width: 1200px){.gnav{display:inline}}@media screen and (min-width: 1200px){.gnav__nav{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:15px}}@media screen and (min-width: 1200px){.gnav__link{padding:10px 0;font-family:helvetica-neue-lt-pro,sans-serif;font-size:15px;line-height:1;color:#121212;text-decoration:none}}.footer{padding:40px 0;text-align:center;color:#fff;background:#191919}.footer__txt{margin-bottom:32px;font-family:ivymode,sans-serif;font-size:15px;font-weight:600;line-height:1}@media screen and (min-width: 1024px){.footer__txt{margin-bottom:40px;font-size:30px;font-weight:400}}.footer__ttl{width:20.8vw;aspect-ratio:78/70;max-width:69px;margin:0 auto;margin-bottom:32px}@media screen and (min-width: 1024px){.footer__ttl{margin-bottom:40px}}.footer__container{display:flex;justify-content:space-between;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:38px}@media screen and (min-width: 1024px){.footer__container{gap:32px;margin-bottom:56px}}.footer__link{display:block;padding:18px 20px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:18px;color:#fff;text-decoration:none}@media screen and (min-width: 1024px){.footer__link{padding:18px 0;font-size:15px}}.footer__copy{font-family:helvetica-neue-lt-pro,sans-serif;font-size:12px;line-height:1}@media screen and (min-width: 1024px){.footer__copy{font-size:10px}}#top{background:#f0f0f0}#top .main{margin-top:22vw}@media screen and (min-width: 1200px){#top .main{margin-top:5.7vw}}#top .wrap{padding:16px 16px}@media screen and (min-width: 1024px){#top .wrap{padding:35px 80px 40px 80px}}#top .mv{position:relative;display:flex;justify-content:center;width:100%;height:calc(100dvh - 22vw);background:url(../images/mv_sp.webp) center center/cover}@media screen and (min-width: 1200px){#top .mv{background:url(../images/mv.webp) center center/cover;height:calc(100vh - 5.7vw);max-width:1920px}}#top .mv__container{display:flex;gap:9.3vw}@media screen and (min-width: 1200px){#top .mv__container{gap:4.4vw}}#top .mv__bar{display:block;width:11vw;height:100%;background:#f0f0f0}@media screen and (min-width: 1200px){#top .mv__bar{width:4.4vw}}#top .mv__bar--pc{display:none}@media screen and (min-width: 1200px){#top .mv__bar--pc{display:inline;width:4.4vw;height:100%;background:#f0f0f0}}#top .mv__box{position:absolute;bottom:25px;left:18px;width:45.1vw}@media screen and (min-width: 1024px){#top .mv__box{bottom:89px;left:32px}}#top .mv__catch{font-family:helvetica-neue-lt-pro,sans-serif;font-size:35px;font-weight:400;line-height:1.2}@media screen and (min-width: 1024px){#top .mv__catch{font-size:75px}}#top .mv__subcatch{font-family:helvetica-neue-lt-pro,sans-serif;font-size:15px;font-weight:300;line-height:1.2}@media screen and (min-width: 1024px){#top .mv__subcatch{font-size:24px}}#top .about{padding:120px 16px}@media screen and (min-width: 1024px){#top .about{padding:160px 80px 160px 240px}}#top .about__ttl{font-family:ivymode,sans-serif;font-size:75px;font-weight:400;color:#fff;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-bottom:40px}@media screen and (min-width: 1024px){#top .about__ttl{font-size:300px}}@media screen and (min-width: 1024px){#top .about__ttl{margin-bottom:292px}}#top .about__catch{margin-bottom:40px;font-size:29px;font-weight:700;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .about__catch{font-size:50px}}#top .about__box{width:90vw}@media screen and (min-width: 1024px){#top .about__box{width:34.2vw}}#top .about__txt{margin-bottom:16px;font-size:16px;font-weight:400;line-height:2;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .about__txt{margin-bottom:24px;font-size:20px}}#top .about__subbox{width:64vw}@media screen and (min-width: 1024px){#top .about__subbox{width:34.5vw}}#top .about__subtxt{font-size:10px;font-weight:300;line-height:1.5}@media screen and (min-width: 1024px){#top .about__subtxt{font-size:12px;line-height:1.2}}#top .important{padding:0 16px 120px 16px;background:#191919;overflow:hidden}@media screen and (min-width: 1024px){#top .important{padding:0 80px 160px 80px}}#top .important__ttl{margin-bottom:80px;font-family:ivymode,sans-serif;font-size:75px;font-weight:400;color:#505050;text-align:right}@media screen and (min-width: 1024px){#top .important__ttl{font-size:300px}}@media screen and (min-width: 1100px){#top .important__ttl{margin-bottom:150px}}#top .important__container{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:20px;flex-direction:column}@media screen and (min-width: 1100px){#top .important__container{flex-direction:row;gap:64px;transform:rotate(20deg)}}#top .important__box--1{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center;width:83vw;aspect-ratio:311/300;overflow:clip}#top .important__box--1::before{content:"";display:block;position:absolute;width:100%;height:100%;background:url(../images/important_review_sp.webp) center center/cover}@media screen and (min-width: 1100px){#top .important__box--1::before{background:url(../images/important_review.webp) center center/cover;transform:rotate(-20deg);width:200%;height:200%}}#top .important__box--1::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}@media screen and (min-width: 1100px){#top .important__box--1{width:28.4vw;aspect-ratio:450/550}}#top .important__group--1{position:relative;width:61vw;color:#fff;z-index:1}@media screen and (min-width: 1100px){#top .important__group--1{width:82.4vw;transform:rotate(-20deg)}}#top .important__subttl{margin-bottom:8px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:35px;font-weight:700;line-height:1.1;letter-spacing:.02em;text-align:center}@media screen and (min-width: 1100px){#top .important__subttl{margin-bottom:30px;font-size:3.13vw}}#top .important__txt{font-size:14px;line-height:1.7;letter-spacing:.02em}@media screen and (min-width: 1100px){#top .important__txt{width:19.3vw;margin:0 auto;font-size:16px;font-weight:500}}#top .important__box--2{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center;width:83vw;aspect-ratio:311/300;overflow:clip}#top .important__box--2::before{content:"";display:block;position:absolute;width:100%;height:100%;background:url(../images/important_see_sp.jpg) center center/cover}@media screen and (min-width: 1100px){#top .important__box--2::before{background:url(../images/important_see.webp) center center/cover;transform:rotate(-20deg);width:200%;height:200%}}#top .important__box--2::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}@media screen and (min-width: 1100px){#top .important__box--2{width:28.4vw;aspect-ratio:450/550;margin-top:-100px}}#top .important__group--2{position:relative;color:#fff;z-index:1}@media screen and (min-width: 1100px){#top .important__group--2{width:96.7vw;transform:rotate(-20deg)}}#top .important__addsubttl{width:67.7vw;margin:0 auto;margin-bottom:8px}@media screen and (min-width: 1100px){#top .important__addsubttl{width:22.7vw;margin-bottom:30px;font-size:3.13vw;text-align:left}}#top .important__addtxt--1{width:61vw;margin:0 auto}@media screen and (min-width: 1100px){#top .important__addtxt--1{width:20.3vw;font-size:16px;font-weight:500}}#top .important__box--3{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center;width:83vw;aspect-ratio:311/300;overflow:clip}#top .important__box--3::before{content:"";display:block;position:absolute;width:100%;height:100%;background:url(../images/important_ask_sp.jpg) center center/cover}@media screen and (min-width: 1100px){#top .important__box--3::before{background:url(../images/important_ask.webp) left center/cover;transform:rotate(-20deg);width:164%;height:131%}}#top .important__box--3::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}@media screen and (min-width: 1100px){#top .important__box--3{width:28.4vw;aspect-ratio:450/550}}#top .important__group--3{position:relative;width:61vw;color:#fff;z-index:1}@media screen and (min-width: 1100px){#top .important__group--3{width:82.4vw;transform:rotate(-20deg)}}#top .important__box--4{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center;width:83vw;aspect-ratio:311/300;overflow:clip}#top .important__box--4::before{content:"";display:block;position:absolute;width:100%;height:100%;background:url(../images/important_active_sp.jpg) center center/cover}@media screen and (min-width: 1100px){#top .important__box--4::before{background:url(../images/important_active.webp) left center/cover;transform:rotate(-45deg);width:200%;height:132%}}#top .important__box--4::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}@media screen and (min-width: 1100px){#top .important__box--4{width:28.4vw;aspect-ratio:450/550;margin-top:-100px}}#top .important__group--4{position:relative;color:#fff;z-index:1}@media screen and (min-width: 1100px){#top .important__group--4{width:110.2vw;transform:rotate(-20deg)}}#top .important__addtxt--2{width:61vw;margin:0 auto}@media screen and (min-width: 1100px){#top .important__addtxt--2{width:22.1vw}}#top .works{padding:0 16px 120px 16px}@media screen and (min-width: 1024px){#top .works{padding:0 80px 160px 80px}}#top .works__ttl{margin-bottom:40px;font-family:ivymode,sans-serif;font-size:75px;font-weight:400}@media screen and (min-width: 1024px){#top .works__ttl{font-size:300px}}@media screen and (min-width: 1024px){#top .works__ttl{margin-bottom:80px}}#top .works__container{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;align-items:stretch;gap:64px;flex-wrap:wrap}@media screen and (min-width: 768px){#top .works__container{-moz-column-gap:24px;column-gap:24px;margin-bottom:20px}}#top .works__link{display:block;color:#121212;text-decoration:none}@media screen and (min-width: 768px){#top .works__link{width:calc((100% - 24px)/2)}}@media screen and (min-width: 1200px){#top .works__link{width:calc((100% - 48px)/3)}}#top .works__link:last-child{margin-bottom:40px}#top .works__case{position:relative;margin-bottom:32px;aspect-ratio:16/9}#top .works__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .works__pic--1{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;z-index:1;transition:.3s}#top .works__pic{margin-bottom:16px}@media screen and (min-width: 1100px){#top .works__pic{margin-bottom:32px}}#top .works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .works__subttl{margin-bottom:8px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:20px;font-weight:700;line-height:1.1}@media screen and (min-width: 1400px){#top .works__subttl{margin-bottom:16px;font-size:28px;font-weight:500}}#top .works__txt{margin-bottom:16px;font-size:14px;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1400px){#top .works__txt{margin-bottom:12px;font-size:16px}}@media screen and (min-width: 1400px){#top .works__br{display:none}}#top .works__box{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:8px}#top .works__categoryjp{padding:7px 10px;font-size:12px;line-height:1;border:1px solid #121212}@media screen and (min-width: 1400px){#top .works__categoryjp{font-size:14px}}#top .works__category{padding:7px 10px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:12px;line-height:1;border:1px solid #121212}@media screen and (min-width: 1400px){#top .works__category{font-size:14px}}#top .works__jp{font-family:source-han-sans-japanese,sans-serif}#top .works__btnlink{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:8px;width:-moz-fit-content;width:fit-content;margin:0 auto;color:#121212;text-decoration:none}#top .works__btnlink:hover .works__circle circle{stroke-dashoffset:364}#top .works__group{position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center}#top .works__group:after{content:"";display:block;position:absolute;width:100%;height:100%;background:#121212;border-radius:50%;transform:scale(0.8)}#top .works__circle{fill:rgba(0,0,0,0);stroke:#121212}#top .works__circle circle{stroke-dasharray:182;stroke-dashoffset:0;transition:all .75s ease}#top .works__arrow{position:absolute;display:flex;justify-content:space-between;align-items:center;justify-content:flex-end;width:18px;height:1.5px;background:#fff;transition:1s;z-index:2}#top .works__arrow::after{content:"";display:block;width:8.5px;height:8.5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}#top .works__btntxt{font-family:helvetica-neue-lt-pro,sans-serif;font-size:20px;line-height:1}#top .profile{padding:0 16px 120px 16px;background:#191919}@media screen and (min-width: 1024px){#top .profile{padding:0 80px 160px 80px}}#top .profile__ttl{margin-bottom:40px;font-family:ivymode,sans-serif;font-size:75px;font-weight:400;color:#505050}@media screen and (min-width: 1024px){#top .profile__ttl{font-size:300px}}@media screen and (min-width: 1024px){#top .profile__ttl{margin-bottom:80px}}#top .profile__wrap{padding:0 32px;color:#fff}@media screen and (min-width: 1024px){#top .profile__container{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:64px;width:-moz-fit-content;width:fit-content;margin:0 auto}}#top .profile__case{display:flex;justify-content:space-between;align-items:center;justify-content:center;padding:19px 25px;background:#fff;margin-bottom:16px}@media screen and (min-width: 1024px){#top .profile__case{padding:28px 37px}}#top .profile__pic{position:relative;width:60.8vw}#top .profile__pic::before{position:absolute;top:50%;left:0;content:"MAKI IDO";font-family:helvetica-neue-lt-pro,sans-serif;font-size:12px;font-weight:700;color:#fff;transform:translate(-20%, -300%) rotate(90deg);z-index:1}@media screen and (min-width: 1600px){#top .profile__pic::before{font-size:20px;transform:translate(-20%, -225%) rotate(90deg)}}@media screen and (min-width: 1024px){#top .profile__pic{width:17.3vw;aspect-ratio:332/407}}#top .profile__filter{filter:grayscale(100%)}#top .profile__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%)}@media screen and (min-width: 1024px){#top .profile__box{width:36.7vw}}#top .profile__name{margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .profile__name{margin-bottom:16px;font-size:22px;font-weight:500}}#top .profile__txt{margin-bottom:32px;font-size:14px;line-height:1.7;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .profile__txt{font-size:16px}}#top .profile__group{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;padding:19px 0;border-top:1px solid #fff}#top .profile__group:last-child{border-bottom:1px solid #fff}@media screen and (min-width: 1024px){#top .profile__group{padding:14px 0}}@media screen and (min-width: 1024px){#top .profile__category{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start}}#top .profile__subttl{margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .profile__subttl{width:7.2vw;margin-bottom:0;font-size:17px;font-weight:500}}#top .profile__subtxt{font-size:14px;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .profile__subtxt{font-size:16px}}#top .skills{padding-left:16px;padding-bottom:120px}@media screen and (min-width: 1024px){#top .skills{padding:0 80px 160px}}#top .skills__ttl{margin-bottom:40px;padding-right:16px;font-family:ivymode,sans-serif;font-size:75px;font-weight:400;text-align:right}@media screen and (min-width: 1024px){#top .skills__ttl{font-size:300px}}@media screen and (min-width: 1024px){#top .skills__ttl{margin-bottom:80px;padding-right:0}}#top .skills__container{display:flex;justify-content:space-between;align-items:center;justify-content:flex-start;gap:16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}@media screen and (min-width: 1024px){#top .skills__container{align-items:stretch;gap:2.1vw;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0}}#top .skills__box--1{display:flex;justify-content:space-between;align-items:center;justify-content:center;flex-shrink:0;width:83.5vw;aspect-ratio:313/449;background:url(../images/skills_design_sp.webp) center center/cover}@media screen and (min-width: 1024px){#top .skills__box--1{align-items:stretch;flex-shrink:1;width:23.6vw;aspect-ratio:auto;padding:164px 73px;background:url(../images/skills_design_.webp) center center/cover}}#top .skills__group--1{width:52vw;text-align:center;color:#fff}@media screen and (min-width: 1024px){#top .skills__group--1{width:14.4vw}}#top .skills__subttl--1{margin-bottom:54px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:24px;font-weight:700;line-height:1}@media screen and (min-width: 1024px){#top .skills__subttl--1{margin-bottom:75px;font-size:40px}}#top .skills__list--1{margin-bottom:62px;font-size:16px;font-weight:500;line-height:1.5}@media screen and (min-width: 1024px){#top .skills__list--1{margin-bottom:75px;font-size:20px}}#top .skills__txt{font-size:16px;line-height:1.5;letter-spacing:.02em}@media screen and (min-width: 1024px){#top .skills__txt{font-weight:500}}#top .skills__box--2{display:flex;justify-content:space-between;align-items:center;justify-content:center;flex-shrink:0;width:83.5vw;aspect-ratio:313/449;background:url(../images/skills_coding_sp.webp) center center/cover}@media screen and (min-width: 1024px){#top .skills__box--2{align-items:flex-start;flex-shrink:1;width:23.6vw;aspect-ratio:auto;padding:164px 73px;background:url(../images/sklls_coding.webp) center center/cover}}#top .skills__group--2{width:53vw;text-align:center;color:#fff}@media screen and (min-width: 1024px){#top .skills__group--2{width:16vw}}#top .skills__subttl--2{margin-bottom:32px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:24px;font-weight:700;line-height:1}@media screen and (min-width: 1024px){#top .skills__subttl--2{margin-bottom:75px;font-size:40px}}#top .skills__list--2{margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.5}@media screen and (min-width: 1024px){#top .skills__list--2{margin-bottom:75px;font-size:20px}}#top .skills__box--3{display:flex;justify-content:space-between;align-items:center;justify-content:center;flex-shrink:0;width:83.5vw;aspect-ratio:313/449;background:url(../images/skills_other_sp.webp) center center/cover}@media screen and (min-width: 1024px){#top .skills__box--3{flex-shrink:1;align-items:stretch;width:23.6vw;aspect-ratio:auto;padding:164px 73px;background:url(../images/sklls_other.webp) center center/cover}}#top .skills__group--3{width:56.8vw;text-align:center;color:#fff}@media screen and (min-width: 1024px){#top .skills__group--3{width:16vw}}#top .skills__subttl--3{margin-bottom:37px;font-family:helvetica-neue-lt-pro,sans-serif;font-size:24px;font-weight:700;line-height:1}@media screen and (min-width: 1024px){#top .skills__subttl--3{margin-bottom:75px;font-size:40px}}#top .skills__list--3{margin-bottom:45px;font-size:16px;font-weight:500;line-height:1.5}@media screen and (min-width: 1024px){#top .skills__list--3{margin-bottom:75px;font-size:20px}}#top .contact{display:flex;justify-content:space-between;align-items:center;justify-content:center;padding:80px 16px;width:100%;background:url(../images/contact_sp.webp) center center/cover}@media screen and (min-width: 1024px){#top .contact{padding:195px 0;background:url(../images/contact.webp) center center/cover}}#top .contact__link{display:block;width:91.5vw;padding:40px 0;background:#191919;color:#fff;text-align:center;text-decoration:none}@media screen and (min-width: 1024px){#top .contact__link{width:58.3vw;padding:52px 0 72px}}#top .contact__ttl{margin-bottom:16px;font-family:ivymode,sans-serif;font-size:60px;font-weight:400;line-height:1}@media screen and (min-width: 1024px){#top .contact__ttl{margin-bottom:32px;font-size:130px}}#top .contact__txt{font-size:14px;font-weight:200}@media screen and (min-width: 1024px){#top .contact__txt{font-size:15px;font-weight:400}}@media screen and (min-width: 1024px){#top .contact__br{display:none}}.remove{opacity:0}.color{border:1px solid #fff}.big{background:#fff;transform:scale(2, 2)}.small{transform:scale(0, 0)}.translateNav{transform:translateX(-100%)}/*# sourceMappingURL=style.css.map */