@layer components{.infolist:not(:has(.infolist__item--no-data)){--infolist-row-gap:0.9375rem;display:grid;gap:var(--infolist-row-gap) 1.25rem;grid-template-columns:repeat(2,auto) 1fr;height:calc(1em*var(--font-lineheight)*5 + var(--infolist-row-gap)*4);overflow-y:scroll;padding-right:1.25rem;scroll-snap-type:y proximity;scrollbar-color:var(--sdgs-gray) var(--sdgs-base);scrollbar-width:thin}:is(.infolist__item,.infolist__link){display:grid;grid-column:1/-1;grid-template-columns:subgrid}:is(.infolist__date,.infolist__text){font-size:1rem;font-weight:500}.infolist__item{scroll-snap-align:start}.infolist__link{transition:.2s color var(--ease-in-sine)}@media (hover:hover){.infolist__link:hover:has(.infolist__badge--info){color:var(--sdgs-primary)}.infolist__link:hover:has(.infolist__badge--event){color:var(--sdgs-secondary)}}.infolist__badge{align-self:center;border:.125rem solid;border-radius:6.1875rem;display:grid;font-size:.875rem;font-weight:700;height:calc(1em*var(--font-lineheight));line-height:1;place-content:center;text-align:center;width:6.25rem}.infolist__badge--info{color:var(--sdgs-primary)}.infolist__badge--event{color:var(--sdgs-secondary)}.infolist__date{font-variant-numeric:tabular-nums}.infolist__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:699.99px){.infolist:not(:has(.infolist__item--no-data)){grid-template-columns:6.25rem auto;padding-right:0}.infolist__text{grid-column:-1/1;margin-top:.625rem;overflow:visible;white-space:normal}}}@layer specific{.footer{margin-top:1.25rem}@media only screen and (max-width:699.99px){.footer{margin-top:.625rem}}.top__notice{--notice-color:var(--sdgs-primary);color:var(--notice-color)}*+.top__notice,.top__notice+*{margin-top:1.25rem}.top__notice+.top__notice{margin-top:.625rem}.top__notice--alert{--notice-color:var(--sdgs-alert)}.top__notice--alert .top__notice-text:before{-webkit-mask-image:url(../img/common/icon-alert.svg);mask-image:url(../img/common/icon-alert.svg)}@media (hover:hover){.top__notice-link:hover .top__notice-text{background:oklch(from var(--notice-color) calc(l + .1) calc(c + .01) h);border-color:oklch(from var(--notice-color) calc(l + .1) calc(c + .01) h);color:var(--sdgs-white)}}.top__notice-text{align-items:baseline;background:var(--sdgs-white);border:.0625rem solid var(--notice-color);border-radius:1.25rem;color:var(--notice-color);display:grid;font-weight:500;gap:.625rem;grid-template-columns:1.25rem 1fr;padding:.5rem 1.25rem;transition:.2s background var(--ease-in-sine),.2s border-color var(--ease-in-sine),.2s color var(--ease-in-sine);width:100%}.top__notice-text:before{background:currentColor;content:"";display:block;flex-shrink:0;height:1.25rem;-webkit-mask:url(../img/common/icon-notice.svg) no-repeat center/contain;mask:url(../img/common/icon-notice.svg) no-repeat center/contain;position:relative;top:.3125rem;width:1.25rem}:is(.top__visual-banner,.top__visual-thumbs) img{height:100%;object-fit:cover;width:100%}:is(.top__visual-banner,.top__visual-thumb){border-radius:1.25rem}:is(.top__visual-banner,.top__visual-item,.top__visual-thumb){aspect-ratio:2200/800}.top__visual-banner{overflow:hidden;position:relative;width:100%}.top__visual-items{display:flex;height:100%;left:var(--slide-position,0);position:absolute;transition:.5s left var(--ease-in-sine)}.top__visual-thumbs{display:grid;gap:.625rem;grid-template-columns:repeat(8,1fr);margin-top:.625rem}@media (hover:hover){:where(.top__visual-thumbs:has(.top__visual-thumb:hover)) :where(.top__visual-thumb:not(:hover)){opacity:.5}}:where(.top__visual-thumbs:has(.js-active)) :where(.top__visual-thumb:not(.js-active)){background:rgb(var(--sdgs-charcoal-rgb)/.5)}.top__visual-thumb{cursor:pointer;overflow:hidden;transition:.2s opacity var(--ease-in-sine),.2s background var(--ease-in-sine)}@media (hover:hover){.top__visual-thumb:hover{background:var(--sdgs-white);opacity:1}}.top__visual-thumb img{mix-blend-mode:multiply}.top__platform-quote{font-size:1.25rem;font-weight:700;line-height:1.9;text-align:center}.top__platform-diagram{--diagram-width:91.25rem;margin-top:1.875rem}.top__platform-diagram img{margin-inline:auto;width:min(100%,var(--diagram-width))}.top__platform-btns{display:grid;grid-template-columns:repeat(3,1fr);justify-self:center;margin-top:1rem}.top__platform-btn{width:min(100%,18.75rem)}.top__platform-items{display:grid;gap:.625rem 1.25rem;grid-template:repeat(3,auto)/repeat(4,1fr);margin-top:1.5625rem}:is(.top__platform-item,.top__platform-link){display:grid;grid-row:-1/1;grid-template-rows:subgrid}@media (hover:hover){.top__platform-link:hover .top__platform-img{background:oklch(from var(--sdgs-primary) calc(l + .25) calc(c - .05) h);border-color:oklch(from var(--sdgs-primary) calc(l + .25) calc(c - .05) h)}.top__platform-link:hover .top__platform-img:after{background:oklch(from var(--sdgs-primary) calc(l - .1) c h)}}.top__platform-img{border:.0625rem solid var(--sdgs-gray);border-radius:1.25rem;position:relative;transition:.2s background var(--ease-in-sine),.2s border-color var(--ease-in-sine)}.top__platform-img:after{background:var(--sdgs-primary);bottom:.9375rem;content:"";display:block;height:1em;-webkit-mask:url(../img/common/icon-arrow-circle.svg) no-repeat center/contain;mask:url(../img/common/icon-arrow-circle.svg) no-repeat center/contain;position:absolute;right:.9375rem;transition:.15s background var(--ease-in-sine);width:1em}.top__platform-img img{width:100%}.top__platform-linkname{color:var(--sdgs-primary);font-size:1.25rem;font-weight:700;margin-top:.625rem;text-align:center}.top__banners{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.top__banner{border:.0625rem solid var(--sdgs-gray);border-radius:1.25rem;overflow:hidden}.top__banner img{object-fit:cover;width:100%}.top__banner-link{transition:.2s opacity var(--ease-in-sine)}@media (hover:hover){.top__banner-link:hover{opacity:.5}}@media only screen and (max-width:699.99px){*+.top__notice,.top__notice+*{margin-top:.625rem}.top__notice+.top__notice{margin-top:.5rem}.top__notice-text{padding-inline:.625rem}:is(.top__visual-banner,.top__visual-item,.top__visual-thumb){aspect-ratio:1}.top__visual-thumbs{grid-template-columns:repeat(4,1fr)}.top__platform-quote{font-size:1rem;text-align:left}.top__platform-diagram{--diagram-width:20.625rem;margin-top:1.25rem}.top__platform-btns{grid-template-columns:1fr;margin-top:1.875rem;row-gap:.625rem;width:min(100%,18.75rem)}.top__platform-items{grid-template-columns:1fr;row-gap:1.875rem}:is(.top__platform-item,.top__platform-link){grid-row:auto;grid-template-rows:auto}.top__platform-link{row-gap:.9375rem}.top__platform-linkname{margin-top:.3125rem}.top__banners{gap:.625rem;grid-template-columns:1fr}.top__banner img{height:5rem}}}