@charset "UTF-8";header nav a,main span{display:inline-block;line-height:1}#particles-js,header{position:fixed;top:0;left:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{scroll-behavior:smooth;margin:0;padding:0}body{font-size:14px;font-weight:200;line-height:1.8;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;color:#555}h1,h2,h3{font-family:'Droid Serif',sans-serif;font-weight:lighter}header,main{width:50%;height:100vh;padding:150px;float:left}header a,main a{color:#fff;text-decoration:none}header{background:linear-gradient(135deg,#519fdb 0,#ef017c 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main .border,main h2::after{background:rgba(239,1,124,.3)}header h1{color:#fff;font-size:5em;margin-top:3em}header nav li,header nav ul{list-style:none;text-align:right}header nav a{padding:10px 15px;margin-bottom:5px;position:relative;border:2px solid rgba(255,255,255,0)}header nav a::after,header nav a::before{position:absolute;z-index:2;content:'';width:0;height:0;border:2px solid transparent;-webkit-transition:height .1s,width .1s .1s;transition:height .1s,width .1s .1s}header nav a::before{top:-2px;left:-2px}header nav a::after{bottom:-2px;right:-2px}header nav a:hover::after,header nav a:hover::before{width:100%;height:100%;-webkit-transition:height .1s,width .1s .1s;transition:height .1s,width .1s .1s}header nav a:hover::before{border-bottom-color:#fff;border-left-color:#fff}header nav a:hover::after{border-top-color:#fff;border-right-color:#fff}main{overflow-x:hidden;overflow-y:auto;margin-left:50%}main h2{padding-top: 1em; margin:3.3em 0 3em;font-size:3em;position:relative;line-height:.7}main h2::after{content:"";width:100vw;height:1px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main p{margin-bottom:2em}main p img{margin:4px 5px -6px 0;height:20px;width:97.45px}main a{color:#ef017c;text-decoration:none;padding:10px 10px 10px 0;-webkit-transition:all .3s;transition:all .3s}main a span{margin:-2px 0 2px 10px;font-size:12px}main a:hover{opacity:.4;-webkit-transition:all .3s;transition:all .3s}main span{padding:6px 10px;border:1px solid #ef017c;color:#ef017c;vertical-align:middle;margin:0 6px 10px 0}main .border{position:fixed;width:1px;height:100vh;z-index:-999;text-indent:-9999px;overflow:hidden;top:0}main .logo{max-width:130px;max-height:130px}main.img img{max-width:100%;margin-left:2px}main.img img+img{margin-top:1em}main .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}main .flex img{margin: 10px;}#cliant+p{text-align:center}#particles-js{width:50vw;height:100vh}.featherlight .featherlight-content{padding:0;margin:0;border:none}.featherlight .featherlight-close-icon{display:none}.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio div{width:360px;margin-left:1em}.portfolio img,.portfolio iframe{width:360px;height:auto;margin-bottom:5px}.portfolio iframe{aspect-ratio: 16/9}@media (max-width:1440px){header,main{padding:50px}}@media (max-width:991px){header,main{float:none;width:100%;height:auto}header{position:relative}header h1{margin:auto}header nav{display:none}main{margin:0}#particles-js{width:100vw;height:200px;position:absolute;top:0;left:0}}@media (max-width:768px){header h1{font-size:30px;text-align:center}main{padding:30px 30px 150px}.portfolio div{max-width:100%;margin-left:1px}}@media (max-width:480px){main{padding:15px 15px 150px}main h2{margin:1em 0}}