.p-project{position:relative}.p-project .p-project__filter{display:flex}.p-project .p-project__category{display:flex;flex-wrap:wrap}.p-project .p-project__category a{display:flex;align-items:center;justify-content:center;padding-bottom:.0625rem;border:1px solid var(--text);border-radius:9999rem;color:var(--text);line-height:normal;transition:opacity .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1),color .25s cubic-bezier(.215,.61,.355,1)}.p-project .p-project__category a[aria-current=page]{border-color:var(--primary);background:var(--primary);color:var(--text-inverse)}.p-project .p-project__list{display:flex;flex-direction:column}.p-project .p-project__item a{display:block}.p-project .p-project__img{display:flex;align-items:center;justify-content:center;aspect-ratio:458/366;background:var(--bg-surface);transition:opacity .25s cubic-bezier(.215,.61,.355,1)}.p-project .p-project__img picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.p-project .p-project__img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-project .p-project__body{display:flex;flex-direction:column}.p-project .p-project__title{color:var(--text);font-style:normal;font-weight:300;font-family:Noto Sans JP,sans-serif}.p-project .p-project__meta{display:flex;align-items:center;color:var(--text-muted)}.p-project .p-project__category-name{position:relative}.p-project .p-project__category-name:before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-left:1px solid currentcolor;content:""}.p-project .p-project__place{color:var(--text-muted)}.p-project .p-project__text{color:var(--text)}.p-project .p-project__link{text-align:right}.p-project .p-project__link span{display:inline-block;border-bottom:1px solid currentcolor;color:var(--text);transition:opacity .25s cubic-bezier(.215,.61,.355,1)}@media screen and (min-width:768px){.p-project{min-height:100vh;padding:8.375rem 0 7.5rem}.p-project .p-project__filter{align-items:center;margin-bottom:5.25rem}.p-project .p-project__category{gap:.5rem}.p-project .p-project__category a{width:5.5rem;height:1.75rem;font-size:.875rem}.p-project .p-project__list{gap:4rem}.p-project .p-project__item a{display:flex;align-items:stretch;gap:5.7142857143%}.p-project .p-project__img{flex-shrink:0;width:36.7346938776%;padding:3.0612244898%}.p-project .p-project__body{flex:1;min-width:0;margin-top:0}.p-project .p-project__title{font-size:1.25rem;line-height:1.5}.p-project .p-project__meta{margin-top:1.25rem;gap:.75rem;font-size:.875rem}.p-project .p-project__category-name{padding-left:.75rem}.p-project .p-project__category-name:before{height:.875rem}.p-project .p-project__place{margin-top:.75rem;font-size:.875rem}.p-project .p-project__text{margin-top:1.25rem;font-size:.875rem;line-height:2}.p-project .p-project__link{margin-top:auto;padding-top:1.5rem}.p-project .p-project__link span{font-size:.875rem;line-height:1.4285714286}}@media screen and (min-width:768px)and (max-width:1023px){.p-project{padding-top:4.1875rem}.p-project .p-project__filter{margin-bottom:3rem}.p-project .p-project__item a{display:block}.p-project .p-project__img{width:100%}.p-project .p-project__body{margin-top:1.5rem}}@media screen and (max-width:767px){.p-project{padding:0 9.0666666667vw 21.3333333333vw}.p-project .p-project__filter{margin-bottom:8.5333333333vw}.p-project .p-project__category{gap:2.1333333333vw}.p-project .p-project__category a{width:23.4666666667vw;height:7.4666666667vw;font-size:3.7333333333vw}.p-project .p-project__list{gap:12.8vw}.p-project .p-project__img{padding:8vw}.p-project .p-project__body{margin-top:6.4vw}.p-project .p-project__title{font-size:4.8vw;line-height:166.6666666667%}.p-project .p-project__meta{margin-top:5.3333333333vw;gap:3.2vw;font-size:3.7333333333vw}.p-project .p-project__category-name{padding-left:3.2vw}.p-project .p-project__category-name:before{height:3.7333333333vw}.p-project .p-project__place{margin-top:3.2vw;font-size:3.7333333333vw}.p-project .p-project__text{margin-top:6.4vw;font-size:3.7333333333vw;line-height:200%}.p-project .p-project__link{margin-top:6.4vw}.p-project .p-project__link span{font-size:3.7333333333vw;line-height:142.8571428571%}}@media(any-hover:hover){.p-project .p-project__category a:hover,.p-project .p-project__item a:hover .p-project__img{opacity:.7}.p-project .p-project__item a:hover .p-project__link span{opacity:.6}}