:root{--background:#ffffff;--background-blue:#dbedfd;--background-card:rgb(245 249 251);--background-gray:#f0ebeb;--background-green:#cef2e4;--background-orange:#ff8b55;--background-purple:#558eff;--background-purple-2:#e4dbff9c;--black:#333333;--border-gray:#d6e3ed;--article-border-gray:#ececec;--date-gray:#c2c9cd;--foreground:#171717;--green-block:#dff3df;--green-bold:#2aa98d;--green-text:#2d5c57;--purple-text:#a693e1f7;--white:#fafafa}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}html{color-scheme:dark}}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;display:"swap";font-family:Noto Sans JP,sans-serif;font-weight:500;font-optical-sizing:auto;margin:0;padding:0}a{color:inherit;text-decoration:none}strong{font-weight:900}img{border-radius:20px;height:auto;width:100%}h1,h2,h3,h4,h5,h6{font-weight:700}.container,.container__header{padding:0 8%}.center{text-align:center}.header{height:60px;line-height:60px;width:100%}.header__title{font-family:Unbounded,sans-serif;font-optical-sizing:auto}.global-background{background-color:var(--background-gray);min-height:calc(100vh - 60px);width:100%;padding:1.8rem 0}.top-wrapper{background-color:var(--white);border-radius:20px;margin:1.8rem auto 0;max-width:640px;padding:1.8rem}.top-wrapper h2,p{margin:1.2rem 0}.top-wrapper__timeline{position:relative}.top-wrapper__timeline p{background-color:var(--background-blue);border-radius:10px;margin-bottom:0;margin-top:0;padding:1rem 1.8rem}.timeline-wrapper__line{background-color:var(--border-gray);display:block;height:60px;margin-left:calc((100% - 4px) / 2);width:4px}.background-wrapper{background-color:var(--background-gray);padding:1.8rem 0}.blog-wrapper{background-color:var(--white);border-radius:40px;margin:0 auto;max-width:690px;padding:1.8rem;position:relative}.blog-wrapper__img{border-radius:20px;height:auto;margin-top:1.2rem;width:100%}.blog-wrapper__blogcard{background-color:var(--backgroun-blue)}.blog-wrapper__blog-title{margin-bottom:1.4rem}.blog-wrapper__title{font-size:1.4rem;margin-top:1.2rem}.blog-wrapper__blog-post{padding:2rem}.blog-wrapper__main p{color:var(--black);font-size:18px;line-height:32px;margin-top:1rem}.blog-wrapper__main a{text-decoration:underline;font-weight:900}.blog-wrapper__main h2{border-bottom:1px solid var(--article-border-gray);color:var(--black);margin-top:1rem;padding-bottom:.6rem}.blog-wrapper__post-page-info{background-color:var(--background-purple);margin:.6rem 0;padding:.6rem .8rem}.blog-wrapper__post-page-info,.blog-wrapper__writer-info{border-radius:20px;color:var(--white);display:inline-block;font-size:.8rem}.blog-wrapper__writer-info{background-color:var(--background-orange);margin-left:.4rem;padding:.6rem}.timeline-wrapper__info--icon{background-color:var(--white);border-radius:50%;display:inline-block;color:var(--foreground);height:23px;margin-right:.3rem;padding:.2rem;vertical-align:-2px;width:23px}.blog-wrapper__link{color:var(--background-orange)}.blog-wrapper__spotify-embed{margin:2rem 0}.top__blobal-menu--icon{margin-right:.4rem;vertical-align:-.3rem}.post-date{display:block;text-align:right}.blog-wrapper__blogcard{background-color:var(--background-blue);border-radius:20px;padding:2rem;position:relative}.timeline-wrapper__now-product{margin:1.8rem 0}.top__global-menu--link{background-color:var(--green-bold);border-radius:20px;display:inline-block;color:var(--white);margin:0 auto;padding:.4rem .8rem}.umekomi{margin-top:2rem;width:100%;aspect-ratio:16/9}.umekomi iframe{width:100%;height:100%}.blog-wrapper__main img{border-radius:0}.toc{background-color:var(--background-green);border-radius:20px;margin:1.8rem 0;padding:1.2rem 1.8rem}.toc li{font-size:18px;line-height:40px;list-style-position:inside}.toc a{color:var(--green-text);text-decoration:underline;text-underline-offset:.3ex}.post-date-index{margin-top:1rem}blockquote{position:relative;border-left:3px solid #da8596;background-color:#F5F5F5;padding:1.2rem;margin-top:2rem}blockquote:before{position:absolute;font-family:FontAwesome;content:"\f10d";font-size:20px;color:#DA8596}blockquote p{position:relative;padding-left:30px}blockquote cite{display:block;font-size:.8rem;color:#F8C8B2;text-align:right}@media screen and (max-width:480px){.timeline-wrapper{padding:3%}.timeline-wrapper__info{font-size:.6rem;top:1.8rem}.blogcard{padding:.4rem}.container{padding:0 3%}.container__header{padding:0 4%}.blog-wrapper__blog-post{padding:0}.blog-wrapper{padding:1.4rem 1rem}.background-wrapper{padding:1.2rem 0}.top-wrapper{padding:4%}.blog-wrapper__blogcard{padding:0 3%}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:none}