.about .page-inner{
	padding: 0;
	width: 100%;
}

.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;
	  }


	  @media (max-width: 1281px) {
				   .about .site-footer .footer-wrapper{
						width: 100%;
					}
		
			}
		/* スマートフォン向けのスタイル */
		@media (max-width: 811px) {
	
			.top-gallery-flex{
		display:block;    }
		.about .site-footer .footer-wrapper{
			width: 100%;
		}
		}
  
  @media (max-width: 767px) {
	.block__article_books  {
        width: calc((100% / 3) - 20px); /* スマートフォンでは1行に3つのアイテムを表示し、マージンを含める */
	}
  }