.works .page-inner{
	padding: 0;
}

.bgpink{
background: #F091B1;
color: #fff;;
}
.outline-contents{
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px;
}


.wrap.bn {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.block__article_books {
	position: relative;
	flex: 1 0 30%; /* デフォルトは3つ表示する */

	margin-bottom: 20px;
	box-sizing: border-box;
	margin-right: auto; /* アイテムを左寄せにする */
		opacity: 0;
		transform: translateX(100%);
	  }
	  /* 1つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+1) {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 2つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+2) {
    transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
}

/* 3つ目の記事のtransitionプロパティ */
.block__article_books:nth-child(3n+3) {
    transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}
	  .block__article_books.slide-in {
		opacity: 1;
		transform: translateX(0);
	  }
	  .block__article_books::before {
		content: attr(data-new);
		position: absolute;
		top: -10px;
		left: -10px;
		width: 35px;
		height: 35px;
		background-color: #15b1ea;
		padding: 7px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-weight: bold;
		font-size: 10px;
	  }
	  .block__article_books.no-new::before {
display: none;
	  }
	  .article-container {
		display: grid;
		grid-template-columns: repeat(5, 1fr);

    }

    .article-container article {
        box-sizing: border-box;
        margin: 5px; /* Add margin between articles */
    }

	.works a.btnlink{
		width: 130px;
		min-width: 130px;
		padding: 10px;

	}
	.btn-flex {
		display: flex;
		flex-direction: column;
		height: 190px;
		justify-content: space-between;
	}
.acf-fields{
	display:flex;flex-direction: column;
	height: 100%;
}
.fg{
	flex-grow:1;
}

	@media (max-width: 1199px) {
		.article-container {
		  grid-template-columns: repeat(3, 1fr);
		}
	  }

	@media (max-width: 768px) {
		.article-container article{
			max-width: 100%;
		}
		.article-container {
		  display: block;
		}
	  }

  @media (max-width: 767px) {
	.block__article_books  {
        width: calc((100% / 3) - 20px); /* スマートフォンでは1行に3つのアイテムを表示し、マージンを含める */
	}
  }