@import url("https://fonts.googleapis.com/css2?family=Anton&family=Gasoek+One&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");*{margin:0px;padding:0px;font-family:Noto Sans JP, sans-serif}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}img{width:100%;vertical-align:top}li{list-style:none}body{counter-reset:number 0;overflow-x:hidden}@media screen and (min-width: 1501px){.onlySP{display:none}}@media screen and (max-width: 1500px){.onlySP{display:none}}@media screen and (max-width: 750px){.onlySP{display:block}}@media screen and (min-width: 1501px){.onlyTB{display:none}}@media screen and (max-width: 1500px){.onlyTB{display:block}}@media screen and (max-width: 750px){.onlyTB{display:none}}@media screen and (min-width: 1501px){.onlyPC{display:block}}@media screen and (max-width: 1500px){.onlyPC{display:none}}@media screen and (max-width: 750px){.onlyPC{display:none}}@media screen and (min-width: 1501px){.onlySPPC{display:block}}@media screen and (max-width: 1500px){.onlySPPC{display:none}}@media screen and (max-width: 750px){.onlySPPC{display:block}}@media screen and (min-width: 1501px){.onlySPTB{display:none}}@media screen and (max-width: 1500px){.onlySPTB{display:block}}@media screen and (max-width: 750px){.onlySPTB{display:block}}@media screen and (min-width: 1501px){.onlyTBPC{display:block}}@media screen and (max-width: 1500px){.onlyTBPC{display:block}}@media screen and (max-width: 750px){.onlyTBPC{display:none}}section{width:100%;position:relative}section:nth-child(2n){background-color:#222}section:nth-child(2n+1){background-color:#000}section.vis h1{font-family:'Gasoek One', sans-serif;position:absolute;font-size:60px;color:#fff;top:20px;left:20px;z-index:10}@media screen and (max-width: 1500px){section.vis h1{font-size:4vw;top:1vw;left:1vw}}@media screen and (max-width: 750px){section.vis h1{font-size:7vw;top:1.5vw;left:0;width:100%;text-align:center}}section.vis .image ul li{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;margin:0;vertical-align:top}section.vis .image ul li img{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:width 13s}section.vis .image ul .slick-slide:nth-child(2n) li img{width:100%}section.vis .image ul .slick-slide:nth-child(2n).active li img{width:110%}section.vis .image ul .slick-slide:nth-child(2n+1) li img{width:110%}section.vis .image ul .slick-slide:nth-child(2n+1).active li img{width:100%}section.vis .prof{position:absolute;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1;width:100%}@media screen and (max-width: 750px){section.vis .prof{position:relative;padding:5vw 0}}section.vis .prof .inner{width:1500px;margin:50px auto;display:flex;align-items:center}@media screen and (max-width: 1500px){section.vis .prof .inner{width:94%;margin:2vw auto}}@media screen and (max-width: 750px){section.vis .prof .inner{width:90%;display:block}}section.vis .prof .inner .prImg{width:200px;height:200px;overflow:hidden;border-radius:100%;margin-right:40px}@media screen and (max-width: 1500px){section.vis .prof .inner .prImg{width:11vw;height:11vw;margin-right:2.5vw}}@media screen and (max-width: 750px){section.vis .prof .inner .prImg{width:25vw;height:25vw;margin:auto;margin-bottom:3vw}}@media screen and (max-width: 1500px){section.vis .prof .inner .prTxt{width:70vw}}@media screen and (max-width: 1500px){section.vis .prof .inner .prTxt{width:100%}}section.vis .prof .inner .prTxt p{color:#fff}section.vis .prof .inner .prTxt p.pt1{font-size:25px;font-weight:800}@media screen and (max-width: 1500px){section.vis .prof .inner .prTxt p.pt1{font-size:2vw}}@media screen and (max-width: 750px){section.vis .prof .inner .prTxt p.pt1{font-size:4vw;text-align:center}}section.vis .prof .inner .prTxt p.pt2{font-size:17px;margin-top:20px;font-weight:300;line-height:1.5em}@media screen and (max-width: 1500px){section.vis .prof .inner .prTxt p.pt2{font-size:1.2vw;margin-top:0.7vw}}@media screen and (max-width: 750px){section.vis .prof .inner .prTxt p.pt2{font-size:3.5vw;margin-top:0.7vw;text-align:center;line-height:1.8em}}section.vis .prof .inner .prTxt p.pt3{font-size:13px;font-weight:600}@media screen and (max-width: 1500px){section.vis .prof .inner .prTxt p.pt3{font-size:1vw}}section.works{padding:80px 0}@media screen and (max-width: 1500px){section.works{padding:6vw 0}}@media screen and (max-width: 750px){section.works{padding:10vw 0}}section.works .inner{width:1500px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:auto}@media screen and (max-width: 1500px){section.works .inner{width:94%}}@media screen and (max-width: 750px){section.works .inner{width:90%;flex-flow:column}}section.works .inner .wkImg{width:calc((1500px * 0.44))}@media screen and (max-width: 1500px){section.works .inner .wkImg{width:44%}}@media screen and (max-width: 750px){section.works .inner .wkImg{width:100%}}section.works .inner .wkTxt{width:calc(50% + (100% - 1500px)/2)}@media screen and (max-width: 1500px){section.works .inner .wkTxt{width:52%}}@media screen and (max-width: 750px){section.works .inner .wkTxt{width:100%;margin-bottom:5vw}}section.works .inner .wkTxt p{color:#fff}section.works .inner .wkTxt p.title{border-bottom:3px solid #fff;line-height:0.8em;font-size:40px;font-family:'Anton', sans-serif;margin-bottom:5px}@media screen and (max-width: 1500px){section.works .inner .wkTxt p.title{border-bottom:0.2vw solid #fff;font-size:3vw;margin-bottom:0.5vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt p.title{border-bottom:0.5vw solid #fff;font-size:7vw}}section.works .inner .wkTxt p.title::before{content:"WORKS"}section.works .inner .wkTxt p.title::after{counter-increment:number 1;content:counter(number);font-size:65px;margin-left:5px}@media screen and (max-width: 1500px){section.works .inner .wkTxt p.title::after{font-size:5vw;margin-left:0.5vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt p.title::after{font-size:9vw}}section.works .inner .wkTxt p.siteNam{font-size:20px;font-weight:700}@media screen and (max-width: 1500px){section.works .inner .wkTxt p.siteNam{font-size:1.5vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt p.siteNam{font-size:4vw}}section.works .inner .wkTxt p.body{font-size:17px;font-weight:300;margin:20px 0}@media screen and (max-width: 1500px){section.works .inner .wkTxt p.body{font-size:1.3vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt p.body{font-size:3.5vw}}section.works .inner .wkTxt p.role{font-size:14px;font-weight:500}@media screen and (max-width: 1500px){section.works .inner .wkTxt p.role{font-size:1vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt p.role{font-size:3vw}}section.works .inner .wkTxt a{display:block;color:#fff;font-size:16px;font-weight:300;text-decoration:none}@media screen and (max-width: 1500px){section.works .inner .wkTxt a{font-size:1.3vw}}@media screen and (max-width: 750px){section.works .inner .wkTxt a{font-size:3vw}}section.works:nth-child(2n) .inner .wkImg{order:2}section.works:nth-child(2n) .inner .wkTxt{order:1}section.works:nth-child(2n) .inner .wkTxt p.title{margin-left:calc(-1*(100vw - 1500px)/2);padding-left:calc((100vw - 1500px)/2)}@media screen and (max-width: 1500px){section.works:nth-child(2n) .inner .wkTxt p.title{margin-left:calc(-1*(100vw - 94%)/2);padding-left:calc((100vw - 94%)/2)}}@media screen and (max-width: 750px){section.works:nth-child(2n) .inner .wkTxt p.title{margin-left:-5vw;padding-left:5vw;width:100vw}}section.works:nth-child(2n+1) .inner .wkImg{order:1}@media screen and (max-width: 750px){section.works:nth-child(2n+1) .inner .wkImg{order:2}}section.works:nth-child(2n+1) .inner .wkTxt{order:2}@media screen and (max-width: 750px){section.works:nth-child(2n+1) .inner .wkTxt{order:1}}section.works:nth-child(2n+1) .inner .wkTxt p.title{width:calc(100% + (100vw - 1500px)/2)}@media screen and (max-width: 1500px){section.works:nth-child(2n+1) .inner .wkTxt p.title{width:calc(100% + (100vw - 94vw)/2)}}@media screen and (max-width: 750px){section.works:nth-child(2n+1) .inner .wkTxt p.title{margin-left:-5vw;padding-left:5vw;width:100vw}}section.skill{padding:80px 0}@media screen and (max-width: 1500px){section.skill{padding:6vw 0}}section.skill .inner{width:1500px;margin:auto}@media screen and (max-width: 1500px){section.skill .inner{width:94%}}section.skill .inner p.title{font-family:'Anton', sans-serif;font-size:55px;color:#fff;text-align:center}@media screen and (max-width: 1500px){section.skill .inner p.title{font-size:5vw}}@media screen and (max-width: 750px){section.skill .inner p.title{font-size:8vw}}section.skill .inner .icons{margin-top:70px}@media screen and (max-width: 1500px){section.skill .inner .icons{margin-top:6vw}}@media screen and (max-width: 750px){section.skill .inner .icons{margin-top:10vw}}section.skill .inner .icons p.mid{display:flex;align-items:center;font-size:25px;color:#fff}@media screen and (max-width: 1500px){section.skill .inner .icons p.mid{font-size:1.7vw}}@media screen and (max-width: 750px){section.skill .inner .icons p.mid{font-size:3.5vw}}section.skill .inner .icons p.mid::after,section.skill .inner .icons p.mid::before{content:"";height:2px;flex-grow:1;background-color:#fff}@media screen and (max-width: 1500px){section.skill .inner .icons p.mid::after,section.skill .inner .icons p.mid::before{height:0.15vw}}@media screen and (max-width: 750px){section.skill .inner .icons p.mid::after,section.skill .inner .icons p.mid::before{height:0.3vw}}section.skill .inner .icons p.mid::after{margin-left:1rem}@media screen and (max-width: 1500px){section.skill .inner .icons p.mid::after{margin-left:0.5rem}}section.skill .inner .icons p.mid::before{margin-right:1rem}@media screen and (max-width: 1500px){section.skill .inner .icons p.mid::before{margin-right:0.5rem}}section.skill .inner .icons ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}@media screen and (max-width: 1500px){section.skill .inner .icons ul{margin-top:2.5vw}}@media screen and (max-width: 750px){section.skill .inner .icons ul{justify-content:flex-start;margin-top:2vw}}section.skill .inner .icons ul li{width:11%}@media screen and (max-width: 1500px){section.skill .inner .icons ul li{width:12.5%}}@media screen and (max-width: 750px){section.skill .inner .icons ul li{width:22%;margin-right:4%;margin-top:4vw}section.skill .inner .icons ul li:nth-child(4n){margin-right:0}}section.skill .inner .icons ul li .icon{background-color:#fff;border-radius:100%;border:5px double #000}section.skill .inner .icons ul li p{color:#fff;text-align:center;font-size:17px;margin-top:10px}@media screen and (max-width: 1500px){section.skill .inner .icons ul li p{font-size:1.4vw;margin-top:0.5vw}}@media screen and (max-width: 750px){section.skill .inner .icons ul li p{font-size:3vw;margin-top:1vw}}section.skill .inner .mails{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}section.skill .inner .mails a{color:#fff;text-decoration:none;font-size:30px;line-height:1em}section.skill .inner .mails img{height:25px;width:auto;margin-right:5px}
/*# sourceMappingURL=main.css.map */