@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400";html *{font-family:Noto Sans,sans-serif;font-weight:400}html a,html p{color:#222;text-decoration:none}html code,html code *{font-family:Source Code Pro,monospace!important}html article h1,html article h2{font-weight:700}html article a{color:#8a2be2;text-decoration:underline}@media screen and (min-width:769px){html h1{font-size:32px;line-height:1.5;margin-top:60px;margin-bottom:30px}html h2{font-size:28px;line-height:1.5;margin-top:40px;margin-bottom:20px}html h3{font-size:24px;margin-top:30px}html h3,html h4{line-height:1.75;margin-bottom:15px}html h4{font-size:20px;margin-top:15px}html a,html li,html p{font-size:18px;line-height:36px}}@media screen and (max-width:768px){html h1{font-size:24px;line-height:1.5;margin-top:60px;margin-bottom:30px}html h2{font-size:22px;line-height:1.5;margin-top:40px;margin-bottom:20px}html h3,html h4{font-size:20px;line-height:1.75;margin-top:30px;margin-bottom:15px}html a,html li,html p{font-size:16px;line-height:30px}}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,small{display:block}fieldset,img{border:0}li,ol,ul{list-style:none}address{font-style:normal;font-weight:400}hr{display:none}a{outline-style:none}a img{border:none}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-table}* html .clearfix{height:1%}.clearfix{display:block}html{overflow-y:scroll}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}div,dt,img,p{behavior:url(/shared/js/iepngfix.htc)}html{background-color:#fff}body,html{width:100%}body{min-height:100vh;font-family:serif;-webkit-text-size-adjust:none;text-decoration:none;word-break:break-word}img{display:block;width:100%}.container{width:100%;min-height:100vh;margin:0 auto;max-width:1400px}@media screen and (min-width:769px){.container{padding:0 30px}}@media screen and (max-width:768px){.container{padding:0 15px}}.container>h1{width:-moz-fit-content;width:fit-content;margin:30px 0;position:-webkit-sticky;position:sticky;top:25px}.container>h1:before{content:"";display:inline-block;background-color:#414141;width:16px;height:35px;margin-right:11px;vertical-align:sub}.breadcrumb{margin:15px 0}.breadcrumb span{font-size:12px;margin:0 3px}.breadcrumb a{font-size:12px;color:#00008b}.key-visual{width:100vw;height:33vw;background-size:cover;background-position:50%;background-repeat:no-repeat}@media screen and (min-width:769px){.key-visual{margin-left:0;width:100%;height:300px}}@media screen and (max-width:768px){.key-visual{margin-left:-15px}}#select-post-tag{color:#222;padding:5px;border-radius:5px;border:.5px solid #828282;background-color:#f5f5f5}.language-switcher{background:none;border:1px solid;border-radius:4px;cursor:pointer;font-size:13px;font-family:Montserrat,sans-serif;padding:3px 8px;color:inherit;line-height:1;vertical-align:middle}.language-switcher:hover{opacity:.75}@media screen and (max-width:768px){#lineShareButton,#twitterShareButton{display:block;width:40px;height:40px;position:fixed;bottom:30px;border-radius:25px}}@media screen and (min-width:769px){#lineShareButton,#twitterShareButton{display:none}}#lineShareButton{left:15px}#twitterShareButton{color:#fff;background-color:#add8e6;left:65px}header{width:100vw;height:75px;position:fixed;background-color:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}header .container{width:100%;max-width:1400px;min-height:0;margin:0 auto;position:relative}header .logo{position:fixed;width:150px;top:30px;transition:top .25s}header .logo:before{content:"";display:inline-block;background-color:#414141;width:16px;height:35px}header .logo.jostled{top:-35px}header .logo h1{font-family:Montserrat,sans-serif;font-weight:lighter;width:-moz-fit-content;width:fit-content;position:absolute;top:0;left:30px;font-size:22px;margin:0;line-height:22px;white-space:nowrap;text-overflow:ellipsis}header .logo span{position:absolute;font-size:13px;line-height:13px;top:24px;left:30px;color:#979797;display:block}@media screen and (max-width:768px){header nav{width:100vw;height:100vh;background-color:rgba(0,0,0,.75);padding:75px 15px 15px;position:absolute;top:0;left:0;display:none;will-change:top;transition:top .25s ease-in}header nav.opened{display:block}header nav .logo{color:#fff}header nav .logo:before{background-color:#fff}header nav ul{display:flex;flex-direction:column;justify-content:flex-start}header nav ul li{margin:10px 0;width:100%}header nav ul li a{display:inline-block;width:100%;font-size:20px;color:#f5f5f5;font-family:Montserrat,sans-serif}header nav ul li a svg{width:20px}header nav ul li .language-switcher{font-size:16px;color:#f5f5f5;font-family:Montserrat,sans-serif}}@media screen and (min-width:769px){header nav{padding-top:35px;height:75px}header nav .logo{display:none}header nav ul{display:flex;flex-direction:row;justify-content:flex-end}header nav ul li{margin-left:30px}header nav ul li a svg{width:20px}}footer{width:100%;height:60px}footer hr{height:.5px;display:block;color:#828282}footer p{width:100%;text-align:center;font-size:10px}@media screen and (max-width:768px){#menuButton{display:block;background-color:#1f1e1e;width:50px;height:50px;position:fixed;right:30px;bottom:30px;border-radius:25px}#menuButton span{display:block;width:25px;height:3px;background-color:#fff;text-align:center;margin:4px auto;transform-origin:left center;transition:.25s linear;will-change:transform}#menuButton.clicked span:first-of-type{margin:0 0 0 15px;transform:rotate(35deg)}#menuButton.clicked span:nth-of-type(2){opacity:0}#menuButton.clicked span:nth-of-type(3){margin:0 0 0 15px;transform:rotate(-35deg)}}@media screen and (min-width:769px){#menuButton{display:none}}.article{width:100%;max-width:800px;margin:0 auto;padding-bottom:60px}.article__info{color:#979797;margin:15px 0}.article__category,.article__date{margin-right:10px}.article__tags{margin:20px 0 40px}.article__title{margin:20px 0}.article hr{display:block;width:100%;margin:40px 0}.article__contents img{width:100%;margin:30px auto}.article__contents ol,.article__contents ul{padding-left:1.75em;margin:15px 0}.article__contents ul{list-style-type:disc}.article__contents ul ul{list-style-type:circle;margin:5px 0}.article__contents ul ul ul{list-style-type:square}.article__contents ol{list-style-type:decimal}.article__contents ol ol{list-style-type:lower-alpha;margin:5px 0}.article__contents li{list-style-type:inherit;margin:6px 0}.article__contents li>ol,.article__contents li>ul{margin:4px 0}.article__contents table{display:block;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;max-width:calc(100vw - 60px);overflow:scroll}.article__contents table tbody,.article__contents table thead{min-width:100%}.article__contents table tbody tr td,.article__contents table tbody tr th,.article__contents table thead tr td,.article__contents table thead tr th{min-width:250px;padding:5px;border:1px solid rgba(0,0,0,0);background-color:#f8f8f8}.article__contents strong,.article__contents table tbody tr th,.article__contents table thead tr th{font-weight:700}.article__contents em{font-style:italic}.article__contents code{font-family:Source Code Pro,monospace;font-size:.875em;background-color:#f0f0f0;padding:.15em .4em;border-radius:4px;border:1px solid #ddd;word-break:break-all}.article__contents pre code{background-color:rgba(0,0,0,0);border:none;padding:0;border-radius:0;font-size:1em}.article__contents blockquote{border-left:4px solid #ccc;margin:20px 0;padding:10px 20px;background-color:#f9f9f9;color:#979797;font-style:italic}.article__contents blockquote p{margin:0}.article__contents iframe{width:100%}.about__photo{background-image:url(/images/me.webp);background-position:50%;background-size:cover;width:100%;height:200px;margin:40px auto}.about h4{font-weight:700}.card_container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-content:center}.card{margin-top:20px;margin-bottom:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.25)}.card__post{display:inline-block}@media screen and (min-width:981px){.card__post{width:calc(33.3333333333% - 5px)}}@media screen and (min-width:769px)and (max-width:980px){.card__post{width:calc(50% - 5px)}}@media screen and (min-width:581px)and (max-width:768px){.card__post{width:calc(50% - 5px)}}@media screen and (max-width:580px){.card__post{width:100%}}.card__post__keyVisual{width:100%;height:200px;background-position:50%;background-size:cover;border-radius:5px 5px 0 0;opacity:1}.card__post__info_wrapper{height:calc(100% - 200px);padding:5px 15px 15px;display:flex;flex-direction:column}.card__post__category,.card__post__date,.card__post__tag{font-size:10px;line-height:12px;border-radius:2.5px}.card__post__tag{color:#454545;background-color:#e0e0e0;margin-right:5px;padding:2.5px 5px;font-family:Montserrat,sans-serif}.card__post__category,.card__post__date{color:#979797;margin-right:10px}.card__post__category{font-weight:700}.card__post__title{margin:5px 0;color:#2f4f4f;font-size:20px;font-weight:700;line-height:24px;flex-grow:1}.card__post__readmore{font-size:1rem}.card:hover{cursor:pointer}.embed{margin:2rem 0}.embed__wrapper{position:relative;width:100%;padding-top:56.25%}.embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:4px}.embed__caption{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted,#888);text-align:center}.embed--tweet{display:flex;justify-content:center}.ogp-card{width:100%;display:flex;gap:1rem;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;margin:1.5rem auto;transition:box-shadow .2s}.ogp-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.ogp-card__image{flex-shrink:0}.ogp-card__image img{display:block;object-fit:cover;height:100%}.ogp-card__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.ogp-card__title{font-weight:600;font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ogp-card__description{font-size:.8rem;color:var(--color-text-muted,#666);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-card__url{font-size:.75rem;color:var(--color-text-muted,#999);margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ogp-card--sm{max-width:380px}.ogp-card--sm .ogp-card__image img{width:80px}.ogp-card--md{max-width:560px}.ogp-card--md .ogp-card__image img{width:120px}.ogp-card--lg{flex-direction:column;max-width:640px}.ogp-card--lg .ogp-card__image img{width:100%;max-height:200px}.ogp-card--fallback{padding:.5rem .75rem;word-break:break-all}