*{box-sizing:border-box}@media screen and (width < 768px){:root{--g: 20px}html,body{font-size:14px}}@media screen and (768px <=width < 1480px){:root{--g: calc((100vw - 768px) / 35.6 + 20px)}html,body{font-size:14px}}@media screen and (1480px <=width){:root{--g: 40px}html,body{font-size:16px}}body{--themeColor: #CCCCCC}.Home,.info{--themeColor: #ea665c}.About{--themeColor: #d69f00}.Product,.update{--themeColor: #afbe15}.Download{--themeColor: #69be82}.Support,.column{--themeColor: #4d97e3}.Guideline{--themeColor: #b46bd4}html,body{margin:0;padding:0}body{font-family:Noto Sans JP,Noto Sans CJK JP,BIZ UDPGothic,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#0009;line-height:1.5;min-height:100svh;min-width:320px;max-width:100%;overflow-x:hidden;font-feature-settings:"palt";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#fff linear-gradient(90deg,#ea665c14,#da970014 14%,#c6c60014 29%,#7dad4514,#55cebf14,#4a7ef414 71%,#cc67ce14 86%,#ea665c14)}p,ul li,ol li,dl dt,dl dd,address{margin:0 0 1em;&:last-child{margin-bottom:0}}ul,ol{margin:0;padding:0;& li{margin:0;padding:0}}ul{& li{list-style:none}}hr{margin:calc(var(--g)) auto;border-top:1px solid rgba(#000,.5);width:25%}img,svg{display:inline-block;max-width:100%;line-height:1;vertical-align:middle}small{font-size:80%}a{display:inline-block;transition:color .5s;&:link,&:visited{color:#0009;img{outline:1px solid rgba(0,0,0,0);transition:outline .5s,filter .5s}}&:hover,&:active{color:#60606099;img{outline:1px solid rgba(0,0,0,.6);filter:brightness(1.1)}}}figure{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.siteLogo{aspect-ratio:280 / 60;.cls-2{fill-rule:evenodd}}.disable{& img{filter:brightness(50%);will-change:filter}}.col1{padding:0 var(--g) calc(var(--g) * 2)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}body>.wrapper{width:100%;overflow-x:hidden;min-height:100dvh;>header{position:fixed;top:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:none!important;z-index:10;text-shadow:0 0 2px #FFF;border-bottom:4px solid #FAFAFA;background:#fafafabf;box-shadow:0 1px 4px #5a3c5a14,0 15px 20px #5a3c5a14;backdrop-filter:blur(12px);will-change:filter;&:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#ffffffbf;z-index:1}#HeaderLogo{margin:0 auto 0 var(--g);font-size:1em;& a{display:block;.cls-1,.cls-2{transition:fill .5s}&:link,&:visited{.cls-1,.cls-2{fill:#000000bf}}&:hover,&:active{.cls-1,.cls-2{fill:#404040bf}}}.siteLogo{.cls-1,.cls-2{height:calc(var(--g) * 1.5);fill:#000000bf}}}#NavToggle{display:none}.btnGNav{cursor:pointer}& nav{height:100%;display:flex;flex-direction:column;justify-content:space-between;>*{margin:0}#Language{padding:var(--g) calc(var(--g) - .5em) 0 0;display:flex;flex-direction:row;justify-content:flex-end;& li{line-height:1;letter-spacing:.15em;& a{display:inline-block;padding:.2em .5em;text-decoration:none}&:first-child{border-right:1px solid rgba(0,0,0,.6)}&.current{& a{margin:0 .5em;color:#fff;background-color:#0009;text-shadow:none}}}}#GlobalNav{padding:0 calc(var(--g) / 2) 0 0;width:100%;& li{line-height:1;letter-spacing:.15em;text-transform:uppercase;& a{padding:calc(var(--g) / 2) calc(var(--g) / 2) calc(var(--g) / 2);display:inline-block;position:relative;text-decoration:none;border-radius:5px;transition:background-color .5s,color .5s;&:hover,&:active{color:#000;background-color:#0000000d}}&.current{& a{&:after{background-color:var(--themeColor);box-shadow:0 0 4px color-mix(in srgb,var(--themeColor) 50%,transparent)}}}}}}@media screen and (width >=960px){height:calc(var(--g) * 5);max-height:160px;#HeaderLogo{.siteLogo{height:calc(var(--g) * 1.5);max-height:48px;min-height:40px}}& nav{#GlobalNav{display:flex;flex-direction:row;flex-wrap:wrap;overflow-x:auto;& li{padding-bottom:calc(var(--g) / 2 - 6px);& a{&:after{content:"";display:block;position:absolute;left:calc(var(--g) / 4);bottom:calc(-1 * var(--g) / 2 + 6px);width:calc(100% - var(--g) / 2);height:6px;background-color:transparent;z-index:2}}}}}}@media screen and (width < 960px){height:60px;#HeaderLogo{height:30px;.siteLogo{height:30px}}.btnGNav{margin-right:10px;width:40px;height:40px;position:relative;z-index:1500;& div{height:2px;background:#00000080;width:24px;overflow:hidden;font-size:0;position:absolute;left:calc(50% - 12px);transition:all .25s;&:first-child{top:8px}&:last-child{bottom:8px}&:nth-child(2){top:calc(50% - 1px)}}&:after{content:"";position:absolute;width:100%;height:100%;z-index:1501}}& nav{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;visibility:hidden;opacity:0;width:100%;height:calc(100dvh - 54px);position:fixed;left:0;top:54px;background:#fffffff2;z-index:1000;transition:visibility .5s,opacity .5s;transition-behavior:allow-discrete;#Language{padding:20px 0;flex-shrink:0}#GlobalNav{text-align:center;margin:auto 0;padding:0;overflow-y:auto;border-top:1px solid rgba(0,0,0,.1);& li{font-size:150%;border-bottom:1px solid rgba(0,0,0,.1);& a{display:block;padding:calc(var(--g)) 0;&:after{content:"";display:block;position:absolute;left:0;top:calc(50% - 1px);width:20px;height:2px;background-color:transparent;z-index:2}}}}}#NavToggle:checked+.btnGNav{& div{&:first-child{top:calc(50% - 1px);transform:rotate(45deg)}&:last-child{bottom:calc(50% - 1px);transform:rotate(-45deg)}&:nth-child(2){opacity:0}}}#NavToggle:checked+.btnGNav+nav{visibility:visible;opacity:1}}}>footer{position:sticky;top:100dvh;color:#ffffff80;background:#333 linear-gradient(90deg,#ea665c14,#da970014 14%,#c6c60014 29%,#7dad4514,#55cebf14,#4a7ef414 71%,#cc67ce14 86%,#ea665c14);& a{text-decoration:none}& a:link,a:visited{color:#ffffff80}& a:hover,a:active{color:#fff}#Social{padding-top:calc(var(--g));& ul{display:flex;flex-direction:row;justify-content:center;gap:calc(var(--g) * .75);& li{line-height:1;& a{display:block;border-radius:50%;background:#ffffff80;transition:background .5s;& img{outline:none}&:hover,&:active{background:#fff}}& img{width:calc(var(--g) * 1.5);height:calc(var(--g) * 1.5)}}}}.inner{padding:calc(var(--g));display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;#LogoFooter{& a{.cls-1,.cls-2{transition:fill .5s}&:link,&:visited{.cls-1,.cls-2{fill:#ffffff80}}&:hover,&:active{.cls-1,.cls-2{fill:#fff}}}.siteLogo{height:calc(var(--g));max-height:40px;.cls-1,.cls-2{height:calc(var(--g) * 1.5);fill:#ffffff80}}& p{margin:0}}#GlobalNavFooter{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 10px;& li{text-transform:uppercase;font-size:12px;& a{display:inline-block;padding:.4em .5em}}}}}@media screen and (width < 960px){>footer{text-align:center;.inner{display:block}#GlobalNavFooter{padding-bottom:var(--g);justify-content:center}}}>header,>footer{border-top:6px solid;border-image:linear-gradient(90deg,#ea665c,#da9700 14%,#c6c600 29%,#7dad45,#55cebf,#4a7ef4 71%,#cc67ce 86%,#ea665c) 1 / 6px 0 0}& main{@media screen and (width >=1200px){margin-top:160px}@media screen and (960px <=width < 1200px){margin-top:calc(var(--g) * 5)}@media screen and (width < 960px){margin-top:60px}&:not(:has(.pageTitle)){padding-top:calc(var(--g) * 2);&:has(#Slider){padding-top:0}}}.card{border-bottom:4px solid #FAFAFA;background:#fafafa40;box-shadow:0 1px 4px #5a3c5a14,0 15px 20px #5a3c5a14;backdrop-filter:blur(12px);will-change:filter;position:relative;bottom:0;transition:bottom .5s;&:has(>a:hover){bottom:4px}}.shadow{box-shadow:0 1px 4px #5a3c5a14,0 15px 20px #5a3c5a14}.pageTitle{font-size:300%;text-align:center;line-height:1;font-weight:thin;font-weight:100;letter-spacing:.25em;padding:calc(var(--g) * 2) var(--g);text-shadow:0 0 6px rgba(0,0,0,.3);text-transform:uppercase;@media screen and (640px <=width < 960px){font-size:240%}@media screen and (width < 640px){font-size:200%}}& aside:has(+.articleBody){margin-bottom:var(--g)}.articleBody,.topicBody{& p,ul,ol,address{margin-bottom:2em;&:last-child{margin-bottom:0}}& ul,ol{& li{padding-left:1em;margin-bottom:.75em;line-height:1.4;position:relative;&:last-child{margin-bottom:0}>*{margin-top:1em}}}& ul{>li{&:after{content:"";position:absolute;width:.5em;height:2px;left:0;top:.6em;background:#00000040}>ol{li:after{content:none}}}}& ol{>li{margin-left:1em;padding-left:0}}}}