/* CSS Document */

.nps--area{padding: 9em 0 0;}
.nps--area h3{padding-bottom: 0;}
.nps--area h3::before{content: none;}
.nps--area .more{margin-top: 40px; display: flex; justify-content: flex-end; align-items: flex-end;}


:root{
--nps-list-h3-LH:1.5em;
--nps-list-h3-max:2;
}
.nps--list{}
.nps--list ul{width:100%; margin: 0 auto; display: flex;}
.nps--list ul li,
.nps--list ul li a{display: flex; flex-direction: column;}
.nps--list ul li{margin: 0; background-color: #FFF;
box-shadow: 0 0 10px rgba(204,204,204,0.7);}
.nps--list ul li a{width:100%; height:100%;}
.nps--list ul li a[href]:hover{opacity:0.5;}
.nps--list ul li img{display: block; width:100%; object-fit: cover; aspect-ratio: 279 / 173;}
.nps--list .nps--list--text{font-size: 16px; padding: 0.75em 1em;}
.nps--list ul li time,
.nps--list ul li h3{font-size: 1em; font-weight: 500; line-height: var(--nps-list-h3-LH); color:#000; margin: 0; padding: 0; border: none;}
.nps--list ul li h3{max-height: calc(var(--nps-list-h3-LH) * var(--nps-list-h3-max)); overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--nps-list-h3-max);}
.nps--list ul.col5{gap: 25px calc(1% * 25 / 12);}
.nps--list ul.col5 li{width: calc(1% * 220 / 12);}
.nps--list ul.col5 img{aspect-ratio: 220 / 136;}
.nps--list ul.col3{max-width: 900px; gap: 40px calc(1% * 31.5 / 9); flex-wrap: wrap;}
.nps--list ul.col3 li{width: calc(1% * 279 / 9);}
@media (max-width: 1023px){
	.nps--list ul.col5{gap: calc(1vw * 24 / 9.6) calc(1% * 24/ 9.6); flex-wrap: wrap;}
	.nps--list ul.col5 li{width: calc(1% * 222 / 9.6);}
}
@media (max-width: 768px){
	.nps--list ul.col5{gap: calc(1vw * 24 / 7.2) calc(1% * 24 / 7.2);}
	.nps--list ul.col5 li{width: calc(1% * 224 / 7.2);}
}
@media (max-width: 512px){
	.nps--list ul.col5{gap: calc(1vw * 24 / 4.8) calc(1% * 24 / 4.8);}
	.nps--list ul.col5 li{width: calc(1% * 228 / 4.8);}
	.nps--list ul.col3{gap: calc(1vw * 40 / 6) calc(1% * 32 / 6);}
	.nps--list ul.col3 li{width: calc(1% * 284 / 6);}
}


.pageNav .wp-pagenavi{}
.pageNav .wp-pagenavi a,
.pageNav .wp-pagenavi span{min-width:2em; min-height:2em; border-radius: 100%;
color:#000; background-color: #FFF; border:none;
display: inline-flex; justify-content: center; align-items: center;}
.pageNav .wp-pagenavi a:hover,
.pageNav .wp-pagenavi span.current{color:#009944; background-color: #ebf7f0;}