.p-main{padding:100px 0 215px}@media screen and (max-width: 1080px){.p-main{padding:90px 0 180px}}@media screen and (max-width: 810px){.p-main{padding:80px 0 150px}}@media screen and (max-width: 650px){.p-main{padding:70px 0 120px}}@media screen and (max-width: 500px){.p-main{padding:60px 0 90px}}.p-mainBg{position:absolute;top:0;left:31%;transform:translateX(-50%);width:3500px;height:2000px}.p-main__menu{display:table;margin:0 auto;width:290px;background-color:#000;position:relative;cursor:pointer}.p-main__menu:before{position:absolute;content:"";border:1.5px solid #fff;transform:rotate(45deg);top:42%;right:31px;height:8px;width:8px;border-top:none;border-left:none;z-index:10}.p-main__select{font-family:"秀英明朝 L";color:#fff;font-size:2rem;padding:28px 0 24px 20px;width:100%;z-index:5;position:relative;cursor:pointer;background-color:#000}.p-main__select option{color:#fff}.p-main__list{margin-top:80px;display:flex;flex-wrap:wrap;gap:70px 2%}@media screen and (max-width: 1080px){.p-main__list{gap:60px 2%}}@media screen and (max-width: 810px){.p-main__list{gap:50px 0;justify-content:space-between}}@media screen and (max-width: 650px){.p-main__list{gap:40px 0}}@media screen and (max-width: 500px){.p-main__list{gap:30px 0}}.p-main__item{width:32%}@media screen and (max-width: 810px){.p-main__item{width:49%}}@media screen and (max-width: 500px){.p-main__item{width:100%}}.p-main__link{cursor:pointer}.p-main__link:hover .p-main__cate{background-color:#509336}.p-main__link:hover .p-main__date{opacity:1}.p-main__img{width:100%;aspect-ratio:3.5/2.5;position:relative}.p-main__cate{position:absolute;background-color:#000;transition:background-color .3s;padding:15px;line-height:1;bottom:0;left:0}.p-main__date{opacity:.3;margin-top:20px;display:table;line-height:1;transition:opacity .3s}.p-main__title{font-size:2.5rem;margin-top:10px;display:table}@media screen and (max-width: 650px){.p-main__title{margin-top:5px}}@media screen and (max-width: 500px){.p-main__title{margin-top:0}}.p-main__text{line-height:2;margin-top:10px}.p-pager{position:relative;display:table;margin:120px auto 0;width:fit-contnet;border-radius:30px;overflow:hidden}@media screen and (max-width: 1080px){.p-pager{margin:100px auto 0}}@media screen and (max-width: 810px){.p-pager{margin:80px auto 0}}@media screen and (max-width: 650px){.p-pager{margin:65px auto 0}}@media screen and (max-width: 500px){.p-pager{margin-top:50px;width:85%}}.p-pager li{overflow:hidden;margin:0 12px}.p-pager li:nth-child(1){padding-left:100px}.p-pager li:last-child{padding-right:100px}@media screen and (max-width: 810px){.p-pager li{margin:0 10px}}@media screen and (max-width: 370px){.p-pager li{margin:0 8px}}.page-numbers{background-color:#afe301;display:flex;justify-content:center;align-items:center;font-size:2rem;padding:5px 0}.page-numbers a{position:relative;color:#000;border-bottom:1px solid transparent}@media screen and (max-width: 500px){.page-numbers a,.page-numbers span{font-size:1.8rem}}.page-numbers .current{position:relative}.page-numbers .current:before{position:absolute;content:"";background-color:#000;bottom:5px;width:100%;height:2px;left:50%;transform:translateX(-50%)}.page-numbers .dots{pointer-events:none;color:#000}.page-numbers .prev,.page-numbers .next{position:relative;font-size:1.6rem;margin-left:10px}.page-numbers .prev:before,.page-numbers .next:before{content:"";position:absolute;width:7px;height:7px;border-right:1px solid #000;border-bottom:1px solid #000;transition:border .4s;right:-12px;transform:rotate(-45deg)}.page-numbers .prev{margin-right:10px}.page-numbers .prev:before{left:-12px;transform:rotate(135deg)}