.main-page{color:#282c34;flex-direction:column;font-size:calc(10px + 2vmin);min-height:80vh;position:relative}.main-page,.main-page .main-avatar-side{align-items:center;display:flex;justify-content:center}.main-page .main-info-side{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;position:relative}.main-page .main-info-side .main-info-title{font-size:calc(18px + 5vmin);font-weight:700}.main-page .main-info-side .main-info-subSide .main-info-subTitle{font-size:calc(12px + 2vmin);font-weight:700}.main-page .main-info-side .main-info-subSide .main-info-detail{font-size:calc(10px + 1vmin);margin:10px 0}.page-title{align-items:flex-start;color:#282c34;display:flex;flex-direction:column;font-size:calc(18px + 2vmin);font-weight:700;justify-content:flex-start;position:relative;width:100%}.page-title .subTitle{font-size:calc(8px + 2vmin);padding:15px 30px 15px 15px}.ProjectItem{position:relative}.ProjectItem>ul:before{background-color:#bdc3c7;content:"";height:100%;left:2rem;margin-left:-1rem;position:absolute;top:0;width:.2rem}.ProjectItem .pic-content{margin:20px 0 10px;position:relative}.ProjectItem .pic-content .content-skill{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 0 40px;position:relative}.ProjectItem .pic-content .content-grid{position:relative}.ProjectItem .pic-content .content-grid .content-image{background-color:#bdc3c7;min-height:250px;position:relative}.ProjectItem .pic-content .content-grid .content-image:hover .exit-to{align-items:center;background:rgba(0,0,0,.8);color:#fff;display:flex;justify-content:center}.ProjectItem .pic-content .content-grid .content-image .exit-to{display:none;font-weight:700;height:100%;opacity:1;position:absolute;width:100%}.ProjectItem .pic-content .content-grid .content-image .exit-to>a{height:100%;left:0;position:absolute;top:0;width:100%}.ProjectItem .pic-content .content-info{align-items:flex-start;color:#424949;display:flex;flex-direction:column;font-size:calc(8px + 1vmin);justify-content:space-between;padding-right:30px;position:relative}.ProjectItem .pic-content .content-info .info-top{position:relative;width:100%}.ProjectItem .pic-content .content-info .info-top .info-title{color:#424949;font-size:calc(12px + 1vmin);font-weight:700}.ProjectItem .pic-content .content-info .info-top .info-subTitle{align-items:flex-start;color:#626567;display:flex;flex-direction:row;flex-wrap:wrap;font-size:calc(8px + 1vmin);justify-content:space-between;margin-top:10px;position:relative}.ProjectItem .pic-content .content-info .info-top .info-subTitle .role{margin-right:20px}.ProjectItem .pic-content .content-info .info-detail{margin-left:5px;margin-right:10px}.ProjectItem .pic-content .info-time{display:inline-block;margin:5px 2px 16px 0;padding:6px 12px;position:relative;text-decoration:none}.ProjectItem .pic-content .info-time:after{background:#bdc3c7;bottom:0;content:"";height:2px;left:-5px;margin:0 auto;position:absolute;right:10px;transition:.5s;width:90%}.ProjectItem .pic-content .timeline-point{background-color:#fff;display:inline-block;height:.5rem;left:-1.15rem;margin:1rem .5rem .5rem -.5rem;outline:.5rem solid #bdc3c7;position:absolute;top:0;width:.5rem}.ProjectItem .skill-chip{margin:2px}.TitleTimeline,.project-page{position:relative}.TitleTimeline{padding:32px 0 24px;width:100%}.TitleTimeline .title{color:#424949;font-size:calc(14px + 2vmin);font-weight:700}.TitleTimeline .title .subTitle{font-size:calc(8px + 2vmin);padding:15px 30px 15px 15px}.TitleTimeline .ttl-content{font-size:calc(8px + 1vmin);font-weight:lighter;margin:16px 0}.TitleTimeline .ttl-content .ttl-content-info .content-info{display:flex;flex-direction:row}.TitleTimeline .ttl-content .ttl-content-info .content-info .info-title{color:#4d5656;font-size:calc(12px + 1vmin);font-weight:700}.TitleTimeline .ttl-content .ttl-content-info .content-info .info-subTitle{color:#626567;display:inline;font-size:calc(6px + 1vmin);padding:6px 0 0 10px;vertical-align:middle}.TitleTimeline .ttl-content .ttl-content-detail{padding:2px 0 10px}.TitleTimeline .ttl-content .ttl-content-time .time-title{display:flex;flex-direction:row;font-size:calc(6px + 1vmin);padding-top:5px;text-align:bottom}.TitleTimeline .ttl-content .ttl-content-time .time-title:before{border:1px solid #bdc3c7;content:"";margin-right:5px}.TitleTimeline .ttl-content .ttl-content-time .time-title .time-start:after{content:"-"}.resume-page{align-items:center;color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);font-weight:700;justify-content:flex-start;position:relative}.SkillGroup{padding:32px 0 24px;position:relative;width:100%}.SkillGroup .sg-title{color:#424949;font-size:calc(14px + 2vmin);font-weight:700}.SkillGroup .sg-content{font-weight:400}.SkillGroup .sg-content .content-title{font-size:calc(14px + 1vmin);font-weight:700}.SkillGroup .sg-content .content-description{font-size:calc(10px + 1vmin);margin:-10px 10px 10px}.SkillGroup .sg-content .content-skill-items{margin:10px 0 20px;position:relative}.SkillGroup .sg-content .content-skill-items .content-chip{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 40px 40px 0;position:relative}.SkillGroup .sg-content .content-skill-items .item-grid{margin:5px 0 0;position:relative}.SkillGroup .sg-content .content-skill-items .item-grid .item-top{align-items:center;color:#4d5656;display:flex;flex-direction:row;font-size:calc(10px + 1vmin);justify-content:space-evenly}.SkillGroup .sg-content .content-skill-items .item-grid .item-top .item-name{font-size:calc(10px + 1vmin);font-weight:700}.SkillGroup .sg-content .content-skill-items .item-grid .item-top .item-rate{font-size:calc(8px + 1vmin)}.SkillGroup .sg-content .content-skill-items .item-grid .item-description{color:#424949;font-size:calc(10px + 1vmin);margin:0 30px 2px 10px}.SkillGroup .sg-content .content-skill-items .item-grid:before{background-color:#bdc3c7;content:"";height:90%;left:1.8rem;position:absolute;top:10px;width:.2rem}.SkillGroup .skill-chip{margin:2px}.HoverRating{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.HoverRating .label{font-size:calc(6px + 1vmin);margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100%;justify-content:flex-start}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ProgressDIY{align-items:center;background-color:gray;display:flex;flex-direction:column;justify-content:flex-start;padding:20px}.content{flex-grow:1;position:relative}footer{width:100vw}.footer{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:150px;min-height:10vh;width:100%}.footer .footer-line{border-style:solid;border-bottom:10px #000;color:#d0d3d4;width:100%}.footer .footer-side{color:#abb2b9;height:100%;position:relative;width:100%}.footer .footer-side-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:10vh;position:relative}.footer .footer-side-item .title{color:#4d5656;font-size:calc(12px + 1vmin);font-weight:700}.footer .footer-side-item .value{color:#7b7d7d;margin-top:2px}.footer .footer-side-item .value>a{color:#7b7d7d;text-decoration:none}.footer .footer-copyright{align-items:end;color:#abb2b9;position:relative}header{background-color:#fbfcfc;position:relative;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f3f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{display:flex;flex-direction:column;height:100%;position:absolute}
/*# sourceMappingURL=main.ac76c2cc.css.map*/