body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{font-size:16px}body{font-family:"\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3",Hiragino Kaku Gothic Pro,"\6E38\30B4\30B7\30C3\30AF   Medium",Yu Gothic Medium,"\6E38\30B4\30B7\30C3\30AF\4F53",YuGothic,"\30E1\30A4\30EA\30AA",Meiryo,Osaka,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",MS PGothic,sans-serif;color:#333;font-size:1rem;line-height:1.8;letter-spacing:.8px;word-break:break-all}a{color:#1ca9e3;text-decoration:none}a:hover,a:hover img{opacity:.8;transition:all .3s}img,object,video{max-width:100%;height:auto;border:none;vertical-align:bottom;display:block}li,ul{list-style:none;padding:0}#wrapper{background-color:#f3f3f3;text-align:center}.hidden{display:none}#header{padding:4rem 2rem 1rem}.logo{cursor:pointer}.logo .logo-name{font-family:Yesteryear,cursive;display:block;position:relative;top:10px;right:235px;font-size:2rem;color:gold;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.logo .logo-title{font-family:Oswald,sans-serif;font-size:5rem;color:#00ced1;line-height:1;letter-spacing:-2px}.nav-bar{margin:80px 0 60px}.nav-bar li{display:inline-block;font-size:1.6rem;margin:0 24px;font-weight:700;cursor:pointer}.nav-bar .active{border-bottom:4px solid red}#main{padding:40px 80px 100px;font-size:1.4rem}#main .active{display:block}#main .inner{margin:0 100px;text-align:left}#main h1{font-size:2rem}.default{display:none}.desc{padding-left:30px}.about .container{margin:30px}.about img{height:300px;width:300px;margin:auto}.about .desc p{font-size:1rem}.skill{display:none}.skill .container{margin:30px}.skill .container div{margin:40px}.skill .container img{height:150px;width:auto}.skill .rate{position:relative;display:inline-block;width:110px;height:20px;font-size:20px}.skill .rate:after,.skill .rate:before{position:absolute;top:0;left:0;content:"\2605\2605\2605\2605\2605";display:inline-block;height:20px;line-height:20px}.skill .rate:before{color:#ddd}.skill .rate:after{color:#e8629f;overflow:hidden;white-space:nowrap}.skill .rate{height:15px;font-size:15px}.skill .rate:after,.skill .rate:before{height:15px;line-height:15px}.skill .rate1:after{width:15px}.skill .rate2:after{width:30px}.skill .rate3:after{width:45px}.skill .rate4:after{width:60px}.skill .rate5:after{width:75px}.work{display:none}.work .container{text-align:center}.work .image_box span{font-size:.8rem;font-weight:700}.work .works{margin-top:30px}.work img{height:210px;width:420px;margin:auto}.work .desc p{font-size:1rem}.boxbox{border:1px solid red;height:350px;width:100%;margin:40px}.contact{display:none}.contact img{height:100px;width:100px}.contact .container{-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;margin:160px 30px 0}#footer{background-color:#333;padding:.2rem 1rem}#footer .copyright{font-size:.75rem;color:#fff;text-align:center;font-family:cursive}@media screen and (max-width:770px){.logo .logo-name{font-family:Yesteryear,cursive;display:block;position:relative;top:10px;right:190px;font-size:1.6rem;color:gold;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.logo .logo-title{font-family:Oswald,sans-serif;font-size:4rem;color:#00ced1;line-height:1;letter-spacing:-2px}#main .inner{text-align:left;margin:0}}@media screen and (max-width:430px){.logo .logo-name{font-family:Yesteryear,cursive;display:block;position:relative;top:5px;right:100px;font-size:1rem;color:gold;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.logo .logo-title{font-family:Oswald,sans-serif;font-size:2.5rem;color:#00ced1;line-height:1;letter-spacing:-2px}#main{padding:20px 30px 50px;font-size:1.2rem}#main h1{font-size:1.5rem}#main .inner{text-align:left;margin:0}}@media screen and (max-width:380px){.logo .logo-name{font-family:Yesteryear,cursive;display:block;position:relative;top:10px;right:75px;font-size:.8rem;color:gold;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.logo .logo-title{font-family:Oswald,sans-serif;font-size:2rem;color:#00ced1;line-height:1;letter-spacing:-2px}#main{padding:20px 30px 50px;font-size:1.2rem}#main h1{font-size:1.5rem}#main .inner{text-align:left;margin:0}#footer{background-color:#333;padding:.2rem 3.7rem}}
/*# sourceMappingURL=main.7fce2971.chunk.css.map */