:root{--main-color-red: #a8162f;--main-color-indigo: #2b2d42;--main-color-yellow: #edd382;--main-color-lightyellow: #f2dfaf;--main-color-orange: #fc9e4f}html{font-size:13pt}@media screen and (max-width: 768px){html{font-size:11pt}}#app{font-family:a-otf-ud-shin-go-pr6n,sans-serif}img{max-width:100%;height:auto}.bg-line-red{background:url(/image/back/line-red.png)}.bg-dot-gray{background:url(/image/back/dot-gray.png);color:#f2dfaf}.bg-dot-offwhite{background:url(/image/back/dot-offwhite.png);color:#2b2d42}.bg-yellow{background-color:#edd382}.bg-orange{background-color:#fc9e4f}.bg-indigo{background-color:#2b2d42}.red-button{background-color:#a8162f;border-color:#a8162f;color:#edd382}.orange-button{background-color:#fc9e4f;border-color:#fc9e4f}.yellow-button{background-color:#edd382;border-color:#edd382}.twitter-button{color:#fff;background-color:#4099ff;border-color:#4099ff}.twitter-link a{color:#4099ff}.twitter-link a:hover{color:#a6cfff}.text-center{text-align:center}.flex-centering-container{display:flex;justify-content:center;align-items:center}.is-inline{display:inline}.mb-4{margin-bottom:1rem}.block{display:block}.space-y-8>*+*{margin-top:2rem}.tutorial-container{display:inline-flex;background-image:url(/image/back/h-line-red.png);background-repeat:no-repeat;background-position:center;background-size:80% 4px;overflow-x:auto}.tutorial-container>*+*{margin-left:2rem}.tutorial-container img{padding-right:10px;padding-left:10px}.tutorial-container img:first-child{padding-left:0}.tutorial-container img:last-child{padding-right:0}.tutorial-item{position:relative;border-radius:20px;background:linear-gradient(45deg,#e9d760,#fb9b52);display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;color:#2b2d42;width:12rem;height:12rem;font-size:1rem;font-family:source-han-sans-japanese;font-weight:900}@media screen and (max-width: 1023px){.tutorial-item{margin-left:auto;margin-right:auto}}.tutorial-item .number{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;margin:.5rem;padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;background:none;font-size:1.5rem;border:solid 2px #2b2d42}.normal-page h1{font-family:source-han-sans-japanese;font-weight:900;font-size:3rem;margin-top:1rem;margin-bottom:3rem}.normal-page h1:before{content:"";border-left:#f2dfaf solid 2px;padding-left:1rem}.bg-dot-offwhite .normal-page h1:before{content:"";border-left:#2b2d42 solid 2px;padding-left:1rem}.normal-page h2{font-family:source-han-sans-japanese;font-weight:900;font-size:2rem;margin-top:4rem;margin-bottom:1.5rem}.normal-page h2:before{content:"";border-left:#f2dfaf solid 2px;padding-left:1rem}.bg-dot-offwhite .normal-page h2:before{content:"";border-left:#2b2d42 solid 2px;padding-left:1rem}.normal-page h3{font-family:source-han-sans-japanese;font-weight:900;font-size:1.5rem;margin:1rem 0}.normal-page p{margin:.5rem 0}.normal-page b,.normal-page strong{font-family:source-han-sans-japanese;font-weight:900;color:inherit}.normal-page a{text-decoration-line:underline}.bg-dot-gray .normal-page a{color:#f2dfaf}.bg-dot-gray .normal-page a:hover{color:#fff}.bg-dot-gray .normal-page a.button.is-link{text-decoration:none;color:#2b2d42}.bg-dot-gray .normal-page a.button.is-link:hover{color:#2b2d42}.normal-page ul{list-style-type:disc;margin-left:2.5em;margin-bottom:1rem}.normal-page table{border-top:#edd382 dashed 1px}.normal-page td{padding:1rem .5rem;border-bottom:#edd382 dashed 1px}.normal-page .important{font-family:source-han-sans-japanese;font-weight:900;font-size:2rem;margin:1rem 0}.normal-page .semi-important{font-size:1.5rem;margin:1rem 0}.normal-page .indent{margin-left:2rem}.normal-page .underlined{text-decoration:underline}.normal-page .double-underlined{border-bottom:#f2dfaf double 6px}.section{padding:3rem 1.5rem}.footer{padding:1rem 1.5rem}.footer .footer-item{display:flex;align-items:center;justify-content:center}.footer .logo{max-height:4rem;max-width:35%;margin:0 1rem;display:inline-block}.footer .logo a{height:100%}.footer .logo img{width:auto;max-height:4rem}.hamburger-btn[data-astro-cid-w5v4dpyk]{background:none;border:none;cursor:pointer;padding:.5rem;z-index:10000}.hamburger-btn[data-astro-cid-w5v4dpyk] svg[data-astro-cid-w5v4dpyk]{display:block}.menubar-twitter{height:35px}.popup-menu-overlay[data-astro-cid-pbjlfmlo]{position:fixed;inset:0;background:#000000d9;z-index:9999;display:none;align-items:center;justify-content:center}.popup-menu[data-astro-cid-pbjlfmlo]{background:#222;border-radius:16px;padding:2.5rem 1.5rem 1.5rem;min-width:80vw;max-width:400px;box-shadow:0 4px 32px #0000004d;position:relative;display:flex;flex-direction:column;align-items:center}.close-btn[data-astro-cid-pbjlfmlo]{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;z-index:2}.menu-list[data-astro-cid-pbjlfmlo]{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;width:100%;align-items:center}.menu-item[data-astro-cid-pbjlfmlo]{display:flex;flex-direction:column;align-items:center;color:#ffe082;text-decoration:none;font-weight:700;font-size:1.5rem;letter-spacing:.05em;transition:color .2s}.menu-item[data-astro-cid-pbjlfmlo]:hover{color:#fffde7}.menu-item[data-astro-cid-pbjlfmlo] .icon[data-astro-cid-pbjlfmlo]{font-size:2.2rem;margin-bottom:.2rem}.menu-item[data-astro-cid-pbjlfmlo] .main[data-astro-cid-pbjlfmlo]{font-size:1.3rem}.menu-item[data-astro-cid-pbjlfmlo] .sub[data-astro-cid-pbjlfmlo]{font-size:.8rem;color:#fffde7;letter-spacing:.2em;margin-top:.1rem}@media (width > 768px){.popup-menu[data-astro-cid-pbjlfmlo]{min-width:95vw;padding:2rem .5rem 1rem}.menu-list[data-astro-cid-pbjlfmlo]{gap:1.2rem;margin-top:1.2rem}}.menubar-item{color:#ffe082;font-weight:700;font-size:1.3rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;margin:0 .5rem;position:relative;min-width:120px;flex-shrink:0}.menubar-item .item-icon{margin-bottom:.1rem;transition:transform .22s cubic-bezier(.22,1,.36,1);transform-origin:center;will-change:transform}.menubar-item .item-title{transition:transform .22s cubic-bezier(.22,1,.36,1);transform-origin:center;will-change:transform}.menubar-item:hover .item-icon,.menubar-item:focus-within .item-icon{transform:scale(1.3)}.menubar-item:hover .item-title,.menubar-item:focus-within .item-title{transform:scale(.8)}.menubar-item .sub{font-size:.8rem;color:#fffde7;letter-spacing:.1em;margin-top:.1rem}@media (width <= 768px){.menubar-item{font-size:1.1rem;margin:0 .5rem;min-width:100px}}@media (width <= 1024px) and (width > 768px){.menubar-item{font-size:1.1rem;min-width:100px;margin:0 .3rem}}@media (width <= 1200px) and (width > 1024px){.menubar-item{font-size:1.2rem;min-width:110px;margin:0 .4rem}}.logo-link{text-decoration:none;display:block}.menubar-logo{height:65px}@media (width <= 768px){.menubar-logo{margin-right:1rem;height:65px}}@media (width <= 1024px) and (width > 768px){.menubar-logo{height:55px;margin-right:1rem}}:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )}html{font-family:system-ui,sans-serif;background:#f6f6f6;background-size:224px}body{margin:0;padding:56px 0 0}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.main-menubar{background:url(/image/back/line-red.png);width:100%;min-height:100px;border-bottom:2px solid #fff;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.main-menubar-spacer{height:30px}.menubar-inner{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;max-width:1200px;min-height:100px;gap:1rem;padding:1rem 2rem}.menu-item-logo{margin-right:2rem}.menu-item-twitter{margin-left:2rem}.mobile-menubar{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:90px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);z-index:1000}.hamburger-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.mobile-logo{height:40px;display:block;margin:0 auto}@media (width <= 768px){.main-menubar,.main-menubar-spacer{display:none}.mobile-menubar{display:flex!important;background:url(/image/back/line-red.png)}}@media (width > 768px){.mobile-menubar{display:none!important}}@media (width <= 1024px) and (width > 768px){.menubar-inner{gap:.5rem;padding:.5rem 1rem}}@media (width <= 1200px) and (width > 1024px){.menubar-inner{gap:.8rem;padding:.8rem 1.5rem}}.footer{background:#fff;border-top:1px solid #eee;margin-top:2rem;padding:2rem 1.5rem 1rem;font-size:.95rem;color:#333}.footer-item{margin-bottom:1rem}.footer .logo{vertical-align:middle}.footer .twitter-link i{color:#1da1f2}.button.is-flat{background:var(--main-color-red);border:1px solid var(--main-color-red);color:#fff;box-shadow:none;border-radius:8px;padding:.4rem .75rem;transition:filter .16s ease,opacity .16s ease}.button.is-flat:hover{filter:brightness(1.06)}.button.is-flat:active{filter:brightness(.94)}.license-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.9rem}.license-table th,.license-table td{border-bottom:1px dashed #ddd;padding:.4rem .5rem;text-align:left}.license-table thead th{border-bottom:2px solid #ccc;font-weight:700}