@charset "UTF-8";/*! 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;-webkit-text-decoration:underline dotted;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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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;margin:0;padding:0}html,body{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,メイリオ,Meiryo,-apple-system,Segoe UI,sans-serif;color:#02253a;background-color:#fff;font-feature-settings:"palt" on}body{background-color:#f7f9fa}h1,h2,h3,h4,h5,h6{color:#02253a;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#02253a;text-decoration:none}#container{position:relative;z-index:0;overflow-wrap:break-word}#container:before{content:"";position:absolute;top:0;left:0;width:100%;height:clamp(230px,61.3333333333vw,588.1866666667px);z-index:-30;background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/common/bg_header_sp.png);background-repeat:no-repeat;background-size:cover;background-position:center}@media (min-width: 600px){#container:before{height:clamp(360px,37.5vw,480px);background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/common/bg_header_pc.png)}}#container:after{content:"";width:100%;height:clamp(50px,13.3333333333vw,127.8666666667px);position:absolute;z-index:-20;top:clamp(180px,48vw,460.32px);left:0;background:linear-gradient(180deg,#f7f9fa00,#f7f9fa99 31%,#f7f9facc 55%,#f7f9fa 94%)}@media (min-width: 600px){#container:after{top:clamp(285px,29.6875vw,380px);height:clamp(75px,7.8125vw,100px)}}#container-inner{position:relative}#container-inner:before{content:"";width:100%;position:absolute;top:clamp(230px,61.3333333333vw,588.1866666667px);left:0;bottom:0;z-index:-20;background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/common/bg_common_sp.png);background-repeat:repeat-y;background-size:100% auto}@media (min-width: 600px){#container-inner:before{top:clamp(450px,46.875vw,600px);background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/common/bg_common_pc.png)}}#content{width:100%;margin-right:auto;margin-left:auto;padding-top:clamp(96px,25.6vw,245.504px);padding-left:16px;padding-right:16px}@media (min-width: 600px){#content{padding-top:clamp(105px,10.9375vw,140px)}}@media (min-width: 960px){#content{max-width:1160px;padding-left:20px;padding-right:20px}}#content-inner{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px}@media (min-width: 960px){#content-inner{flex-direction:row;gap:40px;margin-bottom:56px}}#wrapper{width:100%}@media (min-width: 960px){#wrapper{max-width:760px;flex:1;min-width:0}}#box2{width:100%}@media (min-width: 960px){#box2{width:320px;flex:0 0 auto}}#blog-title{display:none;width:100%;max-width:1160px;padding:0 20px;position:absolute;top:clamp(180px,30.0500834725vw,288.1803005008px);left:50%;transform:translate(-50%)}@media (min-width: 600px){#blog-title{top:clamp(105px,10.9375vw,140px)}}#blog-title #blog-title-inner{display:flex;justify-content:center}@media (min-width: 600px){#blog-title #blog-title-inner #blog-title-content{margin-left:auto;max-width:50vw}}@media (min-width: 960px){#blog-title #blog-title-inner #blog-title-content{max-width:45vw;text-align:right}}#blog-title #blog-title-inner h1{text-align:center}#blog-title #blog-title-inner h1:before{content:"";display:block;width:285px;aspect-ratio:285/49;max-width:100%;margin-left:auto;margin-right:auto;background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/top/catchcopy_sp.png);background-repeat:no-repeat;background-size:contain}@media (min-width: 600px){#blog-title #blog-title-inner h1:before{width:508px;aspect-ratio:508/88;background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/top/catchcopy_pc.png);margin-bottom:12px}}#blog-title #blog-title-inner h1 a{display:block;color:#776457;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 600px){#blog-title #blog-title-inner h1 a{font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}@media (min-width: 960px){#blog-title #blog-title-inner h1 a{font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}#blog-title #blog-title-inner h2#blog-description{display:none}.btn{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:4px;color:#0077d3;border:1px solid #0077d3;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease}.btn:hover{background-color:#d3eaff}.btn-primary{color:#0077d3;border:1px solid #0077d3;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease}.btn-primary:hover{background-color:#d3eaff}.btn-secondary{color:#0077d3;border:1px solid #7bc5ff;transition:color .3s ease,border-color .3s ease;position:relative;z-index:0;background:linear-gradient(90deg,#e7f3f3,#e3f4fb 49%,#dfefff);overflow:hidden}.btn-secondary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#cfe8e8,#c7eaf7 49%,#bedfff);opacity:0;transition:opacity .2s ease;z-index:-10}.btn-secondary:hover:after{opacity:1}.btn-tertiary{color:#435e6e;border:1px solid #aebbc2;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease}.btn-tertiary:hover{background-color:#edf1f3}.btn-rounded{border-radius:4px}.btn-pill{border-radius:50px}.btn-s{padding:8px 12px;min-height:25px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.04em}.btn-m{padding:8px 12px;min-height:34px;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.04em}header.custom-header{width:100%;position:fixed;top:0;left:0;z-index:100;background-color:#fffc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 8px #003d6f1f,0 4px 6px #003d6f0f}header.custom-header img{max-width:100%;height:auto}header.custom-header .custom-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;position:relative;margin-right:auto;margin-left:auto;padding:12px 4px 12px 16px}@media (min-width: 960px){header.custom-header .custom-header-inner{max-width:1160px;height:60px;padding:12px 20px}}header.custom-header .custom-header-inner h1{margin:0;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em;color:#02253a}@media (min-width: 960px){header.custom-header .custom-header-inner h1{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}header.custom-header .custom-header-inner h1 a:hover{text-decoration:none}header.custom-header .custom-header-inner nav.custom-header-nav-pc{display:none}@media (min-width: 960px){header.custom-header .custom-header-inner nav.custom-header-nav-pc{display:block}}header.custom-header .custom-header-inner nav.custom-header-nav-pc ul{list-style-type:none;display:flex;flex-direction:row;gap:24px}header.custom-header .custom-header-inner nav.custom-header-nav-pc ul li{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}header.custom-header .custom-header-inner nav.custom-header-nav-pc ul li a{display:inline-block;position:relative;padding-right:20px;color:#005091;text-decoration:none}header.custom-header .custom-header-inner nav.custom-header-nav-pc ul li a:hover{text-decoration:underline}header.custom-header .custom-header-inner nav.custom-header-nav-pc ul li a:after{display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%);color:currentColor;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}header.custom-header .custom-header-inner .custom-header-sp-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:absolute;top:50%;right:4px;transform:translateY(-50%);z-index:400;cursor:pointer}@media (min-width: 960px){header.custom-header .custom-header-inner .custom-header-sp-button{display:none}}header.custom-header .custom-header-inner .custom-header-sp-button .hamburger-button{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:16px;background:transparent;border:none;padding:0;cursor:pointer}header.custom-header .custom-header-inner .custom-header-sp-button .hamburger-button span.hamburger-button-bar{display:block;width:100%;height:2px;background-color:#005091;border-radius:9px;transition:transform .3s,opacity .3s}header.custom-header .custom-header-inner nav.custom-header-nav-sp{visibility:hidden;opacity:0;transform:translate(100%);transition:transform .3s,opacity .3s,visibility .3s;width:calc(100% - 75px);max-width:400px;height:100vh;overflow:hidden;position:fixed;top:0;right:0;z-index:300;background-color:#f7f9fa}@media (min-width: 960px){header.custom-header .custom-header-inner nav.custom-header-nav-sp{display:none}}header.custom-header .custom-header-inner nav.custom-header-nav-sp .custom-header-nav-sp-inner{width:100%;height:100%;overflow-y:auto;padding:80px 20px 20px}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul{width:100%;display:flex;flex-direction:column;list-style-type:none}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul li a{color:#02253a;text-decoration:none}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner{flex-direction:column;gap:16px;margin-bottom:32px}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a{font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em;transition:color .2s ease}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a:hover{color:#005091}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-image img{transition:transform .3s ease}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a:hover .link-list-item-image img{transform:scale(1.05)}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-image{border:1px solid #dae1e4;border-radius:8px;margin-bottom:4px;overflow:hidden;position:relative}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-image:before{display:block;content:"";width:16px;height:16px;background-color:#fff;border-radius:4px;position:absolute;right:8px;bottom:8px;z-index:10}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-image:after{display:block;content:"";width:16px;height:16px;color:#435e6e;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:8px;bottom:8px;z-index:10}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-image img{display:block}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.banner li a .link-list-item-title{text-align:center}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text{gap:20px}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li a{display:inline-block;vertical-align:top;position:relative;padding-right:20px;text-decoration:none;transition:color .2s ease}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li a:hover{text-decoration:underline}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li a:hover{color:#005091}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li a:hover:after{color:#005091}header.custom-header .custom-header-inner nav.custom-header-nav-sp ul.text li a:after{display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%);color:#02253a;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}header.custom-header .custom-header-inner .custom-header-overlay{visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:200;background-color:#00000080}@media (min-width: 960px){header.custom-header .custom-header-inner .custom-header-overlay{display:none}}header.custom-header.is-active .custom-header-sp-button .hamburger-button span.hamburger-button-bar:nth-of-type(1){transform:translateY(7px) rotate(45deg)}header.custom-header.is-active .custom-header-sp-button .hamburger-button span.hamburger-button-bar:nth-of-type(2){opacity:0}header.custom-header.is-active .custom-header-sp-button .hamburger-button span.hamburger-button-bar:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}header.custom-header.is-active nav.custom-header-nav-sp{visibility:visible;opacity:1;transform:translate(0)}header.custom-header.is-active .custom-header-overlay{visibility:visible;opacity:1}footer.custom-footer{background-color:#0064b2}footer.custom-footer .custom-footer-inner{width:100%;margin-right:auto;margin-left:auto;padding:40px 16px;color:#fff}@media (min-width: 960px){footer.custom-footer .custom-footer-inner{max-width:1160px;padding:40px 20px}}footer.custom-footer .custom-footer-inner a{color:#fff;text-decoration:none}footer.custom-footer .custom-footer-inner a:hover{text-decoration:underline}footer.custom-footer .custom-footer-inner nav.custom-footer-nav ul{list-style-type:none;display:flex}footer.custom-footer .custom-footer-inner nav.custom-footer-nav ul li{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.04em}footer.custom-footer .custom-footer-inner nav.custom-footer-nav ul li a{display:inline-block;position:relative;padding-right:20px}footer.custom-footer .custom-footer-inner nav.custom-footer-nav ul li a:after{display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%);color:currentColor;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}footer.custom-footer .custom-footer-top{margin-bottom:40px}@media (min-width: 960px){footer.custom-footer .custom-footer-top{margin-bottom:24px}}footer.custom-footer .custom-footer-top .custom-footer-heading{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin-bottom:24px}@media (min-width: 960px){footer.custom-footer .custom-footer-top .custom-footer-heading{font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}footer.custom-footer .custom-footer-top .custom-footer-heading a:hover{text-decoration:none}footer.custom-footer .custom-footer-top nav.custom-footer-nav.main-nav ul{flex-direction:column;gap:12px}@media (min-width: 960px){footer.custom-footer .custom-footer-top nav.custom-footer-nav.main-nav ul{gap:16px}}footer.custom-footer .custom-footer-bottom nav.custom-footer-nav.sub-nav ul{flex-direction:column;gap:12px;margin-bottom:40px}@media (min-width: 960px){footer.custom-footer .custom-footer-bottom nav.custom-footer-nav.sub-nav ul{flex-direction:row;justify-content:flex-end;gap:16px;margin-bottom:20px}}footer.custom-footer .custom-footer-bottom .custom-footer-copyright{font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em}@media (min-width: 960px){footer.custom-footer .custom-footer-bottom .custom-footer-copyright{text-align:right}}#box2{position:relative;margin-top:56px}@media (min-width: 960px){#box2{margin-top:0}}#box2:before{content:"";display:block;width:calc(100% + 40px);height:100%;position:absolute;top:0;left:-20px;z-index:-20;background:linear-gradient(to bottom,#f7f9fa00,#f7f9fa80 76px)}@media (min-width: 960px){#box2:before{display:none}}#box2 img{max-width:100%;height:auto}#box2 .hatena-module{margin-bottom:56px}#box2 .hatena-module:last-of-type{margin-bottom:0}#box2 .hatena-module-title{position:relative;padding-left:28px;margin-bottom:20px;color:#005091;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}#box2 .hatena-module-title:before{display:block;content:"";width:24px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/folder.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/folder.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-title a{color:#005091;text-decoration:none}#box2 .hatena-module-title a:hover{text-decoration:underline}#box2 .hatena-urllist{list-style:none;margin:0;padding:0}#box2 .hatena-module-custom-links{padding:20px;background-color:#fff;border-radius:16px;border:1px solid rgba(0,61,111,.1)}#box2 .hatena-module-custom-links .hatena-module-title{display:none}#box2 .hatena-module-custom-links-inner ul.link-list{display:flex;flex-direction:column}#box2 .hatena-module-custom-links-inner ul.link-list li a{color:#02253a;text-decoration:none}#box2 .hatena-module-custom-links-inner ul.link-list.banner{margin-bottom:24px;gap:16px}@media (min-width: 600px){#box2 .hatena-module-custom-links-inner ul.link-list.banner{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 960px){#box2 .hatena-module-custom-links-inner ul.link-list.banner{grid-template-columns:1fr}}#box2 .hatena-module-custom-links-inner ul.link-list.banner li{list-style:none}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a{font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em;transition:color .2s ease}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a:hover{color:#005091}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a .link-list-item-image img{transition:transform .3s ease}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a:hover .link-list-item-image img{transform:scale(1.05)}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a .link-list-item-image{border:1px solid #dae1e4;border-radius:8px;margin-bottom:4px;overflow:hidden;position:relative}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a .link-list-item-image:before{display:block;content:"";width:16px;height:16px;background-color:#fff;border-radius:4px;position:absolute;right:8px;bottom:8px;z-index:10}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a .link-list-item-image:after{display:block;content:"";width:16px;height:16px;color:#435e6e;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:8px;bottom:8px;z-index:10}#box2 .hatena-module-custom-links-inner ul.link-list.banner li a .link-list-item-image img{display:block}#box2 .hatena-module-custom-links-inner ul.link-list.banner li .link-list-item-title{text-align:center}#box2 .hatena-module-custom-links-inner ul.link-list.text{padding-left:1.6rem;gap:12px}#box2 .hatena-module-custom-links-inner ul.link-list.text li{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}#box2 .hatena-module-custom-links-inner ul.link-list.text li a{display:inline-block;vertical-align:top;position:relative;padding-right:20px;text-decoration:none;transition:color .2s ease}#box2 .hatena-module-custom-links-inner ul.link-list.text li a:hover{text-decoration:underline}#box2 .hatena-module-custom-links-inner ul.link-list.text li a:hover{color:#005091}#box2 .hatena-module-custom-links-inner ul.link-list.text li a:hover:after{color:#005091}#box2 .hatena-module-custom-links-inner ul.link-list.text li a:after{display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%);color:#435e6e;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-category .hatena-module-title:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/folder.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/folder.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-category .hatena-urllist{display:flex;flex-wrap:wrap;gap:8px}#box2 .hatena-module-category .hatena-urllist li a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:50px;color:#0077d3;border:1px solid #7bc5ff;transition:color .3s ease,border-color .3s ease;position:relative;z-index:0;background:linear-gradient(90deg,#e7f3f3,#e3f4fb 49%,#dfefff);overflow:hidden}#box2 .hatena-module-category .hatena-urllist li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#cfe8e8,#c7eaf7 49%,#bedfff);opacity:0;transition:opacity .2s ease;z-index:-10}#box2 .hatena-module-category .hatena-urllist li a:hover:after{opacity:1}#box2 .hatena-module-search-box .hatena-module-title{display:none}#box2 .hatena-module-entries-access-ranking .hatena-urllist li,#box2 .hatena-module-recent-entries .hatena-urllist li{margin-bottom:16px}#box2 .hatena-module-entries-access-ranking .hatena-urllist li:last-child,#box2 .hatena-module-recent-entries .hatena-urllist li:last-child{margin-bottom:0}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-item-inner,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-item-inner{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:0 12px}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-item-inner .urllist-title-link,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-item-inner .urllist-title-link{transition:color .2s ease}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-item-inner:hover .urllist-title-link,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-item-inner:hover .urllist-title-link{color:#005091}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-item-inner .urllist-image-link img,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-item-inner .urllist-image-link img{transition:transform .3s ease}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-item-inner:hover .urllist-image-link img,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-item-inner:hover .urllist-image-link img{transform:scale(1.05)}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-image-link,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-image-link{grid-column:1/2;grid-row:1/3;display:block;border-radius:8px;overflow:hidden;height:60px;aspect-ratio:16/9}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-image-link img.urllist-image,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-image-link img.urllist-image{margin:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#box2 .hatena-module-entries-access-ranking .hatena-urllist li a.urllist-title-link,#box2 .hatena-module-recent-entries .hatena-urllist li a.urllist-title-link{grid-column:2/3;grid-row:1/2;display:block;align-self:start;margin-bottom:4px;color:#02253a;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em;text-decoration:none;transition:color .2s ease}#box2 .hatena-module-entries-access-ranking .hatena-urllist li a.urllist-title-link:hover,#box2 .hatena-module-recent-entries .hatena-urllist li a.urllist-title-link:hover{color:#005091}#box2 .hatena-module-entries-access-ranking .hatena-urllist li a.urllist-title-link:after,#box2 .hatena-module-recent-entries .hatena-urllist li a.urllist-title-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-date-link,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-date-link{grid-column:2/3;grid-row:2/3;text-align:right;align-self:end}#box2 .hatena-module-entries-access-ranking .hatena-urllist li .urllist-date-link a,#box2 .hatena-module-recent-entries .hatena-urllist li .urllist-date-link a{position:relative;z-index:10;color:#435e6e;text-decoration:none}#box2 .hatena-module-entries-access-ranking .hatena-module-title:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/starshine.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/starshine.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-recent-entries .hatena-module-title:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/docs.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/docs.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-archive .hatena-module-title:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/calendar.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/calendar.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}#box2 .hatena-module-archive .hatena-urllist a{color:#02253a;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.04em;text-decoration:none;transition:color .2s ease}#box2 .hatena-module-archive .hatena-urllist a:hover{text-decoration:underline}#box2 .hatena-module-archive .hatena-urllist a:hover{color:#005091}#box2 .hatena-module-archive .hatena-urllist .archive-module-year{margin-bottom:16px}#box2 .hatena-module-archive .hatena-urllist .archive-module-year:last-child{margin-bottom:0}#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button{opacity:1}#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-hide-button,#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-show-button{display:inline-block;width:24px;height:24px;text-indent:100%;white-space:nowrap;overflow:hidden;vertical-align:middle;transition:color .2s ease}#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-hide-button:hover,#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-show-button:hover{color:#005091}#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-hide-button{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;display:none}#box2 .hatena-module-archive .hatena-urllist .archive-module-year .archive-module-button .archive-module-show-button{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-bottom.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-bottom.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;display:inline-block}#box2 .hatena-module-archive .hatena-urllist .archive-module-year.archive-module-year-hidden .archive-module-hide-button{display:inline-block}#box2 .hatena-module-archive .hatena-urllist .archive-module-year.archive-module-year-hidden .archive-module-button .archive-module-show-button{display:none}#box2 .hatena-module-archive .hatena-urllist .archive-module-months{margin-top:8px}#box2 .hatena-module-archive .hatena-urllist .archive-module-months li{margin-right:32px;margin-bottom:4px}#box2 .hatena-module-archive .hatena-urllist .archive-module-months li:last-child{margin-bottom:0}body.page-archive .pager{width:100%;margin-top:40px;display:flex;justify-content:center;gap:16px}@media (min-width: 960px){body.page-archive .pager{margin-top:56px;gap:20px}}body.page-archive .pager span{width:100%;max-width:320px}body.page-archive .pager span a{width:100%;height:48px}body.page-archive .pager span.pager-prev a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-weight:700;border-radius:4px;color:#0077d3;border:1px solid #0077d3;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease;gap:4px;font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.04em}body.page-archive .pager span.pager-prev a:hover{background-color:#d3eaff}body.page-archive .pager span.pager-prev a:before{content:"";display:inline-block;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-left.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}body.page-archive .pager span.pager-next a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-weight:700;border-radius:4px;color:#0077d3;border:1px solid #0077d3;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease;gap:4px;font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.04em}body.page-archive .pager span.pager-next a:hover{background-color:#d3eaff}body.page-archive .pager span.pager-next a:after{content:"";display:inline-block;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}body.page-entry .pager{width:100%;margin-top:24px;display:flex;justify-content:center;background-color:#fff;border:1px solid rgba(0,61,111,.1);border-radius:16px;overflow:hidden;position:relative}body.page-entry .pager:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:1px;background-color:#dae1e4;top:16px;height:calc(100% - 32px)}@media (min-width: 960px){body.page-entry .pager:after{top:24px;height:calc(100% - 48px)}}body.page-entry .pager:has(.pager-next):not(:has(.pager-prev)){justify-content:flex-end}body.page-entry .pager:has(.pager-prev):not(:has(.pager-next)){justify-content:flex-start}body.page-entry .pager .pager-prev,body.page-entry .pager .pager-next{width:50%;position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 8px;cursor:pointer}body.page-entry .pager .pager-prev a,body.page-entry .pager .pager-next a{transition:color .2s ease}body.page-entry .pager .pager-prev:hover a,body.page-entry .pager .pager-next:hover a{color:#0077d3}@media (min-width: 960px){body.page-entry .pager .pager-prev,body.page-entry .pager .pager-next{padding:24px 32px}}body.page-entry .pager .pager-prev:before,body.page-entry .pager .pager-next:before{color:#435e6e;font-size:.625rem;font-weight:400;line-height:1.7;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .pager .pager-prev:before,body.page-entry .pager .pager-next:before{font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em}}body.page-entry .pager .pager-prev a,body.page-entry .pager .pager-next a{width:100%;position:relative;text-decoration:none;color:#02253a;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .pager .pager-prev a,body.page-entry .pager .pager-next a{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .pager .pager-prev a .pager-arrow,body.page-entry .pager .pager-next a .pager-arrow{display:none}body.page-entry .pager .pager-prev a:after,body.page-entry .pager .pager-next a:after{content:"";width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width: 960px){body.page-entry .pager .pager-prev a:after,body.page-entry .pager .pager-next a:after{width:20px;height:20px}}body.page-entry .pager .pager-prev{padding-right:12px}@media (min-width: 960px){body.page-entry .pager .pager-prev{padding-right:24px}}body.page-entry .pager .pager-prev:before{content:"前の記事";padding-left:32px}body.page-entry .pager .pager-prev a{padding-left:32px}body.page-entry .pager .pager-prev a:after{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-left.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;left:0}body.page-entry .pager .pager-next{text-align:right;padding-left:12px}@media (min-width: 960px){body.page-entry .pager .pager-next{padding-left:24px}}body.page-entry .pager .pager-next:before{content:"次の記事";padding-right:32px;text-align:right}body.page-entry .pager .pager-next a{padding-right:32px}body.page-entry .pager .pager-next a:after{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/arrow-right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;right:0}.search-form,.search-result-form{width:100%;height:48px;border:1px solid #aebbc2;background-color:#fff;border-radius:8px;display:flex;align-items:center;overflow:hidden}.search-form .search-module-input,.search-form .search-result-input,.search-result-form .search-module-input,.search-result-form .search-result-input{flex:1 0;width:100%;height:100%;padding:12px;color:#02253a;background:none;border:none;outline:none}.search-form .search-module-input::-moz-placeholder,.search-form .search-result-input::-moz-placeholder,.search-result-form .search-module-input::-moz-placeholder,.search-result-form .search-result-input::-moz-placeholder{color:#8597a1}.search-form .search-module-input::placeholder,.search-form .search-result-input::placeholder,.search-result-form .search-module-input::placeholder,.search-result-form .search-result-input::placeholder{color:#8597a1}.search-form .search-module-button,.search-form .search-result-button,.search-result-form .search-module-button,.search-result-form .search-result-button{width:48px;height:48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230077d3"><path d="M9.51926 15.6153C7.81159 15.6153 6.36542 15.023 5.18076 13.8385C3.99626 12.6538 3.40401 11.2077 3.40401 9.50002C3.40401 7.79235 3.99626 6.34618 5.18076 5.16152C6.36542 3.97702 7.81159 3.38477 9.51926 3.38477C11.2269 3.38477 12.6731 3.97702 13.8578 5.16152C15.0423 6.34618 15.6345 7.79235 15.6345 9.50002C15.6345 10.2142 15.5147 10.8963 15.275 11.5463C15.0352 12.1963 14.7153 12.7616 14.3153 13.2423L20.0693 18.9963C20.2078 19.1346 20.2786 19.3086 20.2818 19.5183C20.2849 19.7279 20.2141 19.9052 20.0693 20.05C19.9244 20.1948 19.7488 20.2673 19.5423 20.2673C19.3359 20.2673 19.1603 20.1948 19.0155 20.05L13.2615 14.296C12.7615 14.7088 12.1865 15.0319 11.5365 15.2653C10.8865 15.4986 10.2141 15.6153 9.51926 15.6153ZM9.51926 14.1155C10.8078 14.1155 11.8991 13.6683 12.7933 12.774C13.6876 11.8798 14.1348 10.7885 14.1348 9.50002C14.1348 8.21152 13.6876 7.12018 12.7933 6.22601C11.8991 5.33168 10.8078 4.88452 9.51926 4.88452C8.23076 4.88452 7.13942 5.33168 6.24526 6.22601C5.35092 7.12018 4.90376 8.21152 4.90376 9.50002C4.90376 10.7885 5.35092 11.8798 6.24526 12.774C7.13942 13.6683 8.23076 14.1155 9.51926 14.1155Z"/></svg>');background-size:24px;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;outline:none;overflow:hidden;cursor:pointer;font-size:0;transition:background-color .2s ease}.search-form .search-module-button:hover,.search-form .search-result-button:hover,.search-result-form .search-module-button:hover,.search-result-form .search-result-button:hover{background-color:#d3eaff}.search-result-form{margin:0 auto;max-width:400px}.search-result-form .search-result-input{width:100%}.search-result-form .search-result-button{position:relative;top:auto;right:auto;opacity:1}.archive-entries{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.archive-entries{grid-template-columns:1fr 1fr;align-items:stretch}}@media (min-width: 960px){.archive-entries{grid-template-columns:1fr;gap:24px}}.archive-entries section.archive-entry{background-color:#fff;border-radius:16px;border:1px solid rgba(0,61,111,.1);padding:16px;position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:12px;align-content:start;transition:box-shadow .2s ease}.archive-entries section.archive-entry .entry-title-link{transition:color .2s ease}.archive-entries section.archive-entry:hover .entry-title-link{color:#005091}.archive-entries section.archive-entry .entry-thumb{transition:transform .3s ease}.archive-entries section.archive-entry:hover .entry-thumb{transform:scale(1.05)}.archive-entries section.archive-entry:hover{box-shadow:0 0 8px #003d6f1f,0 4px 6px #003d6f0f}@media (min-width: 600px){.archive-entries section.archive-entry{grid-template-rows:auto auto auto 1fr}}@media (min-width: 960px){.archive-entries section.archive-entry{gap:16px;grid-template-columns:auto 1fr;grid-template-rows:var(--title-height, auto) max-content 1fr;align-items:start;align-content:start}}.archive-entries section.archive-entry:after{content:"";display:none}.archive-entries section.archive-entry .entry-thumb-link{grid-row:1;display:block;border-radius:8px;overflow:hidden}@media (min-width: 960px){.archive-entries section.archive-entry .entry-thumb-link{grid-column:1/2;grid-row:1/3;width:240px}}.archive-entries section.archive-entry .entry-thumb-link .entry-thumb{width:100%;height:auto;float:none;aspect-ratio:16/9;margin-right:0}.archive-entries section.archive-entry .archive-entry-header{align-self:start;grid-row:2}@media (min-width: 960px){.archive-entries section.archive-entry .archive-entry-header{grid-column:2/3;grid-row:1/2;width:100%}}.archive-entries section.archive-entry .archive-entry-header .entry-title{margin:0}.archive-entries section.archive-entry .archive-entry-header .entry-title a{display:block;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){.archive-entries section.archive-entry .archive-entry-header .entry-title a{font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}.archive-entries section.archive-entry .archive-entry-header .entry-title a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.archive-entries section.archive-entry .archive-entry-header .date{position:absolute;bottom:18px;right:16px;margin-bottom:0;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em}@media (min-width: 960px){.archive-entries section.archive-entry .archive-entry-header .date{bottom:16px;right:20px}}.archive-entries section.archive-entry .archive-entry-header .date a{position:relative;z-index:10;text-decoration:none;color:#435e6e}.archive-entries section.archive-entry .categories{align-self:start;margin:0;display:flex;flex-wrap:wrap;gap:8px 4px}@media (min-width: 960px){.archive-entries section.archive-entry .categories{grid-column:2/3;grid-row:2/3}}.archive-entries section.archive-entry .categories a{z-index:10;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:25px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:50px;color:#0077d3;border:1px solid #7bc5ff;transition:color .3s ease,border-color .3s ease;position:relative;z-index:0;background:linear-gradient(90deg,#e7f3f3,#e3f4fb 49%,#dfefff);overflow:hidden;min-height:30px}.archive-entries section.archive-entry .categories a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#cfe8e8,#c7eaf7 49%,#bedfff);opacity:0;transition:opacity .2s ease;z-index:-10}.archive-entries section.archive-entry .categories a:hover:after{opacity:1}.archive-entries section.archive-entry .archive-entry-body{grid-row:4}@media (min-width: 600px){.archive-entries section.archive-entry .archive-entry-body{display:flex;flex-direction:column}}@media (min-width: 960px){.archive-entries section.archive-entry .archive-entry-body{grid-column:1/3;grid-row:3/4}}.archive-entries section.archive-entry .archive-entry-body .entry-description{font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#02253a;margin-bottom:8px}@media (min-width: 960px){.archive-entries section.archive-entry .archive-entry-body .entry-description{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.04em}}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags-wrapper{margin:0 0 8px}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags-wrapper:not(:has(.archive-entry-tag)){display:none}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags{display:flex;flex-wrap:wrap;gap:4px}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags .archive-entry-tag{display:block;margin:0}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags .archive-entry-tag a{margin:0;position:relative;z-index:10;background-color:#fff;color:#435e6e;border:1px solid #dae1e4;border-radius:4px;transition:background-color .2s ease;padding:4px 8px;font-size:.75rem;font-weight:400;line-height:1;letter-spacing:.04em;min-height:25px}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags .archive-entry-tag a:hover{background-color:#edf1f3}.archive-entries section.archive-entry .archive-entry-body .archive-entry-tags .archive-entry-tag a .archive-entry-tag-label{margin-left:4px}.archive-entries section.archive-entry .social-buttons{position:relative;z-index:10;display:block;width:calc(100% - 90px)}@media (min-width: 600px){.archive-entries section.archive-entry .social-buttons{margin-top:auto}}body.page-index #container:before{height:clamp(276px,46.0767946578vw,441.8764607679px);background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/top/mv_sp.png)}@media (min-width: 600px){body.page-index #container:before{height:clamp(337.5px,35.15625vw,450px);background-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/top/mv_pc.png)}}body.page-index #container:after{top:clamp(226px,37.7295492487vw,361.8263772955px);height:clamp(50px,8.347245409vw,80.0500834725px)}@media (min-width: 600px){body.page-index #container:after{top:clamp(262.5px,27.34375vw,350px);height:clamp(75px,7.8125vw,100px)}}body.page-index #container-inner:before{top:clamp(276px,46.0767946578vw,441.8764607679px)}@media (min-width: 600px){body.page-index #container-inner:before{top:clamp(427.5px,44.53125vw,570px)}}body.page-index #content{padding-top:clamp(300px,50.0834724541vw,480.3005008347px)}@media (min-width: 600px){body.page-index #content{padding-top:clamp(312px,32.5vw,416px)}}body.page-index #blog-title{display:block}body.page-archive #top-box{display:none}body.page-archive h2.archive-heading{margin-bottom:16px;padding:16px;border:1px solid rgba(0,61,111,.1);border-radius:8px;text-align:center;background-color:#fff;color:#005091;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-archive h2.archive-heading{margin-bottom:24px;padding:24px;border-radius:16px;font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-archive.page-archive-category .archive-header-category{margin-bottom:16px}@media (min-width: 960px){body.page-archive.page-archive-category .archive-header-category{margin-bottom:24px}}body.page-archive.page-archive-category h2.archive-heading{margin-bottom:0}body.page-archive.page-archive-category h2.archive-heading:after{content:"の記事一覧";padding-left:4px}body.page-archive .search-result{margin-bottom:16px;padding:16px;border:1px solid rgba(0,61,111,.1);border-radius:8px;background-color:#fff}@media (min-width: 960px){body.page-archive .search-result{margin-bottom:24px;padding:24px;border-radius:16px}}body.page-archive .search-result h2.archive-heading{padding:0 0 16px;border:none;border-radius:0;border-bottom:1px solid #dae1e4;background-color:transparent}@media (min-width: 960px){body.page-archive .search-result h2.archive-heading{padding-bottom:20px;margin-bottom:20px}}body.page-archive .search-result+p{display:flex;flex-direction:column;gap:16px;padding:40px 16px;text-align:center;border:1px solid rgba(0,61,111,.1);border-radius:8px;background-color:#fff;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-archive .search-result+p{border-radius:16px;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-archive .search-result+p:after{content:"お探しのキーワードに一致する記事は\a見つかりませんでした。\a別のキーワードをお試しください。";white-space:pre;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}@media (min-width: 960px){body.page-archive .search-result+p:after{content:"お探しのキーワードに一致する記事は見つかりませんでした。\a別のキーワードをお試しください。"}}body.page-archive span.highlight{background-color:#fff59d;padding:.1em .2em;margin:.2em;color:#02253a;border:1px solid rgba(0,61,111,.1);border-radius:4px}body.page-entry .entry-header{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:16px;padding:16px;border-radius:16px 16px 0 0;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:1px 1px 0;position:relative}@media (min-width: 960px){body.page-entry .entry-header{padding:40px 40px 24px}}body.page-entry .entry-header .entry-title{grid-row:1;font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-header .entry-title{font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-header .entry-categories{grid-row:2;display:flex;flex-wrap:wrap;gap:8px 4px}body.page-entry .entry-header .entry-categories a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:25px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:50px;color:#0077d3;border:1px solid #7bc5ff;transition:color .3s ease,border-color .3s ease;position:relative;z-index:0;background:linear-gradient(90deg,#e7f3f3,#e3f4fb 49%,#dfefff);overflow:hidden}body.page-entry .entry-header .entry-categories a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#cfe8e8,#c7eaf7 49%,#bedfff);opacity:0;transition:opacity .2s ease;z-index:-10}body.page-entry .entry-header .entry-categories a:hover:after{opacity:1}body.page-entry .entry-header .entry-date{grid-row:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}body.page-entry .entry-header .entry-date>a,body.page-entry .entry-header .entry-date .author{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#435e6e}body.page-entry .entry-header .entry-date>a:before,body.page-entry .entry-header .entry-date .author:before{content:"";display:block;width:16px;height:16px}body.page-entry .entry-header .entry-date>a{text-decoration:none}body.page-entry .entry-header .entry-date>a:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/schedule.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/schedule.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}body.page-entry .entry-header .entry-date .author:before{background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/articleperson.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/articleperson.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}body.page-entry .entry-header .entry-header-menu{position:absolute;top:0;right:0}@media (min-width: 960px){body.page-entry .entry-header .entry-header-menu{top:10px;right:10px}}body.page-entry .entry-header .entry-header-menu a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;min-height:25px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:4px;color:#435e6e;border:1px solid #aebbc2;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease;font-weight:400;padding:4px 8px}body.page-entry .entry-header .entry-header-menu a:hover{background-color:#edf1f3}body.page-entry .entry-content{display:flow-root;padding:0 16px 40px;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px}@media (min-width: 960px){body.page-entry .entry-content{padding:0 40px 40px}}body.page-entry .entry-content h1,body.page-entry .entry-content h2,body.page-entry .entry-content h3,body.page-entry .entry-content h4,body.page-entry .entry-content h5,body.page-entry .entry-content h6,body.page-entry .entry-content div.footnote a.footnote-number,body.page-entry .entry-content p a[id^=fn-]{scroll-margin-top:56px}@media (min-width: 960px){body.page-entry .entry-content h1,body.page-entry .entry-content h2,body.page-entry .entry-content h3,body.page-entry .entry-content h4,body.page-entry .entry-content h5,body.page-entry .entry-content h6,body.page-entry .entry-content div.footnote a.footnote-number,body.page-entry .entry-content p a[id^=fn-]{scroll-margin-top:60px}}body.page-entry .entry-content>p{margin:16px 0;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}@media (min-width: 960px){body.page-entry .entry-content>p{font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content>p:first-child{margin-top:0}body.page-entry .entry-content h1,body.page-entry .entry-content h2,body.page-entry .entry-content h3,body.page-entry .entry-content h4,body.page-entry .entry-content h5,body.page-entry .entry-content h6{margin-bottom:16px}body.page-entry .entry-content h1{padding-top:32px;padding-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content h1{padding-top:40px;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-content h2{position:relative;padding-top:24px;padding-bottom:8px;padding-left:20px;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content h2{font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em;padding-top:40px;padding-bottom:12px}}body.page-entry .entry-content h2:before{content:"";display:block;position:absolute;top:24px;left:0;width:4px;height:calc(100% - 32px);background-color:#0077d3;border-radius:50px}@media (min-width: 960px){body.page-entry .entry-content h2:before{top:40px;height:calc(100% - 52px)}}body.page-entry .entry-content h3{padding-top:20px;padding-bottom:4px;position:relative;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content h3{padding-top:24px;padding-bottom:8px;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-content h3:after{content:"";display:block;width:100%;height:1px;margin-top:4px;background-color:#57b5ff}body.page-entry .entry-content h4,body.page-entry .entry-content h5,body.page-entry .entry-content h6{padding-top:16px}@media (min-width: 960px){body.page-entry .entry-content h4,body.page-entry .entry-content h5,body.page-entry .entry-content h6{padding-top:20px}}body.page-entry .entry-content h4{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content h4{font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-content h5{font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content h5{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}@media (min-width: 960px){body.page-entry .entry-content h6{font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-content a{color:#0077d3;transition:color .2s ease}body.page-entry .entry-content a:hover{color:#005091}body.page-entry .entry-content div.footnote{margin-top:32px}@media (min-width: 960px){body.page-entry .entry-content div.footnote{margin-top:40px}}body.page-entry .entry-content div.footnote p.footnote{display:flex;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;margin-top:0;margin-bottom:8px}@media (min-width: 960px){body.page-entry .entry-content div.footnote p.footnote{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.04em}}body.page-entry .entry-content div.footnote p.footnote:last-of-type{margin-bottom:0}body.page-entry .entry-content div.footnote p.footnote .footnote-delimiter{padding-right:8px}body.page-entry .entry-content img,body.page-entry .entry-content video{max-width:100%;height:auto}body.page-entry .entry-content .figure-image{margin-top:0;margin-bottom:16px}body.page-entry .entry-content .figure-image img{margin-bottom:0}body.page-entry .entry-content .figure-image figcaption{margin-top:12px;margin-bottom:0;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#435e6e;opacity:1}body.page-entry .entry-content hr{width:calc(100% - 40px);border:none;border-top:1px solid #dae1e4;margin:40px auto}@media (min-width: 960px){body.page-entry .entry-content hr{width:min(500px,70%)}}body.page-entry .entry-content .hatena-asin-detail{width:100%;max-width:500px;display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:16px;border:1px solid #dae1e4;border-radius:8px;box-shadow:none}@media (min-width: 960px){body.page-entry .entry-content .hatena-asin-detail{max-width:600px;gap:24px}}body.page-entry .entry-content .hatena-asin-detail>a{flex-basis:auto;width:100px;height:auto}@media (min-width: 960px){body.page-entry .entry-content .hatena-asin-detail>a{width:140px}}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info{margin:0}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-title{margin:0 0 4px;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-title{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-title a{color:#0077d3;text-decoration:none;transition:color .2s ease}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-title a:hover{text-decoration:underline}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-title a:hover{color:#005091}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-meta li{font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#435e6e}@media (min-width: 960px){body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-meta li{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info .hatena-asin-detail-meta li a{color:#435e6e;text-decoration:none}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info a.asin-detail-buy{margin-top:16px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:4px;color:#0077d3;border:1px solid #0077d3;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease;height:40px}body.page-entry .entry-content .hatena-asin-detail .hatena-asin-detail-info a.asin-detail-buy:hover{background-color:#d3eaff}body.page-entry .entry-content blockquote{margin-bottom:16px;margin-left:16px;padding:8px 0 8px 12px;border-left:2px solid #dae1e4}@media (min-width: 960px){body.page-entry .entry-content blockquote{margin-left:20px;padding-left:16px}}body.page-entry .entry-content blockquote ul,body.page-entry .entry-content blockquote ol,body.page-entry .entry-content blockquote dl{margin-bottom:0}body.page-entry .entry-content blockquote p{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em;margin-bottom:12px}@media (min-width: 960px){body.page-entry .entry-content blockquote p{font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content blockquote p:last-of-type{margin-bottom:0}body.page-entry .entry-content blockquote cite{font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;font-style:normal}@media (min-width: 960px){body.page-entry .entry-content blockquote cite{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content ul,body.page-entry .entry-content ol,body.page-entry .entry-content dl{margin-bottom:16px}body.page-entry .entry-content li,body.page-entry .entry-content dt,body.page-entry .entry-content dd{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}@media (min-width: 960px){body.page-entry .entry-content li,body.page-entry .entry-content dt,body.page-entry .entry-content dd{font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content ul,body.page-entry .entry-content ol{padding-left:24px}body.page-entry .entry-content ul li,body.page-entry .entry-content ol li{margin-bottom:4px}body.page-entry .entry-content ul li ul,body.page-entry .entry-content ul li ol,body.page-entry .entry-content ol li ul,body.page-entry .entry-content ol li ol{margin-top:4px;margin-bottom:0}body.page-entry .entry-content dl dt:not(:first-of-type){margin-top:12px}@media (min-width: 960px){body.page-entry .entry-content dl dt:not(:first-of-type){margin-top:16px}}body.page-entry .entry-content dl dd{margin-left:24px}body.page-entry .entry-content table{display:block;width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:16px;overflow:auto}body.page-entry .entry-content table th,body.page-entry .entry-content table td{border:1px solid #dae1e4;padding:8px 12px}body.page-entry .entry-content table th{background-color:#edf1f3;text-align:left;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em}body.page-entry .entry-content table td{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.04em}body.page-entry .entry-content code{font-family:Monaco,Menlo,Consolas,Courier New,Osaka－等幅,ＭＳ ゴシック,MS Gothic,monospace;font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:0;padding:2px 4px;background-color:#edf1f3;border:1px solid #dae1e4;border-radius:4px}@media (min-width: 960px){body.page-entry .entry-content code{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:0}}body.page-entry .entry-content pre{font-family:Monaco,Menlo,Consolas,Courier New,Osaka－等幅,ＭＳ ゴシック,MS Gothic,monospace;margin-bottom:16px;background-color:#edf1f3;border-radius:8px;padding:16px;white-space:pre-wrap;font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:0}@media (min-width: 960px){body.page-entry .entry-content pre{padding:20px;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:0}}body.page-entry .entry-content pre .synPreProc{color:#8a3ffc}body.page-entry .entry-content pre .synConstant{color:#e85252}body.page-entry .entry-content pre .synComment{color:#0077d3}body.page-entry .entry-content pre .synSpecial{color:#c521a8}body.page-entry .entry-content pre .synIdentifier{color:#0ab3b3}body.page-entry .entry-content pre .synType{color:#299939}body.page-entry .entry-content pre .synStatement{color:#d88a17}body.page-entry .entry-content .hatena-citation{padding-bottom:16px;font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .entry-content .hatena-citation{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.04em}}body.page-entry .entry-content .table-of-contents{background-color:#f7f9fa;border-radius:8px;padding:12px 12px 12px 36px}@media (min-width: 960px){body.page-entry .entry-content .table-of-contents{padding:20px 20px 20px 44px}}body.page-entry .entry-content .table-of-contents:before{display:block;content:"目次";font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin-bottom:16px;margin-left:-24px}@media (min-width: 960px){body.page-entry .entry-content .table-of-contents li{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .entry-content .table-of-contents li a{color:#02253a;text-decoration:none;transition:color .2s ease}body.page-entry .entry-content .table-of-contents li a:hover{text-decoration:underline}body.page-entry .entry-content .table-of-contents li a:hover{color:#005091}body.page-entry .hatena-module-custom-info{margin:0;padding:16px 16px 0;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px}@media (min-width: 960px){body.page-entry .hatena-module-custom-info{padding:0 40px}}body.page-entry .hatena-module-custom-info .hatena-module-title{display:none}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring{background-color:#e8f4ff;border-radius:8px;padding:20px 12px}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring{padding:32px}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring p{margin:16px 0;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring p{font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h2{position:relative;margin-top:0;padding-bottom:8px;padding-left:20px;color:#0077d3;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h2{font-size:1.5rem;font-weight:700;line-height:1.5;letter-spacing:.02em;padding-bottom:12px}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h2:before{content:"";display:block;position:absolute;top:0;left:0;width:4px;height:calc(100% - 8px);background-color:#0077d3;border-radius:50px}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h2:before{height:calc(100% - 12px)}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h3{padding-top:20px;padding-bottom:4px;position:relative;color:#0077d3;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h3{padding-top:24px;padding-bottom:8px;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring h3:after{content:"";display:block;width:100%;height:1px;margin-top:4px;background-color:#57b5ff}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring iframe{width:100%;height:auto}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring cite{display:block;margin-top:8px}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring cite a{font-style:normal;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#0077d3;transition:color .2s ease}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring cite a:hover{color:#005091}@media (min-width: 960px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring cite a{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring .btn-group{display:flex;flex-wrap:wrap;flex-direction:column;gap:16px;padding:12px 0}@media (min-width: 600px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring .btn-group{flex-wrap:nowrap;flex-direction:row;justify-content:space-between;padding:16px 0}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring .btn-group a.btn{height:48px;gap:4px}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring .btn-group a.btn:after{content:"";display:inline-block;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);mask-image:url(https://dwango.github.io/edu-blog-resources/assets/prod/img/icons/blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}@media (min-width: 600px){body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-hiring .btn-group a.btn{width:100%;height:52px}}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-subscribe{margin-top:56px}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-subscribe a{color:#435e6e;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;transition:color .2s ease}body.page-entry .hatena-module-custom-info .hatena-module-body .custom-info-subscribe a:hover{color:#005091}body.page-entry .entry-tags-wrapper{margin:0;padding:16px 16px 0;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px}@media (min-width: 960px){body.page-entry .entry-tags-wrapper{padding:16px 40px 0}}body.page-entry .entry-tags-wrapper:not(:has(.entry-tag)){display:none}body.page-entry .entry-tags-wrapper .entry-tags{display:flex;flex-wrap:wrap;gap:8px}body.page-entry .entry-tags-wrapper .entry-tags .entry-tag{display:block;margin:0}body.page-entry .entry-tags-wrapper .entry-tags .entry-tag a{background-color:#fff;color:#435e6e;border:1px solid #dae1e4;border-radius:4px;transition:background-color .2s ease;padding:8px 12px;font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.04em;min-height:34px;margin:0}body.page-entry .entry-tags-wrapper .entry-tags .entry-tag a:hover{background-color:#edf1f3}body.page-entry .entry-tags-wrapper .entry-tags .entry-tag a .entry-tag-label{margin-left:4px}body.page-entry .entry-footer-section{display:none;margin:0;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px}body.page-entry .hatena-star-container{margin:0;padding:16px 16px 0;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px}@media (min-width: 960px){body.page-entry .hatena-star-container{padding:16px 40px 0}}body.page-entry .social-buttons{gap:8px;margin:0;padding:16px 16px 56px;background-color:#fff;border-style:solid;border-color:#003d6f1a;border-width:0 1px 1px;border-radius:0 0 16px 16px}@media (min-width: 960px){body.page-entry .social-buttons{padding:16px 40px 56px}}body.page-entry .customized-footer{margin:20px 0}body.page-entry .customized-footer .hatena-module-related-entries{margin:0;padding:20px 16px;background-color:#fff;border:1px solid rgba(0,61,111,.1);border-radius:16px}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries{padding:40px 40px 48px}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-module-title{font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin-bottom:20px}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li{margin-bottom:16px}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li{margin-bottom:20px}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li:last-of-type{margin-bottom:0}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;gap:4px 12px}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-title-link{transition:color .2s ease}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner:hover .urllist-title-link{color:#005091}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-image-link img{transition:transform .3s ease}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner:hover .urllist-image-link img{transform:scale(1.05)}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-item-inner{gap:8px 12px}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-image-link{display:block;grid-column:1/2;grid-row:1/4;width:112px;aspect-ratio:16/9;overflow:hidden;border-radius:8px}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-image-link{width:180px}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-image-link img.urllist-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;float:none;margin:0}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li a.urllist-title-link{grid-column:2/3;grid-row:1/2;display:block;color:#02253a;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em;text-decoration:none}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li a.urllist-title-link{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li a.urllist-title-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-entry-body{grid-column:2/3;grid-row:2/3;font-size:.625rem;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#435e6e}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-entry-body{font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em}}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-date-link{grid-column:2/3;grid-row:3/4;text-align:right;align-self:end}body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-date-link a{position:relative;z-index:10;font-size:.625rem;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#435e6e;text-decoration:none}@media (min-width: 960px){body.page-entry .customized-footer .hatena-module-related-entries .hatena-urllist li .urllist-date-link a{font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:.02em}}body.page-entry .comment-box{margin:20px 0;padding:16px;background-color:#fff;border:1px solid rgba(0,61,111,.1);border-radius:16px}@media (min-width: 960px){body.page-entry .comment-box{padding:32px 40px}}body.page-entry .comment-box:before{display:block;content:"コメント";font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin-bottom:16px}body.page-entry .comment-box ul.comment{list-style-type:none;margin-bottom:16px;border-top:1px solid #dae1e4}body.page-entry .comment-box ul.comment:not(:has(.entry-comment)){display:none}body.page-entry .comment-box ul.comment li{padding:12px 0;border-bottom:1px solid #dae1e4}body.page-entry .comment-box ul.comment li .comment-user-name{position:relative;margin-bottom:4px;padding-left:44px}@media (min-width: 960px){body.page-entry .comment-box ul.comment li .comment-user-name{padding-left:64px}}body.page-entry .comment-box ul.comment li .comment-user-name img.hatena-id-icon{width:32px;height:32px;border-radius:50px;position:absolute;top:0;left:0}@media (min-width: 960px){body.page-entry .comment-box ul.comment li .comment-user-name img.hatena-id-icon{width:48px;height:48px}}body.page-entry .comment-box ul.comment li .comment-user-name a.comment-user-id{font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.02em;color:#0077d3;transition:color .2s ease}body.page-entry .comment-box ul.comment li .comment-user-name a.comment-user-id:hover{color:#005091}body.page-entry .comment-box ul.comment li .comment-content{font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em;padding-left:44px;margin-bottom:8px}@media (min-width: 960px){body.page-entry .comment-box ul.comment li .comment-content{padding-left:64px}}body.page-entry .comment-box ul.comment li .comment-metadata{display:flex;gap:4px;flex-direction:row-reverse;padding-left:44px}@media (min-width: 960px){body.page-entry .comment-box ul.comment li .comment-metadata{padding-left:64px}}body.page-entry .comment-box ul.comment li .comment-metadata time{display:block;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#435e6e;word-break:keep-all;padding-top:2px}body.page-entry .comment-box ul.comment li .comment-metadata span{display:block;width:100%}body.page-entry .comment-box ul.comment li .comment-delete-button img{top:12px}body.page-entry .comment-box ul.comment li.read-more-comments{padding:16px 0 0;border-bottom:none}body.page-entry .comment-box ul.comment li.read-more-comments a{color:#0077d3;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em;transition:color .2s ease}body.page-entry .comment-box ul.comment li.read-more-comments a:hover{color:#005091}body.page-entry .comment-box a.leave-comment-title{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:34px;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.04em;border-radius:4px;color:#435e6e;border:1px solid #aebbc2;transition:color .3s ease,border-color .3s ease;background-color:#fff;background-image:none;transition:background-color .2s ease;font-weight:400;display:inline-flex}body.page-entry .comment-box a.leave-comment-title:hover{background-color:#edf1f3}body.page-about .entry-content{padding:24px 16px;border:1px solid rgba(0,61,111,.1);border-radius:16px;background-color:#fff}@media (min-width: 960px){body.page-about .entry-content{padding:40px}}body.page-about .entry-content p{margin-bottom:16px;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}@media (min-width: 960px){body.page-about .entry-content p{font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:.04em}}body.page-about .entry-content dl dt{margin-bottom:12px;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:.02em}body.page-about .entry-content dl dd{margin-bottom:32px;font-size:.875rem;font-weight:400;line-height:1.7;letter-spacing:.04em}body.page-about .entry-content dl dd:last-of-type{margin-bottom:0}body.page-about .entry-content dl dd a{color:#0077d3;transition:color .2s ease}body.page-about .entry-content dl dd a:hover{color:#005091}body.page-about .entry-content dl dd img.profile-icon{width:24px;height:24px;vertical-align:middle;margin-right:4px}body.page-about .entry-content dl dd [class^=js-about-subscriber] img.profile-icon{width:16px;height:16px;vertical-align:baseline}