@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&display=swap);*:where(:not(iframe, canvas, img, svg, video):not(svg *)){all:unset;display:revert}a,input[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}@font-face{font-family:"Alegreya";src:url(/material/font/alegreya-italic.otf)format("opentype"),url(https://fonts.gstatic.com/s/alegreya/v10/4UaHrEBBsBhlBjvfkSLk96rp5w.woff2)format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"Alegreya";src:url(/material/font/alegreya-bold-italic.otf)format("opentype"),url(https://fonts.gstatic.com/s/alegreya/v10/4UaErEBBsBhlBjvfkSLk_xHM8pxULg.woff2)format("woff2");font-weight:bold;font-style:italic}@font-face{font-family:"Alegreya";src:url(/material/font/alegreya.otf)format("opentype"),url(https://fonts.gstatic.com/s/alegreya/v10/4UaBrEBBsBhlBjvfkSLhx6g.woff2)format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Alegreya";src:url(/material/font/alegreya-bold.otf)format("opentype"),url(https://fonts.gstatic.com/s/alegreya/v10/4UaGrEBBsBhlBjvfkSpa4r3Owp4.woff2)format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Brill Web";src:url(/material/font/brill.woff2)format("woff2");font-weight:normal;font-style:normal;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Web";src:url(/material/font/brill-bold.woff2)format("woff2");font-weight:bold;font-style:normal;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Web";src:url(/material/font/brill-italic.woff2)format("woff2");font-weight:normal;font-style:italic;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Web";src:url(/material/font/brill-bold-italic.woff2)format("woff2");font-weight:bold;font-style:italic;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Local";src:local("brill-roman");font-weight:normal;font-style:normal;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Local";src:local("brill-bold");font-weight:bold;font-style:normal;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Local";src:local("brill-italic");font-weight:normal;font-style:italic;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Brill Local";src:local("brill-bolditalic");font-weight:bold;font-style:italic;font-feature-settings:"lnum"1;ascent-override:90%;descent-override:20%}@font-face{font-family:"Inter Web";src:url(/material/font/inter.woff2)format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans Display";font-weight:400;font-style:normal;font-display:swap;size-adjust:96%;src:url(/material/font/noto-sans.woff2)format("woff2"),url(/material/font/noto-sans.woff)format("woff")}@font-face{font-family:"Noto Sans Display";font-weight:400;font-style:italic;font-display:swap;size-adjust:96%;src:url(/material/font/noto-sans-italic.woff2)format("woff2"),url(/material/font/noto-sans-italic.woff)format("woff")}@font-face{font-family:"Noto Sans Display";font-weight:700;font-style:normal;font-display:swap;size-adjust:96%;src:url(/material/font/noto-sans.woff2)format("woff2"),url(/material/font/noto-sans.woff)format("woff")}@font-face{font-family:"Noto Sans Display";font-weight:700;font-style:italic;font-display:swap;size-adjust:96%;src:url(/material/font/noto-sans-italic.woff2)format("woff2"),url(/material/font/noto-sans-italic.woff)format("woff")}@font-face{font-family:"Noto Serif";font-weight:400;font-style:normal;font-display:swap;size-adjust:96%;src:url(/material/font/noto-serif.woff2)format("woff2"),url(/material/font/noto-serif.woff)format("woff")}@font-face{font-family:"Noto Serif";font-weight:400;font-style:italic;font-display:swap;size-adjust:96%;src:url(/material/font/noto-serif-italic.woff2)format("woff2"),url(/material/font/noto-serif-italic.woff)format("woff")}@font-face{font-family:"Noto Serif";font-weight:700;font-style:normal;font-display:swap;size-adjust:96%;src:url(/material/font/noto-serif.woff2)format("woff2"),url(/material/font/noto-serif.woff)format("woff")}@font-face{font-family:"Noto Serif";font-weight:700;font-style:italic;font-display:swap;size-adjust:96%;src:url(/material/font/noto-serif-italic.woff2)format("woff2"),url(/material/font/noto-serif-italic.woff)format("woff")}@font-face{font-family:"Noto Sans Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/material/font/noto-mono.woff2)format("woff2"),url(/material/font/noto-mono.woff)format("woff")}@font-face{font-family:"Assurbanipal Web";src:url(/material/font/assurbanipal.ttf)format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Vekos Web";src:url(/material/font/vekos.woff)format("woff"),url(/material/font/vekos.ttf)format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Gilit Web";src:url(/material/font/gilit.ttf)format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Gilit Web";src:url(/material/font/gilit-bold.ttf)format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Kaleg Round Expanded Web";src:url(/material/font/kaleg-round-expanded.ttf)format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Kaleg Round Expanded Web";src:url(/material/font/kaleg-round-expanded-bold.ttf)format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Chord Font";src:url(/material/font/chord.ttf)format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Hieroglyphic";src:url(/material/font/gardiner.ttf)format("truetype")}.sans{font-family:"Noto Sans Display","Noto Sans Arabic","Noto Sans Hebrew","Arial","源ノ角ゴシック","Yu Gothic Medium","Yu Gothic",sans-serif!important;font-weight:400!important;font-feature-settings:"lnum"1,"ss04"1,"palt"1,"pkna"1}.italic{font-style:italic}.smallcaps{font-variant:small-caps;font-feature-settings:"smcp"1}.sup{font-size:80%;vertical-align:0.3906em;line-height:0}.sub{font-size:80%;vertical-align:-0.2969em;line-height:0}.japanese{font-family:"源ノ明朝","Yu Mincho","YuMincho"!important;font-weight:400;font-feature-settings:"palt"0;line-height:1}.monospace{font-family:"Noto Sans Mono","源ノ角ゴシック","Yu Gothic Medium","Yu Gothic",monospace;font-size:92%;font-weight:400;letter-spacing:-0.08em;white-space:pre-wrap}.code{font-family:"Noto Sans Mono","源ノ角ゴシック","Yu Gothic Medium","Yu Gothic",monospace;font-size:92%;font-weight:400;letter-spacing:-0.08em;background-color:var(--block-background-color);white-space:pre-wrap}.nowrap{white-space:nowrap}.url{word-break:break-all}html{font-size:16px}body{text-size-adjust:100%;-webkit-text-size-adjust:100%;--text-color:hsl(0,0%,20%);--primary-color:hsl(198,75%,50%);--primary-active-color:hsl(205,75%,40%);--secondary-color:hsl(35,75%,50%);--secondary-active-color:hsl(28,75%,40%);--caution-cikir:hsl(307,100%,60%);--gray-color:hsl(0,0%,50%);--shadow-color:hsla(0,0%,0%,0.1);--page-background-color:hsl(198,60%,94%);--page-dark-background-color:hsl(198,60%,90%);--block-background-color:hsl(198,60%,96%);--main-background-color:white;--footer-background-color:hsl(0,0%,90%);--footer-text-color:hsl(0,0%,50%);--special-font-family:"Josefin Sans";--special-font-weight:600;--special-font-compensation:0.15em;padding-block:3.125rem;color:var(--text-color);font-family:"Noto Serif","Noto Naskh Arabic","Noto Serif Hebrew","Times New Roman","源ノ明朝","Yu Mincho","YuMincho",serif;font-weight:normal;font-feature-settings:"lnum"1,"palt"1,"pkna"1;line-height:1;text-decoration-skip-ink:none;background-color:var(--page-background-color);overflow-x:auto;overflow-y:scroll}.main{container-name:main;container-type:inline-size}.header-block{display:flex;flex-direction:column;align-items:center}.header{height:15.625rem;position:relative;z-index:0}@media screen and (max-width:800px){.header{padding-inline:1.25rem}}.header-background{inset:0rem;position:absolute;display:flex;justify-content:center;z-index:-1}.header-logo{height:100%;opacity:0.3}.header-content{display:flex;flex-direction:column;align-items:center}.header-title{margin-block-start:5.9375rem;font-size:5.25rem;font-family:var(--special-font-family);font-weight:600;color:var(--primary-color);letter-spacing:0.15em;text-indent:0.15em;-webkit-text-stroke:0.375rem var(--page-background-color);paint-order:stroke}.header-flavor{margin-block-start:0.3125rem;font-size:1.5rem;font-family:var(--special-font-family);font-weight:600;color:var(--primary-color);line-height:1.25;text-align:center;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:0.25rem var(--page-background-color);paint-order:stroke}.card-table-block{width:100cqi;margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:1151px){.card-table-block{--card-width:calc((100cqi - 5rem)/3)}}@media screen and (max-width:1150px) and (min-width:801px){.card-table-block{--card-width:calc((100cqi - 2.5rem)/2)}}@media screen and (max-width:800px){.card-table-block{--card-width:100%}}.link-table{margin-block-start:3.125rem;column-gap:2.5rem;row-gap:1.875rem;display:flex;flex-wrap:wrap;justify-content:flex-start;container-name:table;container-type:inline-size}@media screen and (min-width:801px){.link-table{width:85cqi;max-width:75rem}}@media screen and (max-width:800px){.link-table{width:100%;padding-inline:1.25rem;box-sizing:border-box}}.link-item{width:var(--card-width);height:3.75rem;color:color-mix(in oklch,var(--primary-color) 50%,var(--text-color));background-color:white;box-shadow:0.1875rem 0.1875rem 0rem 0rem var(--shadow-color);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:color 0.2s;flex:0 0 auto;z-index:0}.link-item:hover{color:white}.link-item::before{width:100%;inset-block:0rem;inset-inline-start:calc(0% - 0.50240473580625rem - 0.375rem);background-position:0% 3.75rem;background-size:100% 3.75rem;background-image:linear-gradient(var(--primary-color),var(--primary-color));background-repeat:no-repeat;position:absolute;transform:skew(-15deg);transition:background-position 0.2s;z-index:-1;content:""}.link-item:hover::before{background-position:0% 0rem}.link-item::after{width:100%;inset-block:0rem;inset-inline-end:calc(-100% + 0.50240473580625rem);background-color:var(--secondary-color);position:absolute;transform:skew(-15deg);z-index:-2;content:""}.link-title{padding-inline-start:1.25rem;height:3.75rem;line-height:3.75rem;font-size:130%;position:relative;overflow:hidden;flex-grow:0;order:2}.card-table{column-gap:2.5rem;row-gap:1.875rem;display:flex;flex-wrap:wrap;justify-content:flex-start;container-name:table;container-type:inline-size}@media screen and (min-width:801px){.card-table{width:85cqi;max-width:75rem}}@media screen and (max-width:800px){.card-table{width:100%;padding-inline:1.25rem;box-sizing:border-box}}.card-item{width:var(--card-width);height:9.375rem;background-color:white;box-shadow:0.1875rem 0.1875rem 0rem 0rem var(--shadow-color);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:color 0.2s;flex:0 0 auto;z-index:0}.card-item:hover{color:white}.card-item::before{width:100%;inset-block:0rem;inset-inline-start:calc(0% - 1.25601183951875rem - 0.375rem);background-position:0% 6.75rem;background-size:100% 9.375rem;background-image:linear-gradient(var(--primary-color),var(--primary-color));background-repeat:no-repeat;position:absolute;transform:skew(-15deg);transition:background-position 0.2s;z-index:-1;content:""}.card-item:hover::before{background-position:0% 0rem}.card-item::after{width:100%;inset-block:0rem;inset-inline-end:calc(-100% + 1.25601183951875rem);background-color:var(--secondary-color);position:absolute;transform:skew(-15deg);z-index:-2;content:""}.card-title{padding-inline-start:1.25rem;height:2.625rem;line-height:2.625rem;font-size:130%;color:white;position:relative;overflow:hidden;flex-grow:0;order:2}.card-explanation{padding-inline-start:1.25rem;padding-inline-end:2.5rem;display:flex;align-items:center;flex-grow:1;order:1;position:relative}.card-explanation::before{height:0.0625rem;inset-block-end:0rem;inset-inline-start:0rem;inset-inline-end:2.6875rem;transition:border-block-end 0.2s;position:absolute;content:""}.card-item:not(:hover) .card-explanation::before{border-block-end:1px transparent solid}.card-item:hover .card-explanation::before{border-block-end:1px rgba(255,255,255,0.3) solid}.card-explanation-text{line-height:1.75;text-align:justify}.ad-block{margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}.ad{width:85cqi;max-width:75rem}.ad-inner{width:100%}.introduction-block{margin-block-start:3.125rem;padding-block:3.125rem;background-color:white}.introduction{margin-inline:auto}@media screen and (min-width:801px){.introduction{width:85cqi;max-width:75rem}}@media screen and (max-width:800px){.introduction{width:100%;padding-inline:1.25rem;box-sizing:border-box}}.introduction-header{margin-block-end:1.875rem;font-size:200%;color:var(--primary-color);letter-spacing:0.1em}.introduction-content{display:flex;align-items:center}@media screen and (min-width:801px){.introduction-content{column-gap:3.75rem;flex-direction:row}}@media screen and (max-width:800px){.introduction-content{row-gap:1.875rem;flex-direction:column}}.introduction-explanation{flex:1 1 0rem}.introduction-sample-container{flex:1 1 0rem}.introduction-youtube{width:100%;flex:1 1 0rem}.introduction-sample{height:100%;font-family:"Vekos Web";font-size:110%;color:color-mix(in oklch,var(--primary-color) 50%,var(--text-color));background-color:var(--block-background-color);display:flex;align-items:center;box-sizing:border-box}@media screen and (min-width:801px){.introduction-sample{padding-block:1.875rem;padding-inline:1.875rem}}@media screen and (max-width:800px){.introduction-sample{padding-block:1.25rem;padding-inline:1.25rem}}.introduction-paragraph{line-height:1.75;text-align:justify}.introduction-paragraph+.introduction-paragraph{margin-block-start:0.625rem}.introduction-table{margin-block-start:20px;display:flex}.introduction-item{flex:1 1 0rem}.introduction-item-heading{opacity:0.7}.introduction-item-content{font-size:150%;line-height:1.75}.introduction-youtube-iframe{width:100%;border:none;aspect-ratio:16/9}.introduction-separator{margin-block:3.125rem}.count-table-block{margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}.count-table-container{row-gap:0.3125rem;display:flex;flex-direction:column;align-items:flex-end}.count-table{row-gap:0.3125rem;column-gap:2.5rem;display:grid;grid-template-columns:repeat(2,auto);align-items:baseline}.count-table:not([data-size=small]){font-size:1.75rem}.count-table[data-size=small]{font-size:20px}.count-text{inset-block-end:0.05em;color:color-mix(in oklch,var(--primary-color) 50%,var(--text-color));text-align:right;position:relative}.count-table[data-size=large] .count-text{letter-spacing:0.1em}.count-number{font-family:var(--special-font-family);font-size:250%;font-weight:600;color:var(--primary-color);text-align:right}.count-plus{margin-inline-end:0.1em}.separator-block{margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:800px){.separator-block{padding-inline:1.25rem}}.separator{display:flex;align-items:center;opacity:0.3}.separator::before,.separator::after{border-block-end:0.0625rem var(--primary-color) solid;flex-grow:1;content:""}@media screen and (min-width:801px){.separator{width:85cqi;max-width:75rem}}@media screen and (max-width:800px){.separator{width:100%;box-sizing:border-box}}.separator-mark{width:0.375rem;height:0.375rem;margin-inline:1.6875rem;background-color:var(--primary-color);flex-grow:0;transform:rotate(45deg)}.other-block{margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}.other{display:flex}@media screen and (min-width:801px){.other{width:85cqi;max-width:75rem;column-gap:3.75rem;flex-direction:row}}@media screen and (max-width:800px){.other{width:100%;row-gap:3.125rem;column-gap:0rem;padding-inline:1.25rem;flex-direction:column;box-sizing:border-box}}.other-column{flex:1 1 0rem}.other-header{margin-block-end:1.875rem;font-size:150%;color:var(--primary-color);letter-spacing:0.1em}.contact-table{row-gap:0.9375rem;column-gap:1.25rem;display:grid;grid-template-columns:auto 1fr;align-items:center}.contact-icon{font-size:400%;font-weight:normal;text-align:center;justify-self:center;cursor:pointer;position:relative;z-index:0}.contact-icon::before{background-position:0% 0%;background-size:100% 200%;background-image:linear-gradient(to bottom,var(--secondary-color) 50%,var(--secondary-active-color) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 0.2s;z-index:-1}.contact-icon:hover::before{background-position:0% 100%}.contact-icon:after{inset-block-start:0.1875rem;inset-inline-start:0.1875rem;color:var(--shadow-color);position:absolute;z-index:-2}.contact-icon[data-brand=twitter]::before,.contact-icon[data-brand=twitter]::after{font-size-adjust:none;font-family:"Font Awesome 7 Brands";font-weight:400;content:""}.contact-icon[data-brand=youtube]::before,.contact-icon[data-brand=youtube]::after{font-size-adjust:none;font-family:"Font Awesome 7 Brands";font-weight:400;content:""}.contact-icon[data-brand=discord]::before,.contact-icon[data-brand=discord]::after{font-size-adjust:none;font-family:"Font Awesome 7 Brands";font-weight:400;content:""}.contact-icon[data-brand=github]::before,.contact-icon[data-brand=github]::after{font-size-adjust:none;font-family:"Font Awesome 7 Brands";font-weight:400;content:""}.contact-explanation{line-height:1.75;text-align:justify}.history-list{row-gap:0.9375rem;list-style:none;display:flex;flex-direction:column}.history-date{margin-block-end:0.3125rem;font-size:80%;opacity:0.7;display:block}.navigation-list{line-height:1.75;list-style:none;display:inline}.navigation-item{display:inline}.navigation-item:nth-child(1){display:none}.navigation-item:not(:nth-child(2))::before{font-size-adjust:none;font-family:"Font Awesome 7 Sharp";font-weight:400;content:"";margin-inline:0.4em;color:var(--primary-color);opacity:0.5;line-height:0}.announcement-block{margin-block-start:3.125rem;display:flex;flex-direction:column;align-items:center}.announcement{display:flex;align-items:center;container-name:announcement;container-type:inline-size}@media screen and (min-width:801px){.announcement{width:85cqi;max-width:37.5rem;column-gap:2.5rem;flex-direction:row}}@media screen and (max-width:800px){.announcement{width:100%;max-width:none;padding-inline:1.25rem;row-gap:1.875rem;flex-direction:column;box-sizing:border-box}}.announcement-left{flex:0 0 auto}.announcement-right{flex:1 1 auto}@media screen and (min-width:801px){.announcement-image{width:25cqi}}@media screen and (max-width:800px){.announcement-image{width:40cqi}}.announcement-header{margin-block-end:0.9375rem;font-size:150%;color:var(--primary-color);letter-spacing:0.1em}.announcement-message{margin-block-end:0.9375rem;line-height:1.75;text-align:justify}.announcement-button-list{column-gap:1.25rem;display:flex;align-items:center}.button{padding-inline:0.625rem;padding-block:0.0625rem;color:white;line-height:1.75;text-align:center;box-shadow:0.125rem 0.125rem 0rem 0rem var(--shadow-color);background-size:100% 200%;background-image:linear-gradient(to bottom,var(--secondary-color) 50%,var(--secondary-active-color) 50%);transition:background-position 0.2s;display:inline-block}.button:not(:hover){background-position:0% 0%}.button:hover{background-position:0% 100%}.link,.navigation-link{text-decoration:none;background-size:100% 0.0625rem;background-position:left bottom;background-repeat:no-repeat;cursor:pointer}.link:not(:hover),.navigation-link:not(:hover){color:var(--secondary-color);background-image:linear-gradient(var(--secondary-color),var(--secondary-color))}.link:hover,.navigation-link:hover{color:var(--secondary-active-color);background-image:linear-gradient(var(--secondary-active-color),var(--secondary-active-color))}@media screen and (min-width:801px){.large-screen{display:inline}}@media screen and (max-width:800px){.large-screen{display:none}}@media screen and (min-width:801px){.small-screen{display:none}}@media screen and (max-width:800px){.small-screen{display:inline}}