abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:initial;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:initial;background:transparent}ins{text-decoration:none}ins,¥mark{background-color:#ff9;color:#000}¥mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}#menuToggle .item.language,#menuToggle a{display:inline-block;text-decoration:none;color:hsla(0,0%,100%,.9);padding:13px 50px;width:100%;-webkit-transition:color .3s ease;transition:color .3s ease}#menuToggle .item.language:hover,#menuToggle a:hover{background-color:hsla(0,0%,100%,.08);cursor:pointer}#menuToggle{display:block;position:fixed;top:20px;right:0;padding-right:30px;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#545454;border-radius:3px;z-index:1;-webkit-transform-origin:4px 0;transform-origin:4px 0;-webkit-transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}.humberger-menu.open #menuToggle span{background:#cdcdcd}#menuToggle span:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}#menuToggle span:nth-last-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px,-1px);transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){-webkit-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}#menu{position:fixed;right:0;width:240px;height:100vh;margin:-47px 0 0 -50px;padding-top:80px;background:#1b1c1d;list-style-type:none;-webkit-font-smoothing:antialiased;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(100%);transform:translate(100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{font-size:22px}#menuToggle input:checked~ul{-webkit-transform:none;transform:none}@media only screen and (min-width:767px){.humberger-menu{display:none}}:root{--text-color:#111}body{color:#111;color:var(--text-color);min-width:240px!important}*{text-decoration:none;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.ui.button,h1,h2,h3,h4,h5{font-family:sans-serif}#root{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between}header{position:fixed;top:0;right:0;left:0;background-color:#fff;width:100%;height:65px;z-index:1000;overflow:hidden;border-bottom:1px solid #d1d5da;box-shadow:0 1px 2px rgba(0,0,0,.075)}header a{cursor:pointer}#header-bar.none{display:none}.header-content{position:relative;max-width:950px;margin:10px auto 0;padding:10px 2rem 0}.header-content:after{display:table;clear:both;content:""}header .sns_icons{position:absolute;top:25%;right:0;margin-right:20px;padding:5px}header .sns_icons:hover{cursor:pointer}header .sns_icons a{font-size:1.3em;margin-left:5px;color:rgba(0,0,0,.5);-webkit-transition:color .3s ease;transition:color .3s ease}header .sns_icons a:hover{color:#585858}header .sns_icons a:focus{outline:none;text-decoration:none}header a.header-brand{float:left;font-family:arial;font-size:24px;font-weight:900;color:#111;text-transform:uppercase;display:block;text-align:center;margin:0 20px 0 auto;color:inherit;text-decoration:none}header nav{float:left}header nav ul{margin-bottom:0}header nav ul:after{display:table;clear:both;content:""}header nav ul li{float:left;list-style:none;padding:0 16px}header nav ul li a{font-family:arial;font-size:16px;color:#3a3a3a;text-transform:uppercase;padding-top:8px!important;display:inline-block}header nav ul li a:focus{text-decoration:none;color:inherit}header .pc-menu .active,header .pc-menu a:hover{color:#3a3a3a}@media only screen and (max-width:767px){.sns_icons,nav.pc-menu{display:none}}.sm_sns_icons{padding:30px 44px}.sm_sns_icons a{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;padding:5px!important;font-size:1.2em;color:hsla(0,0%,100%,.6)}.sm_sns_icons a:hover{background-color:inherit!important;color:#fff!important}footer{background-color:#1b1c1d;height:150px;padding:50px 0}.footer-sm{text-align:center;margin-bottom:20px;padding:60px 0}.footer-sm a{display:inline-block;padding:5px;color:hsla(0,0%,100%,.6)}.footer-sm a:focus{text-decoration:none}.footer-sm a i{font-size:1.5em}footer p{color:hsla(0,0%,100%,.5);text-align:center;margin-bottom:10px}footer .message{width:290px;font-size:1.2em;visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 1.2s,opacity 1.2s;transition:visibility 0s linear 1.2s,opacity 1.2s;margin:0 auto;text-align:left}footer .message.show{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0s,opacity 1s;transition:visibility 0s linear 0s,opacity 1s}footer .copylight{font-size:.7em}@media only screen and (max-width:767px){footer .message{width:235px;font-size:1em}}.index-banner{width:100%;height:100vh;background-image:url(/static/media/banner.98a1164e.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff;text-shadow:2px 2px 8px #111}.index-banner h2{font-family:arial;font-size:5em;font-weight:900;line-height:1.2em}.index-banner h1{font-size:3em;font-weight:100;font-style:italic;line-height:1.1em;margin-bottom:15px}.index-banner .checkboxes li{list-style:none;font-size:2em;margin-bottom:5px}.top-container{position:relative;height:100vh;text-align:left;padding:50px 90px;background-color:rgba(0,0,0,.2);margin:0 auto}#home .checkboxes{margin-bottom:30px}#home .ui.button{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3em}.hero_sns_icons{position:absolute;vertical-align:bottom;bottom:70px;right:90px}.hero_sns_icons a{font-size:3em;color:rgba(249,250,251,.88);padding:0 3px;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}.hero_sns_icons a:hover{color:#fff}.hero_sns_icons a:focus{outline:none;text-decoration:none}@media only screen and (min-width:768px){.vertical-center{max-width:950px;margin:0 auto}}@media only screen and (max-width:767px){.wrapper{padding-top:120px!important}.index-banner h2{font-size:3em;line-height:1.2em}.index-banner h1{font-size:2em;line-height:1.1em;margin-bottom:15px}.index-banner .checkboxes li{font-size:1.5em;margin-bottom:5px}#home .ui.button{font-size:1em}}@media only screen and (max-width:575px){.index-banner{background-position:-188px}.index-banner h2{font-size:2em;line-height:1.2em}.index-banner h1{font-size:1.5em;line-height:1.1em;margin-bottom:10px}.index-banner .checkboxes li{font-size:1.1em;margin-bottom:2px}.top-container{padding:50px 40px}#home .checkboxes{margin-bottom:20px}#home .ui.button{font-size:.9em}.hero_sns_icons{right:40px}.hero_sns_icons a{font-size:2em;padding:0}}@media only screen and (max-width:767px) and (orientation:landscape){.index-banner{background-position:50%!important}}.wrapper{padding:0 2rem;padding-top:100px!important;margin-bottom:50px!important}.wrapper h2{font-size:2em;text-align:left;margin-bottom:2em;text-transform:uppercase}@media only screen and (max-width:575px){.wrapper{margin-bottom:0!important}}@media only screen and (max-width:767px){.wrapper{padding:0 1.5rem}.wrapper h2{text-align:center;font-size:1.9em}}@media only screen and (min-width:1000px){.wrapper{width:950px;margin:0 auto}}#portfolio h1{font-size:1.5em;margin-bottom:10px}.project-container{display:flex;flex-flow:row wrap;justify-content:left}.projects .project-img{box-shadow:0 3px 10px rgba(0,0,0,.2)}.project-img img{width:100%;border:1px solid #eee;border-top:none;border-radius:5px}.projects .project-img:hover{cursor:pointer}.projects .project-img.no-gallery:hover{cursor:auto}.portfolio .ui.basic.label{padding:4px 8px!important;font-weight:400!important}.portfolio .data p{padding:3px}.portfolio .links{margin-top:10px}.portfolio .project-container+button{font-size:.8em}.portfolio .project-container+button span:after{display:inline-block;padding-left:5px;width:10px;vertical-align:text-bottom;font-family:Font Awesome\ 5 Free;font-weight:900;content:"\F107"}.portfolio .project-container+button:hover span:after{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0s,opacity .3s;transition:visibility 0s linear 0s,opacity .3s}.portfolio .project-container+button span.show-more:after{content:"\F107"}.portfolio .project-container+button span.show-less:after{content:"\F106"}@media only screen and (max-width:767px){.projects{display:block;margin:0 auto;max-width:450px}.project-container{margin-bottom:50px}.projects .project-img{margin-bottom:20px}.projects .data{width:100%}.portfolio .project-container+button{display:block;margin:0 auto}}@media only screen and (min-width:768px){.projects .project-img{text-align:center;flex-basis:47%;margin:10px 10px 10px 0;overflow:hidden;position:relative}.projects .data{width:48%;margin:10px 0 10px 20px}.project-container{margin-bottom:70px}.portfolio .project-container+button span:after{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear .3s,opacity .3s;transition:visibility 0s linear .3s,opacity .3s}}.ReactModal__Overlay.ReactModal__Overlay--after-open{z-index:10000!important}@media only screen and (min-width:992px){.ril__inner{top:15%;bottom:15%}.ril__inner img{height:100%}}#about{max-width:950px}.about-container{max-width:100%}.about h3{margin-bottom:30px;font-size:1.8em}.about-container .main-content{width:100%}.about ul.skills li:last-child:after{content:""}.about p,.about ul{margin-bottom:20px}.about .skills{line-height:1.2em}.about a{color:inherit;text-decoration:underline}.about .description{margin-bottom:30px!important;font-size:1.5em}.about .bullet{margin-bottom:80px}.about .bullet ul li{display:flex;margin-bottom:20px;list-style:none}.about ul li span{font-size:1.4em;display:block;margin-bottom:5px}.about ul li i{font-size:1.4em;margin-right:5px;-webkit-transition:all 0ms ease-out 20ms;transition:all 0ms ease-out 20ms}.about ul li i:before{display:inline-block;width:20px}.about .skills-container{font-size:1.2em}.about .skills-container h4{font-size:1.2em;font-weight:700;margin-bottom:5px}.about .skills-container h4+p{margin-bottom:30px}@media only screen and (max-width:767px){.about-container{max-width:550px;margin:0 auto}.about .description{margin-bottom:30px!important;font-size:1.3em!important}.about ul li span{font-size:1.2em}}#frontend{margin-bottom:70px;max-width:500px}.date-info{height:20px;visibility:hidden;opacity:0;-webkit-transition:height .4s ease-out,opacity .8s ease-in;transition:height .4s ease-out,opacity .8s ease-in}.skills .date{position:relative;text-align:center;margin-bottom:10px;color:#555;font-size:.85em;height:19px}.skills .date i.red{color:#db2828}.skills .date .label{position:absolute;top:-270%;left:-42%;width:120px}.skills .date .label.none{display:none}.skills .date .text{display:inline-block;width:80px;text-align:center}.skills .date .container{width:110px;display:inline-block;padding:0!important}.skills .date .container i:hover{cursor:pointer}.auto-play{display:inline-block!important;padding:8px!important;font-size:.6em!important}.date-info .warning{font-size:.8em;color:#db2828;text-align:center}.skills .current{position:absolute;font-size:.8em;top:1px;cursor:pointer}.skills .date .checkbox{position:relative}.skills .date .checkbox .fas.fa-check{position:absolute;left:-2px;top:-2px;font-size:1.3em;color:#111;display:block}.skills .date .checkbox .fas.fa-check.none{display:none!important}.slidecontainer{max-width:400px;margin:0 auto 10px;-webkit-appearance:none;outline:none;font-size:.7rem;line-height:1rem;text-align:center;position:relative;-webkit-transition:width 50ms ease-in,background-color .1s ease;transition:width 50ms ease-in,background-color .1s ease}.slidecontainer .label{position:absolute!important;top:-50%;right:-46%}.slidecontainer .label.none{display:none}.slidecontainer .progress-bar{display:inline-block;height:15px;color:#999;border-right:1px solid #fff;background-color:#eee}.slidecontainer .progress-bar.first{border-radius:30px 0 0 30px}.slidecontainer .progress-bar.last{border-right:0;border-radius:0 30px 30px 0}.slider{-webkit-appearance:none;width:100%;height:15px;background:transparent;outline:none;position:absolute;left:0;border:0}.slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#bbb;cursor:pointer;-webkit-transition:all 1s ease,background-color .1s ease;transition:all 1s ease,background-color .1s ease}.slider::-moz-range-thumb{width:16px;height:25px;border-radius:50%;background:#bbb;cursor:pointer;-moz-transition:all 1s ease,background-color .1s ease;transition:all 1s ease,background-color .1s ease}.slider.red::-webkit-slider-thumb{background:#db2828!important}.slider.red::-moz-range-thumb{background:#db2828!important}@media only screen and (max-width:767px){.skills .date .label,.slidecontainer .label{display:none}}.skill-bar{margin-bottom:20px}.skill-bar:after{display:table;clear:both;content:""}.skill-bar h5{font-size:.9em;font-weight:700;float:left;width:85px;margin-right:25px;text-align:right}.skill-bar .bar{float:left;width:calc(100% - 110px);background:#ddd;margin-top:5px}.skill-bar .bar,.skill-bars .progress{-webkit-appearance:none;height:15px;border-radius:5px;outline:none;position:relative}.skill-bars .progress{overflow:inherit;-webkit-transition:width 50ms ease-in;transition:width 50ms ease-in}.skill-bars.slow .progress{-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.bar .logo{position:absolute;right:-18px;top:-14px;width:39px;height:39px;border-radius:50%;padding:5px;text-align:center;background-color:#fff;-webkit-transition:right 50ms ease-in;transition:right 50ms ease-in}.bar .logo img{width:100%;height:auto;vertical-align:middle}.bar .logo img.long{width:auto;height:100%}.react img{margin-left:-10.5px;margin-top:-4px;height:134%!important}.flutter img{margin-left:-6px}.html5 img{margin-left:-3px;margin-top:-2px;width:125%!important}.css3 img{margin-top:-3px;height:127%!important}.redux img{width:106%!important}.gatsby img,.redux img{margin-left:-1px;margin-top:-1px}.gatsby img{width:110%!important;height:auto}.react .progress{background-color:rgba(0,222,255,.8)}.flutter .progress{background-color:rgba(30,202,255,.8)}.redux .progress{background-color:rgba(129,48,194,.8)}.html5 .progress{background-color:rgba(255,84,0,.8)}.css3 .progress{background-color:rgba(36,82,251,.8)}.javascript .progress{background-color:rgba(250,229,0,.8)}.typescript .progress{background-color:rgba(0,117,211,.8)}.gatsby .progress{background-color:rgba(102,51,153,.8)}.react .logo{border:3px solid #00deff}.flutter .logo{border:3px solid #1ecaff}.redux .logo{border:3px solid #8130c2}.html5 .logo{border:3px solid #ff5400}.css3 .logo{border:3px solid #2452fb}.javascript .logo{border:3px solid #fae500}.typescript .logo{border:3px solid #0075d3}.gatsby .logo{border:3px solid #639}@media only screen and (max-width:575px){.about .skills-container h4{font-size:1.1em;font-weight:700;margin-bottom:5px}.skills .date span.text{width:75px}.skills .date{font-size:.8em}.skill-bar{margin-bottom:15px}.skill-bar h5{line-height:1.1em;font-size:.8em;width:73px;padding-top:2px;margin-right:22px}.skill-bar .bar{width:calc(100% - 95px)}.bar .logo{right:-14px;top:-9px;width:33px;height:33px;padding:4px}.react img{margin-left:-9px}.flutter img{margin-left:-4px}.html5 img{margin-left:-2px}.css3 img{margin-top:-2px}}#contact{margin-bottom:70px}#contact h2{text-align:center;margin-bottom:1em!important}.contact p{text-align:center;font-size:16px;margin-bottom:60px}form{max-width:550px!important;margin:0 auto}.contact label{margin-bottom:5px}input{width:100%}textarea{resize:vertical}input,textarea{outline:none;border:1px solid #ddd}.contact textarea{margin-bottom:50px}input:focus,textarea:focus{border-color:#85b7d9!important}.contact .button{display:block!important;margin:0 auto}.has-success .form-control,.has-warning .form-control{border:1px solid rgba(34,36,38,.15)}.result-message{text-align:center;margin-top:50px;font-size:1.2em}.contact .button-container{height:60px}
/*# sourceMappingURL=main.71491a83.chunk.css.map */