@charset "UTF-8";@media screen and (max-width:780px){.pc{display:none !important}.sp{display:block !important}header.header{padding:5% 5% 0}header.header>div.wrap{justify-content:center}header.header>div.wrap>div.logo{width:60%;margin-bottom:2rem}header.header>div.wrap>div.logo>div.upper{margin-bottom:1.5rem;flex-wrap:wrap;justify-content:space-between}header.header>div.wrap>div.logo>div.upper>a{width:25%;margin:0}header.header>div.wrap>div.logo>div.upper>a>img{width:100%}header.header>div.wrap>div.logo>div.upper>img.eye{width:66%}header.header>div.wrap>div.logo>div.bottom>a{font-size:1.4rem;margin-top:1rem}header.header>div.wrap>div.nav{display:none}header.header>div.wrap>div.nav>nav{margin-bottom:1rem}header.header>div.wrap>div.nav>nav>ul{flex-wrap:wrap}header.header>div.wrap>div.nav>nav>ul>li{margin-left:0;margin-right:1.5rem}footer.footer{padding:0 5% 30%}main.main>div.wrap>div.front{padding:7%}ul.catNav{flex-wrap:nowrap;font-size:1.6rem;margin-bottom:2rem;justify-content:center;justify-content:center;width:100%;justify-content:space-between}ul.catNav>li{padding:1.5rem .5rem;font-size:1rem}ul.catNav>li:first-child{padding-left:1rem}ul.catNav>li:last-child{padding-right:1rem}div.fixedTop{width:100%;bottom:-10vh;padding:5%}div.fixedTop>ul.catNav{margin:0;justify-content:space-between}main.main>div.wrap>div.front>div.list{padding:7% 7% 0}main.main>div.wrap>div.front>div.list>ul>li{width:100%;padding-bottom:7%}main.main>div.wrap>div.front>div.list>ul>li>a>img{margin-bottom:.7rem}main.main>div.wrap>div.front>div.list>ul>li>a>h2.tit{font-size:1.6rem}main.main>div.wrap>div.front>div.list>ul>li>a>span.tag{font-size:1rem}div.pageAbout{padding:7%}div.about{padding:7%;margin-bottom:7%}div.about>h1{font-size:2.4rem;line-height:1.3;margin-bottom:5%}div.about>h1>span{font-size:1.4rem;margin-top:1.5rem;line-height:1.6}div.about>p.name{font-size:1.6rem;margin-bottom:1.5rem}div.about>p{line-height:1.6}div.history{padding:7%;margin-bottom:7%}div.history>h2{margin-bottom:1rem}div.history>p{line-height:1.6}div.skill{padding:7%}div.skill>h2{margin-bottom:1rem}div.skill>p{line-height:1.6}div.contact{padding:7%}div.contact>h2{margin-bottom:1rem}div.contact>p{line-height:1.6}div.archivePage{padding:6%}div.archivePage>ul>li{width:100%}div.archivePage>ul>li>a>h2{font-size:1.6rem}div.contentSingle{padding:7%;font-size:1.4rem}div.contentSingle h2{font-size:1.6rem}div.contentSingle>div.aboutWorks>div.exp{font-size:1.4rem;text-align:-webkit-auto}div.contentSingle>div.aboutWorks>div.moreBtn{margin-bottom:14%}div.contentSingle>div.mainImg{padding:7%;margin-bottom:7%}div.contentSingle>ul.img02{padding:7% 7% 0;flex-wrap:wrap;margin-bottom:7%}div.contentSingle>ul.img02>li{width:100%;margin-bottom:7%}div.contentSingle>ul.img03{flex-wrap:wrap;padding:7% 7% 0}div.contentSingle>ul.img03>li{width:100%;margin-bottom:7%}.hamburger{position:fixed;right:0;bottom:0;width:100%;height:50px;cursor:pointer;z-index:1000;background:#000;transition:all .5s ease;border-radius:3rem 3rem 0 0}.hamburger__line{position:absolute;width:26px;height:2px;right:0;left:0;margin:0 auto;background-color:#fff;transition:all .5s;border-radius:1rem}.hamburger__line--1{top:20px}.hamburger__line--2{top:18px;display:none}.hamburger__line--3{bottom:20px}.open .hamburger__line--1{transform:rotate(-45deg);top:24px;width:20px}.open .hamburger__line--2{opacity:0}.open .hamburger__line--3{transform:rotate(45deg);bottom:24px;width:20px}.open .sp-nav{opacity:1;visibility:visible;text-align:center}.black-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5;background-color:#000;background:#f8f8f8;opacity:0;visibility:hidden;transition:all .5s;cursor:pointer;z-index:100}.open .black-bg{opacity:1;visibility:visible}h1.logo.w{visibility:hidden;display:none;transition:all .5s ease}.open h1.logo.w{visibility:visible;z-index:999;position:fixed;top:0;left:0;width:100%;padding-top:23px;padding:23px 5% 0;display:block}.open h1.logo.w>a{width:42.666666%;display:block}header.header{padding:14% 6% 5%}header.header>div#nav-wrapper.nav-wrapper.nav.mobile{display:block}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile{position:fixed;right:0;left:0;padding:5%;top:100vh;width:100%;height:100vh;margin:0 auto;transition:all .5s;z-index:200;overflow-y:auto;display:table;opacity:0}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap{height:100%;display:table;display:table-cell;vertical-align:middle}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>div.logo{width:60%;margin-bottom:2rem;margin:0 auto 3rem}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>div.logo>div.upper{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>div.logo>div.upper>a{width:25%}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>div.logo>div.upper>img.eye{width:66%}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>div.logo>div.bottom>a{display:block;background:#000;color:#fff;text-align:center;font-size:3rem;letter-spacing:.2rem;margin-top:2rem;text-transform:uppercase;border-radius:6rem;border:2px solid #000;font-size:1.4rem;margin-top:1rem}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>nav.sp-nav{width:100%;text-align:center}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>nav.sp-nav>ul{font-size:1.6rem}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>nav.sp-nav>ul>li{margin-bottom:1rem}div#nav-wrapper.nav-wrapper.nav.mobile.sp>div.navMobile>div.wrap>nav.sp-nav>ul>li>a{color:#000}div#nav-wrapper.nav-wrapper.nav.mobile.sp.open>div.navMobile{top:0;opacity:1}div.fixedTop.scrolled{bottom:7%}div.fixedTop>ul.catNav>li{font-size:1rem;padding:1.5rem .8rem}}