.hero{text-align:center;color:#f1f1f1;font-family:Arial,Helvetica,sans-serif;height:30cqh}.hero h1{font-weight:normal;line-height:25cqh}.hero p{margin-top:-10cqh}@container main (min-width: 768px){.hero{height:30cqh}.hero h1{line-height:25cqh}.hero p{margin-top:-10cqh}}@container main (min-width: 1024px){.hero{height:40cqh}.hero h1{font-size:60px;line-height:35cqh}.hero p{margin-top:-10cqh;font-size:20px}}@container main (min-width: 1280px){.hero{height:50cqh}.hero h1{font-size:120px;line-height:50cqh}.hero p{margin-top:-18cqh;font-size:20px}}.blogrid{width:100%;display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto}.gridwrap{width:100%;padding-top:var(--space-3xl)}.side{grid-column:1/2;grid-row:3/4}.side ul{font-size:16px;margin:1em 0 0 1.3em}.side li{margin:.5em 0}.bottom{grid-column:1/2;grid-row:2/3}.bottom h3{padding:0 var(--space-2xl)}.bloglist{grid-column:1/2;grid-row:1/2;margin:var(--space-4xl) 0}.bloglist h3{font-family:"Noto Serif JP",serif;font-size:18px;padding:.5em 0;max-width:480px}.bloglist p{padding:0 .4em}.bloglist article{margin-bottom:var(--space-3xl)}.bloglist article div{width:100%;background:#f0f1f1;padding:var(--space-2xl) var(--space-3xl);margin-bottom:var(--space-xl)}.bloglist figure img{width:100%;min-width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center center}.bloglist figure img:hover{opacity:.7;transition:.5s ease}.nav-links{font-size:20px;margin-bottom:var(--space-3xl);text-align:center}.page-numbers{background:#f0f1f1;border-radius:.2em;padding:1em 1.2em;text-align:center;margin-right:20px}a.page-numbers:hover{background:#c70075;color:#f0f1f1}.tags{margin-bottom:var(--space-3xl)}.tags a{margin-right:.4rem}@container main (max-width: 767.98px){.tags{padding:0 var(--space-2xl)}.side{padding:0 var(--space-2xl) var(--space-4xl)}}@container main (min-width: 768px){.bloglist{display:grid;grid-template-columns:1fr;gap:2em 0}.bloglist article{margin:0 auto;background:#f0f1f1}.bloglist figure img{border:1px solid #f0f1f1;width:50cqw;min-width:50cqw}.bottom h3{padding:0 var(--space-2xl)}.tags{padding:0 var(--space-2xl)}.side{padding:0 var(--space-2xl) var(--space-4xl)}}@container main (min-width: 1024px){.blogrid{width:1000px;margin:var(--space-4xl) auto}.gridwrap{width:1000px;margin:0 auto}.bloglist{display:grid;grid-template-columns:1fr 1fr;gap:2em 1em}.bloglist figure img{min-width:320px;width:100%}}@container main (min-width: 1280px){.blogrid{width:1200px;margin:0 auto;display:grid;grid-template-columns:1200px;grid-template-rows:auto auto}.gridwrap{width:1200px}.bloglist{grid-column:1/2;grid-row:1/2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2em 1em}.side{padding:var(--space-4xl) 0 0 var(--space-xl);padding:var(--space-xl) 0 var(--space-4xl)}.bottom{grid-column:1/3;grid-row:2/3}}@container main (min-width: 1440px){.side li{white-space:nowrap}}.blog{font-size:18px;margin-top:3em;min-height:46cqh}.blog p{line-height:1.8;margin-bottom:.5em}.blog h1+p,.blog h2+p,.blog h3+p,.blog h4+p,.blog h5+p,.blog h6+p{margin-top:1em}.blog h3{font-size:1.35em}.blog h4,.blog h5,.blog h6{font-size:1em}.blog a img{margin:0 auto;display:block}.blog hr{border:0;border-bottom:1px solid #ccc;margin:1em}.blog strong{margin-left:.5em;margin-right:.5em}.blog ol li,.blog ul li{margin-left:1.5em}hr.hr-dots{border:0;display:block;height:1.2em;font-size:.5em;position:relative;line-height:1;text-align:center;margin-bottom:2em}hr.hr-dots::before{content:"●●●";position:absolute;top:0;letter-spacing:1.75em;color:#ccc}.size-full{max-width:500px;height:auto;aspect-ratio:auto}.full{max-width:1000px;height:auto;aspect-ratio:auto}.aligncenter{margin:0 auto;display:block}.bghead,.entry-title{background:#f0f1f1;padding-left:.5em}th,td{border:1px solid;padding:.5em}.blogfoot{border-top:1px solid #ccc;padding:1em 1em 3em}code{padding:.5em;background:#3d3d3d;color:#f5f5f5;margin:2px;border-radius:6px}main{container:main/inline-size}header{background:rgba(0,0,0,0);height:initial;position:relative}header h1{background:rgba(0,0,0,0);display:initial;position:initial;margin:initial;top:initial;left:initial;width:initial;height:initial;text-indent:initial}:root{--space-sm: 4px;--space-md: 8px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 48px;--space-4xl: 80px}.screen-reader-text{display:none}