li .idPage {
  background-color: #6e7882 !important;
  height: auto !important;
  aspect-ratio: 1/1;
  max-width: 0.4rem;
  width: 1.3vw;
}

li .idPage.is-active {
  background-color: #fafafa !important;
  transform: scale(1) !important;
}.splide:where(.astro-yahzv7us){overflow:hidden;aspect-ratio:1/1;max-width:100%;width:100%;position:relative;cursor:grab}.splide:where(.astro-yahzv7us):active{cursor:grabbing}.imgInner:where(.astro-yahzv7us),.imgInner:where(.astro-yahzv7us) :where(.astro-yahzv7us){width:100%;height:100%;object-fit:cover;transition:all 0.4s ease;opacity:1}@media screen and (max-width: 844px){.imgInner:where(.astro-yahzv7us),.imgInner:where(.astro-yahzv7us) :where(.astro-yahzv7us){transition:all 0.6s ease}}.imgInner:where(.astro-yahzv7us) .hidden:where(.astro-yahzv7us){opacity:0}.project-wrapper:where(.astro-p5zaeqd4){align-items:flex-start;flex-direction:column;width:100%;padding:0 min(5rem,5vw);color:#6e7882;transition:all 0.4s ease;transform:translateY(0.8rem);opacity:0;gap:0;align-items:center;position:relative}@media screen and (max-width: 844px){.project-wrapper:where(.astro-p5zaeqd4){padding:0}}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4){display:grid;width:100%;grid-template-columns:20rem 1fr;flex-direction:column;align-items:left}@media screen and (min-width: 1523px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4){width:auto;grid-template-columns:22rem 1fr 22rem}}@media screen and (max-width: 844px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4){display:flex;flex-direction:column;gap:1rlh}}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .slider-wrapper:where(.astro-p5zaeqd4){grid-column:2/3;aspect-ratio:1/1;justify-self:center;width:100%;background-color:#dfe0e2;max-width:90vh}@media screen and (min-width: 1523px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .slider-wrapper:where(.astro-p5zaeqd4){max-width:85vh}}@media screen and (max-width: 844px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .slider-wrapper:where(.astro-p5zaeqd4){max-width:100%}}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4){justify-self:end;grid-column:1/2;grid-row-start:1;flex-direction:column;gap:1lh;padding-right:3rem;width:100%}@media screen and (min-width: 1523px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4){padding-right:4rem}}@media screen and (max-width: 844px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4){padding:0 2rem 0 min(5rem,5vw)}}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .title-tag-wrapper:where(.astro-p5zaeqd4){width:100%;flex-direction:column}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .title-tag-wrapper:where(.astro-p5zaeqd4) .title:where(.astro-p5zaeqd4){text-wrap:balance;word-break:normal;line-height:1.35;font-size:1rem}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .title-tag-wrapper:where(.astro-p5zaeqd4) .tag:where(.astro-p5zaeqd4){font-family:"NPGQunadoKn2-W350","NotoSansJP-W500","NPBlanc-Tofu",sans-serif;font-kerning:normal;font-feature-settings:"smcp";color:#c8c8c8}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4){line-height:1.6em;font-size:0.95rem;flex-direction:column;margin-bottom:4lh}@media screen and (max-width: 844px){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4){grid-column:1;grid-row:auto}}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper{display:flex;flex-direction:column;text-align:left;align-items:flex-start}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .creditTitle{font-size:0.7em;text-wrap:balance;line-height:1rlh;display:flex;align-items:center;font-family:"NPGQunadoKn2-W350","NotoSansJP-W500","NPBlanc-Tofu",sans-serif;transform:translateY(0.45em)}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .creditInfo{flex:1}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .hidden{display:none}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .description{text-align:justify;margin-bottom:1lh}.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .description a{text-decoration:underline;text-decoration-thickness:0.5px;-webkit-text-decoration-thickness:0.5px}@media (hover: hover){.project-wrapper:where(.astro-p5zaeqd4) .inner-wrapper:where(.astro-p5zaeqd4) .text-wrapper:where(.astro-p5zaeqd4) .desc-container:where(.astro-p5zaeqd4) .creditWrapper .description a:hover{color:#404040}}