@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansjp/v52/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj75s.ttf) format('truetype')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansjp/v52/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFLgk75s.ttf) format('truetype')}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilntA.ttf) format('truetype')}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4Gfy5ntA.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype')}body{background:#ffffff;box-sizing:content-box;font-family:'Poppins',Helvetica,sans-serif;color:#333447;line-height:1.5}p{font-family:'Nunito Sans',sans-serif}ul{font-family:'Nunito Sans',sans-serif}.container p{font-family:'Helvetica Neue','Nunito Sans',sans-serif;color:rgba(0,0,0,0.65)}.clearfix:after{clear:both;content:"";display:table}img{border-radius:6px}.btn-style1{font-weight:400;display:inline-block;color:#fff;background:#FF3637;border-radius:36px;padding:10px 25px;margin-top:10px}.btn-style1:hover,.btn-style2:hover{background:#DB2F30}.btn-style2{font-weight:400;display:inline-block;color:#fff;background:#FF3637;border-radius:36px;padding:10px 25px;margin-top:25px}h2{font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:22px;color:#1D1D1D;letter-spacing:.3px;margin-bottom:20px;line-height:28px}h5{font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:18px;color:#1D1D1D;letter-spacing:.5px;margin-top:10px}.container{width:90%;margin-left:auto;margin-right:auto;margin-bottom:80px}#overall{position:absolute;width:100%;height:950px;z-index:2}.deco{position:relative}#overall2{position:absolute;bottom:0px;height:900px;background:url("../images/img_front0.png");z-index:3}.d0,.d1,.d2,.d3,.d4,.d5{position:absolute;top:0;width:100%;height:120%}.d0{background:url("../images/img_front0.png");top:40px;z-index:-2;background-size:130%}.d1{background:url("../images/img_front.png");top:50px;z-index:-7}.d2{background:url("../images/img_middle.png");z-index:-8}.d3{background:url("../images/img_back.png");z-index:-9}.d4{background:url("../images/img_back0.png");top:-10px;z-index:-10}.d5{background:url("../images/img_bg.png");background-repeat:no-repeat;background-size:100% 100%;z-index:-11}.d6{position:absolute;top:1160px;width:236px}.d7{position:absolute;top:220px;left:220px;width:116px}.d8{position:absolute;top:900px;left:-130px;width:248px}.d9{position:absolute;top:1150px;right:100px;width:113px}.d10{position:absolute;top:160px;right:200px;width:98px}.d11{position:absolute;top:910px;right:0;width:175px}.mobile{display:none}#header{position:absolute;top:0;width:100%;padding:25px;height:40px;z-index:100;transition:.5s}#header #logo{display:inline;float:left}#header .header-nav{text-align:right;line-height:35px;margin-right:40px}#header .header-nav li{font-size:18px;padding:10px 25px;display:inline;color:#1D1D1D}#header .header-nav li:hover{color:#FF3637}#header .header-nav .active{color:#fff;background:#FF3637;border-radius:36px}#header .header-nav .active:hover{color:#fff;background:#DB2F30}#header .header-nav .lang{font-weight:900;color:#FF3637}.toggle{display:none}.sticky{position:fixed!important;top:0!important;background:#fff;transition:.5s;padding:10px 25px!important}.sticky img{padding-top:8px;width:100px}#slider{background:#FFEEEE;position:relative;height:100vh}#slider .myface img{width:70vh;position:absolute;left:0;right:0;bottom:0;margin:auto;z-index:1}#slider .container-top{padding-top:120px;position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;overflow:hidden}#slider .container-top article{max-width:100%;margin:1em auto;overflow:hidden;position:relative;min-height:14em;margin-top:-60px}#slider .container-top p{font-family:'Poppins',Helvetica,sans-serif;font-weight:900;font-size:9em;white-space:nowrap;position:absolute}#slider .container-top .run-left{-webkit-animation:mymove 15s linear infinite;white-space:nowrap;animation:mymove 15s linear infinite alternate}#slider .container-top .run-right{-webkit-animation:mymove2 15s linear infinite;white-space:nowrap;animation:mymove2 15s linear infinite alternate}#slider .container-top .run-left-slow{-webkit-animation:mymove 25s linear infinite;white-space:nowrap;animation:mymove 25s linear infinite alternate}#slider .container-top .empty-word{color:#FFEEEE;-webkit-text-stroke-color:#1D1D1D;-webkit-text-stroke-width:2px}@keyframes mymove{from{left:0}to{left:-1400px}}@-webkit-keyframes mymove{from{left:0}to{left:-1400px}}@keyframes mymove2{from{right:0}to{right:-1400px}}@-webkit-keyframes mymove2{from{right:0}to{right:-1400px}}.intro{padding-top:80px}.intro span{font-weight:200;font-size:36px;line-height:50px}.intro #highlight{font-weight:800}.intro .des{margin-top:190px;font-family:'Noto Sans JP',sans-serif;font-weight:400;line-height:30px}.on-image{position:absolute;top:40px;left:430px}.sub-title{padding-top:80px}h1{font-weight:800;font-size:32px;color:#000000;letter-spacing:1px;text-align:center}.jp-title{font-family:'Noto Sans JP',sans-serif;font-weight:500;font-size:15px;color:rgba(0,0,0,0.6);letter-spacing:0;margin-bottom:20px}.companies{background:rgba(0,0,0,0.05)}#works .clickable{padding:30px 0px;position:relative}#works .clickable img:hover{transform:scale(1.03);transition:transform .2s}#works .clickable:hover{background:rgba(0,0,0,0.05);border-radius:6px}#works .work-right{padding-top:10px}#works .row-sm{margin-bottom:13px}#works .bullet{font-family:'Nunito Sans',sans-serif;display:block;color:#1D1D1D;font-size:16px;line-height:20px;font-weight:800;float:left;width:20%}#works .bullet-content{font-family:'Helvetica Neue','Nunito Sans',sans-serif;display:block;color:#1D1D1D;line-height:20px;font-size:16px;float:right;width:80%}#coding img:hover{transform:scale(1.03);transition:transform .2s}#coding div.row img{margin-bottom:15px}#coding div.row h2{margin-bottom:5px}#coding .item-code{margin-bottom:20px}#skills .card{box-sizing:border-box;padding:0px 30px}#about{position:relative}#about .des{line-height:30px;padding-top:10px}#about .sub-title{padding-top:0px}#about .social-in{display:block;float:left;margin-right:15px;margin-top:15px}#about .social-in li{display:inline;color:#FF3637}#about .social-in li i{font-size:30px;padding-right:25px}#about .social-in li:hover{color:#DB2F30}#skills .sub-des{margin-bottom:20px}#skills .container{margin-top:20px}#skills .card{display:inline-block;text-align:left}#skills .card-description{margin:20px}#skills .skills{text-align:left;font-size:22px;font-weight:600;color:#616161}#skills ul{list-style-type:circle;font-size:16px;line-height:30px}#contact{background:#FFEEEE;position:relative}#contact .my-email{display:block;color:#000;text-decoration:underline;font-size:22px;font-weight:300}#contact .my-email i{margin-right:10px}#contact .my-email:hover{color:#FF3637}#footer{padding:25px;height:25px;z-index:82}#footer #logo-footer{display:block;float:left;margin-right:20px}#footer .copyright{display:inline;color:#FF3637;font-size:14px}#footer .social{display:block;float:right;margin-right:15px}#footer .social li{display:inline;color:#FF3637}#footer .social li i{font-size:30px;padding-left:25px}#footer .social li:hover{color:#DB2F30}