/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,:before,:after{box-sizing:border-box}
:root{--base-background-color: rgb(253, 253, 253);--base-text-color: rgb(91, 91, 91);--base-border-color: rgb(229 231 235);--nav-background-color: rgba(255, 255, 255, .75);--sensitive-modal-background-color: rgba(255, 255, 255, .5);--blog-nav-text-color: rgb(255, 255, 255)}
:root{--link-text-color: rgb(209, 33, 87);--alert-border: rgb(209, 33, 87);--blockquote-alert-color: rgb(209, 33, 87);--nav-active-color: rgb(209, 33, 87);--nav-hover-color: rgba(209, 33, 87, .5);--blog-nav-background-color: rgb(209, 33, 87);--header-border: rgba(209, 33, 86, .5)}
.themas-pink{--link-text-color: rgb(209, 33, 87);--alert-border: rgb(209, 33, 87);--blockquote-alert-color: rgb(209, 33, 87);--nav-active-color: rgb(209, 33, 87);--nav-hover-color: rgba(209, 33, 87, .5);--blog-nav-background-color: rgb(209, 33, 87);--header-border: rgba(209, 33, 86, .5)}
.themas-purple{--link-text-color: rgb(161, 91, 247);--alert-border: rgb(153, 77, 247);--blockquote-alert-color: rgb(161, 91, 247);--nav-active-color: rgb(166, 101, 247);--nav-hover-color: rgba(166, 101, 247, .5);--blog-nav-background-color: rgb(161, 91, 247);--header-border: rgba(161, 91, 247, .5)}
.themas-green{--link-text-color: rgb(82, 159, 112);--alert-border: rgb(94, 183, 129);--blockquote-alert-color: rgb(94, 183, 129);--nav-active-color: rgb(94, 183, 129);--nav-hover-color: rgba(94, 183, 129, .5);--blog-nav-background-color: rgb(94, 183, 129);--header-border: rgba(94, 183, 129, .5)}
.themas-lightblue{--link-text-color: rgb(91, 167, 247);--alert-border: rgb(86, 158, 234);--blockquote-alert-color: rgb(91, 167, 247);--nav-active-color: rgb(91, 167, 247);--nav-hover-color: rgba(91, 166, 247, .5);--blog-nav-background-color: rgb(91, 167, 247);--header-border: rgba(91, 167, 247, .5)}
@media (prefers-color-scheme: dark){
:root{--base-background-color: rgb(24, 24, 26);--base-text-color: rgb(255, 255, 255);--base-border-color: rgb(85, 85, 92);--nav-background-color: rgba(24, 24, 26, .5);--sensitive-modal-background-color: rgba(24, 24, 26, .5);--blog-nav-text-color: rgb(255, 255, 255)}
}
html{font-family:var(--font-family);line-height:var(--line-height)}
html,body{background-color:var(--base-background-color);color:var(--base-text-color)}
.hidden{display:none!important}
.block{display:block}
a{color:var(--link-text-color);text-decoration:none;border:solid 1px transparent}
a:focus{border:dashed 1px var(--link-text-color)}
*,:after,:before{font-size:.95rem;overscroll-behavior:none}
h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;font-weight:400;margin:0}
h1{font-size:2.5rem;line-height:3rem;margin:2.5rem 0}
h2,h3{font-size:1.5rem;line-height:2rem;margin:1.25rem 0}
p{line-height:1.25rem;margin:1.25rem 0}
hr{margin:1.75rem 0;padding:0;border:none;border-top:solid 1px var(--alert-border)}
ul{margin:0;padding:0;list-style-position:inside}
dl,dt,dd{margin:0;padding:0}
pre{margin:0}
img{width:500px}
blockquote{position:relative;margin:0;padding:.25rem;border:solid 2px var(--blockquote-alert-color);border-width:0 0 0 2px}
[dir=rtl] blockquote{border-width:0 2px 0 0}
.alert{border:solid 1px var(--blockquote-alert-color);border-radius:.125rem;margin:1rem 0;padding:.5rem}
.dot:after{content:"・";font-family:serif;opacity:.85}
.content-root{position:fixed;inset:0;width:100svw;height:100svh;overflow:auto}
.max-display-contents{max-width:65rem;margin:0 auto}
@media (max-width: 70rem){
.max-display-contents{width:calc(100% - 2rem);margin:0 1rem}
}
.min-height-contents{min-height:25rem}
.main-nav{z-index:999;position:sticky;top:0;width:100%;background-color:var(--nav-background-color);backdrop-filter:blur(24px);border:solid 1px var(--base-border-color);border-width:1px 0 1px 0;border-color:transparent transparent var(--base-border-color) transparent}
.main-nav-flex{display:flex;justify-self:start}
.main-nav-item{width:100%;text-transform:lowercase}
.main-nav-item a{border:none!important}
@media (max-width: 65rem){
.main-nav-item-sub{display:none}
}
.main-nav-item-flex{position:relative;display:flex;gap:.25rem;flex-direction:column;align-items:center;max-width:4.5rem;padding:.85rem .5rem;margin:auto}
.main-nav-item-active:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background-color:var(--nav-active-color)}
.main-nav-item-flex :before{font-size:1.35rem}
.main-nav-item-flex span{font-size:.85rem}
@media (max-width: 30rem){
.main-nav-item-flex :before{font-size:1.15rem}
.main-nav-item-flex span{font-size:.7rem}
}
.contents-body{margin:0 auto}
@media (max-width: 45rem){
.main-nav{position:fixed;top:auto;bottom:0;border-width:1px 0 0 0;border-color:var(--base-border-color) transparent transparent transparent}
.contents-body{margin:0 auto 9.5rem}
}
.blog-post-items{display:grid;gap:1rem;margin:3rem 0}
@media (min-width: 65rem){
.blog-post-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.blog-post-item{width:100%;border:solid 1px var(--base-border-color);border-radius:.125rem;overflow:hidden}
.blog-post-item a{border:none}
.blog-post-item-image{width:100%}
.blog-post-item-about-box{margin:1rem .525rem}
.blog-post-item-about-title{font-size:1.125rem}
.blog-post-item-about-more{font-size:.89rem}
.blog-contents-title-image-content{width:100%;border-radius:.25rem;margin:2rem 0}
.blog-contents-title{margin:0}
.blog-contents-title-time{font-size:1.25rem;margin:1rem 0}
table{margin:1rem 0;border:solid 1px var(--alert-border);border-collapse:collapse}
th,td{padding:.75rem;border:solid 1px var(--alert-border);text-align:left}
.sensitive-modal{display:flex;z-index:1000;position:fixed;inset:0;width:100%;height:100svh;background-color:var(--sensitive-modal-background-color);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.sensitive-modal-contents{color:#fff;width:40rem;height:max-content;margin:auto;background-color:#d12157;border-radius:.125rem;padding:1.125rem;box-shadow:#00000059 0 5px 15px}
.sensitive-modal-buttons{display:flex;gap:.525rem}
@media (max-width: 45rem){
.sensitive-modal{display:block}
.sensitive-modal-contents{width:calc(100% - 2rem);margin:2rem 1rem}
}
.sensitive-modal-lite-button{color:#fff;border:solid 1px rgb(255,255,255);background-color:transparent}
.sensitive-modal-content-button{color:#d12157;background-color:#fff}
.sensitive-modal-lite-button,.sensitive-modal-content-button{padding:.5rem;border-radius:.125rem}
.blog-contents-nav{background-color:var(--blog-nav-background-color)}
.blog-contents-nav *{color:var(--blog-nav-text-color)}
.blog-contents-nav-flex{display:flex;gap:1rem;padding:.75rem 0}
.blog-contents-nav-item{text-transform:lowercase}
.blog-contents-nav-item a{border:none}
.blog-contents-nav-item span{font-size:.95rem}
.blog-contents-nav-item :before{font-size:1.25rem;color:var(--blog-nav-text-color)}
.blog-contents-nav-item-flex{display:flex;justify-content:center;align-items:center;gap:.5rem}
.header-image{display:flex;gap:.5rem;align-items:center;margin:1.5rem 0}
.header-image:before,.header-image:after{content:"";display:block;width:100%;height:2px;border-radius:4px;background-color:var(--header-border)}
.header-image:before{width:24px}
@media (max-width: 30rem){
.header-image:before{width:100%}
}
.header-image-contents{width:48px;height:48px;border-radius:.125rem}
.header-border{display:block;width:100%;height:2px;border-radius:4px;margin:2.5rem 0;background-color:var(--header-border)}
:root{--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--line-height: auto}