:root{--key-color:#5C6BC0;--base-color:#263238;--base-light-color:#37474F;--main-color:#ECEFF1;font-size:16px}*{box-sizing:border-box}body{margin:0;background-color:var(--base-color);color:var(--main-color);background:radial-gradient(circle closest-corner at 50% 50%,var(--base-light-color),var(--base-color));animation:move-point 20s cubic-bezier(.68,-.55,.27,1.55) infinite;background-size:200% 200%;font-family:"M PLUS Rounded 1c","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}@keyframes move-point{0%{background-position:0% 50%}20%{background-position:100% 50%}40%{background-position:0% 100%}60%{background-position:75% 25%}80%{background-position:25% 15%}100%{background-position:0% 50%}}#main{max-width:100%;width:470px;min-width:375px;padding:5rem 1rem;margin:0 auto}h1{margin:1rem 0 0;font-size:2.5rem;position:relative;padding-left:1rem}h2{margin:0;font-size:1.75rem;position:relative;padding-left:1rem}h3{margin:.5rem 0 0;font-size:1.5rem}h4{margin:.25rem 0 0;font-size:1.25rem}.ll,.ll-c{position:relative}.ll-c{margin-left:.5rem;padding-left:.5rem}.ll::before,.ll-c::before{content:" ";display:block;position:absolute;left:0;top:0;height:100%;width:1px}.ll::before{background:linear-gradient(0deg,#23ff0a,#ff3d43,#4744fd 85%)}.ll-c-1::before{background:linear-gradient(0deg,#4744fd,#263238)}.ll-c-2::before{background:linear-gradient(0deg,#ff3d43,#263238)}.ll-c-3::before{background:linear-gradient(0deg,#23ff0a,#263238)}.ll{position:relative;padding-left:.5rem}.flex{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.top{line-height:.75rem;width:30%;position:relative}.name-wrap{width:70%}#profile-img{width:100%;border-radius:50%;transition-duration:0.4s;z-index:10}#profile-img:hover{transform:scale(1.1)}.caption{font-size:.6rem;color:#999;text-align:right;display:block}.works-item{padding:1rem;background:radial-gradient(circle closest-corner at 50% 50%,var(--base-light-color),var(--base-color));background:linear-gradient(120deg,var(--base-light-color) 50%,var(--base-color) 150%)}.works-img-wrap{width:30%}.works-desc-wrap{width:70%;padding-left:1rem}.works-img{width:100%}.m-0{margin:0}.mb-0{margin-bottom:0}.pt-3{padding-top:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-5{margin-top:3rem}.ml-3{margin-left:1rem}.link-item{color:#fff}@media screen and (max-width:460px){h2{font-size:1.35rem}.sp-ml-0{margin-left:0}}