<ul class="accordion" id="accordionExample">
	 <li class="accordion-item">
	  <h3 class="accordion-header">
	   <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">コンテンツ１</button>
	  </h3>
	  <div id="collapse1" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
	   <div class="accordion-body">
		<dl class="row">
		 <dt class="col-md-6">
		  <img src="img/top-link-back-1.webp" alt="コンテンツ１" class="img-fluid"> 
		 </dt>
		 <dd class="col-md-6">
		  <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
		 </dd>
		</dl>
	   </div>
	  </div>
	 </li>
	</ul>
	

//accordion-item　１ブロック
	#accordion-container .accordion .accordion-item {
	margin-bottom: 1.5rem;
	border: 1px solid #000; }

	#accordion-container .accordion .accordion-item:not(:first-of-type) {
	border: 1px solid #000; }

	//accordion-button　ボタン
	#accordion-container .accordion .accordion-item .accordion-button {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 1rem;
	transition: 0.1s; }

	//accordion-button　ボタン----マウスオーバー時
	#accordion-container .accordion .accordion-item .accordion-button:hover {
	background-color: #effaff; }

	//accordion-button　ボタン----クリック時
	#accordion-container .accordion .accordion-item .accordion-button:focus {
	border-color: inherit;
	box-shadow: none; }
	#accordion-container .accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: #0090d5;
	color: #fff; }

	//accordion-button　ボタン----矢印部分
	#accordion-container .accordion .accordion-item .accordion-button::after {
	flex-shrink: 0;
	margin-left: auto;
	font-family: "Font Awesome 5 Free";
	content: "\f13a";
	font-weight: 900;
	font-size: 23px;
	font-size: 2.3rem;
	width: 23px;
	height: 27px;
	background-image: none; }

	//accordion-body　隠しているブロック（非表示部分）
	#accordion-container .accordion .accordion-item .accordion-body dl {
	padding: 2.5rem 2rem 1.5rem; }
		@media screen and (max-width: 767px) {
		#accordion-container .accordion .accordion-item .accordion-body dl {
		padding: 1.5rem 2rem 0.5rem; } }

	#accordion-container .accordion .accordion-item .accordion-body dl dd {
	padding-left: 2rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 0; }
		@media screen and (max-width: 767px) {
		#accordion-container .accordion .accordion-item .accordion-body dl dd {
		padding: 1.5rem 0 0; } }

	#accordion-container .accordion .accordion-item .accordion-body dl dd p {
	text-align: justify; }
		@media screen and (max-width: 767px) {
		#accordion-container .accordion .accordion-item .accordion-body dl dd p {
		padding-bottom: 0.5rem; } }
	

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
<img src="img/top-modal-img-1.webp" alt="モーダル１" class="img-fluid"> 
<span>view more</span>
</button>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">コンテンツ１</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img src="img/top-modal-img-2.webp" alt="モーダル１" class="img-fluid"> 
</div>
</div>
</div>
</div>
	

#modal-container .btn-primary {
background: inherit;
padding: 1rem;
border: 0; }

#modal-container .btn-primary span {
display: block;
font-size: 16px;
font-size: 1.6rem;
background: #000;
padding: 1rem;
transition: 0.3s; }

#modal-container .btn-primary div {
overflow: hidden; }

#modal-container .btn-primary div img {
transition: 0.3s; }

#modal-container .btn-primary:hover span {
background: #0090d5; }

#modal-container .btn-primary:hover div img {
transform: scale(1.1); }

#modal-container .modal-dialog {
max-width: 80%; }

#modal-container .modal-dialog .modal-body img {
width: 100%; }