:root{--color-text: rgb(10, 10, 55);--color-bg: #fffefa;--color-text-muted: rgba(10, 10, 55, .6);--color-border: rgba(10, 10, 55, .8);--color-border-strong: rgba(10, 10, 55, 1);--font-sans: YakuHanJP, "Roboto", "Noto Sans JP", sans-serif;--font-roboto: "Roboto", sans-serif;--font-serif-mincho: TsukuAOldMinPr6N-B, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--width-content: 720px;--width-header: 880px;--header-height: 101px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 32px}body{font-family:var(--font-sans);font-size:18px;font-weight:500;letter-spacing:0;color:var(--color-text);background-color:var(--color-bg);margin:0}body:has(.header-top){padding-top:var(--header-height)}html:has(.header-top){scroll-padding-top:var(--header-height)}p{margin-top:4px;line-height:40px}a{color:var(--color-text);font-weight:500;text-decoration:underline var(--color-text) 2px;text-underline-offset:6px}h2,.page-title{font-size:1.5em;font-weight:900;margin-top:48px;margin-bottom:0;font-feature-settings:"palt";letter-spacing:.1em}h2 span,.page-title span{margin-top:8px;font-size:.6em;letter-spacing:0;vertical-align:super}h3{font-size:1em}ul{margin-top:8px;margin-bottom:52px;margin-left:-16px}li{margin-bottom:10px;line-height:28px}header:not(.header-top){height:30px;width:100%;margin:0;font-weight:700}.footer-top{margin-top:100px;padding:0 40px;border-top:var(--color-text) solid 3px}.footer-inner{display:flex;justify-content:flex-end;max-width:var(--width-header);margin:0 auto;padding:32px 0}.footer-links{display:flex;gap:24px;font-size:.85em;font-family:var(--font-roboto);letter-spacing:.05em}.footer-link{text-decoration:none;font-weight:700;text-transform:uppercase}.footer-link:hover{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:110;padding:8px 16px;background-color:var(--color-text);color:var(--color-bg);text-decoration:none;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{top:16px}.header-top{position:fixed;top:0;left:0;right:0;z-index:100;height:auto;padding:0 40px;font-weight:700;border-top:none;border-bottom:var(--color-text) solid 3px;margin:0;background-color:var(--color-bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--width-header);margin:0 auto;padding:20px 0}.header-logo{margin:0;width:auto;font-size:1.5em;line-height:1}.header-logo a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;line-height:1}.header-logo-icon{width:1.5em;height:1.5em;border-radius:50%;object-fit:cover;flex-shrink:0}.header-links{display:flex;align-items:center;gap:24px;font-size:.85em;font-family:var(--font-roboto);letter-spacing:.05em;line-height:1}.header-link{text-decoration:none;font-weight:700;text-transform:uppercase}.header-link:hover{cursor:pointer}.header-social,.footer-social{display:inline-flex;align-items:center;font-size:1.1em;text-transform:none}.logo{float:left;font-size:1.5em;margin-left:5%;margin-top:20px;letter-spacing:.1em}.top{text-align:center}.top-logo{font-size:100px;font-weight:900;line-height:1.3em}.top-dazai{letter-spacing:.2em}.yomi{margin-bottom:-110px;font-size:6px;letter-spacing:12px}.degrees{margin-top:-90px;font-size:1.1em;font-family:var(--font-serif-mincho);letter-spacing:.1em}.top-links{margin-top:50px;margin-bottom:100px;text-align:center;font-size:24px;font-weight:700}.top-link ul{text-align:center}.main{margin:0 auto;width:var(--width-content)}.date{font-weight:700;font-size:1em;margin-bottom:-40px;letter-spacing:2px}.about-text{margin-bottom:50px}.skills-text{line-height:2em}.career-text{margin-top:10px;margin-bottom:40px}.right-list{margin-right:0!important}.name-box{display:flex;align-items:flex-start;gap:32px;margin-top:48px;--name-block-height: calc(1em * 1.6 * 3)}.profile-icon{width:var(--name-block-height);height:var(--name-block-height);border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0}.name{font-size:1.2em;letter-spacing:.1em;font-weight:700;margin:0;line-height:1.4}.name-detail{margin:4px 0 0;line-height:1.6}.name-detail-line{display:block}.name-primary{font-weight:700}.profile-text{font-weight:500;margin-top:40px;line-height:1.5em;letter-spacing:.04em;text-align:justify}.profile-section{margin:0 0 64px}.profile-box{padding:32px;border:var(--color-border-strong) solid 3px;border-radius:var(--radius-md)}.profile-box-title{margin:0 0 16px;font-size:1.2em;letter-spacing:.1em;text-transform:uppercase}.profile-box .name-box{margin-top:0}.profile-box .profile-text{margin-top:24px;margin-bottom:0;line-height:1.6}.career-list{list-style-type:disc;margin:24px 0 0;padding-left:1.25em;line-height:1.8}.career-list>.career-item+.career-item{margin-top:20px}.career-list li{margin-bottom:0;line-height:inherit}.career-list .career-list{list-style-type:circle;margin:20px 0;padding-left:1.5em}.career-item{margin-bottom:0}.career-item .date-range{display:inline;margin-right:.5em;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.date-sep{margin:0 .35em}.table-2 tr td span{margin-top:10px}.container{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.item{width:48%;margin-bottom:40px;border:var(--color-border-strong) solid 3px;border-radius:var(--radius-md);overflow:hidden}.item img{display:block;width:100%;height:auto;border-bottom:var(--color-border-strong) solid 3px}.item h3{margin:12px 16px 8px}.item span{display:block;font-weight:400;font-size:.9em;margin:0 16px 16px}.item a{text-decoration:none}.item-link{display:block;color:inherit}.cat-movie-item{border:none}.youtube{width:100%;aspect-ratio:16 / 9}.youtube iframe{width:100%;height:100%}.fab,.fas{margin-right:4px}.links{display:flex;flex-wrap:wrap;margin-top:20px}.links a{text-decoration:none;font-weight:inherit}.link-item{border:var(--color-border-strong) solid 3px;margin-right:8px;border-radius:var(--radius-sm);padding:0 8px}.more,.blog-more a{background-color:var(--color-text);color:var(--color-bg);text-align:center;border-radius:var(--radius-sm);font-weight:700}.more{width:fit-content;max-width:100%;margin:40px auto 48px;padding:0 1.5em;line-height:2.2em;white-space:nowrap}a:has(>.more){display:flex;justify-content:center;text-decoration:none}a:has(>.more)+h2{margin-top:24px}.blog-more{text-align:center;margin-top:48px;margin-bottom:48px}.blog-more+h2{margin-top:24px}.blog-more a{display:inline-block;text-decoration:none;padding:0 16px;line-height:2.2em}.skills-section{margin-top:48px}.skills-section h2{font-size:1.2em;letter-spacing:.05em;margin-top:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:16px 0 0;padding:0}.tag-cloud li{margin:0;line-height:1}.tag{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border:2px solid var(--color-border-strong);border-radius:999px;box-sizing:border-box;color:var(--color-text);font-weight:700;text-decoration:none;line-height:1;transition:background-color .15s ease}.tag:hover{background-color:#0a0a370f}.tag--lg{font-size:1.15em}.tag--md{font-size:1em}.tag--sm{font-size:.9em}.experience{font-weight:400}.experience h2{font-size:1.2em;letter-spacing:.05em}.experience .page-title{font-size:1.5em;letter-spacing:.2em}.experience ul{margin-bottom:4px}.breadcrumb{margin-top:40px;margin-bottom:20px;font-size:.85em}.breadcrumb+.page-title,.breadcrumb+.blog-title{margin-top:0;font-feature-settings:"palt"}.breadcrumb a{text-decoration:none;font-weight:700}.breadcrumb-slash{margin:0 .35em}.blog-title,.breadcrumb+.page-title{font-size:2em;font-weight:800;letter-spacing:.05em;margin:0 0 8px;line-height:1.4}.blog-meta{margin:0 0 24px;font-size:.9em;font-weight:700;text-align:right}.blog-list{list-style:none;margin:32px 0 0;padding:0}h2+.blog-list{margin-top:16px}.blog-list-item{display:flex;gap:18px;align-items:baseline;margin-bottom:20px;line-height:2}.blog-list-item a{line-height:2;min-width:0}.blog-list-item time{color:var(--color-text);font-weight:500;white-space:nowrap;flex-shrink:0}.blog-body{font-weight:500;letter-spacing:.05em;text-align:justify}.blog-body a{text-underline-offset:4px}.blog-body p{line-height:1.8;margin-bottom:1.2em}.blog-body h2{font-size:1.35em;margin-top:40px;margin-bottom:20px;font-feature-settings:"palt"}.blog-body ul,.blog-body ol{margin-bottom:1.2em;margin-left:0}.blog-body pre,.blog-body pre.astro-code{padding:20px 24px;margin:1.6em 0;border-radius:var(--radius-md);line-height:1.65;letter-spacing:0;font-size:.88em;overflow-x:auto}.blog-body pre code,.blog-body pre.astro-code code{font-family:var(--font-mono);letter-spacing:0;background:none}.blog-body img{display:block;width:100%;max-width:550px;height:auto;margin:2.5em auto 3.2em;border:var(--color-border-strong) solid 3px;border-radius:var(--radius-md)}.blog-body .twitter-embed{display:flex;justify-content:center;margin:2.5em 0 3.2em}.blog-body .twitter-embed :is(blockquote.twitter-tweet,twitter-widget,iframe){margin:0!important}.blog-back{margin-top:64px;margin-bottom:48px}.blog-back a{text-decoration:none}.blog-photo-marquee{--marquee-duration: 40s;width:100vw;margin:56px 0 24px;margin-left:calc(50% - 50vw);overflow:hidden}.blog-photo-marquee-viewport{overflow:hidden}.blog-photo-marquee-track{display:flex;width:max-content;animation:blog-photo-marquee var(--marquee-duration) linear infinite}.blog-photo-marquee:hover .blog-photo-marquee-track{animation-play-state:paused}.blog-photo-marquee-list{display:flex;gap:16px;list-style:none;margin:0;padding:0 8px}.blog-photo-marquee-item{flex-shrink:0;margin:0;line-height:0}.blog-photo-marquee-item a{display:block;text-decoration:none;transition:opacity .2s ease}.blog-photo-marquee-item a:hover,.blog-photo-marquee-item a:focus-visible{opacity:.85}.blog-photo-marquee-item img{display:block;height:187px;width:293px;max-width:none;margin:0;border:var(--color-text) solid 1px;border-radius:var(--radius-md);object-fit:cover;object-position:center}@keyframes blog-photo-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:720px){.blog-photo-marquee-item img{height:149px;width:235px}}.share-buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 42px}.blog-body+.share-buttons{margin:48px 0 32px}.share-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;border:var(--color-border-strong) solid 3px;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:.85em;line-height:1;box-sizing:border-box;background:none;color:var(--color-text);cursor:pointer;font-family:inherit;flex-shrink:0}.share-hatena,.share-x,.share-link{font-family:var(--font-roboto)}.share-hatena{letter-spacing:.02em}@media(max-width:720px){:root{--header-height: 73px}body{font-size:1em}.top{margin-top:50px}.header-top{padding:0 20px}.header-inner{padding:12px 0}.header-logo{margin:0;width:auto}.header-links{gap:16px;font-size:.8em;margin-top:5px}.blog-list-item,.blog-list-item a{line-height:2.4}.blog-list-item{margin-bottom:24px}.footer-top{padding:0 20px}.footer-inner{padding:20px 0}.footer-links{gap:16px;font-size:.8em}.logo{margin-left:10px}.main{width:90%;margin:0 auto}.container{flex-direction:column;gap:20px}.item{width:100%;margin-bottom:0}.name-box{flex-direction:column;align-items:center;gap:16px;margin-top:24px;text-align:center}.name-body{width:100%;container-type:inline-size}.name-detail-line{white-space:nowrap;font-size:clamp(.625rem,3.75cqi,1.1em)}.name-detail-line.name-primary{font-size:clamp(.75rem,4.6cqi,1.3em)}.profile-icon{width:128px;height:128px}h2,.page-title{font-size:1.6em;letter-spacing:.1em}.top-links{font-size:1.5em}.cat-logo{font-size:3.6em}.experience .page-title{font-size:1.6em}.blog-title,.breadcrumb+.page-title{font-size:1.7em}}
