@charset "UTF-8";*{box-sizing:border-box;padding:0;margin:0}:root{--easeOutQuart: cubic-bezier(.25, 1, .5, 1);--easeBounceCustom: cubic-bezier(.46, 2.26, .64, 1)}html{font-family:Open Sans,Zen Kaku Gothic New,sans-serif;line-height:1.5;background-color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mainUpperContainer{container-name:mainupper;container-type:inline-size}.mainUpper{display:flex}@container mainupper (width <= 780px){.mainUpper{display:grid;grid-template-columns:auto auto}}.cardContainer{container-type:inline-size}.card{display:flex;flex-direction:row;container-type:inline-size}@container (max-width: 430px){.card{flex-direction:column}}.navigationItem:before{background-color:#42539524}.navigationItem:has(a:hover):before{background-color:#42539599}.navigationItem:has(a.current):before{background-color:#425395}.dashboardWrapper{display:grid;grid-template:"header header" 80px "sidebar main" auto/200px 1fr;width:100%}@media (width <= 800px){.dashboardWrapper{grid-template:"header header" 80px "main main" auto/200px 1fr}}.dashboardHeader{position:sticky;top:0;z-index:1;display:flex;grid-area:header;align-items:center;width:100%;padding:0 16px;background-color:#425395;box-shadow:0 2px 4px #0000001a}@media (width <= 800px){.dashboardHeader{padding:0 32px}}.dashboardHeader h1{font-size:24px;color:#fff;text-transform:uppercase;letter-spacing:.05em}.dashboardSidebar{position:sticky;top:80px;display:flex;flex-direction:column;grid-area:sidebar;gap:16px;width:200px;height:calc(100vh - 80px);padding:16px;background-color:#fff;box-shadow:2px 0 4px #0000001a}@media (width <= 800px){.dashboardSidebar{display:none}}.dashboardMain{display:grid;grid-area:main;grid-template:"upper upper" auto "leftColumn rightColumn" 1fr/55% 1fr;gap:32px;padding:32px;background-color:#eaeff9}@media (width <= 800px){.dashboardMain{display:flex;flex-direction:column;gap:16px}}.mainUpperContainerStyle{grid-area:upper;overflow:scroll;resize:horizontal;scrollbar-width:none}.mainUpperContainerStyle::-webkit-scrollbar{display:none}.mainUpperStyle{flex-wrap:nowrap;gap:16px;align-items:stretch}.columnLeft{grid-area:leftColumn}.columnRight{grid-area:rightColumn}.cardContainerStyle{display:flex;flex-direction:column;gap:16px;overflow:scroll;resize:horizontal;scrollbar-width:none}.cardContainerStyle::-webkit-scrollbar{display:none}.cardStyle{gap:16px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.miniCard{width:100%;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.miniCardTitle{margin-bottom:6px;font-size:12px;color:#777}.miniCardNumber{margin-bottom:8px;font-size:32px;font-weight:700;line-height:1.2;color:#444}.miniDescription{font-size:12px;color:#444}.graph{flex-shrink:0;width:180px;height:180px;margin:0 auto;overflow:hidden;border-radius:4px}.dataDetail{padding:8px 0}.dataTitle{margin-bottom:8px;font-size:24px;line-height:1.2;color:#444}.dataDescription{margin-bottom:1em;font-size:14px;line-height:1.4;color:#444}.sidebarNavigation{padding-top:16px;list-style:none}.navigationItemStyle{position:relative;padding-top:9px;padding-bottom:9px;padding-left:16px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.1em}.navigationItemStyle:before{position:absolute;top:0;left:-2px;display:block;width:2px;height:100%;margin-right:8px;content:"";border-radius:2px;transition:background-color .2s var(--easeOutQuart)}.navigationLink{display:flex;align-items:center;padding:6px 12px 6px 0;color:#4449;border-radius:8px;transition:background-color .2s var(--easeOutQuart),color .2s var(--easeOutQuart)}.navigationLink.current,.navigationLink:hover{color:#444}.navigationIcon{margin-right:8px}.dashBackToIndex{position:absolute;bottom:32px;display:block;width:calc(100% - 32px);padding:8px;font-weight:700;color:#444}.dashBackToIndexMobile{position:fixed;bottom:26px;left:26px;display:grid;place-items:center;width:60px;height:60px;color:#fff;background-color:#425395;border-radius:30px;box-shadow:0 2px 4px #0000001a}@media (width >= 800px){.dashBackToIndexMobile{display:none}}.dashBackToIndexMobile .material-symbols-rounded{font-size:32px}.menuItem{transition:translate .35s var(--easeOutQuart),scale .2s var(--easeOutQuart);scale:.4;translate:0 0;--angle: calc(40deg * var(--index) + 36deg)}.menuButton.active~.menuItem{transition:translate .3s calc(.03s * var(--index)) var(--easeOutQuart),scale .35s calc(.06s * var(--index) + .04s) var(--easeBounceCustom);scale:1;translate:calc(cos(var(--angle))*80px) calc(sin(var(--angle))*-80px)}.menuButtonWrapper{position:fixed;right:80px;bottom:80px;z-index:100}@media (width >= 801px){.menuButtonWrapper{display:none}}.menuButton{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:60px;height:60px;margin-top:-6px;margin-left:-6px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;background-color:#425395;border:none;border-radius:30px;box-shadow:0 2px 4px #0000001a}.menuItemStyle{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:48px;height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:#4a6be5;border:none;border-radius:24px}.menuIcon{position:absolute;display:block;width:40px;height:40px;font-size:40px;transition:visibility .35s,opacity .35s,scale .2s .08s cubic-bezier(.46,1.56,.64,1)}.menuIcon__close,.menuButton.active .menuIcon{visibility:hidden;opacity:0;scale:.6}.menuButton.active .menuIcon__close{visibility:visible;opacity:1;scale:1}.menuItemIcon{display:block;width:26px;height:26px;font-size:26px;color:#fff}.scrollDrivenBg{position:fixed;z-index:-1;width:100%;height:100vh;background-image:linear-gradient(180deg,#d2f4ff 0%,#fff 50%,#efefef 50%,#b7b7b7 100%)}.titlePanel{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:400px;height:240px;background-color:#fff;border-top:6px solid #333;translate:-50% -50% 0;animation-name:title;animation-timing-function:linear;animation-timeline:scroll()}.title{font-size:38px;font-weight:500;text-align:center}.titlePref{display:block;font-size:24px;line-height:1.2;letter-spacing:.15em}.scrollArea{height:2000vh}.window{position:fixed;width:500%;height:100vh;margin-left:-200%;transform-style:preserve-3d;perspective:1500px}.uiTitle{position:fixed;top:16px;left:16px;z-index:10;font-size:24px;font-weight:500;animation-name:uiTitle;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-timeline:scroll()}.uiTitlePref{display:block;font-size:16px;line-height:1.2;letter-spacing:.15em}.uiReference{position:fixed;top:16px;right:16px;z-index:10;font-size:12px;font-weight:500;animation-name:uiTitle;animation-timing-function:var(--easeOutQuart);animation-timeline:scroll()}.uiBackToIndex{position:fixed;bottom:16px;left:16px;z-index:10;font-size:16px;font-weight:500;animation-name:uiTitle;animation-timing-function:var(--easeOutQuart);animation-timeline:scroll()}.pref{position:absolute;top:54%;left:50%;display:inline-block;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:700px;margin-left:-400px;transform-origin:50% 50%;translate:0 0 -100px;animation-name:closing;animation-timing-function:linear;animation-timeline:scroll()}.data{width:240px;height:150px;padding:8px 16px;color:#333;background-color:#fff;border-top:6px solid #333;backface-visibility:hidden}.prefName{font-size:32px}.densityWrapper{margin-bottom:12px}.densityNumber{font-size:28px;font-weight:700;line-height:1.2}.densityUnit{font-size:12px;line-height:1.2}.subData{font-size:10px;font-weight:500}.rank{position:absolute;right:20px;bottom:12px;font-size:24px;font-weight:700}.rankUnit{font-size:13px}.figure{width:288px;height:68px;margin-top:56px;transform-style:preserve-3d;perspective-origin:132% -74%;perspective:1500px}.person{position:absolute;width:calc(36px * var(--person));height:72px;background-image:url(/pwa_night_vol55/assets/icon_human-ed82804f.svg);background-repeat:repeat-x;background-size:36px auto;translate:-30px calc(64px - 64px * var(--stack)) calc(-80px * var(--row));backface-visibility:hidden;--row: 1;--stack: 1}.person:nth-child(2n){translate:-10px calc(64px - 64px * var(--stack)) calc(-100px * var(--row))}.square{position:absolute;bottom:0;left:50%;width:380px;height:1200px;margin-left:-174px;background-color:#999;transform-origin:50% 100%;rotate:1 0 0 90deg}.backToStart{position:absolute;top:50%;left:50%;z-index:10;display:block;width:300px;margin-left:-150px;font-size:32px;font-weight:700;color:#333;text-align:center;text-decoration:none;animation-name:backToTop;animation-timing-function:linear;animation-timeline:scroll()}@keyframes uiTitle{0%{opacity:0}2%{opacity:0}3%{opacity:1}}@keyframes title{0%{opacity:1;translate:-50% -50% 0}1%{opacity:0;translate:-50% -50% 1000px}2%{opacity:0;translate:-50% -50% 10000px}to{opacity:0;translate:-50% -50% 10000px}}@keyframes closing{0%{translate:0 0 calc(-2000px * var(--index))}to{translate:0 0 calc(-2000px * var(--index) + 96000px)}}@keyframes backToTop{0%{translate:0 0 -96000px}to{translate:0 0 0px}}.indexWrapper{width:360px;margin:0 auto}.indexTitle{margin-bottom:32px;font-size:48px;text-align:center}.indexList li{margin-bottom:32px;list-style:none}.indexList li a{transition:.2s var(--easeOutQuart)}.indexList li a:hover{color:#ff4419}.indexText{font-size:18px;font-weight:700}.technologies{display:block;font-size:12px}