@font-face{font-family:"SHS";src:url(/fonts/SourceHanSansJP-VF.otf.woff2)}@font-face{font-family:"Source Code Pro";src:url(/fonts/SourceCodePro-Medium.otf)}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14.ttf);font-weight:normal}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14B.ttf);font-weight:bold}h2{margin-left:calc(var(--4th-total)*-1);padding-left:var(--heading-padding);box-shadow:var(--1st-total) 0 0 0 var(--1st-color),var(--2nd-total) 0 0 0 var(--2nd-color),var(--3rd-total) 0 0 0 var(--3rd-color),var(--4th-total) 0 0 0 var(--4th-color);transition:box-shadow .3s ease,padding-left .3s ease}h2:hover{box-shadow:calc(var(--4th-total)/4) 0 0 0 var(--1st-color),calc(var(--4th-total)/2) 0 0 0 var(--2nd-color),calc(var(--4th-total)/4*3) 0 0 0 var(--3rd-color),calc(var(--4th-total)) 0 0 0 var(--4th-color);padding-left:calc(var(--heading-padding)*1.5)}.blog_title{color:var(--text-color);font-size:1.2rem}.blog_container{margin-bottom:30pt;margin-top:20pt}.blog-content{display:flex;flex-direction:column}.blog-content img{display:block;margin:15pt auto 15pt auto;width:100%;max-width:400pt;position:relative;top:50%;border-radius:10pt;border:1px solid var(--border);transition:opacity .15s ease-out,transform .15s ease-out}.blog-content img:hover{transform:scale(1.025)}