body{color:#000;background:#fff;font-family:sans-serif}*{box-sizing:border-box}p,ul{margin:0;padding:0 0 1em;list-style-position:inside}h2{margin:0;padding:0 0 1em}h3{margin:0;padding:.5em 0 1em}.littlebox{z-index:1;position:fixed;left:0;top:0;width:calc(20% + 3px);height:100%;border-right:1px solid #cbcbcb;display:flex;flex-direction:column;justify-content:center;padding:0 10px}.littlebox .point{position:relative;width:100%;font-size:50px;text-align:right;padding:0 30px;color:#4a567a}.littlebox .skills-date,.littlebox .skills-date .dates-cart,.littlebox .skills-date .current-date{position:relative}.littlebox .skills-date .next-date{position:absolute;right:0;top:0;opacity:0}.littlebox .skills-date.m--forward .next-date{opacity:0;top:100%;transition:opacity .12s}.littlebox .skills-date.m--forward .current-date{transition:.12s}.littlebox .skills-date.m--forward .dates-cart{transition:all .12s}.littlebox .skills-date.m--forward.move .current-date{opacity:0}.littlebox .skills-date.m--forward.move .next-date{opacity:1}.littlebox .skills-date.m--forward.move .dates-cart{transform:translateY(-100%)}.littlebox .skills-date.m--backward .next-date{opacity:0;top:-100%;transition:opacity .12s}.littlebox .skills-date.m--backward .current-date{transition:.12s}.littlebox .skills-date.m--backward .dates-cart{transition:all .12s}.littlebox .skills-date.m--backward.move .current-date{opacity:0}.littlebox .skills-date.m--backward.move .next-date{opacity:1}.littlebox .skills-date.m--backward.move .dates-cart{transform:translateY(100%)}.bigbox{z-index:2;position:fixed;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.boxcart{display:flex;flex-direction:column;align-items:flex-start;max-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:0 0 0 20%;scroll-behavior:smooth}.box{padding:10px 0 20px 30px;-webkit-user-select:none;user-select:none;border-left:5px solid transparent;transition:.3s;opacity:.3}.box.is--active{border-left:5px solid rgb(74,86,122);opacity:1}.box.is--active .box-inner header{position:sticky;top:0;background:#fff;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #cbcbcb}.box:first-child{margin-top:45vh}.box:last-child{margin-bottom:45vh}.box-inner{padding:0;transition:color .3s,border-color .3s;color:#4a567a;font-size:150%;width:calc(80vw - 100px)}.plus{width:100%;height:auto;overflow:hidden}.is--open .plus{display:block}.overlay{z-index:3;position:fixed;left:20%;top:0;width:0;height:100%;overflow:visible}.show-more{position:absolute;left:-18px;top:calc(50% - 20px);display:block;width:40px;height:40px;background:transparent;border:0;overflow:visible;cursor:pointer;border:4px solid rgb(74,86,122);border-radius:100%;background-color:#fff}.show-more:before{z-index:1;content:"";position:absolute;left:30%;top:calc(50% - 2px);display:block;width:40%;height:4px;background-color:#4a567a;transition:.2s}.show-more:after{z-index:2;content:"";position:absolute;left:calc(50% - 2px);bottom:30%;display:block;width:4px;height:40%;background-color:#4a567a}.show-more.m--close:after{opacity:0}.headbox{display:none}